UNPKG

@primeuix/styles

Version:

github.com/primefaces/primeuix

primefaces/primeuix

1 lines • 4.18 kB
1
{"version":3,"sources":["../../src/inputgroup/index.ts"],"sourcesContent":["import { css } from '@primeuix/styled';\n\nexport const style = css`\n .p-inputgroup,\n .p-inputgroup .p-iconfield,\n .p-inputgroup .p-floatlabel,\n .p-inputgroup .p-iftalabel {\n display: flex;\n align-items: stretch;\n width: 100%;\n }\n\n .p-inputgroup .p-inputtext,\n .p-inputgroup .p-inputwrapper {\n flex: 1 1 auto;\n width: 1%;\n }\n\n .p-inputgroupaddon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: dt('inputgroup.addon.padding');\n background: dt('inputgroup.addon.background');\n color: dt('inputgroup.addon.color');\n border-block-start: 1px solid dt('inputgroup.addon.border.color');\n border-block-end: 1px solid dt('inputgroup.addon.border.color');\n min-width: dt('inputgroup.addon.min.width');\n }\n\n .p-inputgroupaddon:first-child,\n .p-inputgroupaddon + .p-inputgroupaddon {\n border-inline-start: 1px solid dt('inputgroup.addon.border.color');\n }\n\n .p-inputgroupaddon:last-child {\n border-inline-end: 1px solid dt('inputgroup.addon.border.color');\n }\n\n .p-inputgroupaddon:has(.p-button) {\n padding: 0;\n overflow: hidden;\n }\n\n .p-inputgroupaddon .p-button {\n border-radius: 0;\n }\n\n .p-inputgroup > .p-component,\n .p-inputgroup > .p-inputwrapper > .p-component,\n .p-inputgroup > .p-iconfield > .p-component,\n .p-inputgroup > .p-floatlabel > .p-component,\n .p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component,\n .p-inputgroup > .p-iftalabel > .p-component,\n .p-inputgroup > .p-iftalabel > .p-inputwrapper > .p-component {\n border-radius: 0;\n margin: 0;\n }\n\n .p-inputgroupaddon:first-child,\n .p-inputgroup > .p-component:first-child,\n .p-inputgroup > .p-inputwrapper:first-child > .p-component,\n .p-inputgroup > .p-iconfield:first-child > .p-component,\n .p-inputgroup > .p-floatlabel:first-child > .p-component,\n .p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component,\n .p-inputgroup > .p-iftalabel:first-child > .p-component,\n .p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component {\n border-start-start-radius: dt('inputgroup.addon.border.radius');\n border-end-start-radius: dt('inputgroup.addon.border.radius');\n }\n\n .p-inputgroupaddon:last-child,\n .p-inputgroup > .p-component:last-child,\n .p-inputgroup > .p-inputwrapper:last-child > .p-component,\n .p-inputgroup > .p-iconfield:last-child > .p-component,\n .p-inputgroup > .p-floatlabel:last-child > .p-component,\n .p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component,\n .p-inputgroup > .p-iftalabel:last-child > .p-component,\n .p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component {\n border-start-end-radius: dt('inputgroup.addon.border.radius');\n border-end-end-radius: dt('inputgroup.addon.border.radius');\n }\n\n .p-inputgroup .p-component:focus,\n .p-inputgroup .p-component.p-focus,\n .p-inputgroup .p-inputwrapper-focus,\n .p-inputgroup .p-component:focus ~ label,\n .p-inputgroup .p-component.p-focus ~ label,\n .p-inputgroup .p-inputwrapper-focus ~ label {\n z-index: 1;\n }\n\n .p-inputgroup > .p-button:not(.p-button-icon-only) {\n width: auto;\n }\n\n .p-inputgroup .p-iconfield + .p-iconfield .p-inputtext {\n border-inline-start: 0;\n }\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}