@sk-web-gui/core 3.5.0 → 3.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":["Chip"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\n  '.sk-chip': {\n    '@apply inline-flex': {},\n    '@apply items-center justify-center': {},\n    '@apply bg-secondary-surface': {},\n    '@apply hover:bg-secondary-surface-hover': {},\n    '@apply focus-visible:bg-secondary-surface-hover': {},\n    '@apply focus-visible:ring': {},\n    '@apply px-9 gap-4': {},\n    '@apply h-34': {},\n    '@apply text-small': {},\n    '@apply text-dark-secondary': {},\n    '@apply border-1': {},\n    '@apply border-secondary-outline': {},\n    '@apply hover:border-secondary-outline-hover': {},\n    '@apply focus-visible:border-transparent': {},\n    '@apply rounded-button': {},\n    '&[data-strong=\"true\"]': {\n      '@apply border-2': {},\n      '@apply px-8': {},\n    },\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply text-inverted-dark-secondary': {},\n      '@apply border-inverted-secondary-outline': {},\n      '@apply hover:border-inverted-secondary-outline-hover': {},\n      '@apply bg-inverted-secondary-surface': {},\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\n    },\n    '.sk-icon': {\n      '@apply h-16 w-16': {},\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,6BAA6B,EAAE,CAAC,CAAC;IACjC,yCAAyC,EAAE,CAAC,CAAC;IAC7C,iDAAiD,EAAE,CAAC,CAAC;IACrD,2BAA2B,EAAE,CAAC,CAAC;IAC/B,mBAAmB,EAAE,CAAC,CAAC;IACvB,aAAa,EAAE,CAAC,CAAC;IACjB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,iBAAiB,EAAE,CAAC,CAAC;IACrB,iCAAiC,EAAE,CAAC,CAAC;IACrC,6CAA6C,EAAE,CAAC,CAAC;IACjD,yCAAyC,EAAE,CAAC,CAAC;IAC7C,uBAAuB,EAAE,CAAC,CAAC;IAC3B,uBAAuB,EAAE;MACvB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,0CAA0C,EAAE,CAAC,CAAC;MAC9C,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kDAAkD,EAAE,CAAC,CAAC;MACtD,0DAA0D,EAAE,CAAC;IAC/D,CAAC;IACD,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"chip.js","names":["Chip"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\r\n  '.sk-chip': {\r\n    '@apply inline-flex': {},\r\n    '@apply items-center justify-center': {},\r\n    '@apply bg-secondary-surface': {},\r\n    '@apply hover:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:ring': {},\r\n    '@apply px-9 gap-4': {},\r\n    '@apply h-34': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply border-1': {},\r\n    '@apply border-secondary-outline': {},\r\n    '@apply hover:border-secondary-outline-hover': {},\r\n    '@apply focus-visible:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '&[data-strong=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply px-8': {},\r\n    },\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\r\n      '@apply border-inverted-secondary-outline': {},\r\n      '@apply hover:border-inverted-secondary-outline-hover': {},\r\n      '@apply bg-inverted-secondary-surface': {},\r\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\r\n    },\r\n    '.sk-icon': {\r\n      '@apply h-16 w-16': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,6BAA6B,EAAE,CAAC,CAAC;IACjC,yCAAyC,EAAE,CAAC,CAAC;IAC7C,iDAAiD,EAAE,CAAC,CAAC;IACrD,2BAA2B,EAAE,CAAC,CAAC;IAC/B,mBAAmB,EAAE,CAAC,CAAC;IACvB,aAAa,EAAE,CAAC,CAAC;IACjB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,iBAAiB,EAAE,CAAC,CAAC;IACrB,iCAAiC,EAAE,CAAC,CAAC;IACrC,6CAA6C,EAAE,CAAC,CAAC;IACjD,yCAAyC,EAAE,CAAC,CAAC;IAC7C,uBAAuB,EAAE,CAAC,CAAC;IAC3B,uBAAuB,EAAE;MACvB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,0CAA0C,EAAE,CAAC,CAAC;MAC9C,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kDAAkD,EAAE,CAAC,CAAC;MACtD,0DAA0D,EAAE,CAAC;IAC/D,CAAC;IACD,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/combobox.js

@@ -54,17 +54,35 @@ export var ComboBox = () => ({
         '@apply border-transparent': {}
       }
     },
