@sk-web-gui/core 3.0.0 → 3.0.1

package/dist/cjs/base.js

@@ -5,7 +5,7 @@ exports.base = void 0;
 var _base = {
   html: {
     '@apply text-base antialiased': {},
-    fontSize: '10px',
+    fontSize: '0.625em',
     textRendering: 'optimizeLegibility',
     touchAction: 'manipulation'
   },
@@ -47,7 +47,7 @@ var _base = {
     '@apply my-4': {}
   },
   '.text-content': {
-    '@apply max-w-[80rem]': {},
+    '@apply max-w-content': {},
     p: {
       '@apply mt-sm text-base': {}
     }

package/dist/cjs/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p","base","exports"],"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '10px',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n  label: {\r\n    '@apply text-label-medium': {},\r\n  },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"mappings":";;;;AAAA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC;AACD,IAAMC,IAAkB,GAAAC,OAAA,CAAAD,IAAA,GAAGhB,KAAK","ignoreList":[]}
+{"version":3,"file":"base.js","names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p","base","exports"],"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '0.625em',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n  label: {\r\n    '@apply text-label-medium': {},\r\n  },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-content': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"mappings":";;;;AAAA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,SAAS;IACnBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC;AACD,IAAMC,IAAkB,GAAAC,OAAA,CAAAD,IAAA,GAAGhB,KAAK","ignoreList":[]}

package/dist/cjs/components/accordion.js

@@ -38,7 +38,10 @@ var Accordion = exports.Accordion = function Accordion() {
       },
       '&-toggle': {
         '@apply flex items-center justify-between': {},
-        '@apply gap-16': {}
+        '@apply gap-16': {},
+        '.sk-icon': {
+          '@apply w-32 h-32': {}
+        }
       },
       '&-title': {
         '@apply text-dark-primary': {},
@@ -56,7 +59,10 @@ var Accordion = exports.Accordion = function Accordion() {
           }
         },
         '.sk-disclosure-toggle': {
-          '@apply gap-12': {}
+          '@apply gap-12': {},
+          '.sk-icon': {
+            '@apply w-20 h-20': {}
+          }
         },
         '.sk-disclosure-support': {
           '@apply text-small': {}
@@ -80,7 +86,10 @@ var Accordion = exports.Accordion = function Accordion() {
           }
         },
         '.sk-disclosure-toggle': {
-          '@apply gap-12': {}
+          '@apply gap-12': {},
+          '.sk-icon': {
+            '@apply w-24 h-24': {}
+          }
         },
         '.sk-disclosure-support': {
           '@apply text-body': {}
@@ -109,6 +118,7 @@ var Accordion = exports.Accordion = function Accordion() {
         }
       },
       '&-body': {
+        '@apply text-base': {},
         '@apply flex flex-col': {},
         '@apply mb-32': {},
         '@apply mr-32': {},
@@ -137,13 +147,13 @@ var Accordion = exports.Accordion = function Accordion() {
           },
           '&[data-has-icon="true"]': {
             '&[data-size="sm"]': {
-              '@apply ml-[3.2rem]': {}
+              '@apply ml-32': {}
             },
             '&[data-size="md"]': {
-              '@apply ml-[3.6rem]': {}
+              '@apply ml-36': {}
             },
             '&[data-size="lg"]': {
-              '@apply ml-[4.8rem]': {}
+              '@apply ml-48': {}
             }
           }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["Accordion","exports","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"accordion.js","names":["Accordion","exports","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/avatar.js

@@ -14,15 +14,15 @@ var Avatar = exports.Avatar = function Avatar(colors) {
         '@apply rounded-circular': {}
       },
       '&&-sm': {
-        '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},
+        '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
         '@apply text-label-small': {}
       },
       '&&-md': {
-        '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {},
+        '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},
         '@apply text-label-medium': {}
       },
       '&&-lg': {
-        '@apply h-[6.4rem] w-[6.4rem] min-h-[4rem] max-h-[6.4rem] min-w-[4rem] max-w-[6.4rem]': {},
+        '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},
         '@apply text-label-large': {}
       }
     }, colors.reduce(function (styles, color) {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["Avatar","exports","colors","_extends","reduce","styles","color","_dataAccentTrue","_ref","_extends2"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-[6.4rem] w-[6.4rem] min-h-[4rem] max-h-[6.4rem] min-w-[4rem] max-w-[6.4rem]': {},\r\n      '@apply text-label-large': {},\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\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,OAAM;IAC3C,YAAY,EAAAC,QAAA;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,oEAAoE,EAAE,CAAC,CAAC;MACxE,wBAAwB,EAAE,CAAC,CAAC;MAC5B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,OAAO,EAAE;QACP,0FAA0F,EAAE,CAAC,CAAC;QAC9F,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,OAAO,EAAE;QACP,kFAAkF,EAAE,CAAC,CAAC;QACtF,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,sFAAsF,EAAE,CAAC,CAAC;QAC1F,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GACED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAExE,uBAAuB,KAAAD,eAAA,OAAAA,eAAA,gBACPD,KAAK,8BAAyBA,KAAK,sBAAkB,CAAC,CAAC,EAAAC,eAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGzE,EACF,CAAC,CACH,CAAC;MACD,OAAO,EAAE;QACP,2CAA2C,EAAE,CAAC;MAChD;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"avatar.js","names":["Avatar","exports","colors","_extends","reduce","styles","color","_dataAccentTrue","_ref","_extends2"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large': {},\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\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,OAAM;IAC3C,YAAY,EAAAC,QAAA;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,oEAAoE,EAAE,CAAC,CAAC;MACxE,wBAAwB,EAAE,CAAC,CAAC;MAC5B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,OAAO,EAAE;QACP,sDAAsD,EAAE,CAAC,CAAC;QAC1D,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,OAAO,EAAE;QACP,sDAAsD,EAAE,CAAC,CAAC;QAC1D,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,sDAAsD,EAAE,CAAC,CAAC;QAC1D,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GACED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAExE,uBAAuB,KAAAD,eAAA,OAAAA,eAAA,gBACPD,KAAK,8BAAyBA,KAAK,sBAAkB,CAAC,CAAC,EAAAC,eAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGzE,EACF,CAAC,CACH,CAAC;MACD,OAAO,EAAE;QACP,2CAA2C,EAAE,CAAC;MAChD;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/badge.js

@@ -12,7 +12,7 @@ var Badge = exports.Badge = function Badge(colors) {
       '@apply rounded-utility': {},
       '@apply overflow-hidden': {},
       // size
-      '@apply h-[2.4rem] w-[2.4rem]': {},
+      '@apply h-24 w-24': {},
       '@apply text-label-small': {},
       '&[data-rounded="true"]': {
         '@apply rounded-circular': {}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["Badge","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-[2.4rem] w-[2.4rem]': {},\r\n    '@apply text-label-small': {},\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 bg-${color}-surface-primary  text-${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`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-light-primary': {},\r\n        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,2BAA2B,EAAE,CAAC,CAAC;MAC/B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,wBAAwB,EAAE,CAAC,CAAC;MAE5B;MACA,8BAA8B,EAAE,CAAC,CAAC;MAClC,yBAAyB,EAAE,CAAC,CAAC;MAE7B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAExE,yBAAyB,KAAAD,gBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,gBAAA,yBACjBD,KAAK,uCAAkCA,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7F,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,6DAA6D,EAAE,CAAC;QAClE;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"badge.js","names":["Badge","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\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 bg-${color}-surface-primary  text-${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`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-light-primary': {},\r\n        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,2BAA2B,EAAE,CAAC,CAAC;MAC/B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,wBAAwB,EAAE,CAAC,CAAC;MAE5B;MACA,kBAAkB,EAAE,CAAC,CAAC;MACtB,yBAAyB,EAAE,CAAC,CAAC;MAE7B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAExE,yBAAyB,KAAAD,gBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,gBAAA,yBACjBD,KAAK,uCAAkCA,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7F,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,6DAA6D,EAAE,CAAC;QAClE;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/breadcrumb.js

@@ -6,7 +6,7 @@ var Breadcrumb = exports.Breadcrumb = function Breadcrumb() {
   var _aSkLink, _aSkLink2, _skBreadcrumbItem;
   return {
     '.sk-breadcrumb': {
-      '@apply text-body relative': {},
+      '@apply text-body text-base relative': {},
       '&-item': {
         '@apply inline-flex items-center whitespace-nowrap': {}
       },

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["Breadcrumb","exports","_aSkLink","_aSkLink2","_skBreadcrumbItem","span"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,IAAAE,QAAA,EAAAC,SAAA,EAAAC,iBAAA;EAAA,OAAU;IAC/B,gBAAgB,EAAE;MAChB,2BAA2B,EAAE,CAAC,CAAC;MAE/B,QAAQ,EAAE;QACR,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,aAAa,EAAE;QACb,aAAa,EAAE,CAAC;MAClB;IACF,CAAC;IAED,qBAAqB,GAAAA,iBAAA;MACnBC,IAAI,EAAE;QACJ,wBAAwB,EAAE;UACxB,kBAAkB,EAAE,CAAC;QACvB;MACF;IAAC,GAAAD,iBAAA,gCAE4B;MAC3B,WAAW,GAAAF,QAAA,OAAAA,QAAA,4BACkB,CAAC,CAAC,EAAAA,QAAA;IAEjC,CAAC,EAAAE,iBAAA,gCAE4B;MAC3B,WAAW,GAAAD,SAAA,OAAAA,SAAA,uCAC6B,CAAC,CAAC,EAAAA,SAAA;IAE5C,CAAC,EAAAC,iBAAA;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"breadcrumb.js","names":["Breadcrumb","exports","_aSkLink","_aSkLink2","_skBreadcrumbItem","span"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body text-base relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,IAAAE,QAAA,EAAAC,SAAA,EAAAC,iBAAA;EAAA,OAAU;IAC/B,gBAAgB,EAAE;MAChB,qCAAqC,EAAE,CAAC,CAAC;MAEzC,QAAQ,EAAE;QACR,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,aAAa,EAAE;QACb,aAAa,EAAE,CAAC;MAClB;IACF,CAAC;IAED,qBAAqB,GAAAA,iBAAA;MACnBC,IAAI,EAAE;QACJ,wBAAwB,EAAE;UACxB,kBAAkB,EAAE,CAAC;QACvB;MACF;IAAC,GAAAD,iBAAA,gCAE4B;MAC3B,WAAW,GAAAF,QAAA,OAAAA,QAAA,4BACkB,CAAC,CAAC,EAAAA,QAAA;IAEjC,CAAC,EAAAE,iBAAA,gCAE4B;MAC3B,WAAW,GAAAD,SAAA,OAAAA,SAAA,uCAC6B,CAAC,CAAC,EAAAA,SAAA;IAE5C,CAAC,EAAAC,iBAAA;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/button-group.js

@@ -23,7 +23,7 @@ var ButtonGroup = exports.ButtonGroup = function ButtonGroup() {
       '&-divider': {
         '@apply grow bg-tertiary-surface px-6': {},
         hr: {
-          '@apply h-[2rem]': {}
+          '@apply h-20': {}
         }
       }
     }

package/dist/cjs/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":["ButtonGroup","exports","hr"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-[2rem]': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,eAAe,EAAE;MACf,iCAAiC,EAAE,CAAC,CAAC;MAErC,yBAAyB,EAAE;QACzB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,4BAA4B,EAAE,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,CAAC;QAEvB,KAAK,EAAE;UACL,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,oCAAoC,EAAE;UACpC,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,UAAU,EAAE;UACV,wBAAwB,EAAE,CAAC;QAC7B;MACF,CAAC;MAED,WAAW,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1CE,EAAE,EAAE;UACF,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"button-group.js","names":["ButtonGroup","exports","hr"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-20': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,eAAe,EAAE;MACf,iCAAiC,EAAE,CAAC,CAAC;MAErC,yBAAyB,EAAE;QACzB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,4BAA4B,EAAE,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,CAAC;QAEvB,KAAK,EAAE;UACL,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,oCAAoC,EAAE;UACpC,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,UAAU,EAAE;UACV,wBAAwB,EAAE,CAAC;QAC7B;MACF,CAAC;MAED,WAAW,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1CE,EAAE,EAAE;UACF,aAAa,EAAE,CAAC;QAClB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/button.js

@@ -146,28 +146,28 @@ var Button = exports.Button = function 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
@@ -214,27 +214,21 @@ var Button = exports.Button = function 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/cjs/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","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":";;;;;AAAA,SAASA,aAAaA,CAACC,MAAgB,EAAE;EAAA,IAAAC,iBAAA,EAAAC,gBAAA;EACvC,OAAO;IACL,WAAW,EAAAC,QAAA;MACT,2BAA2B,EAAE,CAAC,CAAC;MAC/B;MACA,uCAAuC,EAAE,CAAC;IAAC,GAExCH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,OAAA,EAAAC,QAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTE,MAAM,GAAAM,SAAA,OAAAA,SAAA,qBACSL,KAAK,aAAAI,IAAA,OAAAA,IAAA,gBACPJ,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAI,IAAA,sBAEpDJ,KAAK,wDAAoD,CAAC,CAAC,EAAAI,IAAA,CAE/E,UAAU,KAAAH,OAAA,OAAAA,OAAA,gBACMD,KAAK,+BAA2B,CAAC,CAAC,EAAAC,OAAA,GAAAG,IAAA,uBAE7BJ,KAAK,+BAA2B,CAAC,CAAC,EAAAI,IAAA,CAEvD,yBAAyB,KAAAD,gBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,gBAAA,yBACjBH,KAAK,uCAAkCA,KAAK,wBAAoB,CAAC,CAAC,EAAAG,gBAAA,+BAE5DH,KAAK,iEAA6D,CAAC,CAAC,EAAAG,gBAAA,CAEjG,UAAU,KAAAD,QAAA,OAAAA,QAAA,yBACeF,KAAK,+BAA2B,CAAC,CAAC,EAAAE,QAAA,GAAAC,gBAAA,gCAE7BH,KAAK,+BAA2B,CAAC,CAAC,EAAAG,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGpE,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,GAAAT,gBAAA;QACvB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,iCAAiC,EAAE,CAAC;QACtC;MAAC,GAAAA,gBAAA,6CAC2C,CAAC,CAAC,EAAAA,gBAAA,CAE9C,yBAAyB,KAAAD,iBAAA;QACvB,oCAAoC,EAAE,CAAC,CAAC;QACxC,oCAAoC,EAAE,CAAC,CAAC;QACxC,gDAAgD,EAAE,CAAC,CAAC;QACpD,UAAU,EAAE;UACV,0CAA0C,EAAE,CAAC;QAC/C;MAAC,GAAAA,iBAAA,sDACoD,CAAC,CAAC,EAAAA,iBAAA,GAAAC,gBAAA;IAE1D;EAEL,CAAC;AACH;AACA,SAASU,eAAeA,CAAA,EAAG;EACzB,OAAO;IACL,aAAa,EAAE;MACb,iCAAiC,EAAE,CAAC,CAAC;MACrC,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC;MACA,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C;MACA,gDAAgD,EAAE,CAAC,CAAC;MAEpD;MACA,4CAA4C,EAAE;QAC5C,uIAAuI,EACrI,CAAC;MACL,CAAC;MAED,yBAAyB,EAAE;QACzB,0CAA0C,EAAE,CAAC,CAAC;QAC9C,qCAAqC,EAAE,CAAC,CAAC;QACzC,sCAAsC,EAAE,CAAC,CAAC;QAC1C;QACA,sDAAsD,EAAE,CAAC,CAAC;QAC1D,kDAAkD,EAAE,CAAC,CAAC;QACtD;QACA,yDAAyD,EAAE,CAAC,CAAC;QAE7D;QACA,4CAA4C,EAAE;UAC5C,yJAAyJ,EACvJ,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,4BAA4B,EAAE,CAAC,CAAC;MAChC;MACA,wCAAwC,EAAE,CAAC,CAAC;MAE5C;MACA,4CAA4C,EAAE;QAC5C,qIAAqI,EACnI,CAAC;MACL,CAAC;MAED,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,qCAAqC,EAAE,CAAC,CAAC;QACzC;QACA,iDAAiD,EAAE,CAAC,CAAC;QACrD,4CAA4C,EAAE;UAC5C,uJAAuJ,EACrJ,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH;AACA,SAASC,WAAWA,CAAA,EAAG;EACrB,OAAO;IACL,SAAS,EAAE;MACT,4BAA4B,EAAE,CAAC,CAAC;MAChC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,2BAA2B,EAAE,CAAC,CAAC;MAC/B;MACA,6BAA6B,EAAE,CAAC,CAAC;MACjC,iCAAiC,EAAE,CAAC,CAAC;MAErC;MACA,4CAA4C,EAAE;QAC5C,yGAAyG,EAAE,CAAC;MAC9G,CAAC;MAED,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC;MAC1C;IACF;EACF,CAAC;AACH;AAEA,SAASC,UAAUA,CAACf,MAAgB,EAAE;EACpC,OAAO;IACL,QAAQ,EAAAG,QAAA;MACN,2FAA2F,EAAE,CAAC,CAAC;MAC/F,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD;MACA,8BAA8B,EAAE,CAAC,CAAC;MAClC,qCAAqC,EAAE,CAAC;IAAC,GAEtCH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAU,KAAA,EAAAC,SAAA;MAAA,OAAAd,QAAA,KACTE,MAAM,GAAAY,SAAA,OAAAA,SAAA,qBACSX,KAAK,aAAAU,KAAA,OAAAA,KAAA,kBACLV,KAAK,0BAAqBA,KAAK,cAAU,CAAC,CAAC,EAAAU,KAAA,GAAAC,SAAA;IAAA,CAG7D,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEO,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIlB,MAAgB;EAAA,OAAM;IAC3C,SAAS,EAAAG,QAAA;MACP,mBAAmB,EAAE,CAAC,CAAC;MACvB,oCAAoC,EAAE,CAAC,CAAC;MACxC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,iBAAiB,EAAE,CAAC,CAAC;MACrB,YAAY,EAAE,CAAC,CAAC;MAChB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,2EAA2E,EAAE,CAAC,CAAC;MAC/E,uBAAuB,EAAE,CAAC,CAAC;MAC3BiB,kBAAkB,EAAE,iEAAiE;MACrF,6BAA6B,EAAE,CAAC,CAAC;MACjC,mEAAmE,EAAE,CAAC,CAAC;MACvE,mCAAmC,EAAE,CAAC,CAAC;MACvC,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MAED;MACA,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,yBAAyB,EAAE,CAAC,CAAC;QAC7B,kCAAkC,EAAE,CAAC,CAAC;QACtC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE;UACf,8BAA8B,EAAE,CAAC;QACnC;MACF,CAAC;MAED,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yBAAyB,EAAE,CAAC,CAAC;QAC7B,8BAA8B,EAAE,CAAC,CAAC;QAClC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE;UACf,8BAA8B,EAAE,CAAC;QACnC;MACF,CAAC;MAED,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,yBAAyB,EAAE,CAAC,CAAC;QAC7B,kCAAkC,EAAE,CAAC,CAAC;QACtC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE;UACf,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED;MACA,qCAAqC,EAAE;QACrC,gFAAgF,EAAE,CAAC,CAAC;QACpF,kLAAkL,EAChL,CAAC,CAAC;QACJ,yBAAyB,EAAE;UACzB,sNAAsN,EACpN,CAAC;QACL;MACF;IAAC,GAGErB,aAAa,CAACC,MAAM,CAAC,EACrBY,eAAe,CAAC,CAAC,EACjBC,cAAc,CAAC,CAAC,EAChBC,WAAW,CAAC,CAAC,EACbC,UAAU,CAACf,MAAM,CAAC;MAErB,wCAAwC,EAAE;QACxC,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,eAAe,EAAE;QACf,QAAQ,EAAE;UACR,sDAAsD,EAAE,CAAC,CAAC;UAC1D,UAAU,EAAE;YACV,uBAAuB,EAAE,CAAC,CAAC;YAC3BM,KAAK,EAAE;UACT;QACF,CAAC;QACD,SAAS,EAAE;UACT,sDAAsD,EAAE,CAAC,CAAC;UAC1D,UAAU,EAAE;YACV,uBAAuB,EAAE,CAAC,CAAC;YAC3BA,KAAK,EAAE;UACT;QACF;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,0BAA0B,EAAE;QAC1B,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,mBAAmB,EAAE;QACnB,YAAY,EAAE,CAAC,CAAC;QAEhB,UAAU,EAAE;UACV,uBAAuB,EAAE,CAAC,CAAC;UAC3BA,KAAK,EAAE;QACT,CAAC;QAED,wBAAwB,EAAE;UACxB,qBAAqB,EAAE,CAAC;QAC1B,CAAC;QAED,aAAa,EAAE;UACbe,QAAQ,EAAE,QAAQ;UAClBC,KAAK,EAAE,QAAQ;UACfC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE;YACf,0BAA0B,EAAE,CAAC;UAC/B;QACF,CAAC;QAED,aAAa,EAAE;UACbF,QAAQ,EAAE,MAAM;UAChBC,KAAK,EAAE,MAAM;UACbC,QAAQ,EAAE,MAAM;UAChB,eAAe,EAAE;YACf,0BAA0B,EAAE,CAAC;UAC/B;QACF,CAAC;QAED,aAAa,EAAE;UACbF,QAAQ,EAAE,QAAQ;UAClBC,KAAK,EAAE,QAAQ;UACfC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE;YACf,8BAA8B,EAAE,CAAC;UACnC;QACF,CAAC;QACD,eAAe,EAAE;UACf,QAAQ,EAAE;YACR,YAAY,EAAE,CAAC;UACjB,CAAC;UACD,SAAS,EAAE;YACT,YAAY,EAAE,CAAC;UACjB;QACF;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","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/cjs/components/card.js

@@ -7,10 +7,11 @@ var Card = exports.Card = function Card(colors) {
   var _extends3;
   return {
     '.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': {}
       },
@@ -25,16 +26,15 @@ var Card = exports.Card = function 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': {
@@ -138,18 +138,18 @@ var Card = exports.Card = function Card(colors) {
         }
       }
     }, _extends3["&[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': {
@@ -179,7 +179,7 @@ var Card = exports.Card = function 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': {}
       },
@@ -204,13 +204,13 @@ var Card = exports.Card = function 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/cjs/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["Card","exports","colors","_extends3","_extends","span","time","backgroundColor","reduce","styles","color","_h1H2H3H4H","_pA","_dataColorMono","_skCardUseHover","_h1H2H3H4H2","_pA2","_skCardUseHover2","_h1H2H3H4H3","_pA3","_dataInvertedTru","_ref","_extends2","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":";;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,MAAgB;EAAA,IAAAC,SAAA;EAAA,OAAM;IACzC,UAAU,EAAAC,QAAA;MACR,wDAAwD,EAAE,CAAC,CAAC;MAC5D,sBAAsB,EAAE,CAAC,CAAC;MAC1B,wCAAwC,EAAE,CAAC,CAAC;MAC5C,iBAAiB,EAAE,CAAC,CAAC;MAErB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC,CAAC;QAC9B,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAC9C,eAAe,EAAE,CAAC,CAAC;QAEnB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,QAAQ,EAAE;UACR,8BAA8B,EAAE,CAAC,CAAC;UAClCC,IAAI,EAAE;YACJ,oCAAoC,EAAE,CAAC,CAAC;YACxCC,IAAI,EAAE;cACJ,gCAAgC,EAAE,CAAC;YACrC;UACF,CAAC;UAED,iBAAiB,EAAE;YACjBC,eAAe,EAAE,OAAO;YACxB,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,UAAU,EAAE;UACV,+BAA+B,EAAE;YAC/B,wDAAwD,EAAE,CAAC;UAC7D,CAAC;UACDF,IAAI,EAAE;YACJ,cAAc,EAAE,CAAC;UACnB;QACF,CAAC;QAED,WAAW,EAAE;UACX,eAAe,EAAE,CAAC,CAAC;UACnB,MAAM,EAAE;YACN,wCAAwC,EAAE,CAAC;UAC7C;QACF,CAAC;QAED,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC;QACpB;MACF;IAAC,GAEEH,MAAM,CAACM,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,UAAA,EAAAC,GAAA,EAAAC,cAAA,EAAAC,eAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,gBAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAlB,QAAA,KACTK,MAAM,GAAAa,SAAA;QAET,gDAAgD,GAAAT,cAAA;UAC9C,8BAA8B,EAAE,CAAC,CAAC;UAClC,oFAAoF,EAAE,CAAC,CAAC;UACxF,gEAAgE,EAAE,CAAC,CAAC;UAEpE,oBAAoB,EAAE;YACpB,4BAA4B,EAAE,CAAC;UACjC,CAAC;UAED,oBAAoB,EAAE;YACpB,6EAA6E,EAAE,CAAC,CAAC;YACjF,4EAA4E,EAAE,CAAC,CAAC;YAChF,qFAAqF,EAAE,CAAC;UAC1F;QAAC,GAAAA,cAAA,gCAG4B;UAC3B,+BAA+B,EAAE,CAAC,CAAC;UAEnC,eAAe,EAAE;YACf;YACA,QAAQ,EAAE;cACRR,IAAI,EAAE;gBACJ,6BAA6B,EAAE,CAAC;cAClC;YACF,CAAC;YAED;YACA,UAAU,EAAE;cACV,+BAA+B,GAAAM,UAAA,OAAAA,UAAA,gCACE,CAAC,CAAC,EAAAA,UAAA;YAErC,CAAC;YAED;YACA,WAAW,EAAE;cACX,MAAM,GAAAC,GAAA,OAAAA,GAAA,kCAC6B,CAAC,CAAC,EAAAA,GAAA;YAEvC,CAAC;YAED,oBAAoB,EAAE;cACpB,kEAAkE,EAAE,CAAC,CAAC;cACtE,0CAA0C,EAAE,CAAC;YAC/C;UACF;QACF,CAAC,EAAAC,cAAA,CACF;QAED,0BAA0B,EAAE;UAC1B,8BAA8B,EAAE,CAAC,CAAC;UAClC,oFAAoF,EAAE,CAAC,CAAC;UACxF,0DAA0D,EAAE,CAAC;QAC/D;MAAC,GAAAS,SAAA,qBAEiBZ,KAAK,aAAAW,IAAA,OAAAA,IAAA,gBAEPX,KAAK,+BAA2B,CAAC,CAAC,EAAAW,IAAA,CAGhD,4BAA4B,KAAAP,eAAA,OAAAA,eAAA,2CAEeJ,KAAK,yBAAqB,CAAC,CAAC,EAAAI,eAAA,GAAAO,IAAA,CAIvE,eAAe,IAAE;QACf,QAAQ,EAAE;UACRhB,IAAI,EAAE;YACJ,6BAA6B,EAAE,CAAC;UAClC;QACF,CAAC;QAED;QACA,UAAU,EAAE;UACV,+BAA+B,GAAAU,WAAA,OAAAA,WAAA,gCACE,CAAC,CAAC,EAAAA,WAAA;QAErC,CAAC;QAED;QACA,WAAW,EAAE;UACX,MAAM,GAAAC,IAAA,OAAAA,IAAA,kCAC6B,CAAC,CAAC,EAAAA,IAAA;QAEvC;MACF,CAAC,EAAAK,IAAA,iCAAAD,gBAAA,OAAAA,gBAAA,gBAKeV,KAAK,8BAA0B,CAAC,CAAC,EAAAU,gBAAA,CAG/C,4BAA4B,KAAAH,gBAAA,OAAAA,gBAAA,2CAEeP,KAAK,wBAAoB,CAAC,CAAC,EAAAO,gBAAA,GAAAG,gBAAA,CAGtE,eAAe,IAAE;QACf;QACA,QAAQ,EAAE;UACRf,IAAI,EAAE;YACJ,4BAA4B,EAAE,CAAC;UACjC;QACF,CAAC;QAED;QACA,UAAU,EAAE;UACV,+BAA+B,GAAAa,WAAA,OAAAA,WAAA,+BACC,CAAC,CAAC,EAAAA,WAAA;QAEpC,CAAC;QAED;QACA,WAAW,EAAE;UACX,MAAM,GAAAC,IAAA,OAAAA,IAAA,iCAC4B,CAAC,CAAC,EAAAA,IAAA;QAEtC;MACF,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGL,EACF,CAAC,CACH,CAAC,GAAAnB,SAAA;MAED;MACA,4BAA4B,EAAE;QAC5B;QACA,oBAAoB,EAAE;UACpB,oBAAoB,EAAE,CAAC,CAAC;UACxB,8BAA8B,EAAE,CAAC;QACnC;MACF;IAAC,GAAAA,SAAA,oCAEgC;MAC/B,0BAA0B,EAAE,CAAC,CAAC;MAE9B,UAAU,EAAE;QACV,SAAS,EAAE;UACT,2BAA2B,EAAE,CAAC,CAAC;UAC/B,mBAAmB,EAAE,CAAC,CAAC;UACvB,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,iBAAiB,EAAE,CAAC,CAAC;UACrB,oBAAoB,EAAE,CAAC,CAAC;UAExB,WAAW,EAAE;YACX,iBAAiB,EAAE,CAAC;UACtB,CAAC;UAED,WAAW,EAAE;YACX,MAAM,EAAE;cACN,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF,CAAC,EAAAA,SAAA,EACF;IAED,eAAe,EAAE;MACf,6BAA6B,EAAE,CAAC,CAAC;MAEjC,UAAU,EAAE;QACVoB,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,GAAG;QACTC,GAAG,EAAE,GAAG;QACRC,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE;MACV;IACF,CAAC;IAED;AACF;AACA;IACE,eAAe,EAAE;MACf,wCAAwC,EAAE,CAAC,CAAC;MAC5C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,kCAAkC,EAAE,CAAC,CAAC;MAEtC,sBAAsB,EAAE;QACtB,4EAA4E,EAAE,CAAC;MACjF,CAAC;MAED,yBAAyB,EAAE;QACzB,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,aAAa,EAAE;QACb,6BAA6B,EAAE,CAAC,CAAC;QACjC,gEAAgE,EAAE,CAAC,CAAC;QACpE,kBAAkB,EAAE,CAAC,CAAC;QACtBC,GAAG,EAAE;UACHC,MAAM,EAAE,OAAO;UACfC,KAAK,EAAE;QACT;MACF,CAAC;MAED,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,kCAAkC,EAAE;YAClC,oCAAoC,EAAE,CAAC,CAAC;YACxC,0BAA0B,EAAE,CAAC;UAC/B;QACF,CAAC;QAED,WAAW,EAAE;UACX,MAAM,EAAE;YACN,+DAA+D,EAAE,CAAC,CAAC;YACnE,yCAAyC,EAAE,CAAC;UAC9C;QACF;MACF,CAAC;MAED,sBAAsB,EAAE;QACtB,kCAAkC,EAAE,CAAC,CAAC;QACtC,sBAAsB,EAAE,CAAC;MAC3B;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"card.js","names":["Card","exports","colors","_extends3","_extends","span","time","reduce","styles","color","_h1H2H3H4H","_pA","_dataColorMono","_skCardUseHover","_h1H2H3H4H2","_pA2","_skCardUseHover2","_h1H2H3H4H3","_pA3","_dataInvertedTru","_ref","_extends2","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/cjs/components/checkbox.js

@@ -10,17 +10,17 @@ var Checkbox = exports.Checkbox = function 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': {}
@@ -76,10 +76,10 @@ var Checkbox = exports.Checkbox = function Checkbox() {
       },
       // label
       '&-label-left &-label': {
-        '@apply mr-[.8rem]': {}
+        '@apply mr-8': {}
       },
       '&-label-right &-label': {
-        '@apply ml-[.8rem]': {}
+        '@apply ml-8': {}
       },
       '&-label-left': {
         '.sk-icon': {