@sk-web-gui/core 3.13.0 → 3.14.0

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

@@ -1 +1 @@
-{"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":";;;;+BAAaA;;;eAAAA;;;AAAN,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"}
+{"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":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,QAAQ,IAAO,CAAA;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,CAAA"}

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

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "SearchField", {
         return SearchField;
     }
 });
-var SearchField = function() {
-    return {
+const SearchField = ()=>({
         '.sk-search-field-suggestions': {
             '&.sk-form-combobox': {
                 '@apply h-auto': {}
@@ -43,7 +42,6 @@ var SearchField = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=search-field.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["SearchField","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,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"}
+{"version":3,"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"],"names":["SearchField","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,cAAc,IAAO,CAAA;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,CAAA"}

package/dist/cjs/components/select.js

@@ -8,61 +8,9 @@ Object.defineProperty(exports, "Select", {
         return Select;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 function chevronDown(color) {
     //TODO: This wont work with CSS variables. The colors are set here and wont work with themes
-    return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='".concat(color, "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>");
+    return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;
 }
 function tertiary() {
     return {
@@ -168,9 +116,8 @@ function primary() {
         }
     };
 }
-var Select = function() {
-    return {
-        '.sk-form-select': _object_spread_props(_object_spread({
+const Select = ()=>({
+        '.sk-form-select': {
             '@apply h-fit': {},
             '@apply w-fit': {},
             '@apply box-border': {},
@@ -186,11 +133,11 @@ var Select = function() {
             '@apply focus:ring focus:ring-ring focus:ring-offset': {},
             '@apply focus:outline-0': {},
             backgroundImage: [
-                'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(68,68,80)'), '")')
+                `url("data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}")`
             ],
             '&:hover, &:focus': {
                 backgroundImage: [
-                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(28,28,40)'), '")')
+                    `url("data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}")`
                 ]
             },
             //Invalid
@@ -204,10 +151,11 @@ var Select = function() {
                 '@apply placeholder:text-dark-disabled': {},
                 '@apply bg-tertiary-surface-disabled': {},
                 backgroundImage: [
-                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgba(28,28,40, 0.64)'), '")')
+                    `url("data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}")`
                 ]
-            }
-        }, tertiary(), primary()), {
+            },
+            ...tertiary(),
+            ...primary(),
             //Droprown
             '*': {
                 '@apply bg-background-content': {}
@@ -219,7 +167,7 @@ var Select = function() {
                 '@apply text-dark-secondary': {},
                 '@apply pointer-events-none': {},
                 backgroundImage: [
-                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgba(28,28,40, 0.64)'), '")')
+                    `url("data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}")`
                 ]
             },
             '&-sm': {
@@ -246,23 +194,22 @@ var Select = function() {
                     '@apply text-input-large': {}
                 }
             }
-        }),
+        },
         '.dark .sk-form-select': {
             backgroundImage: [
-                'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(229,229,229)'), '")')
+                `url("data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}")`
             ],
             '&:hover, &:focus': {
                 backgroundImage: [
-                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(255,255,255)'), '")')
+                    `url("data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}")`
                 ]
             },
             '&[aria-disabled="true"]': {
                 backgroundImage: [
-                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgba(255,255,255, 0.64)'), '")')
+                    `url("data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}")`
                 ]
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=select.js.map

package/dist/cjs/components/select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\r\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\r\n}\r\n\r\nfunction tertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply border-2': {},\r\n\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n      '@apply border-transparent': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-12': {},\r\n        //Background position - border width\r\n        '@apply bg-right-8': {},\r\n\r\n        //Padding + icon width - border width\r\n        '@apply pr-32': {},\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-16': {},\r\n        //Background position - border width\r\n        '@apply bg-right-12': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-42': {},\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-18': {},\r\n        //Background position - border width\r\n        '@apply bg-right-16': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-48': {},\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-tertiary-surface-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction primary() {\r\n  return {\r\n    '&-primary': {\r\n      '@apply border-1': {},\r\n      '@apply border-input-field-outline': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-13': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.643em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-34-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-12': {},\r\n          //Background position - border width\r\n          '@apply bg-right-8': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-32': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-17': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.8125em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-44-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-16': {},\r\n          //Background position - border width\r\n          '@apply bg-right-12': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-42': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-19': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.944em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-50-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-18': {},\r\n          //Background position - border width\r\n          '@apply bg-right-16': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-48': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"],&:disabled': {\r\n        '@apply bg-input-field-surface-disabled': {},\r\n        '@apply hover:bg-input-field-surface-disabled': {},\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '@apply hover:border-input-field-outline-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Select = () => ({\r\n  '.sk-form-select': {\r\n    '@apply h-fit': {},\r\n    '@apply w-fit': {},\r\n    '@apply box-border': {},\r\n    '@apply focus:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply placeholder:text-dark-secondary': {},\r\n    '@apply hover:placeholder:text-dark-primary': {},\r\n    '@apply focus:placeholder:text-dark-primary': {},\r\n    '@apply hover:text-dark-primary': {},\r\n    '@apply focus:text-dark-primary': {},\r\n    '@apply py-6': {},\r\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\r\n    '@apply focus:outline-0': {},\r\n\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\r\n    },\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&[aria-disabled=\"true\"]': {\r\n      '@apply opacity-100': {},\r\n      '@apply text-dark-disabled': {},\r\n      '@apply placeholder:text-dark-disabled': {},\r\n      '@apply bg-tertiary-surface-disabled': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply pointer-events-none': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n\r\n    '&-sm': {\r\n      '@apply h-32': {},\r\n      '@apply text-label-small': {},\r\n      '@apply rounded-button-sm': {},\r\n      '*': {\r\n        '@apply text-input-small': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-40': {},\r\n      '@apply text-label-medium': {},\r\n      '@apply rounded-button-md': {},\r\n      '*': {\r\n        '@apply text-input-medium': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-48': {},\r\n      '@apply text-label-large': {},\r\n      '@apply rounded-button-lg': {},\r\n      '*': {\r\n        '@apply text-input-large': {},\r\n      },\r\n    },\r\n  },\r\n  '.dark .sk-form-select': {\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\r\n    },\r\n    '&[aria-disabled=\"true\"]': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\r\n    },\r\n  },\r\n});\r\n"],"names":["Select","chevronDown","color","tertiary","primary","backgroundImage"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\r\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\r\n}\r\n\r\nfunction tertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply border-2': {},\r\n\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n      '@apply border-transparent': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-12': {},\r\n        //Background position - border width\r\n        '@apply bg-right-8': {},\r\n\r\n        //Padding + icon width - border width\r\n        '@apply pr-32': {},\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-16': {},\r\n        //Background position - border width\r\n        '@apply bg-right-12': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-42': {},\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-18': {},\r\n        //Background position - border width\r\n        '@apply bg-right-16': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-48': {},\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-tertiary-surface-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction primary() {\r\n  return {\r\n    '&-primary': {\r\n      '@apply border-1': {},\r\n      '@apply border-input-field-outline': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-13': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.643em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-34-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-12': {},\r\n          //Background position - border width\r\n          '@apply bg-right-8': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-32': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-17': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.8125em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-44-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-16': {},\r\n          //Background position - border width\r\n          '@apply bg-right-12': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-42': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-19': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.944em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-50-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-18': {},\r\n          //Background position - border width\r\n          '@apply bg-right-16': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-48': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"],&:disabled': {\r\n        '@apply bg-input-field-surface-disabled': {},\r\n        '@apply hover:bg-input-field-surface-disabled': {},\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '@apply hover:border-input-field-outline-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Select = () => ({\r\n  '.sk-form-select': {\r\n    '@apply h-fit': {},\r\n    '@apply w-fit': {},\r\n    '@apply box-border': {},\r\n    '@apply focus:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply placeholder:text-dark-secondary': {},\r\n    '@apply hover:placeholder:text-dark-primary': {},\r\n    '@apply focus:placeholder:text-dark-primary': {},\r\n    '@apply hover:text-dark-primary': {},\r\n    '@apply focus:text-dark-primary': {},\r\n    '@apply py-6': {},\r\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\r\n    '@apply focus:outline-0': {},\r\n\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\r\n    },\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&[aria-disabled=\"true\"]': {\r\n      '@apply opacity-100': {},\r\n      '@apply text-dark-disabled': {},\r\n      '@apply placeholder:text-dark-disabled': {},\r\n      '@apply bg-tertiary-surface-disabled': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply pointer-events-none': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n\r\n    '&-sm': {\r\n      '@apply h-32': {},\r\n      '@apply text-label-small': {},\r\n      '@apply rounded-button-sm': {},\r\n      '*': {\r\n        '@apply text-input-small': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-40': {},\r\n      '@apply text-label-medium': {},\r\n      '@apply rounded-button-md': {},\r\n      '*': {\r\n        '@apply text-input-medium': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-48': {},\r\n      '@apply text-label-large': {},\r\n      '@apply rounded-button-lg': {},\r\n      '*': {\r\n        '@apply text-input-large': {},\r\n      },\r\n    },\r\n  },\r\n  '.dark .sk-form-select': {\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\r\n    },\r\n    '&[aria-disabled=\"true\"]': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\r\n    },\r\n  },\r\n});\r\n"],"names":["Select","chevronDown","color","tertiary","primary","backgroundImage"],"mappings":"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"}

package/dist/cjs/components/snackbar.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "Snackbar", {
         return Snackbar;
     }
 });
-var Snackbar = function() {
-    return {
+const Snackbar = ()=>({
         '.sk-snackbar': {
             '@apply text-label-small text-vattjom-text-secondary': {},
             '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},
@@ -38,7 +37,6 @@ var Snackbar = function() {
                 '@apply text-error-text-secondary bg-error-surface-primary': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=snackbar.js.map

package/dist/cjs/components/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '.sk-icon': {\r\n      '@apply text-light-primary': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-primary': {\r\n      '@apply text-light-secondary bg-dark-primary': {},\r\n    },\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Snackbar"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,uDAAuD,CAAC;YACxD,6FAA6F,CAAC;YAE9F,UAAU;gBACR,oBAAoB,CAAC;YACvB;YAEA,YAAY;gBACV,6BAA6B,CAAC;YAChC;YAEA,aAAa;gBACX,kDAAkD,CAAC;YACrD;YAEA,aAAa;gBACX,+CAA+C,CAAC;YAClD;YACA,UAAU;gBACR,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,WAAW;gBACT,6DAA6D,CAAC;YAChE;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '.sk-icon': {\r\n      '@apply text-light-primary': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-primary': {\r\n      '@apply text-light-secondary bg-dark-primary': {},\r\n    },\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Snackbar"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,WAAW,IAAO,CAAA;QAC7B,gBAAgB;YACd,uDAAuD,CAAC;YACxD,6FAA6F,CAAC;YAE9F,UAAU;gBACR,oBAAoB,CAAC;YACvB;YAEA,YAAY;gBACV,6BAA6B,CAAC;YAChC;YAEA,aAAa;gBACX,kDAAkD,CAAC;YACrD;YAEA,aAAa;gBACX,+CAA+C,CAAC;YAClD;YACA,UAAU;gBACR,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,WAAW;gBACT,6DAA6D,CAAC;YAChE;QACF;IACF,CAAA"}

package/dist/cjs/components/spinner.js

@@ -8,76 +8,23 @@ Object.defineProperty(exports, "Spinner", {
         return Spinner;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var Spinner = function(colors) {
-    return {
-        '.sk-spinner': _object_spread({
+const Spinner = (colors)=>({
+        '.sk-spinner': {
             '@apply box-border': {},
             '@apply flex justify-center items-center object-center': {},
             '@apply overflow-hidden': {},
-            '&-lottie': {
-                '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {}
-            },
-            path: {
+            svg: {
                 '@apply stroke-dark-secondary': {}
-            }
-        }, colors.reduce(function(styles, color) {
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                path: _define_property({}, "@apply stroke-".concat(color, "-surface-primary"), {})
-            }));
-        }, {}))
-    };
-};
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        svg: {
+                            [`@apply stroke-${color}-surface-primary`]: {}
+                        }
+                    }
+                }), {})
+        }
+    });
 
 //# sourceMappingURL=spinner.js.map

package/dist/cjs/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\r\n  '.sk-spinner': {\r\n    '@apply box-border': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    '&-lottie': {\r\n      '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {},\r\n    },\r\n    path: {\r\n      '@apply stroke-dark-secondary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          path: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"names":["Spinner","colors","path","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,qBAAqB,CAAC;YACtB,yDAAyD,CAAC;YAC1D,0BAA0B,CAAC;YAE3B,YAAY;gBACV,gDAAgD,CAAC;YACnD;YACAC,MAAM;gBACJ,gCAAgC,CAAC;YACnC;WAEGD,OAAOE,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5BH,MACE,qBAAC,AAAC,iBAAsB,OAANG,OAAM,qBAAoB,CAAC;YAEjD;WAEF,CAAC;IAGP"}
+{"version":3,"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\r\n  '.sk-spinner': {\r\n    '@apply box-border': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    svg: {\r\n      '@apply stroke-dark-secondary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          svg: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"names":["Spinner","colors","svg","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,qBAAqB,CAAC;YACtB,yDAAyD,CAAC;YAC1D,0BAA0B,CAAC;YAE3BC,KAAK;gBACH,gCAAgC,CAAC;YACnC;YAEA,GAAGD,OAAOE,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5BH,KAAK;4BACH,CAAC,CAAC,cAAc,EAAEG,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC/C;oBACF;gBACF,CAAA,GACA,CAAC,EACF;QACH;IACF,CAAA"}

package/dist/cjs/components/switch.js

@@ -8,22 +8,7 @@ Object.defineProperty(exports, "Switch", {
         return Switch;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-var Switch = function() {
-    var _obj, _obj1;
-    return {
+const Switch = ()=>({
         '.sk-form-switch-label': {
             '@apply inline-flex align-middle items-center': {},
             '@apply flex-row gap-12': {},
@@ -35,7 +20,7 @@ var Switch = function() {
                 }
             }
         },
-        '.sk-form-switch': (_obj1 = {
+        '.sk-form-switch': {
             '@apply rounded-full cursor-pointer focus:outline-none': {},
             '@apply bg-switch-surface': {},
             // Hover
@@ -48,33 +33,41 @@ var Switch = function() {
                 '@apply sr-only': {}
             },
             // Checked
-            'input[type=checkbox]:checked + &': (_obj = {}, _define_property(_obj, '&[data-color="gronsta"]', {
+            'input[type=checkbox]:checked + &': {
+                [`&[data-color="gronsta"]`]: {
+                    '.sk-form-switch-box': {
+                        '@apply bg-gronsta-surface-primary': {}
+                    }
+                },
+                '.sk-form-switch-icon': {
+                    '@apply flex': {}
+                },
                 '.sk-form-switch-box': {
-                    '@apply bg-gronsta-surface-primary': {}
+                    transform: 'translateX(var(--sk-spacing-24))',
+                    '@apply bg-switch-control-on': {}
+                },
+                '@apply bg-switch-surface-on': {},
+                // Disabled
+                [`&[data-disabled="true"]`]: {
+                    '.sk-form-switch-box': {
+                        '@apply bg-switch-control-disabled': {},
+                        '.sk-form-switch-icon': {
+                            '@apply opacity-0': {},
+                            '@apply text-light-primary': {}
+                        }
+                    }
                 }
-            }), _define_property(_obj, '.sk-form-switch-icon', {
-                '@apply flex': {}
-            }), _define_property(_obj, '.sk-form-switch-box', {
-                transform: 'translateX(var(--sk-spacing-24))',
-                '@apply bg-switch-control-on': {}
-            }), _define_property(_obj, '@apply bg-switch-surface-on', {}), // Disabled
-            _define_property(_obj, '&[data-disabled="true"]', {
+            },
+            // Disabled not checked
+            [`&[data-disabled="true"]`]: {
+                '@apply cursor-default': {},
+                '@apply bg-switch-surface-disabled': {},
                 '.sk-form-switch-box': {
-                    '@apply bg-switch-control-disabled': {},
-                    '.sk-form-switch-icon': {
-                        '@apply opacity-0': {},
-                        '@apply text-light-primary': {}
-                    }
+                    '@apply bg-switch-control-disabled': {}
                 }
-            }), _obj)
-        }, // Disabled not checked
-        _define_property(_obj1, '&[data-disabled="true"]', {
-            '@apply cursor-default': {},
-            '@apply bg-switch-surface-disabled': {},
-            '.sk-form-switch-box': {
-                '@apply bg-switch-control-disabled': {}
-            }
-        }), _define_property(_obj1, '@apply w-56', {}), _obj1),
+            },
+            '@apply w-56': {}
+        },
         // Knob
         '.sk-form-switch-box': {
             '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},
@@ -88,7 +81,6 @@ var Switch = function() {
                 '@apply text-light-primary': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=switch.js.map

package/dist/cjs/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-switch-surface': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-switch-surface-hover': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    '&-input': {\r\n      '@apply sr-only': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(var(--sk-spacing-24))',\r\n        '@apply bg-switch-control-on': {},\r\n      },\r\n\r\n      '@apply bg-switch-surface-on': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-switch-control-disabled': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply opacity-0': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-switch-surface-disabled': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-switch-control-disabled': {},\r\n      },\r\n    },\r\n\r\n    '@apply w-56': {},\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-switch-control': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Switch","transform"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS;QA+BkB,MAjBnB;WAdQ;QAC3B,yBAAyB;YACvB,gDAAgD,CAAC;YACjD,0BAA0B,CAAC;YAC3B,gCAAgC,CAAC;YAEjC,oBAAoB;gBAClB,iBAAiB,CAAC;gBAElB,mBAAmB;oBACjB,iBAAiB,CAAC;gBACpB;YACF;QACF;QACA,iBAAiB,GAAE;YACjB,yDAAyD,CAAC;YAC1D,4BAA4B,CAAC;YAE7B,QAAQ;YACR,wCAAwC,CAAC;YAEzC,QAAQ;YACR,0CAA0C;gBACxC,6BAA6B,CAAC;YAChC;YAEA,WAAW;gBACT,kBAAkB,CAAC;YACrB;YAEA,UAAU;YACV,kCAAkC,GAAE,WAClC,iBADkC,MAChC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;gBACxC;YACF,IAEA,iBAPkC,MAOlC,wBAAwB;gBACtB,eAAe,CAAC;YAClB,IAEA,iBAXkC,MAWlC,uBAAuB;gBACrBC,WAAW;gBACX,+BAA+B,CAAC;YAClC,IAEA,iBAhBkC,MAgBlC,+BAA+B,CAAC,IAEhC,WAAW;YACX,iBAnBkC,MAmBhC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;oBAEtC,wBAAwB;wBACtB,oBAAoB,CAAC;wBACrB,6BAA6B,CAAC;oBAChC;gBACF;YACF,IA5BkC;WA+BpC,uBAAuB;QACvB,iBAjDiB,OAiDf,2BAA2B;YAC3B,yBAAyB,CAAC;YAC1B,qCAAqC,CAAC;YAEtC,uBAAuB;gBACrB,qCAAqC,CAAC;YACxC;QACF,IAEA,iBA1DiB,OA0DjB,eAAe,CAAC,IA1DC;QA6DnB,OAAO;QACP,uBAAuB;YACrB,wGAAwG,CAAC;YACzG,4BAA4B,CAAC;YAC7B,oBAAoB,CAAC;YACrB,yDAAyD,CAAC;YAE1D,wBAAwB;gBACtB,yBAAyB,CAAC;gBAC1B,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,6BAA6B,CAAC;YAChC;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-switch-surface': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-switch-surface-hover': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    '&-input': {\r\n      '@apply sr-only': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(var(--sk-spacing-24))',\r\n        '@apply bg-switch-control-on': {},\r\n      },\r\n\r\n      '@apply bg-switch-surface-on': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-switch-control-disabled': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply opacity-0': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-switch-surface-disabled': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-switch-control-disabled': {},\r\n      },\r\n    },\r\n\r\n    '@apply w-56': {},\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-switch-control': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Switch","transform"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,SAAS,IAAO,CAAA;QAC3B,yBAAyB;YACvB,gDAAgD,CAAC;YACjD,0BAA0B,CAAC;YAC3B,gCAAgC,CAAC;YAEjC,oBAAoB;gBAClB,iBAAiB,CAAC;gBAElB,mBAAmB;oBACjB,iBAAiB,CAAC;gBACpB;YACF;QACF;QACA,mBAAmB;YACjB,yDAAyD,CAAC;YAC1D,4BAA4B,CAAC;YAE7B,QAAQ;YACR,wCAAwC,CAAC;YAEzC,QAAQ;YACR,0CAA0C;gBACxC,6BAA6B,CAAC;YAChC;YAEA,WAAW;gBACT,kBAAkB,CAAC;YACrB;YAEA,UAAU;YACV,oCAAoC;gBAClC,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;oBAC3B,uBAAuB;wBACrB,qCAAqC,CAAC;oBACxC;gBACF;gBAEA,wBAAwB;oBACtB,eAAe,CAAC;gBAClB;gBAEA,uBAAuB;oBACrBC,WAAW;oBACX,+BAA+B,CAAC;gBAClC;gBAEA,+BAA+B,CAAC;gBAEhC,WAAW;gBACX,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;oBAC3B,uBAAuB;wBACrB,qCAAqC,CAAC;wBAEtC,wBAAwB;4BACtB,oBAAoB,CAAC;4BACrB,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,uBAAuB;YACvB,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;gBAC3B,yBAAyB,CAAC;gBAC1B,qCAAqC,CAAC;gBAEtC,uBAAuB;oBACrB,qCAAqC,CAAC;gBACxC;YACF;YAEA,eAAe,CAAC;QAClB;QAEA,OAAO;QACP,uBAAuB;YACrB,wGAAwG,CAAC;YACzG,4BAA4B,CAAC;YAC7B,oBAAoB,CAAC;YACrB,yDAAyD,CAAC;YAE1D,wBAAwB;gBACtB,yBAAyB,CAAC;gBAC1B,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,6BAA6B,CAAC;YAChC;QACF;IACF,CAAA"}

package/dist/cjs/components/table.js

@@ -8,60 +8,7 @@ Object.defineProperty(exports, "Table", {
         return Table;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var Table = function() {
-    return {
+const Table = ()=>({
         '.sk-table-wrapper': {
             '@apply text-base': {},
             '@apply rounded-groups': {},
@@ -94,20 +41,23 @@ var Table = function() {
         '.sk-table': {
             '@apply w-full text-left table-auto': {},
             '@apply text-dark-secondary': {},
-            '&-caption': _object_spread_props(_object_spread({
+            '&-caption': {
                 '@apply text-left': {},
-                '@apply w-full': {}
-            }, [
-                'left',
-                'center',
-                'right'
-            ].reduce(function(classes, position) {
-                return _object_spread_props(_object_spread({}, classes), _define_property({}, '&[data-textalign="'.concat(position, '"]'), _define_property({}, "@apply text-".concat(position), {})));
-            }, {})), {
+                '@apply w-full': {},
+                ...[
+                    'left',
+                    'center',
+                    'right'
+                ].reduce((classes, position)=>({
+                        ...classes,
+                        [`&[data-textalign="${position}"]`]: {
+                            [`@apply text-${position}`]: {}
+                        }
+                    }), {}),
                 '&-sr': {
                     '@apply sr-only': {}
                 }
-            }),
+            },
             '&-auto': {
                 '&-cell': {
                     '@apply w-full': {}
@@ -303,7 +253,6 @@ var Table = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=table.js.map