@sk-web-gui/core 2.4.0 → 3.0.1

package/dist/esm/components/button.js

@@ -162,28 +162,28 @@ export var Button = colors => ({
     '&-sm': {
       '@apply text-label-small': {},
       '@apply px-14 py-8 gap-6': {},
-      '@apply max-h-[3.2rem] h-[3.2rem]': {},
+      '@apply max-h-32 h-32': {},
       '@apply rounded-button-sm': {},
       'svg, .sk-icon': {
-        '@apply h-[1.6rem] w-[1.6rem]': {}
+        '@apply h-16 w-16': {}
       }
     },
     '&-md': {
       '@apply text-label-medium': {},
       '@apply px-18 py-8 gap-8': {},
-      '@apply max-h-[4rem] h-[4rem]': {},
+      '@apply max-h-40 h-40': {},
       '@apply rounded-button-md': {},
       'svg, .sk-icon': {
-        '@apply h-[1.8rem] w-[1.8rem]': {}
+        '@apply h-18 w-18': {}
       }
     },
     '&-lg': {
       '@apply text-label-large': {},
       '@apply px-24 py-8 gap-8': {},
-      '@apply max-h-[4.8rem] h-[4.8rem]': {},
+      '@apply max-h-48 h-48': {},
       '@apply rounded-button-lg': {},
       'svg, .sk-icon': {
-        '@apply h-[2rem] w-[2rem]': {}
+        '@apply h-20 w-20': {}
       }
     },
     // State
@@ -230,27 +230,21 @@ export var Button = colors => ({
         '@apply rounded-full': {}
       },
       '&.sk-btn-sm': {
-        minWidth: '3.2rem',
-        width: '3.2rem',
-        maxWidth: '3.2rem',
+        '@apply w-32 min-w-32 max-w-32': {},
         'svg, .sk-icon': {
-          '@apply h-[2rem] w-[2rem]': {}
+          '@apply h-20 w-20': {}
         }
       },
       '&.sk-btn-md': {
-        minWidth: '4rem',
-        width: '4rem',
-        maxWidth: '4rem',
+        '@apply w-40 min-w-40 max-w-40': {},
         'svg, .sk-icon': {
-          '@apply h-[2rem] w-[2rem]': {}
+          '@apply h-20 w-20': {}
         }
       },
       '&.sk-btn-lg': {
-        minWidth: '4.8rem',
-        width: '4.8rem',
-        maxWidth: '4.8rem',
+        '@apply w-48 min-w-48 max-w-48': {},
         'svg, .sk-icon': {
-          '@apply h-[2.4rem] w-[2.4rem]': {}
+          '@apply h-24 w-24': {}
         }
       },
       '.btn-has-icon': {

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty","minWidth","width","maxWidth"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\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`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\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`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-[3.2rem] h-[3.2rem]': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-[1.6rem] w-[1.6rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-[4rem] h-[4rem]': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-[1.8rem] w-[1.8rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-[4.8rem] h-[4.8rem]': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-[2rem] w-[2rem]': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        minWidth: '3.2rem',\r\n        width: '3.2rem',\r\n        maxWidth: '3.2rem',\r\n        'svg, .sk-icon': {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        minWidth: '4rem',\r\n        width: '4rem',\r\n        maxWidth: '4rem',\r\n        'svg, .sk-icon': {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        minWidth: '4.8rem',\r\n        width: '4.8rem',\r\n        maxWidth: '4.8rem',\r\n        'svg, .sk-icon': {\r\n          '@apply h-[2.4rem] w-[2.4rem]': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\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`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\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`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-32 h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-40 h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-18 w-18': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-48 h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-20 w-20': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        '@apply w-32 min-w-32 max-w-32': {},\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-24 w-24': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/card.js

@@ -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

@@ -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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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","names":["Code","padding"],"sources":["../../../src/components/code.ts"],"sourcesContent":["export const Code = () => ({\r\n  '.code': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n    padding: '2px 3px 1px',\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,OAAO,EAAE;IACP,kGAAkG,EAAE,CAAC,CAAC;IACtG,2DAA2D,EAAE,CAAC,CAAC;IAC/D;IACA,0EAA0E,EAAE,CAAC,CAAC;IAC9EC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"code.js","names":["Code","padding"],"sources":["../../../src/components/code.ts"],"sourcesContent":["export const Code = () => ({\r\n  '.code': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n    padding: '2px 3px 1px',\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,OAAO,EAAE;IACP,kGAAkG,EAAE,CAAC,CAAC;IACtG,2DAA2D,EAAE,CAAC,CAAC;IAC/D;IACA,0EAA0E,EAAE,CAAC,CAAC;IAC9EC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/combobox.js

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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/dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["Dot","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/dot.ts"],"sourcesContent":["export const Dot = (colors: string[]) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\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          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-background-200`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,GAAG,GAAIC,MAAgB,KAAM;EACxC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,wBAAqB,CAAC;MAC/C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"dot.js","names":["Dot","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/dot.ts"],"sourcesContent":["export const Dot = (colors: string[]) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\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          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-background-200`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,GAAG,GAAIC,MAAgB,KAAM;EACxC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,wBAAqB,CAAC;MAC/C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"filter.js","names":["Filter"],"sources":["../../../src/components/filter.ts"],"sourcesContent":["export const Filter = () => ({\r\n  '.sk-filter': {\r\n    '@apply w-full': {},\r\n\r\n    '&-label': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n\r\n    '.sk-form-checkbox-label': {\r\n      '@apply grow flex items-center justify-between': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IAED,yBAAyB,EAAE;MACzB,+CAA+C,EAAE,CAAC,CAAC;MACnD,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"filter.js","names":["Filter"],"sources":["../../../src/components/filter.ts"],"sourcesContent":["export const Filter = () => ({\r\n  '.sk-filter': {\r\n    '@apply w-full': {},\r\n\r\n    '&-label': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n\r\n    '.sk-form-checkbox-label': {\r\n      '@apply grow flex items-center justify-between': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IAED,yBAAyB,EAAE;MACzB,+CAA+C,EAAE,CAAC,CAAC;MACnD,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}