@sk-web-gui/core 3.0.0 → 3.1.0

package/dist/cjs/components/ai/typing-sequence.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TypingSequence = void 0;
+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); }
+var TypingSequence = exports.TypingSequence = function TypingSequence(colors) {
+  return {
+    '.sk-ai-typing-sequence': {
+      '@apply bg-transparent': {},
+      '@apply inline-flex': {},
+      '@apply h-[0.5rem] w-fit gap-6': {},
+      '&-dot': _extends({
+        '@apply rounded-full': {},
+        '@apply block': {},
+        '@apply w-[0.5rem] h-[0.5rem]': {},
+        '@apply bg-dark-secondary': {},
+        '&[data-order="1"]': {
+          '@apply animate-typing-bounce-1': {}
+        },
+        '&[data-order="2"]': {
+          '@apply animate-typing-bounce-2': {}
+        },
+        '&[data-order="3"]': {
+          '@apply animate-typing-bounce-3': {}
+        }
+      }, colors.reduce(function (styles, color) {
+        var _ref, _extends2;
+        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref), _extends2));
+      }, {}))
+    }
+  };
+};
+//# sourceMappingURL=typing-sequence.js.map

package/dist/cjs/components/ai/typing-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing-sequence.js","names":["TypingSequence","exports","colors","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../../src/components/ai/typing-sequence.ts"],"sourcesContent":["export const TypingSequence = (colors: string[]) => ({\r\n  '.sk-ai-typing-sequence': {\r\n    '@apply bg-transparent': {},\r\n    '@apply inline-flex': {},\r\n    '@apply h-[0.5rem] w-fit gap-6': {},\r\n    '&-dot': {\r\n      '@apply rounded-full': {},\r\n      '@apply block': {},\r\n      '@apply w-[0.5rem] h-[0.5rem]': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&[data-order=\"1\"]': {\r\n        '@apply animate-typing-bounce-1': {},\r\n      },\r\n      '&[data-order=\"2\"]': {\r\n        '@apply animate-typing-bounce-2': {},\r\n      },\r\n      '&[data-order=\"3\"]': {\r\n        '@apply animate-typing-bounce-3': {},\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,MAAgB;EAAA,OAAM;IACnD,wBAAwB,EAAE;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,oBAAoB,EAAE,CAAC,CAAC;MACxB,+BAA+B,EAAE,CAAC,CAAC;MACnC,OAAO,EAAAC,QAAA;QACL,qBAAqB,EAAE,CAAC,CAAC;QACzB,cAAc,EAAE,CAAC,CAAC;QAClB,8BAA8B,EAAE,CAAC,CAAC;QAClC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC;MAAC,GACED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBAESF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5C,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/alert-banner.js

@@ -0,0 +1,26 @@
+module.exports = Modal = function Modal() {
+  return {
+    '.alert-banner': {
+      '@apply p-md': {},
+      '&-content': {
+        '@apply w-full m-auto flex': {},
+        '&-wrapper': {
+          '@apply flex-grow flex': {}
+        }
+      },
+      '&-icon': {
+        '@apply mr-[10px]': {}
+      },
+      '&-children': {
+        '@apply w-full underline inline-block max-w-[800px] text-body text-base': {}
+      },
+      '&-close': {
+        '@apply p-4 -m-4 flex flex-col': {}
+      }
+    },
+    '.tab': {
+      '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+    }
+  };
+};
+//# sourceMappingURL=alert-banner.js.map

package/dist/cjs/components/alert-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,sGAAsG,EAAE,CAAC;IAC3G;EACF,CAAC;AAAA,CAAC"}

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) {
@@ -31,6 +31,9 @@ var Avatar = exports.Avatar = function Avatar(colors) {
     }, {}), {
       '&-img': {
         '@apply min-w-full min-h-full object-cover': {}
+      },
+      '&[data-hasimage="true"]': {
+        '@apply bg-transparent': {}
       }
     })
   };

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\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    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\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;MAED,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,CAAC;MACD,yBAAyB,EAAE;QACzB,uBAAuB,EAAE,CAAC;MAC5B;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":"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","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":"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","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': {

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","exports","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":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,0CAA0C,EAAE,CAAC,CAAC;MAE9C;MACA,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,YAAY,EAAE;QACZ,gDAAgD,EAAE,CAAC,CAAC;QACpD,wGAAwG,EAAE,CAAC,CAAC;QAC5G,6EAA6E,EAAE,CAAC,CAAC;QAEjFE,GAAG,EAAE;UACH,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC,CAAC;QAEvC,cAAc,EAAE;UACd,+DAA+D,EAAE,CAAC,CAAC;UAEnEA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAED,4BAA4B,EAAE;QAC5B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,6HAA6H,EAC3H;QACE,kCAAkC,EAAE;UAClC,4JAA4J,EAC1J,CAAC,CAAC;UAEJA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAEH,uBAAuB,EAAE;QACvB,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC;QACnD,CAAC;QAED,YAAY,EAAE;UACZ,cAAc,EAAE;YACd,oDAAoD,EAAE,CAAC,CAAC;YAExDA,GAAG,EAAE;cACH,cAAc,EAAE,CAAC;YACnB;UACF;QACF;MACF,CAAC;MAED;MACA,+BAA+B,EAAE;QAC/B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,cAAc,EAAE;UACd,6DAA6D,EAAE,CAAC;QAClE,CAAC;QAED,WAAW,EAAE;UACX,cAAc,EAAE;YACd,qDAAqD,EAAE,CAAC;UAC1D;QACF,CAAC;QAED,6BAA6B,EAAE;UAC7B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MAED;MACA,sBAAsB,EAAE;QACtB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,cAAc,EAAE;QACd,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,eAAe,EAAE;QACf,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,SAAS,EAAE;QACT,qDAAqD,EAAE,CAAC,CAAC;QAEzD,WAAW,EAAE;UACX,gEAAgE,EAAE,CAAC;QACrE,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,SAAS,EAAE;QACT,mCAAmC,EAAE,CAAC,CAAC;QACvC,yBAAyB,EAAE;UACzB,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"checkbox.js","names":["Checkbox","exports","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":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,0CAA0C,EAAE,CAAC,CAAC;MAE9C;MACA,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,gDAAgD,EAAE,CAAC,CAAC;QACpD,iGAAiG,EAAE,CAAC,CAAC;QACrG,6EAA6E,EAAE,CAAC,CAAC;QAEjFE,GAAG,EAAE;UACH,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC,CAAC;QAEvC,cAAc,EAAE;UACd,+DAA+D,EAAE,CAAC,CAAC;UAEnEA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAED,4BAA4B,EAAE;QAC5B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,6HAA6H,EAC3H;QACE,kCAAkC,EAAE;UAClC,4JAA4J,EAC1J,CAAC,CAAC;UAEJA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAEH,uBAAuB,EAAE;QACvB,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC;QACnD,CAAC;QAED,YAAY,EAAE;UACZ,cAAc,EAAE;YACd,oDAAoD,EAAE,CAAC,CAAC;YAExDA,GAAG,EAAE;cACH,cAAc,EAAE,CAAC;YACnB;UACF;QACF;MACF,CAAC;MAED;MACA,+BAA+B,EAAE;QAC/B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,cAAc,EAAE;UACd,6DAA6D,EAAE,CAAC;QAClE,CAAC;QAED,WAAW,EAAE;UACX,cAAc,EAAE;YACd,qDAAqD,EAAE,CAAC;UAC1D;QACF,CAAC;QAED,6BAA6B,EAAE;UAC7B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MAED;MACA,sBAAsB,EAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,cAAc,EAAE;QACd,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,eAAe,EAAE;QACf,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,SAAS,EAAE;QACT,qDAAqD,EAAE,CAAC,CAAC;QAEzD,WAAW,EAAE;UACX,gEAAgE,EAAE,CAAC;QACrE,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,SAAS,EAAE;QACT,mCAAmC,EAAE,CAAC,CAAC;QACvC,yBAAyB,EAAE;UACzB,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/chip.js

@@ -11,8 +11,8 @@ var Chip = exports.Chip = function 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': {},
@@ -34,6 +34,9 @@ var Chip = exports.Chip = function 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/cjs/components/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":["Chip","exports"],"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":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,6BAA6B,EAAE,CAAC,CAAC;MACjC,yCAAyC,EAAE,CAAC,CAAC;MAC7C,iDAAiD,EAAE,CAAC,CAAC;MACrD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC,CAAC;MACvB,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,iBAAiB,EAAE,CAAC,CAAC;MACrB,iCAAiC,EAAE,CAAC,CAAC;MACrC,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,0CAA0C,EAAE,CAAC,CAAC;QAC9C,sDAAsD,EAAE,CAAC,CAAC;QAC1D,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kDAAkD,EAAE,CAAC,CAAC;QACtD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"chip.js","names":["Chip","exports"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\r\n  '.sk-chip': {\r\n    '@apply inline-flex': {},\r\n    '@apply items-center justify-center': {},\r\n    '@apply bg-secondary-surface': {},\r\n    '@apply hover:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:ring': {},\r\n    '@apply px-9 gap-4': {},\r\n    '@apply h-34': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply border-1': {},\r\n    '@apply border-secondary-outline': {},\r\n    '@apply hover:border-secondary-outline-hover': {},\r\n    '@apply focus-visible:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '&[data-strong=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply px-8': {},\r\n    },\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\r\n      '@apply border-inverted-secondary-outline': {},\r\n      '@apply hover:border-inverted-secondary-outline-hover': {},\r\n      '@apply bg-inverted-secondary-surface': {},\r\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\r\n    },\r\n    '.sk-icon': {\r\n      '@apply h-16 w-16': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,6BAA6B,EAAE,CAAC,CAAC;MACjC,yCAAyC,EAAE,CAAC,CAAC;MAC7C,iDAAiD,EAAE,CAAC,CAAC;MACrD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,mBAAmB,EAAE,CAAC,CAAC;MACvB,aAAa,EAAE,CAAC,CAAC;MACjB,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,iBAAiB,EAAE,CAAC,CAAC;MACrB,iCAAiC,EAAE,CAAC,CAAC;MACrC,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,0CAA0C,EAAE,CAAC,CAAC;QAC9C,sDAAsD,EAAE,CAAC,CAAC;QAC1D,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kDAAkD,EAAE,CAAC,CAAC;QACtD,0DAA0D,EAAE,CAAC;MAC/D,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}