@sk-web-gui/core 3.0.0 → 3.1.0

package/dist/cjs/components/combobox.js

@@ -12,27 +12,27 @@ var ComboBox = exports.ComboBox = function ComboBox() {
       '@apply relative w-auto': {},
       '@apply inline-block': {},
       '&-sm': {
-        '@apply h-[3.2rem]': {},
+        '@apply h-32': {},
         '@apply rounded-button-sm': {},
         '.sk-form-combobox-select.active': {
           '@apply text-input-small': {},
-          '@apply pr-[5.2rem]': {}
+          '@apply pr-52': {}
         }
       },
       '&-md': {
-        '@apply h-[4rem]': {},
+        '@apply h-40': {},
         '@apply rounded-button-md': {},
         '.sk-form-combobox-select.active': {
           '@apply text-input-medium': {},
-          '@apply pr-[6.1rem]': {}
+          '@apply pr-62': {}
         }
       },
       '&-lg': {
-        '@apply h-[4.8rem]': {},
+        '@apply h-48': {},
         '@apply rounded-button-lg': {},
         '.sk-form-combobox-select.active': {
           '@apply text-input-large': {},
-          '@apply pr-[6.8rem]': {}
+          '@apply pr-68': {}
         }
       },
       '&[data-showvalue="true"]': {
@@ -61,7 +61,7 @@ var ComboBox = exports.ComboBox = function ComboBox() {
       },
       '&-list': {
         '@apply w-full': {},
-        '@apply max-h-[23rem] overflow-y-auto': {},
+        '@apply max-h-[15em] overflow-y-auto': {},
         '&-option': {
           '&.sk-popup-menu-item': {
             '@apply cursor-default': {},

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"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-[3.2rem]': {},\n      '@apply rounded-button-sm': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-small': {},\n        '@apply pr-[5.2rem]': {},\n      },\n    },\n    '&-md': {\n      '@apply h-[4rem]': {},\n      '@apply rounded-button-md': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-medium': {},\n        '@apply pr-[6.1rem]': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-[4.8rem]': {},\n      '@apply rounded-button-lg': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-large': {},\n        '@apply pr-[6.8rem]': {},\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-[23rem] 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":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,iCAAiC,EAAE,CAAC,CAAC;QAErC,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAC1C,UAAU,EAAE;UACV,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"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': {\r\n      '@apply w-full': {},\r\n      '@apply max-h-[15em] overflow-y-auto': {},\r\n      '&-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\r\n        '&-checkbox': {\r\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,iCAAiC,EAAE,CAAC,CAAC;QAErC,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,qCAAqC,EAAE,CAAC,CAAC;QACzC,UAAU,EAAE;UACV,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/comments.js

@@ -0,0 +1,32 @@
+module.exports = Comments = function Comments() {
+  return {
+    '.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/cjs/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,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1C,WAAW,EAAE;UACT,mBAAmB,EAAE,CAAC;QAC1B;MACJ,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}

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

@@ -0,0 +1,41 @@
+module.exports = ContextMenu = function ContextMenu() {
+  return {
+    '.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/cjs/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,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAE5B,eAAe,EAAE;QACf,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,qBAAqB,EAAE;QACrB,uHAAuH,EACrH,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,2HAA2H,EACzH,CAAC,CAAC;UAEJ,WAAW,EAAE;YACX,sIAAsI,EACpI,CAAC,CAAC;YAEJ,UAAU,EAAE;cACV,8BAA8B,EAAE,CAAC;YACnC,CAAC;YAED,kBAAkB,EAAE;cAClB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,sCAAsC,EAAE;YACtC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oBAAoB,EAAE,CAAC;UACzB;QACF,CAAC;QAEDC,EAAE,EAAE;UACF,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,SAAS,EAAE;UACT,gBAAgB,EAAE,CAAC;QACrB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -23,11 +23,11 @@ var CookieConsent = exports.CookieConsent = function CookieConsent() {
         }
       },
       '&-content-wrapper': {
-        '@apply flex flex-col gap-24 container max-w-[102.4rem] relative': {}
+        '@apply flex flex-col gap-24 container max-w-[64em] relative': {}
       },
       '&-body': {
         '@apply flex flex-col gap-8': {},
-        '@apply max-w-[80rem]': {}
+        '@apply max-w-[50em]': {}
       },
       '&-title': {
         '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}

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

@@ -1 +1 @@
-{"version":3,"file":"cookie-consent.js","names":["CookieConsent","exports"],"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-[102.4rem] relative': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col gap-8': {},\r\n      '@apply max-w-[80rem]': {},\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":";;;;AAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAU;IAClC,oBAAoB,EAAE;MACpB,0EAA0E,EAAE,CAAC,CAAC;MAC9E,8BAA8B,EAAE,CAAC,CAAC;MAClC,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAElB,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC;MACjD,CAAC;MACD,aAAa,EAAE;QACb;QACA;;QAEA,QAAQ,EAAE;UACR;QAAA;MAEJ,CAAC;MAED,mBAAmB,EAAE;QACnB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChC,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,SAAS,EAAE;QACT,+CAA+C,EAAE,CAAC;MACpD,CAAC;MACD,kBAAkB,EAAE;QAClB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,eAAe,EAAE;QACf,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MAED,eAAe,EAAE;QACf,mDAAmD,EAAE,CAAC;MACxD;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"cookie-consent.js","names":["CookieConsent","exports"],"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":";;;;AAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAU;IAClC,oBAAoB,EAAE;MACpB,0EAA0E,EAAE,CAAC,CAAC;MAC9E,8BAA8B,EAAE,CAAC,CAAC;MAClC,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAElB,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC;MACjD,CAAC;MACD,aAAa,EAAE;QACb;QACA;;QAEA,QAAQ,EAAE;UACR;QAAA;MAEJ,CAAC;MAED,mBAAmB,EAAE;QACnB,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChC,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,SAAS,EAAE;QACT,+CAA+C,EAAE,CAAC;MACpD,CAAC;MACD,kBAAkB,EAAE;QAClB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,eAAe,EAAE;QACf,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MAED,eAAe,EAAE;QACf,mDAAmD,EAAE,CAAC;MACxD;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/dialog.js

@@ -5,7 +5,7 @@ exports.Dialog = void 0;
 var Dialog = exports.Dialog = function Dialog() {
   return {
     '.sk-dialog': {
-      '@apply w-fit max-w-prose md:min-w-[40rem]': {}
+      '@apply w-fit max-w-prose md:min-w-[25em]': {}
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["Dialog","exports"],"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = () => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[40rem]': {},\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,2CAA2C,EAAE,CAAC;IAChD;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"dialog.js","names":["Dialog","exports"],"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":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC;IAC/C;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/divider.js

@@ -24,30 +24,30 @@ var Divider = exports.Divider = function Divider() {
       '&-sm': {
         '&.sk-divider': {
           '&-root': {
-            '@apply gap-[.8rem]': {}
+            '@apply gap-8': {}
           },
           '.sk-divider-text': {
-            '@apply text-label-small': {}
+            '@apply text-h4-sm': {}
           }
         }
       },
       '&-md': {
         '&.sk-divider': {
           '&-root': {
-            '@apply gap-[1rem]': {}
+            '@apply gap-10': {}
           },
           '.sk-divider-text': {
-            '@apply text-label-medium': {}
+            '@apply text-h4-md': {}
           }
         }
       },
       '&-lg': {
         '&.sk-divider': {
           '&-root': {
-            '@apply gap-[1.2rem]': {}
+            '@apply gap-12': {}
           },
           '.sk-divider-text': {
-            '@apply text-label-large': {}
+            '@apply text-h4-lg': {}
           }
         }
       }

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","names":["Divider","exports"],"sources":["../../../src/components/divider.ts"],"sourcesContent":["export const Divider = () => ({\r\n  '.sk-divider': {\r\n    '@apply border-t-0 border-divider': {},\r\n    '&-vertical': {\r\n      '@apply min-h-[1em] border-l-1 border-solid h-auto ml-4 mt-8 mb-4 mr-4 self-stretch': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-l border-solid h-auto mx-2': {},\r\n      },\r\n    },\r\n    '&-horizontal': {\r\n      '@apply flex-1 border-b-1 border-solid w-auto my-2': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-b border-solid w-auto my-2': {},\r\n      },\r\n    },\r\n\r\n    '&-root': {\r\n      '@apply flex items-center gap-16': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-[.8rem]': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-label-small': {},\r\n        },\r\n      },\r\n    },\r\n    '&-md': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-[1rem]': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-[1.2rem]': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-label-large': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAAU;IAC5B,aAAa,EAAE;MACb,kCAAkC,EAAE,CAAC,CAAC;MACtC,YAAY,EAAE;QACZ,oFAAoF,EAAE,CAAC,CAAC;QACxF,uBAAuB,EAAE;UACvB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,cAAc,EAAE;QACd,mDAAmD,EAAE,CAAC,CAAC;QACvD,uBAAuB,EAAE;UACvB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,iCAAiC,EAAE,CAAC;MACtC,CAAC;MAED,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,oBAAoB,EAAE,CAAC;UACzB,CAAC;UACD,kBAAkB,EAAE;YAClB,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,mBAAmB,EAAE,CAAC;UACxB,CAAC;UACD,kBAAkB,EAAE;YAClB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,qBAAqB,EAAE,CAAC;UAC1B,CAAC;UACD,kBAAkB,EAAE;YAClB,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"divider.js","names":["Divider","exports"],"sources":["../../../src/components/divider.ts"],"sourcesContent":["export const Divider = () => ({\r\n  '.sk-divider': {\r\n    '@apply border-t-0 border-divider': {},\r\n    '&-vertical': {\r\n      '@apply min-h-[1em] border-l-1 border-solid h-auto ml-4 mt-8 mb-4 mr-4 self-stretch': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-l border-solid h-auto mx-2': {},\r\n      },\r\n    },\r\n    '&-horizontal': {\r\n      '@apply flex-1 border-b-1 border-solid w-auto my-2': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-b border-solid w-auto my-2': {},\r\n      },\r\n    },\r\n\r\n    '&-root': {\r\n      '@apply flex items-center gap-16': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-8': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-md': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-10': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-md': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-12': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-lg': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAAU;IAC5B,aAAa,EAAE;MACb,kCAAkC,EAAE,CAAC,CAAC;MACtC,YAAY,EAAE;QACZ,oFAAoF,EAAE,CAAC,CAAC;QACxF,uBAAuB,EAAE;UACvB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,cAAc,EAAE;QACd,mDAAmD,EAAE,CAAC,CAAC;QACvD,uBAAuB,EAAE;UACvB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,iCAAiC,EAAE,CAAC;MACtC,CAAC;MAED,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,cAAc,EAAE,CAAC;UACnB,CAAC;UACD,kBAAkB,EAAE;YAClB,mBAAmB,EAAE,CAAC;UACxB;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,eAAe,EAAE,CAAC;UACpB,CAAC;UACD,kBAAkB,EAAE;YAClB,mBAAmB,EAAE,CAAC;UACxB;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,eAAe,EAAE,CAAC;UACpB,CAAC;UACD,kBAAkB,EAAE;YAClB,mBAAmB,EAAE,CAAC;UACxB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+module.exports = DropdownFilter = function DropdownFilter() {
+  return {
+    '.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/cjs/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,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,mBAAmB;MAC3BC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClB,gDAAgD,EAAE,CAAC,CAAC;QACpD,uBAAuB,EAAE;UACvB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,mBAAmB,EAAE;QACnBL,QAAQ,EAAE,UAAU;QACpBM,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE,EAAE;QACVC,KAAK,EAAE,kBAAkB;QACzBL,UAAU,EAAE,MAAM;QAClBF,MAAM,EAAE,mBAAmB;QAC3BG,YAAY,EAAE,CAAC;QAEf,kBAAkB,EAAE;UAClBF,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,UAAU;UAC1BC,MAAM,EAAE;YACNC,UAAU,EAAE,MAAM;YAClBC,cAAc,EAAE;UAClB;QACF,CAAC;QAED,cAAc,EAAE;UACd,cAAc,EAAE,CAAC,CAAC;UAClBZ,MAAM,EAAE,EAAE;UACVE,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,eAAe;UAC/BI,UAAU,EAAE,QAAQ;UACpBC,YAAY,EAAE,mBAAmB;UAEjC,SAAS,EAAE;YACT,eAAe,EAAE,CAAC,CAAC;YAEnB,wBAAwB,EAAE;cACxB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,YAAY,EAAE;YACZC,KAAK,EAAE;UACT,CAAC;UAED,iBAAiB,EAAE;YACjBC,SAAS,EAAE;UACb,CAAC;UAED,cAAc,EAAE;YACdF,YAAY,EAAE;UAChB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/footer.js

@@ -13,11 +13,11 @@ var Footer = exports.Footer = function Footer() {
       '&-innerwrapper': {
         '@apply w-full max-w-content': {},
         '@apply pb-20 sm:pb-32 md:pb-40 lg:pb-48 xl:pb-80': {},
-        '@apply flex flex-row flex-wrap gap-[10rem]': {},
+        '@apply flex flex-row flex-wrap gap-100': {},
         '@apply justify-between': {}
       },
       '&-logo': {
-        '@apply max-h-[7.2rem] h-[7.2rem]': {}
+        '@apply max-h-72 h-72': {}
       },
       '&-content': {
         '@apply flex flex-row gap-36 w-fit grow-0 flex-wrap': {}

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["Footer","exports"],"sources":["../../../src/components/footer.ts"],"sourcesContent":["export const Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply p-20 sm:p-32 md:p-40 lg:p-48 xl:p-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-innerwrapper': {\r\n      '@apply w-full max-w-content': {},\r\n      '@apply pb-20 sm:pb-32 md:pb-40 lg:pb-48 xl:pb-80': {},\r\n      '@apply flex flex-row flex-wrap gap-[10rem]': {},\r\n      '@apply justify-between': {},\r\n    },\r\n\r\n    '&-logo': {\r\n      '@apply max-h-[7.2rem] h-[7.2rem]': {},\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-row gap-36 w-fit grow-0 flex-wrap': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex flex-col gap-16': {},\r\n      '&-item': {\r\n        '@apply flex flex-row justify-start items-center gap-8': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,8BAA8B,EAAE,CAAC,CAAC;MAClC,4BAA4B,EAAE,CAAC,CAAC;MAChC,eAAe,EAAE,CAAC,CAAC;MACnB,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC,CAAC;MAEhC,gBAAgB,EAAE;QAChB,6BAA6B,EAAE,CAAC,CAAC;QACjC,kDAAkD,EAAE,CAAC,CAAC;QACtD,4CAA4C,EAAE,CAAC,CAAC;QAChD,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,QAAQ,EAAE;QACR,kCAAkC,EAAE,CAAC;MACvC,CAAC;MACD,WAAW,EAAE;QACX,oDAAoD,EAAE,CAAC;MACzD,CAAC;MACD,QAAQ,EAAE;QACR,6BAA6B,EAAE,CAAC,CAAC;QACjC,QAAQ,EAAE;UACR,uDAAuD,EAAE,CAAC;QAC5D;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"footer.js","names":["Footer","exports"],"sources":["../../../src/components/footer.ts"],"sourcesContent":["export const Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply p-20 sm:p-32 md:p-40 lg:p-48 xl:p-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-innerwrapper': {\r\n      '@apply w-full max-w-content': {},\r\n      '@apply pb-20 sm:pb-32 md:pb-40 lg:pb-48 xl:pb-80': {},\r\n      '@apply flex flex-row flex-wrap gap-100': {},\r\n      '@apply justify-between': {},\r\n    },\r\n\r\n    '&-logo': {\r\n      '@apply max-h-72 h-72': {},\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-row gap-36 w-fit grow-0 flex-wrap': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex flex-col gap-16': {},\r\n      '&-item': {\r\n        '@apply flex flex-row justify-start items-center gap-8': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,8BAA8B,EAAE,CAAC,CAAC;MAClC,4BAA4B,EAAE,CAAC,CAAC;MAChC,eAAe,EAAE,CAAC,CAAC;MACnB,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC,CAAC;MAEhC,gBAAgB,EAAE;QAChB,6BAA6B,EAAE,CAAC,CAAC;QACjC,kDAAkD,EAAE,CAAC,CAAC;QACtD,wCAAwC,EAAE,CAAC,CAAC;QAC5C,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,QAAQ,EAAE;QACR,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,WAAW,EAAE;QACX,oDAAoD,EAAE,CAAC;MACzD,CAAC;MACD,QAAQ,EAAE;QACR,6BAA6B,EAAE,CAAC,CAAC;QACjC,QAAQ,EAAE;UACR,uDAAuD,EAAE,CAAC;QAC5D;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["Forms","exports","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":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,kBAAkB,EAAE;MAClB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,gBAAgB,EAAE;MAChB,kBAAkB,EAAE,CAAC,CAAC;MACtB,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B;IACF,CAAC;IAED,sBAAsB,EAAE;MACtBE,OAAO,EAAE;IACX,CAAC;IAED,8CAA8C,EAAE;MAC9C,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC;IACxB;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"forms.js","names":["Forms","exports","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":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,kBAAkB,EAAE;MAClB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,gBAAgB,EAAE;MAChB,kBAAkB,EAAE,CAAC,CAAC;MACtB,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B;IACF,CAAC;IAED,sBAAsB,EAAE;MACtBE,OAAO,EAAE;IACX,CAAC;IAED,8CAA8C,EAAE;MAC9C,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC;IACxB;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/icon.js

@@ -14,7 +14,7 @@ var Icon = exports.Icon = function Icon(colors) {
       '&.sk-icon-padded': _extends({
         '@apply rounded-utility': {},
         '@apply text-light-primary fill-light-primary': {},
-        '@apply p-[0.4rem]': {}
+        '@apply p-4': {}
       }, colors.reduce(function (styles, color) {
         var _dataInvertedTru, _ref, _extends2;
         return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary text-" + color + "-text-secondary fill-" + color + "-text-secondary"] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":["Icon","exports","colors","_extends","svg","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../src/components/icon.ts"],"sourcesContent":["export const Icon = (colors: string[]) => ({\r\n  '.sk-icon': {\r\n    '@apply inline-flex items-center justify-center': {},\r\n    '@apply w-24 h-24': {},\r\n    svg: {\r\n      '@apply w-full h-full': {},\r\n    },\r\n\r\n    '&.sk-icon-padded': {\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary fill-light-primary': {},\r\n      '@apply p-[0.4rem]': {},\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 text-${color}-text-secondary fill-${color}-text-secondary`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n                {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary'], &[data-color='tertiary']\": {\r\n        '@apply bg-primary-surface text-light-primary fill-light-primary': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary fill-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface': {},\r\n        },\r\n      },\r\n      \"&[data-variant='ghost']\": {\r\n        '@apply bg-transparent text-current fill-current': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-transparent text-current fill-current': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"fit\"]': {\r\n      '@apply w-fit h-fit': {},\r\n    },\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '@apply text-inverted-light-primary': {},\r\n          [`@apply text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n              {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='primary']\": {\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-light-primary fill-light-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,MAAgB;EAAA,OAAM;IACzC,UAAU,EAAAC,QAAA;MACR,gDAAgD,EAAE,CAAC,CAAC;MACpD,kBAAkB,EAAE,CAAC,CAAC;MACtBC,GAAG,EAAE;QACH,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,kBAAkB,EAAAD,QAAA;QAChB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,8CAA8C,EAAE,CAAC,CAAC;QAClD,mBAAmB,EAAE,CAAC;MAAC,GAEpBD,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTG,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,8BAAyBA,KAAK,6BAAwBA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAEpG,yBAAyB,KAAAD,gBAAA;UACvB,oCAAoC,EAAE,CAAC;QAAC,GAAAA,gBAAA,yBACjBD,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,wBACvG,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;MAAA,CAGR,EACF,CAAC,CACH,CAAC;QAED,mDAAmD,EAAE;UACnD,iEAAiE,EAAE,CAAC,CAAC;UAErE,yBAAyB,EAAE;YACzB,gEAAgE,EAAE,CAAC,CAAC;YACpE,4BAA4B,EAAE,CAAC;UACjC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,iDAAiD,EAAE,CAAC,CAAC;UAErD,yBAAyB,EAAE;YACzB,iDAAiD,EAAE,CAAC;UACtD;QACF;MAAC,EACF;MAED,oBAAoB,EAAE;QACpB,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEER,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,iBAAA,EAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAV,QAAA,KACTG,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA;QACrB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,KAAA,2BACfL,KAAK,sCAAiCA,KAAK,wBAAoB,CAAC,CAAC,EAAAK,KAAA,CAE1F,yBAAyB,KAAAD,iBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,iBAAA,yBACjBJ,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,wBACvG,CAAC,CAAC,EAAAI,iBAAA,GAAAC,KAAA,GAAAC,SAAA;IAAA,CAGR,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,EAAE;QACzB,yBAAyB,EAAE;UACzB,8CAA8C,EAAE,CAAC;QACnD;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"icon.js","names":["Icon","exports","colors","_extends","svg","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../src/components/icon.ts"],"sourcesContent":["export const Icon = (colors: string[]) => ({\r\n  '.sk-icon': {\r\n    '@apply inline-flex items-center justify-center': {},\r\n    '@apply w-24 h-24': {},\r\n    svg: {\r\n      '@apply w-full h-full': {},\r\n    },\r\n\r\n    '&.sk-icon-padded': {\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary fill-light-primary': {},\r\n      '@apply p-4': {},\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 text-${color}-text-secondary fill-${color}-text-secondary`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n                {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary'], &[data-color='tertiary']\": {\r\n        '@apply bg-primary-surface text-light-primary fill-light-primary': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary fill-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface': {},\r\n        },\r\n      },\r\n      \"&[data-variant='ghost']\": {\r\n        '@apply bg-transparent text-current fill-current': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-transparent text-current fill-current': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"fit\"]': {\r\n      '@apply w-fit h-fit': {},\r\n    },\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '@apply text-inverted-light-primary': {},\r\n          [`@apply text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n              {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='primary']\": {\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-light-primary fill-light-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,MAAgB;EAAA,OAAM;IACzC,UAAU,EAAAC,QAAA;MACR,gDAAgD,EAAE,CAAC,CAAC;MACpD,kBAAkB,EAAE,CAAC,CAAC;MACtBC,GAAG,EAAE;QACH,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,kBAAkB,EAAAD,QAAA;QAChB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,8CAA8C,EAAE,CAAC,CAAC;QAClD,YAAY,EAAE,CAAC;MAAC,GAEbD,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTG,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,8BAAyBA,KAAK,6BAAwBA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAEpG,yBAAyB,KAAAD,gBAAA;UACvB,oCAAoC,EAAE,CAAC;QAAC,GAAAA,gBAAA,yBACjBD,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,wBACvG,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;MAAA,CAGR,EACF,CAAC,CACH,CAAC;QAED,mDAAmD,EAAE;UACnD,iEAAiE,EAAE,CAAC,CAAC;UAErE,yBAAyB,EAAE;YACzB,gEAAgE,EAAE,CAAC,CAAC;YACpE,4BAA4B,EAAE,CAAC;UACjC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,iDAAiD,EAAE,CAAC,CAAC;UAErD,yBAAyB,EAAE;YACzB,iDAAiD,EAAE,CAAC;UACtD;QACF;MAAC,EACF;MAED,oBAAoB,EAAE;QACpB,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEER,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,iBAAA,EAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAV,QAAA,KACTG,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA;QACrB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,KAAA,2BACfL,KAAK,sCAAiCA,KAAK,wBAAoB,CAAC,CAAC,EAAAK,KAAA,CAE1F,yBAAyB,KAAAD,iBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,iBAAA,yBACjBJ,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,wBACvG,CAAC,CAAC,EAAAI,iBAAA,GAAAC,KAAA,GAAAC,SAAA;IAAA,CAGR,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,EAAE;QACzB,yBAAyB,EAAE;UACzB,8CAA8C,EAAE,CAAC;QACnD;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/input.js

@@ -52,7 +52,7 @@ function addin() {
           '@apply pr-10': {}
         },
         svg: {
-          '@apply w-[1.6rem] h-[1.6rem]': {}
+          '@apply w-16 h-16': {}
         }
       },
       '&-md': {
@@ -66,7 +66,7 @@ function addin() {
           '@apply pr-12': {}
         },
         svg: {
-          '@apply w-[2rem] h-[2rem]': {}
+          '@apply w-20 h-20': {}
         }
       },
       '&-lg': {
@@ -80,7 +80,7 @@ function addin() {
           '@apply pr-16': {}
         },
         svg: {
-          '@apply w-[2.2rem] h-[2.2rem]': {}
+          '@apply w-22 h-22': {}
         }
       }
     }
@@ -101,11 +101,6 @@ function inputGroup() {
         '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},
         '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {}
       },
-      // '&:disabled, &[aria-disabled="true"]': {
-      //   '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
-      //     '@apply color-black-disabled': {},
-      //   },
-      // },
       '&&-lg': {
         '@apply text-input-large': {},
         '@apply rounded-button-lg': {}
@@ -141,16 +136,16 @@ function timeAndDatePicker() {
       '@apply bg-none': {},
       '@apply bg-dark-secondary': {},
       '&.sk-form-input-sm': {
-        '@apply w-[1.6rem] h-[1.6rem]': {},
+        '@apply w-16 h-16': {},
         '@apply -mr-2': {}
       },
       '&.sk-form-input-md': {
         '@apply -mr-4': {},
-        '@apply w-[1.8rem] h-[1.8rem]': {}
+        '@apply w-18 h-18': {}
       },
       '&.sk-form-input-lg': {
         '@apply -mr-6': {},
-        '@apply w-[2rem] h-[2rem]': {}
+        '@apply w-20 h-20': {}
       }
     },
     '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
@@ -194,26 +189,26 @@ var Input = exports.Input = function Input() {
       '&&-lg': {
         '@apply rounded-button-lg': {},
         '@apply px-20': {},
-        '@apply py-[1.1rem]': {},
+        '@apply py-11': {},
         '@apply gap-8': {},
         '@apply text-input-large': {},
-        '@apply h-[4.8rem]': {}
+        '@apply h-48': {}
       },
       '&&-md': {
         '@apply rounded-button-md': {},
         '@apply px-16': {},
-        '@apply py-[0.7rem]': {},
+        '@apply py-7': {},
         '@apply gap-8': {},
         '@apply text-input-medium': {},
-        '@apply h-[4rem]': {}
+        '@apply h-40': {}
       },
       '&&-sm': {
         '@apply rounded-button-sm': {},
         '@apply px-12': {},
-        '@apply py-[0.5rem]': {},
+        '@apply py-5': {},
         '@apply gap-6': {},
         '@apply text-input-small': {},
-        '@apply h-[3.2rem]': {}
+        '@apply h-32': {}
       },
       '&&-textarea': {
         '@apply h-auto': {}

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","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-[1.6rem] h-[1.6rem]': {},\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-[2rem] h-[2rem]': {},\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-[2.2rem] h-[2.2rem]': {},\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      // '&:disabled, &[aria-disabled=\"true\"]': {\n      //   '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      //     '@apply color-black-disabled': {},\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-[1.6rem] h-[1.6rem]': {},\n        '@apply -mr-2': {},\n      },\n      '&.sk-form-input-md': {\n        '@apply -mr-4': {},\n        '@apply w-[1.8rem] h-[1.8rem]': {},\n      },\n      '&.sk-form-input-lg': {\n        '@apply -mr-6': {},\n        '@apply w-[2rem] h-[2rem]': {},\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-[1.1rem]': {},\n      '@apply gap-8': {},\n      '@apply text-input-large': {},\n      '@apply h-[4.8rem]': {},\n    },\n    '&&-md': {\n      '@apply rounded-button-md': {},\n      '@apply px-16': {},\n      '@apply py-[0.7rem]': {},\n      '@apply gap-8': {},\n      '@apply text-input-medium': {},\n      '@apply h-[4rem]': {},\n    },\n    '&&-sm': {\n      '@apply rounded-button-sm': {},\n      '@apply px-12': {},\n      '@apply py-[0.5rem]': {},\n      '@apply gap-6': {},\n      '@apply text-input-small': {},\n      '@apply h-[3.2rem]': {},\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","exports","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    },\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/cjs/components/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"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":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,6BAA6B,EAAE,CAAC,CAAC;MACjC,oCAAoC,EAAE,CAAC,CAAC;MACxC,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,yBAAyB,EAAE,CAAC,CAAC;MAE7B,uEAAuE,EAAE,CAAC,CAAC;MAE3E,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,kBAC1BF,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAC3C,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,kBACzBD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7C,EACF,CAAC,CACH,CAAC;MACD,0BAA0B,EAAE;QAC1B,wBAAwB,EAAE,CAAC,CAAC;QAC5B,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE;UACzB,4BAA4B,EAAE,CAAC,CAAC;UAChC,0BAA0B,EAAE,CAAC;QAC/B;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"label.js","names":["Label","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"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":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,6BAA6B,EAAE,CAAC,CAAC;MACjC,oCAAoC,EAAE,CAAC,CAAC;MACxC,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,yBAAyB,EAAE,CAAC,CAAC;MAE7B,uEAAuE,EAAE,CAAC,CAAC;MAE3E,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,kBAC1BF,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAC3C,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,kBACzBD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7C,EACF,CAAC,CACH,CAAC;MACD,0BAA0B,EAAE;QAC1B,wBAAwB,EAAE,CAAC,CAAC;QAC5B,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE;UACzB,4BAA4B,EAAE,CAAC,CAAC;UAChC,0BAA0B,EAAE,CAAC;QAC/B;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/link.js

@@ -8,10 +8,10 @@ var Link = exports.Link = function Link() {
       '@apply underline outline-none hover:underline': {},
       '@apply rounded-utility': {},
       // focus
-      '@apply focus-visible:ring ring-offset-[.6rem]': {},
+      '@apply focus-visible:ring ring-offset-6': {},
       // sizes
       '&-sm': {
-        '@apply text-small leading-[2rem]': {}
+        '@apply text-small': {}
       },
       '&-md': {
         '@apply text-base': {}
@@ -20,7 +20,7 @@ var Link = exports.Link = function Link() {
         '@apply text-large': {}
       },
       '&-xl': {
-        '@apply text-lead leading-[3.2rem]': {}
+        '@apply text-lead': {}
       },
       // variants
       '&-primary': {