npm - @sk-web-gui/core - Versions diffs - 3.0.0 → 3.0.1 - Mend

@sk-web-gui/core 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (494) hide show

package/dist/esm/components/card.js CHANGED Viewed

@@ -1,10 +1,11 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 export var Card = colors => ({
   '.sk-card': _extends({
+    '@apply text-base': {},
     '@apply bg-white relative rounded-b-cards rounded-cards': {},
     '@apply flex flex-col': {},
     '@apply no-underline hover:no-underline': {},
-    '@apply h-[100%]': {},
+    '@apply h-full': {},
     '&-wrapper': {
       '@apply grid': {}
     },
@@ -19,16 +20,15 @@ export var Card = colors => ({
         '@apply flex': {}
       },
       '&-meta': {
-        '@apply flex space-x-12 mt-16': {},
+        '@apply flex space-x-12 mt-16 text-base': {},
         span: {
           '@apply flex space-x-4 items-center': {},
           time: {
-            '@apply h-[23px] leading-[24px]': {}
+            '@apply h-24': {}
           }
         },
         '&.sk-card-image': {
-          backgroundColor: 'green',
-          '@apply h-[278px]': {}
+          '@apply min-h-[12.5em] max-h-[20em]': {}
         }
       },
       '&-header': {
@@ -165,18 +165,18 @@ export var Card = colors => ({
       }
     },
     ["&[data-layout=\"horizontal\"]"]: {
-      '@apply flex-row h-[100%]': {},
+      '@apply flex-row h-full': {},
       '.sk-card': {
         '&-image': {
-          '@apply h-[100%] w-[128px]': {},
+          '@apply h-full w-[8em]': {},
           '@apply float-left': {},
           '@apply rounded-none rounded-l-cards grow-0': {}
         },
         '&-body': {
-          '@apply w-[100%]': {},
+          '@apply w-full': {},
           '@apply border-none': {},
           '&-wrapper': {
-            '@apply w-[100%]': {}
+            '@apply w-full': {}
           },
           '&-content': {
             'p, a': {
@@ -207,7 +207,7 @@ export var Card = colors => ({
   '.sk-meta-card': {
     '@apply no-underline hover:no-underline': {},
     '@apply flex bg-vattjom-surface-accent': {},
-    '@apply p-14 rounded-16 w-[454px]': {},
+    '@apply p-14 rounded-groups': {},
     '&[data-color="mono"]': {
       '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {}
     },
@@ -232,13 +232,13 @@ export var Card = colors => ({
       },
       '&-content': {
         'p, a': {
-          '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},
+          '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},
           '@apply text-dark-secondary line-clamp-1': {}
         }
       }
     },
     '&-external-link-icon': {
-      '@apply ml-auto h-[32px] w-[32px]': {},
+      '@apply ml-auto h-32 w-32': {},
       '@apply p-6 text-dark': {}
     }
   }

package/dist/esm/components/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","names":["Card","colors","_extends","span","time","backgroundColor","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n '.sk-card': {\r\n '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n '@apply flex flex-col': {},\r\n '@apply no-underline hover:no-underline': {},\r\n '@apply h-[100%]': {},\r\n\r\n '&-wrapper': {\r\n '@apply grid': {},\r\n },\r\n\r\n '&-image': {\r\n '@apply object-cover grow': {},\r\n '@apply rounded-t-cards': {},\r\n },\r\n\r\n '&-body': {\r\n '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n '@apply shrink': {},\r\n\r\n '&-wrapper': {\r\n '@apply flex': {},\r\n },\r\n\r\n '&-meta': {\r\n '@apply flex space-x-12 mt-16': {},\r\n span: {\r\n '@apply flex space-x-4 items-center': {},\r\n time: {\r\n '@apply h-[23px] leading-[24px]': {},\r\n },\r\n },\r\n\r\n '&.sk-card-image': {\r\n backgroundColor: 'green',\r\n '@apply h-[278px]': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n },\r\n span: {\r\n '@apply pl-12': {},\r\n },\r\n },\r\n\r\n '&-content': {\r\n '@apply w-full': {},\r\n 'p, a': {\r\n '@apply line-clamp-3 m-0 pt-8 text-base': {},\r\n },\r\n },\r\n\r\n '&-icon': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n '@apply border-solid border-1': {},\r\n '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n '.sk-card-body-meta': {\r\n '@apply text-dark-secondary': {},\r\n },\r\n\r\n '.sk-card-body-icon': {\r\n '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n },\r\n\r\n // inverted.\r\n [`&[data-inverted=\"true\"]`]: {\r\n '@apply bg-primitives-gray-800': {},\r\n\r\n '.sk-card-body': {\r\n // Meta\r\n '&-meta': {\r\n span: {\r\n '@apply text-light-secondary': {},\r\n },\r\n },\r\n\r\n // header\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n [`@apply text-light-primary`]: {},\r\n },\r\n },\r\n\r\n // Content\r\n '&-content': {\r\n 'p, a': {\r\n [`@apply text-light-secondary`]: {},\r\n },\r\n },\r\n\r\n '.sk-card-body-icon': {\r\n '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n '@apply hover:bg-primitives-gray-lightest': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&[data-color=\"tertiary\"]': {\r\n '@apply border-solid border-1': {},\r\n '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n },\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n // card\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n // clickable\r\n '&.sk-card-use-hover-effect': {\r\n // hover\r\n [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n },\r\n\r\n // Meta\r\n '.sk-card-body': {\r\n '&-meta': {\r\n span: {\r\n '@apply text-light-secondary': {},\r\n },\r\n },\r\n\r\n // header\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n [`@apply text-light-primary`]: {},\r\n },\r\n },\r\n\r\n // Content\r\n '&-content': {\r\n 'p, a': {\r\n [`@apply text-light-secondary`]: {},\r\n },\r\n },\r\n },\r\n\r\n // inverted.\r\n [`&[data-inverted=\"true\"]`]: {\r\n // card\r\n [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n // clickable\r\n '&.sk-card-use-hover-effect': {\r\n // hover\r\n [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n },\r\n\r\n '.sk-card-body': {\r\n // Meta\r\n '&-meta': {\r\n span: {\r\n '@apply text-dark-secondary': {},\r\n },\r\n },\r\n\r\n // header\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n [`@apply text-dark-primary`]: {},\r\n },\r\n },\r\n\r\n // Content\r\n '&-content': {\r\n 'p, a': {\r\n [`@apply text-dark-secondary`]: {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // clickable\r\n '&.sk-card-use-hover-effect': {\r\n //Hide and show of icon\r\n '.sk-card-body-icon': {\r\n '@apply inline-flex': {},\r\n '@apply mt-auto mb-auto mr-24': {},\r\n },\r\n },\r\n\r\n [`&[data-layout=\"horizontal\"]`]: {\r\n '@apply flex-row h-[100%]': {},\r\n\r\n '.sk-card': {\r\n '&-image': {\r\n '@apply h-[100%] w-[128px]': {},\r\n '@apply float-left': {},\r\n '@apply rounded-none rounded-l-cards grow-0': {},\r\n },\r\n\r\n '&-body': {\r\n '@apply w-[100%]': {},\r\n '@apply border-none': {},\r\n\r\n '&-wrapper': {\r\n '@apply w-[100%]': {},\r\n },\r\n\r\n '&-content': {\r\n 'p, a': {\r\n '@apply text-small': {},\r\n },\r\n },\r\n\r\n '&-meta': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.sk-card-link': {\r\n '@apply hover:cursor-pointer': {},\r\n\r\n '&::after': {\r\n content: \"''\",\r\n position: 'absolute',\r\n left: '0',\r\n top: '0',\r\n right: '0',\r\n bottom: '0',\r\n },\r\n },\r\n\r\n /*\r\n Meta card\r\n */\r\n '.sk-meta-card': {\r\n '@apply no-underline hover:no-underline': {},\r\n '@apply flex bg-vattjom-surface-accent': {},\r\n '@apply p-14 rounded-16 w-[454px]': {},\r\n\r\n '&[data-color=\"mono\"]': {\r\n '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n },\r\n\r\n '&[data-color=\"vattjom\"]': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n\r\n '&-text-icon': {\r\n '@apply mr-12 rounded-12 p-8': {},\r\n '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n '@apply text-dark': {},\r\n svg: {\r\n height: 'unset',\r\n width: 'unset',\r\n },\r\n },\r\n\r\n '&-body': {\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n '@apply mt-6 text-base line-clamp-1': {},\r\n '@apply text-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-content': {\r\n 'p, a': {\r\n '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},\r\n '@apply text-dark-secondary line-clamp-1': {},\r\n },\r\n },\r\n },\r\n\r\n '&-external-link-icon': {\r\n '@apply ml-auto h-[32px] w-[32px]': {},\r\n '@apply p-6 text-dark': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"card.js","names":["Card","colors","_extends","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n '.sk-card': {\r\n '@apply text-base': {},\r\n '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n '@apply flex flex-col': {},\r\n '@apply no-underline hover:no-underline': {},\r\n '@apply h-full': {},\r\n\r\n '&-wrapper': {\r\n '@apply grid': {},\r\n },\r\n\r\n '&-image': {\r\n '@apply object-cover grow': {},\r\n '@apply rounded-t-cards': {},\r\n },\r\n\r\n '&-body': {\r\n '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n '@apply shrink': {},\r\n\r\n '&-wrapper': {\r\n '@apply flex': {},\r\n },\r\n\r\n '&-meta': {\r\n '@apply flex space-x-12 mt-16 text-base': {},\r\n span: {\r\n '@apply flex space-x-4 items-center': {},\r\n time: {\r\n '@apply h-24': {},\r\n },\r\n },\r\n\r\n '&.sk-card-image': {\r\n '@apply min-h-[12.5em] max-h-[20em]': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n },\r\n span: {\r\n '@apply pl-12': {},\r\n },\r\n },\r\n\r\n '&-content': {\r\n '@apply w-full': {},\r\n 'p, a': {\r\n '@apply line-clamp-3 m-0 pt-8 text-base': {},\r\n },\r\n },\r\n\r\n '&-icon': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n '@apply border-solid border-1': {},\r\n '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n '.sk-card-body-meta': {\r\n '@apply text-dark-secondary': {},\r\n },\r\n\r\n '.sk-card-body-icon': {\r\n '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n },\r\n\r\n // inverted.\r\n [`&[data-inverted=\"true\"]`]: {\r\n '@apply bg-primitives-gray-800': {},\r\n\r\n '.sk-card-body': {\r\n // Meta\r\n '&-meta': {\r\n span: {\r\n '@apply text-light-secondary': {},\r\n },\r\n },\r\n\r\n // header\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n [`@apply text-light-primary`]: {},\r\n },\r\n },\r\n\r\n // Content\r\n '&-content': {\r\n 'p, a': {\r\n [`@apply text-light-secondary`]: {},\r\n },\r\n },\r\n\r\n '.sk-card-body-icon': {\r\n '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n '@apply hover:bg-primitives-gray-lightest': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&[data-color=\"tertiary\"]': {\r\n '@apply border-solid border-1': {},\r\n '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n },\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n // card\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n // clickable\r\n '&.sk-card-use-hover-effect': {\r\n // hover\r\n [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n },\r\n\r\n // Meta\r\n '.sk-card-body': {\r\n '&-meta': {\r\n span: {\r\n '@apply text-light-secondary': {},\r\n },\r\n },\r\n\r\n // header\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n [`@apply text-light-primary`]: {},\r\n },\r\n },\r\n\r\n // Content\r\n '&-content': {\r\n 'p, a': {\r\n [`@apply text-light-secondary`]: {},\r\n },\r\n },\r\n },\r\n\r\n // inverted.\r\n [`&[data-inverted=\"true\"]`]: {\r\n // card\r\n [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n // clickable\r\n '&.sk-card-use-hover-effect': {\r\n // hover\r\n [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n },\r\n\r\n '.sk-card-body': {\r\n // Meta\r\n '&-meta': {\r\n span: {\r\n '@apply text-dark-secondary': {},\r\n },\r\n },\r\n\r\n // header\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a': {\r\n [`@apply text-dark-primary`]: {},\r\n },\r\n },\r\n\r\n // Content\r\n '&-content': {\r\n 'p, a': {\r\n [`@apply text-dark-secondary`]: {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // clickable\r\n '&.sk-card-use-hover-effect': {\r\n //Hide and show of icon\r\n '.sk-card-body-icon': {\r\n '@apply inline-flex': {},\r\n '@apply mt-auto mb-auto mr-24': {},\r\n },\r\n },\r\n\r\n [`&[data-layout=\"horizontal\"]`]: {\r\n '@apply flex-row h-full': {},\r\n\r\n '.sk-card': {\r\n '&-image': {\r\n '@apply h-full w-[8em]': {},\r\n '@apply float-left': {},\r\n '@apply rounded-none rounded-l-cards grow-0': {},\r\n },\r\n\r\n '&-body': {\r\n '@apply w-full': {},\r\n '@apply border-none': {},\r\n\r\n '&-wrapper': {\r\n '@apply w-full': {},\r\n },\r\n\r\n '&-content': {\r\n 'p, a': {\r\n '@apply text-small': {},\r\n },\r\n },\r\n\r\n '&-meta': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.sk-card-link': {\r\n '@apply hover:cursor-pointer': {},\r\n\r\n '&::after': {\r\n content: \"''\",\r\n position: 'absolute',\r\n left: '0',\r\n top: '0',\r\n right: '0',\r\n bottom: '0',\r\n },\r\n },\r\n\r\n /*\r\n Meta card\r\n */\r\n '.sk-meta-card': {\r\n '@apply no-underline hover:no-underline': {},\r\n '@apply flex bg-vattjom-surface-accent': {},\r\n '@apply p-14 rounded-groups': {},\r\n\r\n '&[data-color=\"mono\"]': {\r\n '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n },\r\n\r\n '&[data-color=\"vattjom\"]': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n\r\n '&-text-icon': {\r\n '@apply mr-12 rounded-12 p-8': {},\r\n '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n '@apply text-dark': {},\r\n svg: {\r\n height: 'unset',\r\n width: 'unset',\r\n },\r\n },\r\n\r\n '&-body': {\r\n '&-header': {\r\n 'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n '@apply mt-6 text-base line-clamp-1': {},\r\n '@apply text-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-content': {\r\n 'p, a': {\r\n '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},\r\n '@apply text-dark-secondary line-clamp-1': {},\r\n },\r\n },\r\n },\r\n\r\n '&-external-link-icon': {\r\n '@apply ml-auto h-32 w-32': {},\r\n '@apply p-6 text-dark': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/checkbox.js CHANGED Viewed

@@ -5,17 +5,17 @@ export var Checkbox = () => ({
     '@apply bg-transparent border-transparent': {},
     // sizing
     '&-sm': {
-      '@apply w-[2.4rem] h-[2.4rem]': {}
+      '@apply w-24 h-24': {}
     },
     '&-md': {
-      '@apply w-[2.4rem] h-[2.4rem]': {}
+      '@apply w-24 h-24': {}
     },
     '&-lg': {
-      '@apply w-[2.4rem] h-[2.4rem]': {}
+      '@apply w-24 h-24': {}
     },
     '+ .sk-icon': {
       '@apply absolute inset-0 my-auto bg-transparent': {},
-      '@apply border-[0.1rem] p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},
+      '@apply border-1 p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},
       '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},
       svg: {
         '@apply hidden': {}
@@ -71,10 +71,10 @@ export var Checkbox = () => ({
     },
     // label
     '&-label-left &-label': {
-      '@apply mr-[.8rem]': {}
+      '@apply mr-8': {}
     },
     '&-label-right &-label': {
-      '@apply ml-[.8rem]': {}
+      '@apply ml-8': {}
     },
     '&-label-left': {
       '.sk-icon': {

package/dist/esm/components/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","names":["Checkbox","svg"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n '.sk-form-checkbox': {\r\n '@apply bg-inherit': {},\r\n '@apply rounded-utility': {},\r\n '@apply bg-transparent border-transparent': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply w-~~[2.4rem]~~ h-~~[2.4rem]~~': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-~~[2.4rem]~~ h-~~[2.4rem]~~': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-~~[2.4rem]~~ h-~~[2.4rem]~~': {},\r\n },\r\n\r\n '+ .sk-icon': {\r\n '@apply absolute inset-0 my-auto bg-transparent': {},\r\n '@apply border-~~[0.1rem]~~ p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\r\n\r\n svg: {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n '&&:checked': {\r\n '@apply text-light-primary bg-none': {},\r\n\r\n '& + .sk-icon': {\r\n '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n svg: {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '&[type=\"checkbox\"]:checked': {\r\n '@apply text-transparent': {},\r\n },\r\n '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n {\r\n '& + .sk-icon, &:focus + .sk-icon': {\r\n '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n {},\r\n\r\n svg: {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '&&[aria-invalid=true]': {\r\n '& + .sk-icon': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n '&&:checked': {\r\n '& + .sk-icon': {\r\n '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n svg: {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n // disabled\r\n '&&-disabled,&&-disabled:hover': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '& + .sk-icon': {\r\n '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n },\r\n\r\n '&:checked': {\r\n '& + .sk-icon': {\r\n '@apply bg-dark-disabled text-light-primary border-0': {},\r\n },\r\n },\r\n\r\n '& ~ .sk-form-checkbox-label': {\r\n '@apply text-dark-disabled': {},\r\n },\r\n },\r\n\r\n // label\r\n '&-label-left &-label': {\r\n '@apply mr-~~[.8rem]~~': {},\r\n },\r\n '&-label-right &-label': {\r\n '@apply ml-~~[.8rem]~~': {},\r\n },\r\n\r\n '&-label-left': {\r\n '.sk-icon': {\r\n '@apply left-auto right-0': {},\r\n },\r\n },\r\n\r\n '&-label-right': {\r\n '.sk-icon': {\r\n '@apply right-auto left-0': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply font-normal text-body select-none text-small': {},\r\n\r\n '&-wrapper': {\r\n '@apply relative inline-flex align-top items-center cursor-base': {},\r\n },\r\n\r\n '&-sm': {\r\n '@apply text-small': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-large': {},\r\n },\r\n },\r\n\r\n '&-group': {\r\n '@apply flex flex-col gap-16 my-12': {},\r\n '&[data-direction=\"row\"]': {\r\n '@apply flex-row': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0CAA0C,EAAE,CAAC,CAAC;IAE9C;IACA,MAAM,EAAE;MACN,~~8BAA8B~~,EAAE,CAAC;~~IACnC~~,CAAC;IAED,MAAM,EAAE;MACN,~~8BAA8B~~,EAAE,CAAC;~~IACnC~~,CAAC;IAED,MAAM,EAAE;MACN,~~8BAA8B~~,EAAE,CAAC;~~IACnC~~,CAAC;IAED,YAAY,EAAE;MACZ,gDAAgD,EAAE,CAAC,CAAC;MACpD,~~wGAAwG~~,EAAE,CAAC,CAAC;~~MAC5G~~,6EAA6E,EAAE,CAAC,CAAC;MAEjFC,GAAG,EAAE;QACH,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC,CAAC;MAEvC,cAAc,EAAE;QACd,+DAA+D,EAAE,CAAC,CAAC;QAEnEA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAED,4BAA4B,EAAE;MAC5B,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,6HAA6H,EAC3H;MACE,kCAAkC,EAAE;QAClC,4JAA4J,EAC1J,CAAC,CAAC;QAEJA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAEH,uBAAuB,EAAE;MACvB,cAAc,EAAE;QACd,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,cAAc,EAAE;UACd,oDAAoD,EAAE,CAAC,CAAC;UAExDA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA+B,EAAE;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,cAAc,EAAE;QACd,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,WAAW,EAAE;QACX,cAAc,EAAE;UACd,qDAAqD,EAAE,CAAC;QAC1D;MACF,CAAC;MAED,6BAA6B,EAAE;QAC7B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IAED;IACA,sBAAsB,EAAE;MACtB,~~mBAAmB~~,EAAE,CAAC;~~IACxB~~,CAAC;IACD,uBAAuB,EAAE;MACvB,~~mBAAmB~~,EAAE,CAAC;~~IACxB~~,CAAC;IAED,cAAc,EAAE;MACd,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,eAAe,EAAE;MACf,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,SAAS,EAAE;MACT,qDAAqD,EAAE,CAAC,CAAC;MAEzD,WAAW,EAAE;QACX,gEAAgE,EAAE,CAAC;MACrE,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,SAAS,EAAE;MACT,mCAAmC,EAAE,CAAC,CAAC;MACvC,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"checkbox.js","names":["Checkbox","svg"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n '.sk-form-checkbox': {\r\n '@apply bg-inherit': {},\r\n '@apply rounded-utility': {},\r\n '@apply bg-transparent border-transparent': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply w-24 h-24': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-24 h-24': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-24 h-24': {},\r\n },\r\n\r\n '+ .sk-icon': {\r\n '@apply absolute inset-0 my-auto bg-transparent': {},\r\n '@apply border-1 p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\r\n\r\n svg: {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n '&&:checked': {\r\n '@apply text-light-primary bg-none': {},\r\n\r\n '& + .sk-icon': {\r\n '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n svg: {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '&[type=\"checkbox\"]:checked': {\r\n '@apply text-transparent': {},\r\n },\r\n '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n {\r\n '& + .sk-icon, &:focus + .sk-icon': {\r\n '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n {},\r\n\r\n svg: {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '&&[aria-invalid=true]': {\r\n '& + .sk-icon': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n '&&:checked': {\r\n '& + .sk-icon': {\r\n '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n svg: {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n // disabled\r\n '&&-disabled,&&-disabled:hover': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '& + .sk-icon': {\r\n '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n },\r\n\r\n '&:checked': {\r\n '& + .sk-icon': {\r\n '@apply bg-dark-disabled text-light-primary border-0': {},\r\n },\r\n },\r\n\r\n '& ~ .sk-form-checkbox-label': {\r\n '@apply text-dark-disabled': {},\r\n },\r\n },\r\n\r\n // label\r\n '&-label-left &-label': {\r\n '@apply mr-8': {},\r\n },\r\n '&-label-right &-label': {\r\n '@apply ml-8': {},\r\n },\r\n\r\n '&-label-left': {\r\n '.sk-icon': {\r\n '@apply left-auto right-0': {},\r\n },\r\n },\r\n\r\n '&-label-right': {\r\n '.sk-icon': {\r\n '@apply right-auto left-0': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply font-normal text-body select-none text-small': {},\r\n\r\n '&-wrapper': {\r\n '@apply relative inline-flex align-top items-center cursor-base': {},\r\n },\r\n\r\n '&-sm': {\r\n '@apply text-small': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-large': {},\r\n },\r\n },\r\n\r\n '&-group': {\r\n '@apply flex flex-col gap-16 my-12': {},\r\n '&[data-direction=\"row\"]': {\r\n '@apply flex-row': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0CAA0C,EAAE,CAAC,CAAC;IAE9C;IACA,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,gDAAgD,EAAE,CAAC,CAAC;MACpD,iGAAiG,EAAE,CAAC,CAAC;MACrG,6EAA6E,EAAE,CAAC,CAAC;MAEjFC,GAAG,EAAE;QACH,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC,CAAC;MAEvC,cAAc,EAAE;QACd,+DAA+D,EAAE,CAAC,CAAC;QAEnEA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAED,4BAA4B,EAAE;MAC5B,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,6HAA6H,EAC3H;MACE,kCAAkC,EAAE;QAClC,4JAA4J,EAC1J,CAAC,CAAC;QAEJA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAEH,uBAAuB,EAAE;MACvB,cAAc,EAAE;QACd,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,cAAc,EAAE;UACd,oDAAoD,EAAE,CAAC,CAAC;UAExDA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA+B,EAAE;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,cAAc,EAAE;QACd,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,WAAW,EAAE;QACX,cAAc,EAAE;UACd,qDAAqD,EAAE,CAAC;QAC1D;MACF,CAAC;MAED,6BAA6B,EAAE;QAC7B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IAED;IACA,sBAAsB,EAAE;MACtB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,uBAAuB,EAAE;MACvB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,cAAc,EAAE;MACd,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,eAAe,EAAE;MACf,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,SAAS,EAAE;MACT,qDAAqD,EAAE,CAAC,CAAC;MAEzD,WAAW,EAAE;QACX,gEAAgE,EAAE,CAAC;MACrE,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,SAAS,EAAE;MACT,mCAAmC,EAAE,CAAC,CAAC;MACvC,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/chip.js CHANGED Viewed

@@ -6,8 +6,8 @@ export var Chip = () => ({
     '@apply hover:bg-secondary-surface-hover': {},
     '@apply focus-visible:bg-secondary-surface-hover': {},
     '@apply focus-visible:ring': {},
-    '@apply px-[.9rem] gap-4': {},
-    '@apply h-[3.4rem]': {},
+    '@apply px-9 gap-4': {},
+    '@apply h-34': {},
     '@apply text-small': {},
     '@apply text-dark-secondary': {},
     '@apply border-1': {},
@@ -29,6 +29,9 @@ export var Chip = () => ({
       '@apply bg-inverted-secondary-surface': {},
       '@apply hover:bg-inverted-secondary-surface-hover': {},
       '@apply focus-visible:bg-inverted-secondary-surface-hover': {}
+    },
+    '.sk-icon': {
+      '@apply h-16 w-16': {}
     }
   }
 });

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

	@@ -1 +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-~~[.9rem]~~ gap-4': {},\n '@apply h-~~[3.4rem]~~': {},\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 },\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,~~yBAAyB~~,EAAE,CAAC,CAAC;~~IAC7B~~,~~mBAAmB~~,EAAE,CAAC,CAAC;~~IACvB~~,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;EACF;AACF,CAAC,CAAC","ignoreList":[]}
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":[]}

package/dist/esm/components/combobox.js CHANGED Viewed

@@ -7,27 +7,27 @@ export var 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"]': {
@@ -56,7 +56,7 @@ export var 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/esm/components/combobox.js.map CHANGED Viewed

	@@ -1 +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-~~[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":"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,~~mBAAmB~~,EAAE,CAAC,CAAC;~~MACvB~~,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,~~oBAAoB~~,EAAE,CAAC;~~MACzB~~;IACF,CAAC;IACD,MAAM,EAAE;MACN,~~iBAAiB~~,EAAE,CAAC,CAAC;~~MACrB~~,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,~~oBAAoB~~,EAAE,CAAC;~~MACzB~~;IACF,CAAC;IACD,MAAM,EAAE;MACN,~~mBAAmB~~,EAAE,CAAC,CAAC;~~MACvB~~,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,~~oBAAoB~~,EAAE,CAAC;~~MACzB~~;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,~~sCAAsC~~,EAAE,CAAC,CAAC;~~MAC1C~~,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":[]}
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":[]}

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

@@ -18,11 +18,11 @@ export var 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/esm/components/cookie-consent.js.map CHANGED Viewed

	@@ -1 +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-[~~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":"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,~~iEAAiE~~,EAAE,CAAC;~~IACtE~~,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChC,~~sBAAsB~~,EAAE,CAAC;~~IAC3B~~,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":[]}
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":[]}

package/dist/esm/components/dialog.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var Dialog = () => ({
   '.sk-dialog': {
-    '@apply w-fit max-w-prose md:min-w-[40rem]': {}
+    '@apply w-fit max-w-prose md:min-w-[25em]': {}
   }
 });
 //# sourceMappingURL=dialog.js.map

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

	@@ -1 +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-[~~40rem~~]': {},\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,~~2CAA2C~~,EAAE,CAAC;~~EAChD~~;AACF,CAAC,CAAC","ignoreList":[]}
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":[]}

package/dist/esm/components/divider.js CHANGED Viewed

@@ -19,7 +19,7 @@ export var Divider = () => ({
     '&-sm': {
       '&.sk-divider': {
         '&-root': {
-          '@apply gap-[.8rem]': {}
+          '@apply gap-8': {}
         },
         '.sk-divider-text': {
           '@apply text-label-small': {}
@@ -29,7 +29,7 @@ export var Divider = () => ({
     '&-md': {
       '&.sk-divider': {
         '&-root': {
-          '@apply gap-[1rem]': {}
+          '@apply gap-10': {}
         },
         '.sk-divider-text': {
           '@apply text-label-medium': {}
@@ -39,7 +39,7 @@ export var Divider = () => ({
     '&-lg': {
       '&.sk-divider': {
         '&-root': {
-          '@apply gap-[1.2rem]': {}
+          '@apply gap-12': {}
         },
         '.sk-divider-text': {
           '@apply text-label-large': {}

package/dist/esm/components/divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"divider.js","names":["Divider"],"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":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,kCAAkC,EAAE,CAAC,CAAC;IACtC,YAAY,EAAE;MACZ,oFAAoF,EAAE,CAAC,CAAC;MACxF,uBAAuB,EAAE;QACvB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IACD,cAAc,EAAE;MACd,mDAAmD,EAAE,CAAC,CAAC;MACvD,uBAAuB,EAAE;QACvB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IAED,QAAQ,EAAE;MACR,iCAAiC,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,~~oBAAoB~~,EAAE,CAAC;~~QACzB~~,CAAC;QACD,kBAAkB,EAAE;UAClB,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,~~mBAAmB~~,EAAE,CAAC;~~QACxB~~,CAAC;QACD,kBAAkB,EAAE;UAClB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,~~qBAAqB~~,EAAE,CAAC;~~QAC1B~~,CAAC;QACD,kBAAkB,EAAE;UAClB,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"divider.js","names":["Divider"],"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-label-small': {},\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-label-medium': {},\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-label-large': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,kCAAkC,EAAE,CAAC,CAAC;IACtC,YAAY,EAAE;MACZ,oFAAoF,EAAE,CAAC,CAAC;MACxF,uBAAuB,EAAE;QACvB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IACD,cAAc,EAAE;MACd,mDAAmD,EAAE,CAAC,CAAC;MACvD,uBAAuB,EAAE;QACvB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IAED,QAAQ,EAAE;MACR,iCAAiC,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,kBAAkB,EAAE;UAClB,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,kBAAkB,EAAE;UAClB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,kBAAkB,EAAE;UAClB,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/footer.js CHANGED Viewed

@@ -8,11 +8,11 @@ export var 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/esm/components/footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"footer.js","names":["Footer"],"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":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,8BAA8B,EAAE,CAAC,CAAC;IAClC,4BAA4B,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC;IACnB,6CAA6C,EAAE,CAAC,CAAC;IACjD,4BAA4B,EAAE,CAAC,CAAC;IAEhC,gBAAgB,EAAE;MAChB,6BAA6B,EAAE,CAAC,CAAC;MACjC,kDAAkD,EAAE,CAAC,CAAC;MACtD,~~4CAA4C~~,EAAE,CAAC,CAAC;~~MAChD~~,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IAED,QAAQ,EAAE;MACR,~~kCAAkC~~,EAAE,CAAC;~~IACvC~~,CAAC;IACD,WAAW,EAAE;MACX,oDAAoD,EAAE,CAAC;IACzD,CAAC;IACD,QAAQ,EAAE;MACR,6BAA6B,EAAE,CAAC,CAAC;MACjC,QAAQ,EAAE;QACR,uDAAuD,EAAE,CAAC;MAC5D;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"footer.js","names":["Footer"],"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":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,8BAA8B,EAAE,CAAC,CAAC;IAClC,4BAA4B,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC;IACnB,6CAA6C,EAAE,CAAC,CAAC;IACjD,4BAA4B,EAAE,CAAC,CAAC;IAEhC,gBAAgB,EAAE;MAChB,6BAA6B,EAAE,CAAC,CAAC;MACjC,kDAAkD,EAAE,CAAC,CAAC;MACtD,wCAAwC,EAAE,CAAC,CAAC;MAC5C,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IAED,QAAQ,EAAE;MACR,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,WAAW,EAAE;MACX,oDAAoD,EAAE,CAAC;IACzD,CAAC;IACD,QAAQ,EAAE;MACR,6BAA6B,EAAE,CAAC,CAAC;MACjC,QAAQ,EAAE;QACR,uDAAuD,EAAE,CAAC;MAC5D;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/icon.js CHANGED Viewed

@@ -9,7 +9,7 @@ export var 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((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
         ["@apply bg-" + color + "-surface-primary text-" + color + "-text-secondary fill-" + color + "-text-secondary"]: {},

package/dist/esm/components/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","names":["Icon","colors","_extends","svg","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,IAAI,GAAIC,MAAgB,KAAM;EACzC,UAAU,EAAAC,QAAA;IACR,gDAAgD,EAAE,CAAC,CAAC;IACpD,kBAAkB,EAAE,CAAC,CAAC;IACtBC,GAAG,EAAE;MACH,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,kBAAkB,EAAAD,QAAA;MAChB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8CAA8C,EAAE,CAAC,CAAC;MAClD,~~mBAAmB~~,EAAE,CAAC;IAAC,~~GAEpBD~~,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,8BAAyBA,KAAK,6BAAwBA,KAAK,uBAAoB,CAAC,CAAC;QAEpG,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,uBACvG,CAAC;QACL;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,mDAAmD,EAAE;QACnD,iEAAiE,EAAE,CAAC,CAAC;QAErE,yBAAyB,EAAE;UACzB,gEAAgE,EAAE,CAAC,CAAC;UACpE,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,iDAAiD,EAAE,CAAC,CAAC;QAErD,yBAAyB,EAAE;UACzB,iDAAiD,EAAE,CAAC;QACtD;MACF;IAAC,EACF;IAED,oBAAoB,EAAE;MACpB,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEEL,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,oCAAoC,EAAE,CAAC,CAAC;MACxC,2BAAyBA,KAAK,sCAAiCA,KAAK,uBAAoB,CAAC,CAAC;MAE1F,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,uBACvG,CAAC;MACL;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,yBAAyB,EAAE;MACzB,yBAAyB,EAAE;QACzB,8CAA8C,EAAE,CAAC;MACnD;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"icon.js","names":["Icon","colors","_extends","svg","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,IAAI,GAAIC,MAAgB,KAAM;EACzC,UAAU,EAAAC,QAAA;IACR,gDAAgD,EAAE,CAAC,CAAC;IACpD,kBAAkB,EAAE,CAAC,CAAC;IACtBC,GAAG,EAAE;MACH,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,kBAAkB,EAAAD,QAAA;MAChB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8CAA8C,EAAE,CAAC,CAAC;MAClD,YAAY,EAAE,CAAC;IAAC,GAEbD,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,8BAAyBA,KAAK,6BAAwBA,KAAK,uBAAoB,CAAC,CAAC;QAEpG,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,uBACvG,CAAC;QACL;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,mDAAmD,EAAE;QACnD,iEAAiE,EAAE,CAAC,CAAC;QAErE,yBAAyB,EAAE;UACzB,gEAAgE,EAAE,CAAC,CAAC;UACpE,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,iDAAiD,EAAE,CAAC,CAAC;QAErD,yBAAyB,EAAE;UACzB,iDAAiD,EAAE,CAAC;QACtD;MACF;IAAC,EACF;IAED,oBAAoB,EAAE;MACpB,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEEL,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,oCAAoC,EAAE,CAAC,CAAC;MACxC,2BAAyBA,KAAK,sCAAiCA,KAAK,uBAAoB,CAAC,CAAC;MAE1F,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,uBACvG,CAAC;MACL;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,yBAAyB,EAAE;MACzB,yBAAyB,EAAE;QACzB,8CAA8C,EAAE,CAAC;MACnD;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/input.js CHANGED Viewed

@@ -48,7 +48,7 @@ function addin() {
           '@apply pr-10': {}
         },
         svg: {
-          '@apply w-[1.6rem] h-[1.6rem]': {}
+          '@apply w-16 h-16': {}
         }
       },
       '&-md': {
@@ -62,7 +62,7 @@ function addin() {
           '@apply pr-12': {}
         },
         svg: {
-          '@apply w-[2rem] h-[2rem]': {}
+          '@apply w-20 h-20': {}
         }
       },
       '&-lg': {
@@ -76,7 +76,7 @@ function addin() {
           '@apply pr-16': {}
         },
         svg: {
-          '@apply w-[2.2rem] h-[2.2rem]': {}
+          '@apply w-22 h-22': {}
         }
       }
     }
@@ -97,11 +97,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': {}
@@ -137,16 +132,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': {
@@ -189,26 +184,26 @@ export var 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': {}