@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/components/radio.js

@@ -1,132 +1,134 @@
-export var Radio = () => ({
-  '.sk-form-radio': {
-    backgroundImage: 'none',
-    '@apply relative': {},
-    '@apply box-border': {},
-    '@apply bg-primitives-overlay-lighten-10': {},
-    '@apply dark:bg-primitives-overlay-darken-6': {},
-    '@apply border-1': {},
-    '@apply border-primitives-overlay-darken-6': {},
-    '@apply dark:border-primitives-overlay-lighten-6': {},
-    '@apply m-0': {},
-    '@apply h-24 w-24': {},
-    //Hover
-    '@apply hover:after:content-[""]': {},
-    '@apply hover:border-primitives-overlay-darken-8': {},
-    '@apply hover:dark:border-primitives-overlay-lighten-4': {},
-    '&::after': {
-      '@apply absolute': {},
-      '@apply rounded-full': {},
-      '@apply bg-dark-placeholder': {},
-      '@apply m-5': {},
-      '@apply top-0 left-0 bottom-0 right-0': {}
-    },
-    //Focus
-    '@apply focus-visible:ring': {},
-    '@apply focus-visible:bg-background-content': {},
-    '@apply focus-visible:border-background-content': {},
-    '@apply focus-visible:hover:border-background-content': {},
-    //Invalid
-    '&[aria-invalid="true"]': {
-      '@apply border-2': {},
-      '@apply border-error-surface-primary': {},
-      '@apply hover:border-2': {},
-      '@apply hover:border-error-surface-primary': {}
-    },
-    //Checked
-    '&:checked, &[checked="true"]': {
-      '@apply bg-primitives-overlay-lighten-10': {},
-      '@apply dark:bg-primitives-overlay-darken-6': {},
-      '@apply hover:bg-primitives-overlay-lighten-10': {},
-      '@apply hover:dark:bg-primitives-overlay-darken-6': {},
-      '@apply focus:bg-primitives-overlay-lighten-10': {},
-      '@apply focus:dark:bg-primitives-overlay-darken-6': {},
-      '@apply text-primitives-overlay-lighten-10': {},
-      '@apply dark:text-primitives-overlay-darken-6': {},
-      '@apply hover:text-primitives-overlay-lighten-10': {},
-      '@apply hover:dark:text-primitives-overlay-darken-6': {},
-      '@apply focus:text-primitives-overlay-lighten-10': {},
-      '@apply focus:dark:text-primitives-overlay-darken-6': {},
-      '@apply border-primitives-overlay-darken-6': {},
-      '@apply focus:border-primitives-overlay-darken-6': {},
-      '@apply dark:border-primitives-overlay-lighten-6': {},
-      '@apply hover:border-primitives-overlay-darken-8': {},
-      '@apply hover:dark:border-primitives-overlay-lighten-4': {},
-      '@apply focus:outline-0': {},
-      '@apply focus:ring-0 focus:ring-offset-0': {},
-      '@apply focus-visible:ring': {},
-      '@apply focus-visible:border-transparent': {},
-      '@apply after:content-[""]': {},
-      '&[aria-invalid="true"]': {
-        '@apply border-2': {},
-        '@apply border-error-surface-primary': {},
-        '@apply hover:border-2': {},
-        '@apply hover:border-error-surface-primary': {}
-      },
-      '&::after': {
-        '@apply bg-dark-primary': {}
-      }
-    },
-    '&:active': {
-      '@apply ring-0 ring-offset-0': {}
-    },
-    //Disabled
-    '&:disabled, &[disabled="true"]': {
-      '@apply border-primitives-overlay-darken-3': {},
-      '@apply dark:border-primitives-overlay-lighten-3': {},
-      '@apply hover:border-primitives-overlay-darken-3': {},
-      '@apply hover:dark:border-primitives-overlay-lighten-3': {},
-      '@apply bg-background-200': {},
-      '@apply hover:bg-background-200': {},
-      '@apply cursor-not-allowed': {},
-      '&:not(:checked):not([checked="true"]):after': {
-        '@apply hidden': {}
-      },
-      '&:checked, &[checked="true"]': {
-        '&::after': {
-          '@apply bg-dark-disabled': {}
+export var Radio = function() {
+    return {
+        '.sk-form-radio': {
+            backgroundImage: 'none',
+            '@apply relative': {},
+            '@apply box-border': {},
+            '@apply bg-input-field-surface': {},
+            '@apply border-1': {},
+            '@apply border-input-field-outline': {},
+            '@apply m-0': {},
+            '@apply h-24 w-24': {},
+            //Hover
+            '@apply hover:after:content-[""]': {},
+            '@apply hover:border-input-field-outline-hover': {},
+            '&::after': {
+                '@apply absolute': {},
+                '@apply rounded-full': {},
+                '@apply bg-dark-placeholder': {},
+                '@apply m-5': {},
+                '@apply top-0 left-0 bottom-0 right-0': {}
+            },
+            //Focus
+            '@apply focus-visible:ring': {},
+            '@apply focus-visible:bg-background-content': {},
+            '@apply focus-visible:border-background-content': {},
+            '@apply focus-visible:hover:border-background-content': {},
+            //Invalid
+            '&[aria-invalid="true"]': {
+                '@apply border-2': {},
+                '@apply border-error-surface-primary': {},
+                '@apply hover:border-2': {},
+                '@apply hover:border-error-surface-primary': {}
+            },
+            //Checked
+            '&:checked, &[checked="true"]': {
+                '@apply bg-input-field-surface': {},
+                '@apply hover:bg-input-field-surface': {},
+                '@apply focus:bg-input-field-surface': {},
+                '@apply text-input-field-surface': {},
+                '@apply border-input-field-outline': {},
+                '@apply hover:text-input-field-surface': {},
+                '@apply focus:text-input-field-surface': {},
+                '@apply focus:border-input-field-outline': {},
+                '@apply focus:hover:border-input-field-outline-hover': {},
+                '@apply hover:border-input-field-outline-hover': {},
+                '@apply focus:outline-0': {},
+                '@apply focus:ring-0 focus:ring-offset-0': {},
+                '@apply focus-visible:ring': {},
+                '@apply focus-visible:hover:border-transparent': {},
+                '@apply focus-visible:border-transparent': {},
+                '@apply after:content-[""]': {},
+                '&[aria-invalid="true"]': {
+                    '@apply border-2': {},
+                    '@apply border-error-surface-primary': {},
+                    '@apply hover:border-2': {},
+                    '@apply hover:border-error-surface-primary': {}
+                },
+                '&::after': {
+                    '@apply bg-dark-primary': {}
+                }
+            },
+            '&:active': {
+                '@apply ring-0 ring-offset-0': {}
+            },
+            //Disabled
+            '&:disabled, &[disabled="true"]': {
+                '@apply border-input-field-outline-disabled': {},
+                '@apply hover:border-input-field-outline-disabled': {},
+                '@apply bg-input-field-surface-disabled': {},
+                '@apply hover:bg-input-field-surface-disabled': {},
+                '@apply cursor-not-allowed': {},
+                '&:not(:checked):not([checked="true"]):after': {
+                    '@apply hidden': {}
+                },
+                '&:checked, &[checked="true"]': {
+                    '@apply border-input-field-outline-disabled': {},
+                    '&::after': {
+                        '@apply bg-dark-disabled': {}
+                    }
+                }
+            },
+            //ReadOnly
+            '&[readonly], &[readonly="true"]': {
+                '@apply bg-input-field-surface-disabled': {},
+                '@apply border-input-field-outline-disabled': {},
+                '@apply hover:border-input-field-outline-disabled': {},
+                '&:not(:checked):not([checked="true"]):after': {
+                    '@apply hidden': {}
+                }
+            },
+            '&-label': {
+                '@apply inline-flex align-top items-center': {},
+                '@apply font-normal': {},
+                '@apply p-2': {},
+                '&-sm': {
+                    '@apply text-small': {},
+                    '@apply h-28': {},
+                    '@apply gap-10': {}
+                },
+                '&-md': {
+                    '@apply text-base': {},
+                    '@apply h-28': {},
+                    '@apply gap-10': {}
+                },
+                '&-lg': {
+                    '@apply text-large': {},
+                    '@apply h-30': {},
+                    '@apply gap-12': {}
+                },
+                '&[data-disabled="true"]': {
+                    '@apply text-dark-disabled': {},
+                    '@apply cursor-default': {}
+                }
+            },
+            '&-group': {
+                '@apply flex flex-row': {},
+                '&[data-direction="column"]': {
+                    '@apply flex-col': {}
+                },
+                '&-sm': {
+                    '@apply gap-12': {}
+                },
+                '&-md': {
+                    '@apply gap-16': {}
+                },
+                '&-lg': {
+                    '@apply gap-16': {}
+                }
+            }
         }
-      }
-    },
-    '&-label': {
-      '@apply inline-flex align-top items-center': {},
-      '@apply font-normal': {},
-      '@apply p-2': {},
-      '&-sm': {
-        '@apply text-small': {},
-        '@apply h-28': {},
-        '@apply gap-10': {}
-      },
-      '&-md': {
-        '@apply text-base': {},
-        '@apply h-28': {},
-        '@apply gap-10': {}
-      },
-      '&-lg': {
-        '@apply text-large': {},
-        '@apply h-30': {},
-        '@apply gap-12': {}
-      },
-      '&[data-disabled="true"]': {
-        '@apply text-dark-disabled': {},
-        '@apply cursor-default': {}
-      }
-    },
-    '&-group': {
-      '@apply flex flex-row': {},
-      '&[data-direction="column"]': {
-        '@apply flex-col': {}
-      },
-      '&-sm': {
-        '@apply gap-12': {}
-      },
-      '&-md': {
-        '@apply gap-16': {}
-      },
-      '&-lg': {
-        '@apply gap-16': {}
-      }
-    }
-  }
-});
+    };
+};
+
 //# sourceMappingURL=radio.js.map

package/dist/esm/components/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["Radio","backgroundImage"],"sources":["../../../src/components/radio.ts"],"sourcesContent":["export const Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-5': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply focus:bg-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply text-primitives-overlay-lighten-10': {},\r\n      '@apply dark:text-primitives-overlay-darken-6': {},\r\n      '@apply hover:text-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply focus:text-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply focus:border-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply bg-background-200': {},\r\n      '@apply hover:bg-background-200': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-28': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-28': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-30': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '@apply cursor-default': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/radio.ts"],"sourcesContent":["export const Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-input-field-surface': {},\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-5': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n      '@apply focus:bg-input-field-surface': {},\r\n      '@apply text-input-field-surface': {},\r\n      '@apply border-input-field-outline': {},\r\n      '@apply hover:text-input-field-surface': {},\r\n      '@apply focus:text-input-field-surface': {},\r\n      '@apply focus:border-input-field-outline': {},\r\n      '@apply focus:hover:border-input-field-outline-hover': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:hover:border-transparent': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply hover:bg-input-field-surface-disabled': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    //ReadOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-28': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-28': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-30': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '@apply cursor-default': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Radio","backgroundImage"],"mappings":"AAAA,OAAO,IAAMA,QAAQ;WAAO;QAC1B,kBAAkB;YAChBC,iBAAiB;YAEjB,mBAAmB,CAAC;YACpB,qBAAqB,CAAC;YACtB,iCAAiC,CAAC;YAClC,mBAAmB,CAAC;YACpB,qCAAqC,CAAC;YACtC,cAAc,CAAC;YACf,oBAAoB,CAAC;YAErB,OAAO;YACP,mCAAmC,CAAC;YACpC,iDAAiD,CAAC;YAClD,YAAY;gBACV,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,8BAA8B,CAAC;gBAC/B,cAAc,CAAC;gBACf,wCAAwC,CAAC;YAC3C;YAEA,OAAO;YACP,6BAA6B,CAAC;YAC9B,8CAA8C,CAAC;YAC/C,kDAAkD,CAAC;YACnD,wDAAwD,CAAC;YAEzD,SAAS;YACT,0BAA0B;gBACxB,mBAAmB,CAAC;gBACpB,uCAAuC,CAAC;gBACxC,yBAAyB,CAAC;gBAC1B,6CAA6C,CAAC;YAChD;YAEA,SAAS;YACT,gCAAgC;gBAC9B,iCAAiC,CAAC;gBAClC,uCAAuC,CAAC;gBACxC,uCAAuC,CAAC;gBACxC,mCAAmC,CAAC;gBACpC,qCAAqC,CAAC;gBACtC,yCAAyC,CAAC;gBAC1C,yCAAyC,CAAC;gBAC1C,2CAA2C,CAAC;gBAC5C,uDAAuD,CAAC;gBACxD,iDAAiD,CAAC;gBAClD,0BAA0B,CAAC;gBAC3B,2CAA2C,CAAC;gBAC5C,6BAA6B,CAAC;gBAC9B,iDAAiD,CAAC;gBAClD,2CAA2C,CAAC;gBAC5C,6BAA6B,CAAC;gBAC9B,0BAA0B;oBACxB,mBAAmB,CAAC;oBACpB,uCAAuC,CAAC;oBACxC,yBAAyB,CAAC;oBAC1B,6CAA6C,CAAC;gBAChD;gBACA,YAAY;oBACV,0BAA0B,CAAC;gBAC7B;YACF;YAEA,YAAY;gBACV,+BAA+B,CAAC;YAClC;YAEA,UAAU;YACV,kCAAkC;gBAChC,8CAA8C,CAAC;gBAC/C,oDAAoD,CAAC;gBACrD,0CAA0C,CAAC;gBAC3C,gDAAgD,CAAC;gBACjD,6BAA6B,CAAC;gBAC9B,+CAA+C;oBAC7C,iBAAiB,CAAC;gBACpB;gBACA,gCAAgC;oBAC9B,8CAA8C,CAAC;oBAC/C,YAAY;wBACV,2BAA2B,CAAC;oBAC9B;gBACF;YACF;YAEA,UAAU;YACV,mCAAmC;gBACjC,0CAA0C,CAAC;gBAC3C,8CAA8C,CAAC;gBAC/C,oDAAoD,CAAC;gBACrD,+CAA+C;oBAC7C,iBAAiB,CAAC;gBACpB;YACF;YAEA,WAAW;gBACT,6CAA6C,CAAC;gBAC9C,sBAAsB,CAAC;gBACvB,cAAc,CAAC;gBACf,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,eAAe,CAAC;oBAChB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;oBACrB,eAAe,CAAC;oBAChB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,eAAe,CAAC;oBAChB,iBAAiB,CAAC;gBACpB;gBACA,2BAA2B;oBACzB,6BAA6B,CAAC;oBAC9B,yBAAyB,CAAC;gBAC5B;YACF;YACA,WAAW;gBACT,wBAAwB,CAAC;gBACzB,8BAA8B;oBAC5B,mBAAmB,CAAC;gBACtB;gBACA,QAAQ;oBACN,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/search-field.js

@@ -1,36 +1,39 @@
-export var SearchField = () => ({
-  '.sk-search-field-suggestions': {
-    '&.sk-form-combobox': {
-      '@apply h-auto': {}
-    },
-    '.sk-form-combobox': {
-      '&-list': {
-        '@apply w-full': {},
-        '&-option': {
-          '.sk-icon': {
-            '@apply hidden': {}
-          }
+export var SearchField = function() {
+    return {
+        '.sk-search-field-suggestions': {
+            '&.sk-form-combobox': {
+                '@apply h-auto': {}
+            },
+            '.sk-form-combobox': {
+                '&-list': {
+                    '@apply w-full': {},
+                    '&-option': {
+                        '.sk-icon': {
+                            '@apply hidden': {}
+                        }
+                    }
+                }
+            }
+        },
+        '.sk-search-field': {
+            '&-md': {
+                '.sk-search-field-icon': {
+                    '@apply w-20 h-20': {},
+                    svg: {
+                        '@apply w-20 h-20': {}
+                    }
+                }
+            },
+            '&-lg': {
+                '.sk-search-field-icon': {
+                    '@apply w-22 h-22': {},
+                    svg: {
+                        '@apply w-22 h-22': {}
+                    }
+                }
+            }
         }
-      }
-    }
-  },
-  '.sk-search-field': {
-    '&-md': {
-      '.sk-search-field-icon': {
-        '@apply w-20 h-20': {},
-        svg: {
-          '@apply w-20 h-20': {}
-        }
-      }
-    },
-    '&-lg': {
-      '.sk-search-field-icon': {
-        '@apply w-22 h-22': {},
-        svg: {
-          '@apply w-22 h-22': {}
-        }
-      }
-    }
-  }
-});
+    };
+};
+
 //# sourceMappingURL=search-field.js.map

package/dist/esm/components/search-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n  '.sk-search-field-suggestions': {\r\n    '&.sk-form-combobox': {\r\n      '@apply h-auto': {},\r\n    },\r\n    '.sk-form-combobox': {\r\n      '&-list': {\r\n        '@apply w-full': {},\r\n        '&-option': {\r\n          '.sk-icon': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-20 h-20': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-22 h-22': {},\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,kBAAkB,EAAE,CAAC,CAAC;QACtBC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,kBAAkB,EAAE,CAAC,CAAC;QACtBA,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\n  '.sk-search-field-suggestions': {\n    '&.sk-form-combobox': {\n      '@apply h-auto': {},\n    },\n    '.sk-form-combobox': {\n      '&-list': {\n        '@apply w-full': {},\n        '&-option': {\n          '.sk-icon': {\n            '@apply hidden': {},\n          },\n        },\n      },\n    },\n  },\n  '.sk-search-field': {\n    '&-md': {\n      '.sk-search-field-icon': {\n        '@apply w-20 h-20': {},\n        svg: {\n          '@apply w-20 h-20': {},\n        },\n      },\n    },\n    '&-lg': {\n      '.sk-search-field-icon': {\n        '@apply w-22 h-22': {},\n        svg: {\n          '@apply w-22 h-22': {},\n        },\n      },\n    },\n  },\n});\n"],"names":["SearchField","svg"],"mappings":"AAAA,OAAO,IAAMA,cAAc;WAAO;QAChC,gCAAgC;YAC9B,sBAAsB;gBACpB,iBAAiB,CAAC;YACpB;YACA,qBAAqB;gBACnB,UAAU;oBACR,iBAAiB,CAAC;oBAClB,YAAY;wBACV,YAAY;4BACV,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;QACF;QACA,oBAAoB;YAClB,QAAQ;gBACN,yBAAyB;oBACvB,oBAAoB,CAAC;oBACrBC,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,QAAQ;gBACN,yBAAyB;oBACvB,oBAAoB,CAAC;oBACrBA,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;QACF;IACF;EAAG"}