-    '&-list': {
+    '&-list, &-list.sk-popup-menu': {
       '@apply w-full': {},
       '@apply max-h-[15em] overflow-y-auto': {},
-      '&-option': {
+      '.sk-form-combobox-list-option': {
         '&.sk-popup-menu-item': {
           '@apply cursor-default': {},
           '@apply leading-none': {},
           '@apply h-auto': {}
         },
+        '&-group': {
+          '&-label': {
+            '&.sk-popup-menu-item': {
+              '@apply cursor-default': {},
+              '@apply leading-none': {},
+              '@apply h-auto': {},
+              '@apply text-label-medium': {},
+              '@apply pl-6': {},
+              '@apply bg-transparent hover:bg-transparent': {}
+            }
+          }
+        },
         '&-checkbox': {
           '@apply w-0 h-0 m-0 p-0 opacity-0': {}
+        },
+        '&-tick': {
+          '@apply opacity-0': {},
+          '&[data-checked="true"]': {
+            '@apply opacity-100': {}
+          }
         }
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\n  '.sk-combobox-base': {\n    '@apply w-auto inline-block relative': {},\n  },\n  '.sk-form-combobox': {\n    '@apply focus-within:ring ring-ring ring-offset': {},\n    '@apply relative w-auto': {},\n    '@apply inline-block': {},\n    '&-sm': {\n      '@apply h-32': {},\n      '@apply rounded-button-sm': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-small': {},\n        '@apply pr-52': {},\n      },\n    },\n    '&-md': {\n      '@apply h-40': {},\n      '@apply rounded-button-md': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-medium': {},\n        '@apply pr-62': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-48': {},\n      '@apply rounded-button-lg': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-large': {},\n        '@apply pr-68': {},\n      },\n    },\n\n    '&[data-showvalue=\"true\"]': {\n      '.sk-form-combobox-select': {\n        '@apply caret-transparent': {},\n      },\n    },\n\n    '&-select': {\n      '@apply bg-right-12 bg-no-repeat': {},\n\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\n      '@apply w-full': {},\n\n      '&:not(.active)': {\n        '@apply cursor-default': {},\n      },\n      '@apply focus:border-transparent': {},\n      '@apply focus:hover:border-transparent': {},\n      '&.active': {\n        '@apply bg-primitives-overlay-lighten-10': {},\n        '@apply dark:bg-primitives-overlay-darken-6': {},\n        '@apply placeholder:text-dark-placeholder': {},\n        '@apply text-dark-primary': {},\n        '@apply border-transparent': {},\n      },\n    },\n    '&-list': {\n      '@apply w-full': {},\n      '@apply max-h-[15em] overflow-y-auto': {},\n      '&-option': {\n        '&.sk-popup-menu-item': {\n          '@apply cursor-default': {},\n          '@apply leading-none': {},\n          '@apply h-auto': {},\n        },\n\n        '&-checkbox': {\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EACD,mBAAmB,EAAE;IACnB,gDAAgD,EAAE,CAAC,CAAC;IACpD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,qBAAqB,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE;MACN,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IACD,MAAM,EAAE;MACN,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IACD,MAAM,EAAE;MACN,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1B,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,UAAU,EAAE;MACV,iCAAiC,EAAE,CAAC,CAAC;MAErC,kBAAkB,EAAE;QAAE,+DAA+D,EAAE,CAAC;MAAE,CAAC;MAC3F,eAAe,EAAE,CAAC,CAAC;MAEnB,gBAAgB,EAAE;QAChB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iCAAiC,EAAE,CAAC,CAAC;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC,CAAC;QAC7C,4CAA4C,EAAE,CAAC,CAAC;QAChD,0CAA0C,EAAE,CAAC,CAAC;QAC9C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,eAAe,EAAE,CAAC,CAAC;MACnB,qCAAqC,EAAE,CAAC,CAAC;MACzC,UAAU,EAAE;QACV,sBAAsB,EAAE;UACtB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,YAAY,EAAE;UACZ,kCAAkC,EAAE,CAAC;QACvC;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n  '.sk-combobox-base': {\r\n    '@apply w-auto inline-block relative': {},\r\n  },\r\n  '.sk-form-combobox': {\r\n    '@apply focus-within:ring ring-ring ring-offset': {},\r\n    '@apply relative w-auto': {},\r\n    '@apply inline-block': {},\r\n    '&-sm': {\r\n      '@apply h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-small': {},\r\n        '@apply pr-52': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-medium': {},\r\n        '@apply pr-62': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-large': {},\r\n        '@apply pr-68': {},\r\n      },\r\n    },\r\n\r\n    '&[data-showvalue=\"true\"]': {\r\n      '.sk-form-combobox-select': {\r\n        '@apply caret-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-select': {\r\n      '@apply bg-right-12 bg-no-repeat': {},\r\n\r\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n      '@apply w-full': {},\r\n\r\n      '&:not(.active)': {\r\n        '@apply cursor-default': {},\r\n      },\r\n      '@apply focus:border-transparent': {},\r\n      '@apply focus:hover:border-transparent': {},\r\n      '&.active': {\r\n        '@apply bg-primitives-overlay-lighten-10': {},\r\n        '@apply dark:bg-primitives-overlay-darken-6': {},\r\n        '@apply placeholder:text-dark-placeholder': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply border-transparent': {},\r\n      },\r\n    },\r\n    '&-list, &-list.sk-popup-menu': {\r\n      '@apply w-full': {},\r\n      '@apply max-h-[15em] overflow-y-auto': {},\r\n      '.sk-form-combobox-list-option': {\r\n        '&.sk-popup-menu-item': {\r\n          '@apply cursor-default': {},\r\n          '@apply leading-none': {},\r\n          '@apply h-auto': {},\r\n        },\r\n        '&-group': {\r\n          '&-label': {\r\n            '&.sk-popup-menu-item': {\r\n              '@apply cursor-default': {},\r\n              '@apply leading-none': {},\r\n              '@apply h-auto': {},\r\n              '@apply text-label-medium': {},\r\n              '@apply pl-6': {},\r\n              '@apply bg-transparent hover:bg-transparent': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-checkbox': {\r\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n        },\r\n        '&-tick': {\r\n          '@apply opacity-0': {},\r\n          '&[data-checked=\"true\"]': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EACD,mBAAmB,EAAE;IACnB,gDAAgD,EAAE,CAAC,CAAC;IACpD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,qBAAqB,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE;MACN,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IACD,MAAM,EAAE;MACN,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IACD,MAAM,EAAE;MACN,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1B,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,UAAU,EAAE;MACV,iCAAiC,EAAE,CAAC,CAAC;MAErC,kBAAkB,EAAE;QAAE,+DAA+D,EAAE,CAAC;MAAE,CAAC;MAC3F,eAAe,EAAE,CAAC,CAAC;MAEnB,gBAAgB,EAAE;QAChB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iCAAiC,EAAE,CAAC,CAAC;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC,CAAC;QAC7C,4CAA4C,EAAE,CAAC,CAAC;QAChD,0CAA0C,EAAE,CAAC,CAAC;QAC9C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,8BAA8B,EAAE;MAC9B,eAAe,EAAE,CAAC,CAAC;MACnB,qCAAqC,EAAE,CAAC,CAAC;MACzC,+BAA+B,EAAE;QAC/B,sBAAsB,EAAE;UACtB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,SAAS,EAAE;UACT,SAAS,EAAE;YACT,sBAAsB,EAAE;cACtB,uBAAuB,EAAE,CAAC,CAAC;cAC3B,qBAAqB,EAAE,CAAC,CAAC;cACzB,eAAe,EAAE,CAAC,CAAC;cACnB,0BAA0B,EAAE,CAAC,CAAC;cAC9B,aAAa,EAAE,CAAC,CAAC;cACjB,4CAA4C,EAAE,CAAC;YACjD;UACF;QACF,CAAC;QAED,YAAY,EAAE;UACZ,kCAAkC,EAAE,CAAC;QACvC,CAAC;QACD,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC,CAAC;UACtB,wBAAwB,EAAE;YACxB,oBAAoB,EAAE,CAAC;UACzB;QACF;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/comments.js

@@ -0,0 +1,30 @@
+module.exports = Comments = () => ({
+  '.comment-header': {
+    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {}
+  },
+  '.comment-item': {
+    '@apply w-full': {},
+    '&-container': {
+      '@apply flex justify-between relative': {},
+      '&-textpic': {
+        '@apply flex gap-2': {}
+      }
+    },
+    '&-text': {
+      '@apply text-base font-bold mx-0 mb-0 mt-4': {}
+    },
+    '&-commentorpublished': {
+      '@apply float-right text-neutral-600 m-0': {}
+    }
+  },
+  '.comment-input': {
+    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
+    '&-inactive': {
+      '@apply text-neutral-300 !text-3xl': {}
+    },
+    '&-active': {
+      '@apply text-primary !text-3xl': {}
+    }
+  }
+});
+//# sourceMappingURL=comments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n    '.comment-header': {\r\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n    },\r\n\r\n    '.comment-item':{\r\n        '@apply w-full': {},\r\n\r\n        '&-container': {\r\n            '@apply flex justify-between relative': {},\r\n\r\n            '&-textpic': {\r\n                '@apply flex gap-2': {},\r\n            },\r\n        },\r\n        '&-text': {\r\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n        },\r\n        '&-commentorpublished': {\r\n            '@apply float-right text-neutral-600 m-0': {},\r\n        },\r\n    },\r\n    '.comment-input':{\r\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n        '&-inactive': {\r\n            '@apply text-neutral-300 !text-3xl': {},\r\n        },\r\n\r\n        '&-active': {\r\n            '@apply text-primary !text-3xl': {},\r\n        }\r\n\r\n    },\r\n\r\n   \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}

package/dist/esm/components/context-menu.js

@@ -0,0 +1,39 @@
+module.exports = ContextMenu = () => ({
+  '.context-menu-wrapper': {
+    '@apply relative inline': {},
+    '> a, > button': {
+      '@apply inline-flex': {}
+    },
+    '.context-menu-items': {
+      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
+      '.context-menu-item': {
+        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
+        'a, button': {
+          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {},
+          '&.active': {
+            '@apply bg-primary text-white': {}
+          },
+          '.MuiSvgIcon-root': {
+            '@apply text-base': {}
+          }
+        },
+        '&:first-child a,&:first-child button': {
+          '@apply pt-[0.675rem] pb-[0.525rem]': {}
+        },
+        '&:last-child a,&:last-child button': {
+          '@apply pt-[0.525rem] pb-[0.675rem]': {}
+        },
+        '&:only-child a,&:only-child button': {
+          '@apply py-[0.6rem]': {}
+        }
+      },
+      hr: {
+        '@apply mx-sm w-[calc(100%_-_16px)]': {}
+      },
+      '&.right': {
+        '@apply right-0': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=context-menu.js.map

package/dist/esm/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu","hr"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '@apply relative inline': {},\r\n\r\n    '> a, > button': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '.context-menu-items': {\r\n      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':\r\n          {},\r\n\r\n        'a, button': {\r\n          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':\r\n            {},\r\n\r\n          '&.active': {\r\n            '@apply bg-primary text-white': {},\r\n          },\r\n\r\n          '.MuiSvgIcon-root': {\r\n            '@apply text-base': {},\r\n          },\r\n        },\r\n\r\n        '&:first-child a,&:first-child button': {\r\n          '@apply pt-[0.675rem] pb-[0.525rem]': {},\r\n        },\r\n        '&:last-child a,&:last-child button': {\r\n          '@apply pt-[0.525rem] pb-[0.675rem]': {},\r\n        },\r\n        '&:only-child a,&:only-child button': {\r\n          '@apply py-[0.6rem]': {},\r\n        },\r\n      },\r\n\r\n      hr: {\r\n        '@apply mx-sm w-[calc(100%_-_16px)]': {},\r\n      },\r\n\r\n      '&.right': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAE5B,eAAe,EAAE;MACf,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,qBAAqB,EAAE;MACrB,uHAAuH,EACrH,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,2HAA2H,EACzH,CAAC,CAAC;QAEJ,WAAW,EAAE;UACX,sIAAsI,EACpI,CAAC,CAAC;UAEJ,UAAU,EAAE;YACV,8BAA8B,EAAE,CAAC;UACnC,CAAC;UAED,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,sCAAsC,EAAE;UACtC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAEDC,EAAE,EAAE;QACF,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,SAAS,EAAE;QACT,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/cookie-consent.js

@@ -28,7 +28,10 @@ export var CookieConsent = () => ({
       '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}
     },
     '&-custom-wrapper': {
-      '@apply flex flex-col gap-24': {}
+      '@apply flex flex-col gap-24': {},
+      '&-legend': {
+        '@apply text-label-medium': {}
+      }
     },
     '&-description': {
       '@apply text-base flex flex-col gap-8': {}

package/dist/esm/components/cookie-consent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-consent.js","names":["CookieConsent"],"sources":["../../../src/components/cookie-consent.ts"],"sourcesContent":["export const CookieConsent = () => ({\r\n  '.sk-cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply p-40': {},\r\n    '@apply pt-24': {},\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    '&-close-btn': {\r\n      // '@apply cursor-pointer hover:text-dark-secondary absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n      // {},\r\n\r\n      '&-icon': {\r\n        // '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col gap-24 container max-w-[64em] relative': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col gap-8': {},\r\n      '@apply max-w-[50em]': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n    },\r\n    '&-custom-wrapper': {\r\n      '@apply flex flex-col gap-24': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base flex flex-col gap-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col md:flex-row gap-12 flex-wrap': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,aAAa,GAAGA,CAAA,MAAO;EAClC,oBAAoB,EAAE;IACpB,0EAA0E,EAAE,CAAC,CAAC;IAC9E,8BAA8B,EAAE,CAAC,CAAC;IAClC,aAAa,EAAE,CAAC,CAAC;IACjB,cAAc,EAAE,CAAC,CAAC;IAElB,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC;IACjD,CAAC;IACD,aAAa,EAAE;MACb;MACA;;MAEA,QAAQ,EAAE;QACR;MAAA;IAEJ,CAAC;IAED,mBAAmB,EAAE;MACnB,6DAA6D,EAAE,CAAC;IAClE,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChC,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,SAAS,EAAE;MACT,+CAA+C,EAAE,CAAC;IACpD,CAAC;IACD,kBAAkB,EAAE;MAClB,6BAA6B,EAAE,CAAC;IAClC,CAAC;IAED,eAAe,EAAE;MACf,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED,eAAe,EAAE;MACf,mDAAmD,EAAE,CAAC;IACxD;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"cookie-consent.js","names":["CookieConsent"],"sources":["../../../src/components/cookie-consent.ts"],"sourcesContent":["export const CookieConsent = () => ({\r\n  '.sk-cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply p-40': {},\r\n    '@apply pt-24': {},\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    '&-close-btn': {\r\n      // '@apply cursor-pointer hover:text-dark-secondary absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n      // {},\r\n\r\n      '&-icon': {\r\n        // '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col gap-24 container max-w-[64em] relative': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col gap-8': {},\r\n      '@apply max-w-[50em]': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n    },\r\n    '&-custom-wrapper': {\r\n      '@apply flex flex-col gap-24': {},\r\n      '&-legend': {\r\n        '@apply text-label-medium': {},\r\n      },\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base flex flex-col gap-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col md:flex-row gap-12 flex-wrap': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,aAAa,GAAGA,CAAA,MAAO;EAClC,oBAAoB,EAAE;IACpB,0EAA0E,EAAE,CAAC,CAAC;IAC9E,8BAA8B,EAAE,CAAC,CAAC;IAClC,aAAa,EAAE,CAAC,CAAC;IACjB,cAAc,EAAE,CAAC,CAAC;IAElB,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC;IACjD,CAAC;IACD,aAAa,EAAE;MACb;MACA;;MAEA,QAAQ,EAAE;QACR;MAAA;IAEJ,CAAC;IAED,mBAAmB,EAAE;MACnB,6DAA6D,EAAE,CAAC;IAClE,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChC,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,SAAS,EAAE;MACT,+CAA+C,EAAE,CAAC;IACpD,CAAC;IACD,kBAAkB,EAAE;MAClB,6BAA6B,EAAE,CAAC,CAAC;MACjC,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,eAAe,EAAE;MACf,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED,eAAe,EAAE;MACf,mDAAmD,EAAE,CAAC;IACxD;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/dialog.js

@@ -1,6 +1,21 @@
-export var Dialog = () => ({
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+export var Dialog = colors => ({
   '.sk-dialog': {
-    '@apply w-fit max-w-prose md:min-w-[25em]': {}
+    '@apply w-fit max-w-prose md:min-w-[25em]': {},
+    //Confirm dialog
+    '&-confirm': {
+      '&-label': _extends({
+        '@apply flex items-center justify-start gap-4': {},
+        '@apply text-dark-primary': {}
+      }, colors.reduce((classes, color) => _extends({}, classes, {
+        ["&[data-color=\"" + color + "\"]"]: {
+          ["@apply text-" + color + "-text-primary"]: {}
+        }
+      }), {})),
+      '&-heading': {
+        '@apply text-h3': {}
+      }
+    }
   }
 });
 //# sourceMappingURL=dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["Dialog"],"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = () => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[25em]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,0CAA0C,EAAE,CAAC;EAC/C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"dialog.js","names":["Dialog","colors","_extends","reduce","classes","color"],"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = (colors: string[]) => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[25em]': {},\r\n\r\n    //Confirm dialog\r\n    '&-confirm': {\r\n      '&-label': {\r\n        '@apply flex items-center justify-start gap-4': {},\r\n        '@apply text-dark-primary': {},\r\n        ...colors.reduce(\r\n          (classes, color) => ({\r\n            ...classes,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-text-primary`]: {},\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n      '&-heading': {\r\n        '@apply text-h3': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,YAAY,EAAE;IACZ,0CAA0C,EAAE,CAAC,CAAC;IAE9C;IACA,WAAW,EAAE;MACX,SAAS,EAAAC,QAAA;QACP,8CAA8C,EAAE,CAAC,CAAC;QAClD,0BAA0B,EAAE,CAAC;MAAC,GAC3BD,MAAM,CAACE,MAAM,CACd,CAACC,OAAO,EAAEC,KAAK,KAAAH,QAAA,KACVE,OAAO;QACV,qBAAkBC,KAAK,WAAO;UAC5B,kBAAgBA,KAAK,qBAAkB,CAAC;QAC1C;MAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;MACD,WAAW,EAAE;QACX,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/dropdown-filter.js

@@ -0,0 +1,58 @@
+module.exports = DropdownFilter = () => ({
+  '.dropdown-filter': {
+    position: 'relative',
+    height: 50,
+    border: '1px solid #939393',
+    display: 'flex',
+    background: '#fff',
+    borderRadius: 2,
+    '.dropdown-button': {
+      '@apply flex justify-between items-center  grow': {},
+      '.dropdown-button-icon': {
+        '@apply justify-self-end grow-0': {}
+      }
+    },
+    '.filter-container': {
+      position: 'absolute',
+      top: '100%',
+      left: '-1px',
+      zIndex: 10,
+      width: 'calc(100% + 2px)',
+      background: '#fff',
+      border: '1px solid #939393',
+      borderRadius: 2,
+      '.filter-controls': {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        button: {
+          marginLeft: '1rem',
+          textDecoration: 'underline'
+        }
+      },
+      '.filter-item': {
+        '@apply px-md': {},
+        height: 48,
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        borderBottom: '1px solid #939393',
+        '> label': {
+          '@apply w-full': {},
+          '> .form-checkbox-label': {
+            '@apply flex-grow': {}
+          }
+        },
+        '&.disabled': {
+          color: '#939393'
+        },
+        '&:first-of-type': {
+          borderTop: '1px solid #939393'
+        },
+        '&:last-child': {
+          borderBottom: 'none'
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=dropdown-filter.js.map

package/dist/esm/components/dropdown-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n  '.dropdown-filter': {\r\n    position: 'relative',\r\n    height: 50,\r\n    border: '1px solid #939393',\r\n    display: 'flex',\r\n    background: '#fff',\r\n    borderRadius: 2,\r\n\r\n    '.dropdown-button': {\r\n      '@apply flex justify-between items-center  grow': {},\r\n      '.dropdown-button-icon': {\r\n        '@apply justify-self-end grow-0': {},\r\n      },\r\n    },\r\n\r\n    '.filter-container': {\r\n      position: 'absolute',\r\n      top: '100%',\r\n      left: '-1px',\r\n      zIndex: 10,\r\n      width: 'calc(100% + 2px)',\r\n      background: '#fff',\r\n      border: '1px solid #939393',\r\n      borderRadius: 2,\r\n\r\n      '.filter-controls': {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        button: {\r\n          marginLeft: '1rem',\r\n          textDecoration: 'underline',\r\n        },\r\n      },\r\n\r\n      '.filter-item': {\r\n        '@apply px-md': {},\r\n        height: 48,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        borderBottom: '1px solid #939393',\r\n\r\n        '> label': {\r\n          '@apply w-full': {},\r\n\r\n          '> .form-checkbox-label': {\r\n            '@apply flex-grow': {},\r\n          },\r\n        },\r\n\r\n        '&.disabled': {\r\n          color: '#939393',\r\n        },\r\n\r\n        '&:first-of-type': {\r\n          borderTop: '1px solid #939393',\r\n        },\r\n\r\n        '&:last-child': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAGA,CAAA,MAAO;EACvC,kBAAkB,EAAE;IAClBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,mBAAmB;IAC3BC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,CAAC;IAEf,kBAAkB,EAAE;MAClB,gDAAgD,EAAE,CAAC,CAAC;MACpD,uBAAuB,EAAE;QACvB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,mBAAmB,EAAE;MACnBL,QAAQ,EAAE,UAAU;MACpBM,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,kBAAkB;MACzBL,UAAU,EAAE,MAAM;MAClBF,MAAM,EAAE,mBAAmB;MAC3BG,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClBF,OAAO,EAAE,MAAM;QACfO,cAAc,EAAE,UAAU;QAC1BC,MAAM,EAAE;UACNC,UAAU,EAAE,MAAM;UAClBC,cAAc,EAAE;QAClB;MACF,CAAC;MAED,cAAc,EAAE;QACd,cAAc,EAAE,CAAC,CAAC;QAClBZ,MAAM,EAAE,EAAE;QACVE,OAAO,EAAE,MAAM;QACfO,cAAc,EAAE,eAAe;QAC/BI,UAAU,EAAE,QAAQ;QACpBC,YAAY,EAAE,mBAAmB;QAEjC,SAAS,EAAE;UACT,eAAe,EAAE,CAAC,CAAC;UAEnB,wBAAwB,EAAE;YACxB,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,YAAY,EAAE;UACZC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjBC,SAAS,EAAE;QACb,CAAC;QAED,cAAc,EAAE;UACdF,YAAY,EAAE;QAChB;MACF;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["Forms","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\n  '.sk-form-control': {\n    '@apply flex flex-col gap-8 w-fit': {},\n  },\n\n  '.sk-form-label': {\n    '@apply font-bold': {},\n    '&-sm': {\n      '@apply text-label-small': {},\n    },\n    '&-md': {\n      '@apply text-label-medium': {},\n    },\n    '&-lg': {\n      '@apply text-label-large': {},\n    },\n  },\n\n  'legend.sk-form-label': {\n    display: 'contents',\n  },\n\n  '.sk-form-helper-text, .sk-form-error-message': {\n    '@apply font-normal': {},\n    '@apply text-small': {},\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,kBAAkB,EAAE;IAClB,kCAAkC,EAAE,CAAC;EACvC,CAAC;EAED,gBAAgB,EAAE;IAChB,kBAAkB,EAAE,CAAC,CAAC;IACtB,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B;EACF,CAAC;EAED,sBAAsB,EAAE;IACtBC,OAAO,EAAE;EACX,CAAC;EAED,8CAA8C,EAAE;IAC9C,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC;EACxB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"forms.js","names":["Forms","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\r\n  '.sk-form-control': {\r\n    '@apply flex flex-col gap-8 w-fit': {},\r\n  },\r\n\r\n  '.sk-form-label': {\r\n    '@apply font-bold': {},\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n    },\r\n  },\r\n\r\n  'legend.sk-form-label': {\r\n    display: 'contents',\r\n  },\r\n\r\n  '.sk-form-helper-text, .sk-form-error-message': {\r\n    '@apply font-normal': {},\r\n    '@apply text-small': {},\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,kBAAkB,EAAE;IAClB,kCAAkC,EAAE,CAAC;EACvC,CAAC;EAED,gBAAgB,EAAE;IAChB,kBAAkB,EAAE,CAAC,CAAC;IACtB,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B;EACF,CAAC;EAED,sBAAsB,EAAE;IACtBC,OAAO,EAAE;EACX,CAAC;EAED,8CAA8C,EAAE;IAC9C,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC;EACxB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/input.js

@@ -206,7 +206,10 @@ export var Input = () => ({
       '@apply h-32': {}
     },
     '&&-textarea': {
-      '@apply h-auto': {}
+      '@apply h-auto': {},
+      '&-warning': {
+        '@apply sr-only': {}
+      }
     },
     //Focus
     '@apply focus:ring': {},

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\n}\nfunction clock() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\n}\n\nfunction inputStandards() {\n  return {\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\n    '@apply placeholder:text-dark-placeholder': {},\n\n    '@apply bg-primitives-overlay-lighten-10': {},\n    '@apply dark:bg-primitives-overlay-darken-6': {},\n\n    //Invalid\n    '&:invalid, &[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&:disabled, &[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      '@apply text-dark-disabled': {},\n    },\n  };\n}\n\nfunction addin() {\n  return {\n    '&-addin': {\n      '@apply bg-transparent': {},\n      '@apply flex': {},\n      '@apply justify-start items-center': {},\n      '&-sm': {\n        '@apply px-6 gap-6': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-12': {},\n          '@apply pl-10': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-12': {},\n          '@apply pr-10': {},\n        },\n        svg: {\n          '@apply w-16 h-16': {},\n        },\n      },\n      '&-md': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-16': {},\n          '@apply pl-12': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-16': {},\n          '@apply pr-12': {},\n        },\n        svg: {\n          '@apply w-20 h-20': {},\n        },\n      },\n      '&-lg': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-20': {},\n          '@apply pl-16': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-20': {},\n          '@apply pr-16': {},\n        },\n        svg: {\n          '@apply w-22 h-22': {},\n        },\n      },\n    },\n  };\n}\n\nfunction inputGroup() {\n  return {\n    '&-group': {\n      '@apply flex relative': {},\n      '@apply items-center': {},\n      '@apply focus-within:ring': {},\n      '@apply focus-within:ring-ring': {},\n      '@apply text-dark-secondary': {},\n      //Focus\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\n\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\n      },\n\n      '&&-lg': {\n        '@apply text-input-large': {},\n        '@apply rounded-button-lg': {},\n      },\n      '&&-md': {\n        '@apply text-input-medium': {},\n        '@apply rounded-button-md': {},\n      },\n      '&&-sm': {\n        '@apply text-input-small': {},\n        '@apply rounded-button-sm': {},\n      },\n      ...inputStandards(),\n      '.sk-form-input': {\n        '@apply rounded-0': {},\n        '@apply border-0': {},\n        '@apply focus:ring-0': {},\n        '@apply focus:ring-offset-0': {},\n        '@apply bg-transparent': {},\n        '@apply dark:bg-transparent': {},\n        '@apply grow': {},\n      },\n    },\n  };\n}\n\nfunction timeAndDatePicker() {\n  return {\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      '@apply block': {},\n      '@apply p-0': {},\n      '@apply pl-6 md:pl-8': {},\n      '@apply m-0': {},\n      '@apply bg-none': {},\n      '@apply bg-dark-secondary': {},\n      '&.sk-form-input-sm': {\n        '@apply w-16 h-16': {},\n        '@apply -mr-2': {},\n      },\n      '&.sk-form-input-md': {\n        '@apply -mr-4': {},\n        '@apply w-18 h-18': {},\n      },\n      '&.sk-form-input-lg': {\n        '@apply -mr-6': {},\n        '@apply w-20 h-20': {},\n      },\n    },\n\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\n      {\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        maskSize: 'contain',\n        '-webkit-mask-size': 'contain',\n      },\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n        '@apply color-black-disabled': {},\n      },\n    },\n  };\n}\n\nexport const Input = () => ({\n  '.sk-form-input': {\n    '@apply grow-0': {},\n    '@apply text-dark-primary': {},\n\n    '&[data-hideextra=\"true\"]': {\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        '-webkit-appearance': 'none',\n        display: 'none',\n        margin: '0px',\n      },\n      '-moz-appearance': 'textfield',\n    },\n\n    '&&-lg': {\n      '@apply rounded-button-lg': {},\n      '@apply px-20': {},\n      '@apply py-11': {},\n      '@apply gap-8': {},\n      '@apply text-input-large': {},\n      '@apply h-48': {},\n    },\n    '&&-md': {\n      '@apply rounded-button-md': {},\n      '@apply px-16': {},\n      '@apply py-7': {},\n      '@apply gap-8': {},\n      '@apply text-input-medium': {},\n      '@apply h-40': {},\n    },\n    '&&-sm': {\n      '@apply rounded-button-sm': {},\n      '@apply px-12': {},\n      '@apply py-5': {},\n      '@apply gap-6': {},\n      '@apply text-input-small': {},\n      '@apply h-32': {},\n    },\n    '&&-textarea': {\n      '@apply h-auto': {},\n    },\n\n    //Focus\n    '@apply focus:ring': {},\n    '@apply focus:ring-ring': {},\n    '@apply focus:ring-offset': {},\n    '@apply focus:border-primitives-overlay-lighten-10': {},\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\n    '@apply focus-within:ring': {},\n    '@apply focus-within:ring-ring': {},\n    '@apply focus-within:ring-offset': {},\n    '@apply focus-within:border-primitives-overlay-lighten-10': {},\n    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\n    },\n    ...timeAndDatePicker(),\n    ...inputStandards(),\n    ...inputGroup(),\n    ...addin(),\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\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\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[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      '@apply text-dark-disabled': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\n  '.sk-label': {\n    '@apply inline-flex flex-row': {},\n    '@apply justify-center items-center': {},\n    '@apply gap-6 px-10 py-4': {},\n    '@apply h-24 max-h-24': {},\n    '@apply text-label-small': {},\n\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\n\n    '@apply bg-dark-primary': {},\n    '@apply text-light-primary': {},\n\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply bg-tertiary-surface': {},\n      '@apply text-dark-primary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply bg-${color}-surface-primary`]: {},\n          [`@apply text-${color}-text-secondary`]: {},\n          '&[data-inverted=\"true\"]': {\n            [`@apply bg-${color}-surface-accent`]: {},\n            [`@apply text-${color}-text-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n    '&[data-color=\"tertiary\"]': {\n      '@apply bg-dark-primary': {},\n      '@apply text-light-primary': {},\n      '&[data-inverted=\"true\"]': {\n        '@apply bg-tertiary-surface': {},\n        '@apply text-dark-primary': {},\n      },\n    },\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,wBAAwB,EAAE,CAAC,CAAC;IAC5B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,4BAA4B,EAAE,CAAC,CAAC;MAChC,0BAA0B,EAAE,CAAC;IAC/B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,0BAA0B,EAAE;MAC1B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n  '.sk-label': {\r\n    '@apply inline-flex flex-row': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply gap-6 px-10 py-4': {},\r\n    '@apply h-24 max-h-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n    '@apply bg-dark-primary': {},\r\n    '@apply text-light-primary': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply text-dark-primary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary`]: {},\r\n          [`@apply text-${color}-text-secondary`]: {},\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent`]: {},\r\n            [`@apply text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"tertiary\"]': {\r\n      '@apply bg-dark-primary': {},\r\n      '@apply text-light-primary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-tertiary-surface': {},\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,wBAAwB,EAAE,CAAC,CAAC;IAC5B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,4BAA4B,EAAE,CAAC,CAAC;MAChC,0BAA0B,EAAE,CAAC;IAC/B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,0BAA0B,EAAE;MAC1B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["List","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n  '.sk-list': {\n    // General\n    li: {\n      '&:before': {\n        '@apply text-vattjom-surface-primary font-bold': {},\n        '@apply absolute inline-flex items-center justify-center text-center': {},\n        '@apply w-24 h-24': {},\n      },\n    },\n\n    '&[data-style=\"bullet\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['•'] my-5 text-lead\": {},\n        },\n      },\n    },\n\n    '&[data-style=\"numbered\"]': {\n      li: {\n        counterIncrement: 'item',\n\n        '&:before': {\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\n          '@apply my-6 h-22 w-22 border-2': {},\n          content: 'counter(item)',\n        },\n      },\n    },\n\n    '&[data-style=\"stroke\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['–'] my-4 text-base\": {},\n        },\n      },\n    },\n\n    '.sk-link': {\n      '&-tertiary': {\n        '@apply text-dark-primary': {},\n        '&:hover': {\n          '@apply text-dark-secondary': {},\n        },\n      },\n    },\n\n    '&-item': {\n      '@apply pt-20': {},\n    },\n\n    '&-header': {\n      '@apply text-large font-bold ml-32': {},\n    },\n\n    '&-text': {\n      '@apply text-dark-secondary ml-32': {},\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,gCAAgC,EAAE,CAAC,CAAC;UACpCC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,QAAQ,EAAE;MACR,kCAAkC,EAAE,CAAC;IACvC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"list.js","names":["List","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-5 text-lead\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-6 h-22 w-22 border-2': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-4 text-base\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-32': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-32': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,gCAAgC,EAAE,CAAC,CAAC;UACpCC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,QAAQ,EAAE;MACR,kCAAkC,EAAE,CAAC;IACvC;EACF;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"logo.js","names":["Logo"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-60': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-56': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply font-header text-logo-header': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"logo.js","names":["Logo"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/menu-vertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","_extends","color"],"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\n\nconst MenuVerticalNav = () => ({\n  '.sk-menu-vertical-nav': {\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&.ul, & ul': {\n        '@apply pt-12 pr-16 pb-16': {},\n      },\n\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '@apply font-bold': {},\n\n          '&-medium': {\n            'button, a': {\n              '@apply py-6 px-14': {},\n            },\n          },\n          '&-large': {\n            'button, a': {\n              '@apply text-large': {},\n              '@apply py-10 px-14': {},\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst MenuVerticalSidebar = () => ({\n  '.sk-menu-vertical-sidebar': {\n    '@apply rounded-button': {},\n\n    '> ul > li > .sk-menu-vertical-item-submenu': {\n      '> .sk-menu-vertical-item-submenu-button': {\n        '@apply min-h-52': {},\n      },\n    },\n\n    '> ul': {\n      '@apply py-16 px-24': {},\n    },\n\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&-header': {\n        '@apply bg-primary-surface': {},\n\n        '@apply rounded-t-button': {},\n        '@apply py-20 px-32': {},\n\n        '&, a': {\n          '@apply text-light-primary': {},\n        },\n\n        '.sk-divider': {\n          '@apply border-inverted-divider': {},\n        },\n\n        '.sk-logo': {\n          '@apply text-light-secondary': {},\n        },\n      },\n\n      '&.ul, & ul': {\n        '@apply py-8 pl-20 ml-20': {},\n      },\n\n      'li ul': {\n        '@apply gap-8': {},\n\n        ul: {\n          li: {\n            '@apply text-small leading-18': {},\n\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n              '@apply py-6 px-14': {},\n            },\n          },\n        },\n\n        li: {\n          '@apply relative -ml-4': {},\n\n          // hook\n          '&:before': {\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\n\n            backgroundImage: `url(\"${svgToDataUri(\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\n            </svg>`\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n\n          // line\n          '&:not(:last-child):after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToDataUri(\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n            </svg> `\n            )}\")`,\n            backgroundRepeat: 'repeat-y',\n          },\n\n          // lastline\n          '&:last-child:after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToDataUri(\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n            </svg> `\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n        },\n      },\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '&-button': {\n            '@apply gap-8': {},\n\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\n              '@apply font-bold': {},\n            },\n          },\n        },\n\n        '> a, > button': {\n          '&[aria-current=\"page\"]': {\n            '@apply font-bold': {},\n          },\n        },\n      },\n    },\n  },\n});\n\nexport const MenuVertical = () => ({\n  '.sk-menu-vertical': {\n    '@apply flex flex-col': {},\n    '@apply text-base': {},\n\n    '&.hide': {\n      '@apply hidden': {},\n    },\n\n    '&-backbutton': {\n      '@apply flex items-center gap-16 text-lead mb-40': {},\n    },\n\n    '&-label': {\n      '@apply mb-24': {},\n    },\n\n    '&-item': {\n      '@apply flex flex-col': {},\n\n      '&.hide': {\n        '@apply hidden': {},\n      },\n\n      '[aria-disabled=\"true\"]': {\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\n          {},\n      },\n\n      'a, button': {\n        '@apply flex': {},\n        color: 'unset',\n      },\n\n      '& > a, > button': {\n        '@apply flex items-center min-h-44': {},\n\n        '&:focus-visible': {\n          '@apply outline outline-2 outline-ring': {},\n        },\n\n        '> *': {\n          '@apply flex w-full py-6 px-14': {},\n          '@apply rounded-button cursor-pointer': {},\n        },\n\n        '&:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-transparent text-dark-secondary': {},\n        },\n\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-primitives-overlay-darken-3': {},\n        },\n\n        '&[aria-current=\"page\"]:not(:hover) > *': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n\n      '.sk-menu-vertical-item-submenu': {\n        '@apply flex justify-between w-full': {},\n        '@apply rounded-button': {},\n\n        '&:hover': {\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\n            {\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\n            },\n        },\n\n        '&:focus-within': {\n          '@apply outline outline-2 outline-ring': {},\n\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n            '&:focus-visible': {\n              '@apply ring-0 ring-offset-0 outline-0': {},\n            },\n          },\n        },\n\n        '&-medium': {\n          'button, a': {\n            '@apply py-6 px-14': {},\n          },\n        },\n        '&-large': {\n          'button, a': {\n            '@apply py-10 px-14': {},\n          },\n        },\n\n        '&-button, &-button-expand': {\n          '@apply items-center': {},\n          '@apply py-10 px-14': {},\n        },\n\n        '&-button-expand': {\n          '@apply rounded-r-button rounded-l-0': {},\n        },\n\n        '&-button': {\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\n\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\n            '@apply bg-primary-surface text-light-primary': {},\n          },\n\n          '&[aria-expanded=\"true\"]': {\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\n              {\n                '@apply bg-vattjom-surface-accent': {},\n              },\n          },\n        },\n      },\n\n      '.sk-menu-vertical-item-tool-item': {\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\n\n        '.sk-avatar': {\n          '@apply border-2 border-background-content': {},\n        },\n      },\n    },\n  },\n\n  ...MenuVerticalNav(),\n  ...MenuVerticalSidebar(),\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","_extends","color"],"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium': {\r\n            'button, a': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n          '&-large': {\r\n            'button, a': {\r\n              '@apply text-large': {},\r\n              '@apply py-10 px-14': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 px-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium': {\r\n          'button, a': {\r\n            '@apply py-6 px-14': {},\r\n          },\r\n        },\r\n        '&-large': {\r\n          'button, a': {\r\n            '@apply py-10 px-14': {},\r\n          },\r\n        },\r\n\r\n        '&-button, &-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 px-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/modal.js

@@ -11,6 +11,9 @@ export var Modal = () => ({
     '&-overlay': {
       '@apply fixed inset-0': {}
     },
+    '&-trixter': {
+      '@apply inline-block h-screen align-middle': {}
+    },
     '&-dialog': {
       '@apply text-dark-secondary': {},
       '@apply inline-flex flex-col': {},

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Modal"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\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 text-dark-secondary': {},\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      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\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":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,WAAW,EAAE;IACX,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU,EAAE;MACV,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC,kBAAkB,EAAE,CAAC,CAAC;MACtB,qBAAqB,EAAE,CAAC,CAAC;MACzB,iCAAiC,EAAE,CAAC,CAAC;MACrC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,+BAA+B,EAAE,CAAC,CAAC;MACnC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE,CAAC,CAAC;MAEnB,UAAU,EAAE;QACV,iDAAiD,EAAE,CAAC,CAAC;QACrD,SAAS,EAAE;UACT,aAAa,EAAE,CAAC,CAAC;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,wBAAwB,EAAE;QACxB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC,mBAAmB,EAAE,CAAC;IACxB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"modal.js","names":["Modal"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\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    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\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      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\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":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,WAAW,EAAE;IACX,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC;IAChD,CAAC;IAED,UAAU,EAAE;MACV,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC,kBAAkB,EAAE,CAAC,CAAC;MACtB,qBAAqB,EAAE,CAAC,CAAC;MACzB,iCAAiC,EAAE,CAAC,CAAC;MACrC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,+BAA+B,EAAE,CAAC,CAAC;MACnC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE,CAAC,CAAC;MAEnB,UAAU,EAAE;QACV,iDAAiD,EAAE,CAAC,CAAC;QACrD,SAAS,EAAE;UACT,aAAa,EAAE,CAAC,CAAC;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,wBAAwB,EAAE;QACxB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC,mBAAmB,EAAE,CAAC;IACxB;EACF;AACF,CAAC,CAAC","ignoreList":[]}