@sk-web-gui/core 1.0.3 → 1.1.1

package/dist/cjs/components/modal.js

@@ -1,4 +1,8 @@
-module.exports = Modal = function Modal() {
+"use strict";
+
+exports.__esModule = true;
+exports.Modal = void 0;
+var Modal = exports.Modal = function Modal() {
   return {
     '.sk-modal': {
       // '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["module","exports","Modal"],"sources":["../../../src/components/modal.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.sk-modal': {\r\n    // '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,WAAW,EAAE;MACX;;MAEA,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC,CAAC;QAEhD,SAAS,EAAE;UACT,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,UAAU,EAAE;QACV,6BAA6B,EAAE,CAAC,CAAC;QACjC,kBAAkB,EAAE,CAAC,CAAC;QACtB,qBAAqB,EAAE,CAAC,CAAC;QACzB,iCAAiC,EAAE,CAAC,CAAC;QACrC,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC,CAAC;QAClC,+BAA+B,EAAE,CAAC,CAAC;QACnC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE;UACV,iDAAiD,EAAE,CAAC,CAAC;UACrD,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,CAAC;YACjB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC,CAAC;QAC1B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,UAAU,EAAE;QACV,oCAAoC,EAAE,CAAC,CAAC;QACxC,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"modal.js","names":["Modal","exports"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    // '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,WAAW,EAAE;MACX;;MAEA,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC,CAAC;QAEhD,SAAS,EAAE;UACT,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,UAAU,EAAE;QACV,6BAA6B,EAAE,CAAC,CAAC;QACjC,kBAAkB,EAAE,CAAC,CAAC;QACtB,qBAAqB,EAAE,CAAC,CAAC;QACzB,iCAAiC,EAAE,CAAC,CAAC;QACrC,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC,CAAC;QAClC,+BAA+B,EAAE,CAAC,CAAC;QACnC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE;UACV,iDAAiD,EAAE,CAAC,CAAC;UACrD,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,CAAC;YACjB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC,CAAC;QAC1B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,UAAU,EAAE;QACV,oCAAoC,EAAE,CAAC,CAAC;QACxC,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/notification.js

@@ -1,7 +1,7 @@
 module.exports = Notification = function Notification() {
   return {
     '.notification': {
-      '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+      '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
       '@apply text-body bg-white border border-neutral-200': {},
       // dark
       '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
@@ -39,7 +39,7 @@ module.exports = Notification = function Notification() {
       right: 16,
       top: 16,
       '&-undo': {
-        '@apply h-auto p-0 text-small': {}
+        '@apply h-auto p-0 text-sm': {}
       },
       '&-close-button': {
         '@apply cursor-base text-neutral-700 hover:text-body': {},

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-small': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,4FAA4F,EAAE,CAAC,CAAC;MAChG,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,yFAAyF,EAAE,CAAC,CAAC;MAC7F,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/pagination.js

@@ -1,4 +1,8 @@
-module.exports = Pagination = function Pagination() {
+"use strict";
+
+exports.__esModule = true;
+exports.Pagination = void 0;
+var Pagination = exports.Pagination = function Pagination() {
   return {
     '.sk-pagination': {
       '@apply select-none': {},

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["module","exports","Pagination","li"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-[4rem] text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-white': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-white': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oBAAoB,EAAE,CAAC,CAAC;MACxB,kBAAkB,EAAE,CAAC,CAAC;MAEtB,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAE9C,iDAAiD,EAAE;UACjD,cAAc,EAAE,CAAC;QACnB,CAAC;QAEDC,EAAE,EAAE;UACF,iCAAiC,EAAE,CAAC;QACtC,CAAC;QAED,gBAAgB,EAAE;UAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,2EAA2E,EAAE,CAAC,CAAC;QAC/E,iDAAiD,EAAE,CAAC,CAAC;QACrD,qBAAqB,EAAE,CAAC,CAAC;QACzB,kBAAkB,EAAE,CAAC,CAAC;QACtB,wBAAwB,EAAE;UACxB,iDAAiD,EAAE,CAAC;QACtD;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,4BAA4B,EAAE,CAAC,CAAC;QAEhC,UAAU,EAAE;UACV,uDAAuD,EAAE,CAAC,CAAC;UAE3D,oEAAoE,EAAE;YACpE,kCAAkC,EAAE,CAAC,CAAC;YACtC,oDAAoD,EAAE,CAAC,CAAC;YACxD,UAAU,EAAE;cACV,oDAAoD,EAAE,CAAC;YACzD;UACF,CAAC;UAED,UAAU,EAAE;YACV,2CAA2C,EAAE,CAAC;UAChD,CAAC;UAED,SAAS,EAAE;YACT,mBAAmB,EAAE,CAAC,CAAC;YAEvB,UAAU,EAAE;cACV,mBAAmB,EAAE,CAAC;YACxB;UACF;QACF,CAAC;QAED,aAAa,EAAE;UACb,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,qBAAqB,EAAE;UACrB,yEAAyE,EAAE;YACzE,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC;QAChD;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC,CAAC;UACvC,eAAe,EAAE,CAAC,CAAC;UACnB,QAAQ,EAAE;YACR,gCAAgC,EAAE,CAAC,CAAC;YACpC,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,yBAAyB,EAAE,CAAC,CAAC;cAC7B,QAAQ,EAAE;gBACR,kBAAkB,EAAE,CAAC;cACvB,CAAC;cACD,QAAQ,EAAE;gBACR,mBAAmB,EAAE,CAAC;cACxB;YACF,CAAC;YACD,0BAA0B,EAAE;cAC1B,cAAc,EAAE,CAAC;YACnB;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"pagination.js","names":["Pagination","exports","li"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-[4rem] text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-white': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-white': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAU;IAC/B,gBAAgB,EAAE;MAChB,oBAAoB,EAAE,CAAC,CAAC;MACxB,kBAAkB,EAAE,CAAC,CAAC;MAEtB,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAE9C,iDAAiD,EAAE;UACjD,cAAc,EAAE,CAAC;QACnB,CAAC;QAEDE,EAAE,EAAE;UACF,iCAAiC,EAAE,CAAC;QACtC,CAAC;QAED,gBAAgB,EAAE;UAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,2EAA2E,EAAE,CAAC,CAAC;QAC/E,iDAAiD,EAAE,CAAC,CAAC;QACrD,qBAAqB,EAAE,CAAC,CAAC;QACzB,kBAAkB,EAAE,CAAC,CAAC;QACtB,wBAAwB,EAAE;UACxB,iDAAiD,EAAE,CAAC;QACtD;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,4BAA4B,EAAE,CAAC,CAAC;QAEhC,UAAU,EAAE;UACV,uDAAuD,EAAE,CAAC,CAAC;UAE3D,oEAAoE,EAAE;YACpE,kCAAkC,EAAE,CAAC,CAAC;YACtC,oDAAoD,EAAE,CAAC,CAAC;YACxD,UAAU,EAAE;cACV,oDAAoD,EAAE,CAAC;YACzD;UACF,CAAC;UAED,UAAU,EAAE;YACV,2CAA2C,EAAE,CAAC;UAChD,CAAC;UAED,SAAS,EAAE;YACT,mBAAmB,EAAE,CAAC,CAAC;YAEvB,UAAU,EAAE;cACV,mBAAmB,EAAE,CAAC;YACxB;UACF;QACF,CAAC;QAED,aAAa,EAAE;UACb,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,qBAAqB,EAAE;UACrB,yEAAyE,EAAE;YACzE,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC;QAChD;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC,CAAC;UACvC,eAAe,EAAE,CAAC,CAAC;UACnB,QAAQ,EAAE;YACR,gCAAgC,EAAE,CAAC,CAAC;YACpC,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,yBAAyB,EAAE,CAAC,CAAC;cAC7B,QAAQ,EAAE;gBACR,kBAAkB,EAAE,CAAC;cACvB,CAAC;cACD,QAAQ,EAAE;gBACR,mBAAmB,EAAE,CAAC;cACxB;YACF,CAAC;YACD,0BAA0B,EAAE;cAC1B,cAAc,EAAE,CAAC;YACnB;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/popup-menu.js

@@ -1,4 +1,8 @@
-module.exports = PopupMenu = function PopupMenu() {
+"use strict";
+
+exports.__esModule = true;
+exports.PopupMenu = void 0;
+var PopupMenu = exports.PopupMenu = function PopupMenu() {
   return {
     '.sk-popup-menu-items': {
       '&[data-position="left"]': {

package/dist/cjs/components/popup-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.js","names":["module","exports","PopupMenu","svg"],"sources":["../../../src/components/popup-menu.js"],"sourcesContent":["module.exports = PopupMenu = () => ({\r\n  '.sk-popup-menu-items': {\r\n    '&[data-position=\"left\"]': {\r\n      '@apply mt-0 mr-8 right-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply mt-0 ml-8 left-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"over\"]': {\r\n      '@apply mt-0 mb-8 bottom-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"under\"]': {\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '@apply absolute flex flex-col justify-start items-start mt-8': {},\r\n    '@apply w-max': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-background-100': {},\r\n    '@apply z-10': {},\r\n    '@apply p-8 gap-4': {},\r\n    '@apply shadow-100': {},\r\n    '@apply border-0': {},\r\n    '@apply focus-within:border-0': {},\r\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n\r\n    '.sk-popup-menu-item': {\r\n      '@apply w-full': {},\r\n      '@apply h-[4rem]': {},\r\n      '@apply min-h-[4rem]': {},\r\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\r\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply flex flex-row shrink-0': {},\r\n      '@apply pl-8 pr-32 py-4 gap-12': {},\r\n\r\n      '@apply rounded-utility': {},\r\n      '@apply text-body font-normal': {},\r\n      '&.active, &:active': {\r\n        '@apply bg-primitives-gray-200': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      },\r\n      svg: {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n      },\r\n\r\n      '@apply justify-start': {},\r\n\r\n      '@apply border-0': {},\r\n      '@apply items-center': {},\r\n      '@apply no-underline': {},\r\n    },\r\n    '&-group': {\r\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},\r\n      '&:first-child': {\r\n        '@apply pt-0': {},\r\n      },\r\n      '&:last-child': {\r\n        '@apply border-0 pb-0': {},\r\n      },\r\n      '> *': {\r\n        '@apply pl-8 pr-32 py-4 gap-12': {},\r\n      },\r\n    },\r\n    '&-sm': {\r\n      '@apply p-8 gap-6': {},\r\n\r\n      '.sk-popup-menu-item': {\r\n        '@apply h-[3.2rem]': {},\r\n        '@apply min-h-[3.2rem]': {},\r\n        '@apply gap-10 pl-8 pr-24 py-4': {},\r\n\r\n        '@apply text-small': {},\r\n        '&-group': {\r\n          '@apply gap-6 pb-6': {},\r\n          '> *': {\r\n            '@apply gap-10 pl-8 pr-24 py-4': {},\r\n          },\r\n        },\r\n        svg: {\r\n          '@apply w-[1.8rem] h-[1.8rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&.right': {\r\n      '@apply right-0': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"popup-menu.js","names":["PopupMenu","exports","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu-items': {\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-[100%]': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-[100%]': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-[100%]': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '@apply absolute flex flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n\n    '.sk-popup-menu-item': {\n      '@apply w-full': {},\n      '@apply h-[4rem]': {},\n      '@apply min-h-[4rem]': {},\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-32 py-4 gap-12': {},\n\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '&.active, &:active': {\n        '@apply bg-primitives-gray-200': {},\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\n      },\n      svg: {\n        '@apply w-[2rem] h-[2rem]': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n    },\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n      '> *': {\n        '@apply pl-8 pr-32 py-4 gap-12': {},\n      },\n    },\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-[3.2rem]': {},\n        '@apply min-h-[3.2rem]': {},\n        '@apply gap-10 pl-8 pr-24 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-24 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-[1.8rem] h-[1.8rem]': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"mappings":"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"}

package/dist/cjs/components/profile-picture.js

@@ -0,0 +1,15 @@
+module.exports = ProfilePicture = function ProfilePicture() {
+  return {
+    '.profile-picture': {
+      '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
+      '.profile-picture-img': {
+        '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
+      },
+      '.icon': {
+        width: '3.8rem!important',
+        height: '3.8rem!important'
+      }
+    }
+  };
+};
+//# sourceMappingURL=profile-picture.js.map

package/dist/cjs/components/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClB,8KAA8K,EAC5K,CAAC,CAAC;MAEJ,sBAAsB,EAAE;QACtB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MACD,OAAO,EAAE;QACPC,KAAK,EAAE,kBAAkB;QACzBC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile.js

@@ -0,0 +1,34 @@
+module.exports = Profile = function Profile() {
+  return {
+    '.profile-container': {
+      '@apply flex items-center': {},
+      '.profile-title': {
+        '@apply font-bold text-base m-0': {}
+      },
+      '.profile-subtitle': {
+        '@apply text-sm leading-[20px] m-0': {}
+      },
+      '&.minimal': {
+        '.profile-title': {
+          overflow: 'hidden',
+          'text-overflow': 'ellipsis',
+          display: '-webkit-box',
+          '-webkit-line-clamp': '1' /* number of lines to show */,
+          'line-clamp': '1',
+          '-webkit-box-orient': 'vertical'
+        },
+        '.profile-subtitle': {
+          overflow: 'hidden',
+          'text-overflow': 'ellipsis',
+          display: '-webkit-box',
+          '-webkit-line-clamp': '1' /* number of lines to show */,
+          'line-clamp': '1',
+          '-webkit-box-orient': 'vertical'
+        }
+      }
+
+      // '&.truncate': { '@apply truncate pr-md': {} },
+    }
+  };
+};
+//# sourceMappingURL=profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n      '.profile-subtitle': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n    },\r\n\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,oBAAoB,EAAE;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAE9B,gBAAgB,EAAE;QAChB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,WAAW,EAAE;QACX,gBAAgB,EAAE;UAChBC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB,CAAC;QACD,mBAAmB,EAAE;UACnBD,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB;MACF;;MAEA;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/progress-bar.js

@@ -1,5 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ProgressBar = void 0;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-module.exports = ProgressBar = function ProgressBar(colors) {
+var ProgressBar = exports.ProgressBar = function ProgressBar(colors) {
   var _skProgressBarFil2;
   return {
     '.sk-progress-bar': _extends({

package/dist/cjs/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["module","exports","ProgressBar","colors","_skProgressBarFil2","_extends","reduce","styles","color","_skProgressBarFil","_dataAccentTrue","_extends2"],"sources":["../../../src/components/progress-bar.js"],"sourcesContent":["module.exports = ProgressBar = (colors) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAACC,MAAM;EAAA,IAAAC,kBAAA;EAAA,OAAM;IAC1C,kBAAkB,EAAAC,QAAA;MAChB,oEAAoE,EAAE,CAAC,CAAC;MAExE,QAAQ,EAAE;QACR,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,eAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,uBAAuB,GAAAC,iBAAA,OAAAA,iBAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,CAC3C;QAED,uBAAuB,GAAAC,eAAA,OAAAA,eAAA,yBACEF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,eAAA;MAEvD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,uBAAuB,GAAAP,kBAAA,OAAAA,kBAAA,gCACU,CAAC,CAAC,EAAAA,kBAAA;MAErC;IAAC;EAEL,CAAC;AAAA,CAAC"}
+{"version":3,"file":"progress-bar.js","names":["ProgressBar","exports","colors","_skProgressBarFil2","_extends","reduce","styles","color","_skProgressBarFil","_dataAccentTrue","_extends2"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"mappings":";;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,MAAgB;EAAA,IAAAC,kBAAA;EAAA,OAAM;IAChD,kBAAkB,EAAAC,QAAA;MAChB,oEAAoE,EAAE,CAAC,CAAC;MAExE,QAAQ,EAAE;QACR,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,eAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,uBAAuB,GAAAC,iBAAA,OAAAA,iBAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,CAC3C;QAED,uBAAuB,GAAAC,eAAA,OAAAA,eAAA,yBACEF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,eAAA;MAEvD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,uBAAuB,GAAAP,kBAAA,OAAAA,kBAAA,gCACU,CAAC,CAAC,EAAAA,kBAAA;MAErC;IAAC;EAEL,CAAC;AAAA,CAAC"}

package/dist/cjs/components/progress-stepper.js

@@ -1,4 +1,8 @@
-module.exports = ProgressStepper = function ProgressStepper() {
+"use strict";
+
+exports.__esModule = true;
+exports.ProgressStepper = void 0;
+var ProgressStepper = exports.ProgressStepper = function ProgressStepper() {
   return {
     '.sk-progress-stepper': {
       '@apply flex justify-between': {},

package/dist/cjs/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-stepper.js","names":["module","exports","ProgressStepper","hr","svg"],"sources":["../../../src/components/progress-stepper.js"],"sourcesContent":["module.exports = ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-[1.9rem]': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-[1.9rem]': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-[4rem] w-[4rem]': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,eAAe,GAAG,SAAAA,gBAAA;EAAA,OAAO;IACxC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCC,EAAE,EAAE;QACF,2BAA2B,EAAE,CAAC;MAChC,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,uCAAuC,EAAE,CAAC;UAC5C;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,0BAA0B,EAAE,CAAC,CAAC;UAC9B,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC;QACzE,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","exports","hr","svg"],"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\n  '.sk-progress-stepper': {\n    '@apply flex justify-between': {},\n    hr: {\n      '@apply w-full mt-[1.9rem]': {},\n    },\n    '&-step': {\n      '@apply flex flex-col items-center': {},\n      '@apply gap-4': {},\n      '@apply w-auto': {},\n      '@apply shrink-0': {},\n      '@apply text-base leading-base text-dark-primary font-normal': {},\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n      '&-wrapper': {\n        '@apply flex flex-row shrink w-full gap-4': {},\n        hr: {\n          '@apply w-full grow shrink mt-[1.9rem]': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-[4rem] w-[4rem]': {},\n        '@apply bg-secondary-surface': {},\n        '@apply flex justify-center items-center': {},\n        '@apply text-label-medium': {},\n        '@apply border-2 border-secondary-outline': {},\n        '@apply text-dark-secondary': {},\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n      },\n      '&[data-progress=\"current\"]': {\n        '@apply font-bold': {},\n        '.sk-progress-stepper-step-box': {\n          '@apply border-vattjom-surface-primary': {},\n          '@apply bg-vattjom-surface-primary': {},\n          '@apply text-vattjom-text-secondary': {},\n        },\n      },\n      '&[data-progress=\"done\"]': {\n        '.sk-progress-stepper-step-box': {\n          '@apply border-success-surface-primary': {},\n          '@apply bg-success-surface-primary': {},\n          '@apply text-success-text-secondary': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAU;IACpC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCE,EAAE,EAAE;QACF,2BAA2B,EAAE,CAAC;MAChC,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,uCAAuC,EAAE,CAAC;UAC5C;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,0BAA0B,EAAE,CAAC,CAAC;UAC9B,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC;QACzE,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/radio.js

@@ -1,4 +1,8 @@
-module.exports = Radio = function Radio() {
+"use strict";
+
+exports.__esModule = true;
+exports.Radio = void 0;
+var Radio = exports.Radio = function Radio() {
   return {
     '.sk-form-radio': {
       backgroundImage: 'none',

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["module","exports","Radio","backgroundImage"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = 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-[0.5rem]': {},\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-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-[3rem]': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\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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"}
+{"version":3,"file":"radio.js","names":["Radio","exports","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-[0.5rem]': {},\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-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-[3rem]': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\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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"}

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

@@ -0,0 +1,8 @@
+module.exports = SearchBar = function SearchBar() {
+  return {
+    '.search-bar': {
+      '@apply w-full relative': {}
+    }
+  };
+};
+//# sourceMappingURL=search-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,aAAa,EAAE;MACb,wBAAwB,EAAE,CAAC;IAC7B;EACF,CAAC;AAAA,CAAC"}

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

@@ -1,4 +1,8 @@
-module.exports = SearchField = function SearchField() {
+"use strict";
+
+exports.__esModule = true;
+exports.SearchField = void 0;
+var SearchField = exports.SearchField = function SearchField() {
   return {
     '.sk-search-field': {
       '&-md': {

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

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","names":["module","exports","SearchField","svg"],"sources":["../../../src/components/search-field.js"],"sourcesContent":["module.exports = SearchField = () => ({\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,0BAA0B,EAAE,CAAC,CAAC;UAC9BC,GAAG,EAAE;YACH,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,8BAA8B,EAAE,CAAC,CAAC;UAClCA,GAAG,EAAE;YACH,8BAA8B,EAAE,CAAC;UACnC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"search-field.js","names":["SearchField","exports","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\n  '.sk-search-field': {\n    '&-md': {\n      '.sk-search-field-icon': {\n        '@apply w-[2rem] h-[2rem]': {},\n        svg: {\n          '@apply w-[2rem] h-[2rem]': {},\n        },\n      },\n    },\n    '&-lg': {\n      '.sk-search-field-icon': {\n        '@apply w-[2.2rem] h-[2.2rem]': {},\n        svg: {\n          '@apply w-[2.2rem] h-[2.2rem]': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,0BAA0B,EAAE,CAAC,CAAC;UAC9BE,GAAG,EAAE;YACH,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,8BAA8B,EAAE,CAAC,CAAC;UAClCA,GAAG,EAAE;YACH,8BAA8B,EAAE,CAAC;UACnC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/select.js

@@ -1,3 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Select = void 0;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function chevronDown(color) {
   //TODO: This wont work with CSS variables. The colors are set here and wont work with themes
@@ -113,7 +117,7 @@ function primary() {
     }
   };
 }
-module.exports = Select = function Select() {
+var Select = exports.Select = function Select() {
   return {
     '.sk-form-select': _extends({
       '@apply h-fit': {},

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","module","exports","Select","_extends","backgroundImage"],"sources":["../../../src/components/select.js"],"sourcesContent":["function chevronDown(color) {\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-[3.2rem]': {},\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-[4.2rem]': {},\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-[4.8rem]': {},\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-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 dark:hover:border-primitives-overlay-lighten-4': {},\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 dark:hover:bg-primitives-overlay-darken-6': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-[1.3rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.9rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.3rem]': {},\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-[3.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-[1.7rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.3rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.3rem]': {},\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-[4.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-[1.9rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.7rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.9rem]': {},\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-[4.8rem]': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-primitives-overlay-darken-1': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\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 dark:hover:border-primitives-overlay-lighten-3': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = 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    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\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.5)')}\")`],\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply h-[3.2rem]': {},\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-[4rem]': {},\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-[4.8rem]': {},\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"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","exports","_extends","backgroundImage"],"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\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>`;\n}\n\nfunction tertiary() {\n  return {\n    '&-tertiary': {\n      '@apply border-2': {},\n\n      '@apply bg-tertiary-surface': {},\n      '@apply hover:bg-tertiary-surface-hover': {},\n      '@apply border-transparent': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-12': {},\n        //Background position - border width\n        '@apply bg-right-8': {},\n\n        //Padding + icon width - border width\n        '@apply pr-[3.2rem]': {},\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-16': {},\n        //Background position - border width\n        '@apply bg-right-12': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.2rem]': {},\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-18': {},\n        //Background position - border width\n        '@apply bg-right-16': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.8rem]': {},\n      },\n      //Disabled\n      '&[aria-disabled=\"true\"]': {\n        '@apply bg-tertiary-surface-disabled': {},\n      },\n    },\n  };\n}\n\nfunction primary() {\n  return {\n    '&-primary': {\n      '@apply border-1': {},\n      '@apply border-primitives-overlay-darken-6': {},\n      '@apply dark:border-primitives-overlay-lighten-6': {},\n      '@apply hover:border-primitives-overlay-darken-8': {},\n      '@apply dark:hover:border-primitives-overlay-lighten-4': {},\n      '@apply bg-primitives-overlay-lighten-10': {},\n      '@apply dark:bg-primitives-overlay-darken-6': {},\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-[1.3rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.9rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[3.3rem]': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-12': {},\n          //Background position - border width\n          '@apply bg-right-8': {},\n          //Padding + icon width - border width\n          '@apply pr-[3.2rem]': {},\n        },\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-[1.7rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_1.3rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.3rem]': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-16': {},\n          //Background position - border width\n          '@apply bg-right-12': {},\n          //Padding + icon width - border width\n          '@apply pr-[4.2rem]': {},\n        },\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-[1.9rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_1.7rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.9rem]': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-18': {},\n          //Background position - border width\n          '@apply bg-right-16': {},\n          //Padding + icon width - border width\n          '@apply pr-[4.8rem]': {},\n        },\n      },\n      //Disabled\n      '&[aria-disabled=\"true\"]': {\n        '@apply bg-primitives-overlay-darken-1': {},\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\n        '@apply border-primitives-overlay-darken-3': {},\n        '@apply dark:border-primitives-overlay-lighten-3': {},\n        '@apply hover:border-primitives-overlay-darken-3': {},\n        '@apply dark:hover:border-primitives-overlay-lighten-3': {},\n      },\n    },\n  };\n}\n\nexport const Select = () => ({\n  '.sk-form-select': {\n    '@apply h-fit': {},\n    '@apply w-fit': {},\n    '@apply box-border': {},\n    '@apply focus:border-transparent': {},\n    '@apply rounded-button': {},\n    '@apply text-dark-secondary': {},\n    '@apply placeholder:text-dark-secondary': {},\n    '@apply hover:placeholder:text-dark-primary': {},\n    '@apply focus:placeholder:text-dark-primary': {},\n    '@apply hover:text-dark-primary': {},\n    '@apply focus:text-dark-primary': {},\n    '@apply py-6': {},\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\n    '@apply focus:outline-0': {},\n\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\n    '&:hover, &:focus': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\n    },\n\n    ...tertiary(),\n    ...primary(),\n\n    //Droprown\n    '*': {\n      '@apply bg-background-content': {},\n    },\n\n    //Invalid\n    '&[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&[aria-disabled=\"true\"]': {\n      '@apply opacity-100': {},\n      '@apply text-dark-disabled': {},\n      '@apply placeholder:text-dark-disabled': {},\n      '@apply bg-tertiary-surface-disabled': {},\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.5)')}\")`],\n    },\n\n    '&-sm': {\n      '@apply h-[3.2rem]': {},\n      '@apply text-label-small': {},\n      '@apply rounded-button-sm': {},\n      '*': {\n        '@apply text-input-small': {},\n      },\n    },\n    '&-md': {\n      '@apply h-[4rem]': {},\n      '@apply text-label-medium': {},\n      '@apply rounded-button-md': {},\n      '*': {\n        '@apply text-input-medium': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-[4.8rem]': {},\n      '@apply text-label-large': {},\n      '@apply rounded-button-lg': {},\n      '*': {\n        '@apply text-input-large': {},\n      },\n    },\n  },\n  '.dark .sk-form-select': {\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\n    '&:hover, &:focus': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\n    },\n    '&[aria-disabled=\"true\"]': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\n    },\n  },\n});\n"],"mappings":"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"}

package/dist/cjs/components/side-menu.js

@@ -84,7 +84,7 @@ module.exports = Menu = function Menu() {
               '@apply pointer-events-none': {}
             },
             '& > .sk-sidemenu-wrapper::after': {
-              '@apply bg-info-surface-accent block relative w-full h-[44px]': {},
+              '@apply bg-info-light block relative w-full h-[44px]': {},
               content: "''"
             }
           },
@@ -108,7 +108,7 @@ module.exports = Menu = function Menu() {
           }
         },
         '&-separator': {
-          '@apply text-divider': {},
+          '@apply text-svartvik-200': {},
           height: '1px',
           width: '100%',
           backgroundImage: "repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)",
@@ -121,7 +121,7 @@ module.exports = Menu = function Menu() {
             '@apply border-t-0': {}
           },
           '> .sk-sidemenu-wrapper': {
-            '@apply h-[64px] max-h-[64px] border border-divider': {},
+            '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
             '> .sk-sidemenu-item-link': {
               '@apply  py-md': {},
               paddingLeft: '3.2rem'
@@ -134,14 +134,14 @@ module.exports = Menu = function Menu() {
             '@apply border-t-0': {}
           },
           '> .items': {
-            '@apply border-l border-r border-divider': {}
+            '@apply border-l border-r border-svartvik-200': {}
           },
           '&.open > .items': {
-            '@apply border-b border-divider': {}
+            '@apply border-b border-svartvik-200': {}
           },
           '&.separator': {
             '& + .lvl-0': {
-              '@apply border-t border-divider': {}
+              '@apply border-t border-svartvik-200': {}
             }
           },
           '&.separator > .sk-sidemenu-wrapper': {
@@ -154,7 +154,7 @@ module.exports = Menu = function Menu() {
             '@apply h-[56px] max-h-[56px]': {}
           },
           '&.open > .sk-sidemenu-wrapper': {
-            '@apply border-b border-divider': {}
+            '@apply border-b border-svartvik-200': {}
           },
           '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
             paddingLeft: '4.8rem'

package/dist/cjs/components/side-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-header': {\r\n      '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n      '.label-small': {\r\n        '@apply text-[1.6rem]': {},\r\n      },\r\n\r\n      '.label-button': {\r\n        '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.items': {\r\n        '@apply block': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex-grow select-none flex items-center': {},\r\n      },\r\n\r\n      '&.active': {\r\n        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.expand': {\r\n          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&.open': {\r\n        '& + .menu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-wrapper::after': {\r\n            '@apply bg-info-surface-accent block relative w-full h-[44px]': {},\r\n            content: \"''\",\r\n          },\r\n        },\r\n\r\n        '&.moving': {\r\n          '@apply hidden': {},\r\n        },\r\n\r\n        '& .sk-sidemenu-menuitem-movebutton': {\r\n          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n          svg: {\r\n            '@apply h-full': {},\r\n          },\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-divider': {},\r\n        height: '1px',\r\n        width: '100%',\r\n        backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n      },\r\n\r\n      '&.lvl-0': {\r\n        '&:first-child > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-divider': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-divider': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-divider': {},\r\n        },\r\n\r\n        '&.separator': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-divider': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-divider': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-header': {\r\n      '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n      '.label-small': {\r\n        '@apply text-[1.6rem]': {},\r\n      },\r\n\r\n      '.label-button': {\r\n        '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.items': {\r\n        '@apply block': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex-grow select-none flex items-center': {},\r\n      },\r\n\r\n      '&.active': {\r\n        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.expand': {\r\n          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&.open': {\r\n        '& + .menu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-wrapper::after': {\r\n            '@apply bg-info-light block relative w-full h-[44px]': {},\r\n            content: \"''\",\r\n          },\r\n        },\r\n\r\n        '&.moving': {\r\n          '@apply hidden': {},\r\n        },\r\n\r\n        '& .sk-sidemenu-menuitem-movebutton': {\r\n          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n          svg: {\r\n            '@apply h-full': {},\r\n          },\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-svartvik-200': {},\r\n        height: '1px',\r\n        width: '100%',\r\n        backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n      },\r\n\r\n      '&.lvl-0': {\r\n        '&:first-child > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-svartvik-200': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '&.separator': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/snackbar.js

@@ -1,4 +1,8 @@
-module.exports = Snackbar = function Snackbar() {
+"use strict";
+
+exports.__esModule = true;
+exports.Snackbar = void 0;
+var Snackbar = exports.Snackbar = function Snackbar() {
   return {
     '.sk-snackbar': {
       '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","names":["module","exports","Snackbar"],"sources":["../../../src/components/snackbar.js"],"sourcesContent":["module.exports = Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\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"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC,cAAc,EAAE;MACd,0FAA0F,EAAE,CAAC,CAAC;MAC9F,qDAAqD,EAAE,CAAC,CAAC;MAEzD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,UAAU,EAAE;QACV,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,WAAW,EAAE;QACX,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,QAAQ,EAAE;QACR,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,SAAS,EAAE;QACT,2DAA2D,EAAE,CAAC;MAChE;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"snackbar.js","names":["Snackbar","exports"],"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\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"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,cAAc,EAAE;MACd,0FAA0F,EAAE,CAAC,CAAC;MAC9F,qDAAqD,EAAE,CAAC,CAAC;MAEzD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,UAAU,EAAE;QACV,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,WAAW,EAAE;QACX,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,QAAQ,EAAE;QACR,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,SAAS,EAAE;QACT,2DAA2D,EAAE,CAAC;MAChE;IACF;EACF,CAAC;AAAA,CAAC"}