@sk-web-gui/core 1.0.3 → 1.1.1

package/dist/cjs/components/spinner.js

@@ -1,5 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Spinner = 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); }
-module.exports = SearchBar = function SearchBar(colors) {
+var Spinner = exports.Spinner = function Spinner(colors) {
   return {
     '.sk-spinner': _extends({
       '@apply box-border': {},

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["module","exports","SearchBar","colors","_extends","path","reduce","styles","color","_path","_extends2"],"sources":["../../../src/components/spinner.js"],"sourcesContent":["module.exports = SearchBar = (colors) => ({\r\n  '.sk-spinner': {\r\n    '@apply box-border': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    path: {\r\n      '@apply stroke-dark-secondary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          path: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAACC,MAAM;EAAA,OAAM;IACxC,aAAa,EAAAC,QAAA;MACX,mBAAmB,EAAE,CAAC,CAAC;MACvB,uDAAuD,EAAE,CAAC,CAAC;MAC3D,wBAAwB,EAAE,CAAC,CAAC;MAE5BC,IAAI,EAAE;QACJ,8BAA8B,EAAE,CAAC;MACnC;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,YAAO;QAC5BH,IAAI,GAAAI,KAAA,OAAAA,KAAA,oBACgBD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,KAAA;MAElD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC"}
+{"version":3,"file":"spinner.js","names":["Spinner","exports","colors","_extends","path","reduce","styles","color","_path","_extends2"],"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\n  '.sk-spinner': {\n    '@apply box-border': {},\n    '@apply flex justify-center items-center object-center': {},\n    '@apply overflow-hidden': {},\n\n    path: {\n      '@apply stroke-dark-secondary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          path: {\n            [`@apply stroke-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n  },\n});\n"],"mappings":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAAC,QAAA;MACX,mBAAmB,EAAE,CAAC,CAAC;MACvB,uDAAuD,EAAE,CAAC,CAAC;MAC3D,wBAAwB,EAAE,CAAC,CAAC;MAE5BC,IAAI,EAAE;QACJ,8BAA8B,EAAE,CAAC;MACnC;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,YAAO;QAC5BH,IAAI,GAAAI,KAAA,OAAAA,KAAA,oBACgBD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,KAAA;MAElD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC"}

package/dist/cjs/components/switch.js

@@ -1,4 +1,8 @@
-module.exports = Switch = function Switch() {
+"use strict";
+
+exports.__esModule = true;
+exports.Switch = void 0;
+var Switch = exports.Switch = function Switch() {
   var _inputTypeCheckbox, _skFormSwitch;
   return {
     '.sk-form-switch-label': {

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["module","exports","Switch","_inputTypeCheckbox","_skFormSwitch","transform","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-primitives-overlay-darken-3 dark:bg-primitives-overlay-lighten-3': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-primitives-overlay-darken-5 hover:dark:bg-primitives-overlay-lighten-4': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(2.4rem)',\r\n      },\r\n\r\n      '@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-transparent': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n      },\r\n    },\r\n\r\n    width: '5.6rem',\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-primitives-overlay-darken-7 dark:bg-primitives-overlay-lighten-7': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,IAAAC,kBAAA,EAAAC,aAAA;EAAA,OAAO;IAC/B,uBAAuB,EAAE;MACvB,8CAA8C,EAAE,CAAC,CAAC;MAClD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8BAA8B,EAAE,CAAC,CAAC;MAElC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,iBAAiB,EAAE;UACjB,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,iBAAiB,GAAAA,aAAA;MACf,uDAAuD,EAAE,CAAC,CAAC;MAC3D,4EAA4E,EAAE,CAAC,CAAC;MAEhF;MACA,wFAAwF,EAAE,CAAC,CAAC;MAE5F;MACA,wCAAwC,EAAE;QACxC,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED;MACA,kCAAkC,GAAAD,kBAAA,OAAAA,kBAAA,gCACH;QAC3B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC,EAAAA,kBAAA,CAED,sBAAsB,IAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC,EAAAA,kBAAA,CAED,qBAAqB,IAAE;QACrBE,SAAS,EAAE;MACb,CAAC,EAAAF,kBAAA,CAED,4EAA4E,IAAE,CAAC,CAAC,EAAAA,kBAAA,gCAGnD;QAC3B,qBAAqB,EAAE;UACrB,uBAAuB,EAAE,CAAC,CAAC;UAE3B,sBAAsB,EAAE;YACtB,4EAA4E,EAAE,CAAC,CAAC;YAChF,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF,CAAC,EAAAA,kBAAA;IACF,GAAAC,aAAA,gCAG4B;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4EAA4E,EAAE,CAAC,CAAC;MAEhF,qBAAqB,EAAE;QACrB,4EAA4E,EAAE,CAAC;MACjF;IACF,CAAC,EAAAA,aAAA,CAEDE,KAAK,GAAE,QAAQ,EAAAF,aAAA,CAChB;IAED;IACA,qBAAqB,EAAE;MACrB,sGAAsG,EAAE,CAAC,CAAC;MAC1G,4EAA4E,EAAE,CAAC,CAAC;MAChF,kBAAkB,EAAE,CAAC,CAAC;MACtB,uDAAuD,EAAE,CAAC,CAAC;MAE3D,sBAAsB,EAAE;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,eAAe,EAAE,CAAC,CAAC;QACnB,kBAAkB,EAAE,CAAC,CAAC;QACtB,2BAA2B,EAAE,CAAC;MAChC;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"switch.js","names":["Switch","exports","_inputTypeCheckbox","_skFormSwitch","transform","width"],"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-primitives-overlay-darken-3 dark:bg-primitives-overlay-lighten-3': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-primitives-overlay-darken-5 hover:dark:bg-primitives-overlay-lighten-4': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(2.4rem)',\r\n      },\r\n\r\n      '@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-transparent': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n      },\r\n    },\r\n\r\n    width: '5.6rem',\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-primitives-overlay-darken-7 dark:bg-primitives-overlay-lighten-7': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,IAAAE,kBAAA,EAAAC,aAAA;EAAA,OAAU;IAC3B,uBAAuB,EAAE;MACvB,8CAA8C,EAAE,CAAC,CAAC;MAClD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8BAA8B,EAAE,CAAC,CAAC;MAElC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,iBAAiB,EAAE;UACjB,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,iBAAiB,GAAAA,aAAA;MACf,uDAAuD,EAAE,CAAC,CAAC;MAC3D,4EAA4E,EAAE,CAAC,CAAC;MAEhF;MACA,wFAAwF,EAAE,CAAC,CAAC;MAE5F;MACA,wCAAwC,EAAE;QACxC,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED;MACA,kCAAkC,GAAAD,kBAAA,OAAAA,kBAAA,gCACH;QAC3B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC,EAAAA,kBAAA,CAED,sBAAsB,IAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC,EAAAA,kBAAA,CAED,qBAAqB,IAAE;QACrBE,SAAS,EAAE;MACb,CAAC,EAAAF,kBAAA,CAED,4EAA4E,IAAE,CAAC,CAAC,EAAAA,kBAAA,gCAGnD;QAC3B,qBAAqB,EAAE;UACrB,uBAAuB,EAAE,CAAC,CAAC;UAE3B,sBAAsB,EAAE;YACtB,4EAA4E,EAAE,CAAC,CAAC;YAChF,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF,CAAC,EAAAA,kBAAA;IACF,GAAAC,aAAA,gCAG4B;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4EAA4E,EAAE,CAAC,CAAC;MAEhF,qBAAqB,EAAE;QACrB,4EAA4E,EAAE,CAAC;MACjF;IACF,CAAC,EAAAA,aAAA,CAEDE,KAAK,GAAE,QAAQ,EAAAF,aAAA,CAChB;IAED;IACA,qBAAqB,EAAE;MACrB,sGAAsG,EAAE,CAAC,CAAC;MAC1G,4EAA4E,EAAE,CAAC,CAAC;MAChF,kBAAkB,EAAE,CAAC,CAAC;MACtB,uDAAuD,EAAE,CAAC,CAAC;MAE3D,sBAAsB,EAAE;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,eAAe,EAAE,CAAC,CAAC;QACnB,kBAAkB,EAAE,CAAC,CAAC;QACtB,2BAA2B,EAAE,CAAC;MAChC;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/tab-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n  '.sk-tab-menu': {\r\n    '&-wrapper': {\r\n      display: 'flex',\r\n      flexDirection: 'row',\r\n      margin: 'auto',\r\n    },\r\n    '&-right': {\r\n      '@apply justify-end': {},\r\n    },\r\n    '&-center': {\r\n      '@apply justify-center': {},\r\n    },\r\n    '&-list': {\r\n      all: 'unset',\r\n      display: 'flex',\r\n      '&-stretch': {\r\n        '@apply w-full justify-between': {},\r\n      },\r\n    },\r\n\r\n    '&-underline': {\r\n      width: '100%',\r\n      height: 6,\r\n      '@apply bg-gray-light': {},\r\n    },\r\n    '&-item': {\r\n      all: 'unset',\r\n      height: 65,\r\n      display: 'flex',\r\n      padding: '0 1rem',\r\n      marginRight: '5rem',\r\n      alignItems: 'center',\r\n      position: 'relative',\r\n      cursor: 'pointer',\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-[5rem]': {},\r\n      },\r\n      '&-center:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n\r\n      '&.active::after': {\r\n        content: '\"\"',\r\n        display: 'block',\r\n        position: 'absolute',\r\n        width: '100%',\r\n        height: 6,\r\n        top: '100%',\r\n        left: 0,\r\n        '@apply bg-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n  '.sk-tab-menu': {\n    '&-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      margin: 'auto',\n    },\n    '&-right': {\n      '@apply justify-end': {},\n    },\n    '&-center': {\n      '@apply justify-center': {},\n    },\n    '&-list': {\n      all: 'unset',\n      display: 'flex',\n      '&-stretch': {\n        '@apply w-full justify-between': {},\n      },\n    },\n\n    '&-underline': {\n      width: '100%',\n      height: 6,\n      '@apply bg-gray-light': {},\n    },\n    '&-item': {\n      all: 'unset',\n      height: 65,\n      display: 'flex',\n      padding: '0 1rem',\n      marginRight: '5rem',\n      alignItems: 'center',\n      position: 'relative',\n      cursor: 'pointer',\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-[5rem]': {},\n      },\n      '&-center:last-of-type': {\n        '@apply mr-0': {},\n      },\n\n      '&.active::after': {\n        content: '\"\"',\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: 6,\n        top: '100%',\n        left: 0,\n        '@apply bg-primary': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/table.js

@@ -1,4 +1,8 @@
-module.exports = Table = function Table() {
+"use strict";
+
+exports.__esModule = true;
+exports.Table = void 0;
+var Table = exports.Table = function Table() {
   return {
     '.table': {
       '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,QAAQ,EAAE;MACR,qFAAqF,EAAE,CAAC,CAAC;MAEzF,QAAQ,EAAE;QACR,8DAA8D,EAAE,CAAC,CAAC;QAElE,kBAAkB,EAAE;UAClB,wBAAwB,EAAE,CAAC;QAC7B;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"table.js","names":["Table","exports"],"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,QAAQ,EAAE;MACR,qFAAqF,EAAE,CAAC,CAAC;MAEzF,QAAQ,EAAE;QACR,8DAA8D,EAAE,CAAC,CAAC;QAElE,kBAAkB,EAAE;UAClB,wBAAwB,EAAE,CAAC;QAC7B;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/tabs.js

@@ -1,63 +1,18 @@
-module.exports = Tabs = function Tabs() {
+"use strict";
+
+exports.__esModule = true;
+exports.Tabs = void 0;
+var Tabs = exports.Tabs = function Tabs() {
   return {
     '.sk-tabs': {
-      '&-stretch': {
-        '@apply w-full': {}
+      '@apply w-full': {},
+      '&-panels': {
+        '@apply p-8': {},
+        '@apply mt-8': {}
       },
-      '&-list': {
-        '@apply  block relative w-full h-[3rem]': {},
-        '&-stretch': {
-          '@apply flex justify-between': {}
-        },
-        '&-right': {
-          '@apply text-right': {}
-        },
-        '&-center': {
-          '@apply text-center': {}
-        },
-        '&-line::after': {
-          content: '""',
-          '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {}
-        }
-      },
-      '&-tab': {
-        '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
-        '@apply text-gray': {},
-        '@apply cursor-pointer': {},
-        '&.disabled': {
-          '@apply cursor-not-allowed': {},
-          '@apply text-gray-stroke': {}
-        },
-        '&.active': {
-          '@apply text-body': {},
-          '&::after': {
-            content: '""',
-            '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {}
-          }
-        },
-        '&-stretch': {
-          '@apply mr-0': {}
-        },
-        '&-header': {
-          '@apply text-large font-normal': {}
-        },
-        '&-right': {
-          '@apply mr-0 ml-lg': {}
-        },
-        '&:last-of-type': {
-          '@apply mr-0': {}
-        },
-        '&-icon': {
-          '&-with-label': {
-            '@apply mr-sm': {}
-          }
-        }
-      },
-      '&-panel': {
-        '@apply mt-lg': {},
-        '&:not(.active)': {
-          display: 'none',
-          hidden: true
+      '&-content': {
+        '&:not([data-selected="true"])': {
+          '@apply hidden': {}
         }
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '&-stretch': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-list': {\r\n      '@apply  block relative w-full h-[3rem]': {},\r\n      '&-stretch': {\r\n        '@apply flex justify-between': {},\r\n      },\r\n      '&-right': {\r\n        '@apply text-right': {},\r\n      },\r\n      '&-center': {\r\n        '@apply text-center': {},\r\n      },\r\n\r\n      '&-line::after': {\r\n        content: '\"\"',\r\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n      },\r\n    },\r\n    '&-tab': {\r\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\r\n      '@apply text-gray': {},\r\n      '@apply cursor-pointer': {},\r\n      '&.disabled': {\r\n        '@apply cursor-not-allowed': {},\r\n        '@apply text-gray-stroke': {},\r\n      },\r\n      '&.active': {\r\n        '@apply text-body': {},\r\n        '&::after': {\r\n          content: '\"\"',\r\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n        },\r\n      },\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-header': {\r\n        '@apply text-large font-normal': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-lg': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-icon': {\r\n        '&-with-label': {\r\n          '@apply mr-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-panel': {\r\n      '@apply mt-lg': {},\r\n      '&:not(.active)': {\r\n        display: 'none',\r\n        hidden: true,\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,UAAU,EAAE;MACV,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC,CAAC;QAC5C,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,UAAU,EAAE;UACV,oBAAoB,EAAE,CAAC;QACzB,CAAC;QAED,eAAe,EAAE;UACfC,OAAO,EAAE,IAAI;UACb,uEAAuE,EAAE,CAAC;QAC5E;MACF,CAAC;MACD,OAAO,EAAE;QACP,uFAAuF,EAAE,CAAC,CAAC;QAC3F,kBAAkB,EAAE,CAAC,CAAC;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,2BAA2B,EAAE,CAAC,CAAC;UAC/B,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,UAAU,EAAE;UACV,kBAAkB,EAAE,CAAC,CAAC;UACtB,UAAU,EAAE;YACVA,OAAO,EAAE,IAAI;YACb,2EAA2E,EAAE,CAAC;UAChF;QACF,CAAC;QACD,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,UAAU,EAAE;UACV,+BAA+B,EAAE,CAAC;QACpC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,gBAAgB,EAAE;UAChB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,QAAQ,EAAE;UACR,cAAc,EAAE;YACd,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,SAAS,EAAE;QACT,cAAc,EAAE,CAAC,CAAC;QAClB,gBAAgB,EAAE;UAChBC,OAAO,EAAE,MAAM;UACfC,MAAM,EAAE;QACV;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"tabs.js","names":["Tabs","exports"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n    '&-panels': {\n      '@apply p-8': {},\n      '@apply mt-8': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,eAAe,EAAE,CAAC,CAAC;MACnB,UAAU,EAAE;QACV,YAAY,EAAE,CAAC,CAAC;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,WAAW,EAAE;QACX,+BAA+B,EAAE;UAC/B,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/tag.js

@@ -0,0 +1,72 @@
+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); }
+function tagOutline(colors) {
+  var _href;
+  return {
+    '.tag-outline': {
+      '@apply border bg-transparent border-gray-stroke text-body': {},
+      '&[href]': (_href = {}, _href["@apply hover:border-hover hover:text-white hover:bg-hover"] = {}, _href["@apply active:text-white active:bg-hover"] = {}, _href["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href)
+    }
+  };
+}
+function tagSolid(colors) {
+  var _href2;
+  return {
+    '.tag-solid': {
+      '@apply border bg-gray-stroke border-transparent text-white': {},
+      '&[href]': (_href2 = {}, _href2["@apply hover:text-white hover:bg-hover"] = {}, _href2["@apply active:text-white active:bg-hover"] = {}, _href2["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href2),
+      '.tag-close-button': {
+        '@apply text-white hover:text-body': {}
+      }
+    }
+  };
+}
+function tagLight(colors) {
+  var _href3;
+  return {
+    '.tag-light': {
+      '@apply border border-transparent text-body': {},
+      '&[href]': (_href3 = {}, _href3["@apply hover:border-hover"] = {}, _href3["@apply active:border-hover"] = {}, _href3["@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black"] = {}, _href3)
+    }
+  };
+}
+module.exports = Tag = function Tag(colors) {
+  return _extends({
+    '.tag': {
+      '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
+      width: 'fit-content',
+      height: 'fit-content',
+      padding: '0 1.145em 0 1.145em',
+      borderRadius: '3.2rem',
+      '&-text': {
+        padding: '0.5em 0'
+      },
+      '&-sm': {
+        '@apply text-xs': {},
+        minWidth: '1.25rem'
+      },
+      '&-md': {
+        '@apply text-sm': {},
+        minWidth: '1.5rem'
+      },
+      '&-lg': {
+        '@apply text-base': {},
+        minWidth: '1.75rem'
+      }
+    }
+  }, tagOutline(colors), tagSolid(colors), tagLight(colors), {
+    '.tag-close-button': {
+      '@apply border-transparent cursor-base': {},
+      fontSize: '1em',
+      padding: '0.36em',
+      marginLeft: '0.25em',
+      marginRight: '-1em',
+      '&-icon': {
+        fontSize: '1em !important'
+      },
+      '&-disabled': {
+        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+      }
+    }
+  });
+};
+//# sourceMappingURL=tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n  return {\r\n    '.tag-outline': {\r\n      '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n  return {\r\n    '.tag-solid': {\r\n      '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n      },\r\n\r\n      '.tag-close-button': {\r\n        '@apply text-white hover:text-body': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n  return {\r\n    '.tag-light': {\r\n      '@apply border border-transparent text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover`]: {},\r\n        [`@apply active:border-hover`]: {},\r\n        [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n  '.tag': {\r\n    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n      {},\r\n    width: 'fit-content',\r\n    height: 'fit-content',\r\n    padding: '0 1.145em 0 1.145em',\r\n    borderRadius: '3.2rem',\r\n\r\n    '&-text': {\r\n      padding: '0.5em 0',\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minWidth: '1.25rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minWidth: '1.5rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minWidth: '1.75rem',\r\n    },\r\n  },\r\n\r\n  // variants\r\n  ...tagOutline(colors),\r\n  ...tagSolid(colors),\r\n  ...tagLight(colors),\r\n\r\n  '.tag-close-button': {\r\n    '@apply border-transparent cursor-base': {},\r\n    fontSize: '1em',\r\n    padding: '0.36em',\r\n    marginLeft: '0.25em',\r\n    marginRight: '-1em',\r\n\r\n    '&-icon': {\r\n      fontSize: '1em !important',\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,2GAC0D,CAAC,CAAC,EAAAA,KAAA;IAEhH;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,2GAC0D,CAAC,CAAC,EAAAA,MAAA,CAC7G;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,sFACmD,CAAC,CAAC,EAAAA,MAAA;IAE3F;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}

package/dist/cjs/components/tooltip.js

@@ -1,4 +1,8 @@
-module.exports = Tooltip = function Tooltip() {
+"use strict";
+
+exports.__esModule = true;
+exports.Tooltip = void 0;
+var Tooltip = exports.Tooltip = function Tooltip() {
   return {
     '.sk-tooltip': {
       '@apply inline-flex justify-center items-center': {},

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["module","exports","Tooltip"],"sources":["../../../src/components/tooltip.js"],"sourcesContent":["module.exports = Tooltip = () => ({\r\n  '.sk-tooltip': {\r\n    '@apply inline-flex justify-center items-center': {},\r\n    '@apply w-fit h-fit': {},\r\n    '@apply grow-0': {},\r\n\r\n    '&-text': {\r\n      '@apply inline-flex': {},\r\n      '@apply bg-primary-surface shadow': {},\r\n      '@apply px-16 py-8': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary text-small': {},\r\n      '@apply font-bold': {},\r\n      '@apply w-fit h-fit': {},\r\n      '@apply grow-0': {},\r\n      '@apply min-h-[3.4rem]': {},\r\n    },\r\n\r\n    //Arrow\r\n    '&::after, &::before': {\r\n      '@apply h-0 w-0 overflow-hidden': {},\r\n    },\r\n\r\n    // Above\r\n    '&[data-position=\"above\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pb-2': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\r\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Below\r\n    '&[data-position=\"below\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pt-2': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Left\r\n    '&[data-position=\"left\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pr-2 py-[0.3rem]': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\r\n      },\r\n    },\r\n\r\n    // Right\r\n    '&[data-position=\"right\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pl-2 py-[0.3rem]': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\r\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,aAAa,EAAE;MACb,gDAAgD,EAAE,CAAC,CAAC;MACpD,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MAEnB,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QACxB,kCAAkC,EAAE,CAAC,CAAC;QACtC,mBAAmB,EAAE,CAAC,CAAC;QACvB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kBAAkB,EAAE,CAAC,CAAC;QACtB,oBAAoB,EAAE,CAAC,CAAC;QACxB,eAAe,EAAE,CAAC,CAAC;QACnB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"tooltip.js","names":["Tooltip","exports"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-[3.4rem]': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-[0.3rem]': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-[0.3rem]': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAAU;IAC5B,aAAa,EAAE;MACb,gDAAgD,EAAE,CAAC,CAAC;MACpD,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MAEnB,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QACxB,kCAAkC,EAAE,CAAC,CAAC;QACtC,mBAAmB,EAAE,CAAC,CAAC;QACvB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kBAAkB,EAAE,CAAC,CAAC;QACtB,oBAAoB,EAAE,CAAC,CAAC;QACxB,eAAe,EAAE,CAAC,CAAC;QACnB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1,4 +1,8 @@
-module.exports = UserMenu = function UserMenu() {
+"use strict";
+
+exports.__esModule = true;
+exports.UserMenu = void 0;
+var UserMenu = exports.UserMenu = function UserMenu() {
   return {
     '.sk-usermenu': {
       '@apply relative': {},

package/dist/cjs/components/user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","height","width"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC,cAAc,EAAE;MACd,iBAAiB,EAAE,CAAC,CAAC;MACrB,UAAU,EAAE;QACV,gDAAgD,EAAE,CAAC,CAAC;QACpD,iBAAiB,EAAE,CAAC,CAAC;QACrB,YAAY,EAAE;UACZC,MAAM,EAAE,SAAS;UACjBC,KAAK,EAAE;QACT;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"user-menu.js","names":["UserMenu","exports","height","width"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\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,cAAc,EAAE;MACd,iBAAiB,EAAE,CAAC,CAAC;MACrB,UAAU,EAAE;QACV,gDAAgD,EAAE,CAAC,CAAC;QACpD,iBAAiB,EAAE,CAAC,CAAC;QACrB,YAAY,EAAE;UACZE,MAAM,EAAE,SAAS;UACjBC,KAAK,EAAE;QACT;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/zebratable.js

@@ -1,4 +1,8 @@
-module.exports = ZebraTable = function ZebraTable() {
+"use strict";
+
+exports.__esModule = true;
+exports.ZebraTable = void 0;
+var ZebraTable = exports.ZebraTable = function ZebraTable() {
   return {
     '.sk-zebratable-wrapper': {
       '@apply rounded-groups': {},

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

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"zebratable.js","names":["ZebraTable","exports","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/index.js

@@ -1,8 +1,11 @@
-var preset = require('./preset');
-var plugin = require('./plugin');
-module.exports = {
-  "default": plugin,
-  plugin: plugin,
-  preset: preset
-};
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _preset = _interopRequireDefault(require("./preset"));
+exports.preset = _preset["default"];
+var _plugin = _interopRequireDefault(require("./plugin"));
+exports.plugin = _plugin["default"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _default = exports["default"] = _plugin["default"];
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n  default: plugin,\r\n  plugin: plugin,\r\n  preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACf,WAASF,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
+{"version":3,"file":"index.js","names":["_preset","_interopRequireDefault","require","exports","preset","_plugin","plugin","obj","__esModule","_default"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\nimport plugin from './plugin';\n\nexport { preset, plugin };\nexport default plugin;\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAC,MAAA,GAAAJ,OAAA;AAC9B,IAAAK,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAG,MAAA,GAAAD,OAAA;AAAA,SAAAJ,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,IAAAE,QAAA,GAAAN,OAAA,cAGfG,kBAAM"}

package/dist/cjs/plugin.js

@@ -1,60 +1,59 @@
-var plugin = require('tailwindcss/plugin');
-var base = require('./base');
-var theme = require('./theme');
+"use strict";
 
+exports.__esModule = true;
+exports["default"] = void 0;
+var _plugin = _interopRequireDefault(require("tailwindcss/plugin"));
+var _base = require("./base");
+var _theme = require("./theme");
+var _accordion = require("./components/accordion");
+var _alert = require("./components/alert");
+var _avatar = require("./components/avatar");
+var _badge = require("./components/badge");
+var _breadcrumb = require("./components/breadcrumb");
+var _button = require("./components/button");
+var _buttonGroup = require("./components/button-group");
+var _card = require("./components/card");
+var _checkbox = require("./components/checkbox");
+var _chip = require("./components/chip");
+var _combobox = require("./components/combobox");
+var _cookieConsent = require("./components/cookie-consent");
+var _dialog = require("./components/dialog");
+var _divider = require("./components/divider");
+var _dot = require("./components/dot");
+var _filter = require("./components/filter");
+var _footer = require("./components/footer");
+var _forms = require("./components/forms");
+var _header = require("./components/header");
+var _icon = require("./components/icon");
+var _input = require("./components/input");
+var _label = require("./components/label");
+var _link = require("./components/link");
+var _list = require("./components/list");
+var _logo = require("./components/logo");
+var _menuVertical = require("./components/menu-vertical");
+var _menubar = require("./components/menubar");
+var _modal = require("./components/modal");
+var _pagination = require("./components/pagination");
+var _popupMenu = require("./components/popup-menu");
+var _progressBar = require("./components/progress-bar");
+var _progressStepper = require("./components/progress-stepper");
+var _radio = require("./components/radio");
+var _searchField = require("./components/search-field");
+var _select = require("./components/select");
+var _snackbar = require("./components/snackbar");
+var _spinner = require("./components/spinner");
+var _switch = require("./components/switch");
+var _table = require("./components/table");
+var _tabs = require("./components/tabs");
+var _tooltip = require("./components/tooltip");
+var _userMenu = require("./components/user-menu");
+var _zebratable = require("./components/zebratable");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 // components
-var Alert = require('./components/alert');
-var AlertBanner = require('./components/alert-banner');
-var Badge = require('./components/badge');
-var Breadcrumb = require('./components/breadcrumb');
-var ButtonGroup = require('./components/button-group');
-var ComboBox = require('./components/combobox');
-var Comments = require('./components/comments');
-var Checkbox = require('./components/checkbox');
-var ContextMenu = require('./components/context-menu');
-var Dialog = require('./components/dialog');
-var Dot = require('./components/dot');
-var Forms = require('./components/forms');
-var Filter = require('./components/filter');
-var Icon = require('./components/icon');
-var Input = require('./components/input');
-var Label = require('./components/label');
-var Link = require('./components/link');
-var List = require('./components/list');
-var Logo = require('./components/logo');
-var Menubar = require('./components/menubar');
-var MenuVertical = require('./components/menu-vertical');
-var Select = require('./components/select');
-var Snackbar = require('./components/snackbar');
-var Spinner = require('./components/spinner');
-var Notification = require('./components/notification');
-var Radio = require('./components/radio');
-var Switch = require('./components/switch');
-var Button = require('./components/button');
-var Accordion = require('./components/accordion');
-var Avatar = require('./components/avatar');
-var Card = require('./components/card');
-var Table = require('./components/table');
-var ZebraTable = require('./components/zebratable');
-var Modal = require('./components/modal');
-var CookieConsent = require('./components/cookie-consent');
-var Divider = require('./components/divider');
-var SideMenu = require('./components/side-menu');
-var TabMenu = require('./components/tab-menu');
-var Tabs = require('./components/tabs');
-var Tooltip = require('./components/tooltip');
-var UserMenu = require('./components/user-menu');
-var DropdownFilter = require('./components/dropdown-filter');
-var Pagination = require('./components/pagination');
-var PopupMenu = require('./components/popup-menu');
-var Footer = require('./components/footer');
-var Header = require('./components/header');
-var SearchField = require('./components/search-field');
-var ProgressStepper = require('./components/progress-stepper');
-var ProgressBar = require('./components/progress-bar');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, Menubar, MenuVertical, Select, Snackbar, Spinner, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, SideMenu, TabMenu, Tabs, Tooltip, UserMenu, DropdownFilter, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
+
+var components = [_alert.Alert, _badge.Badge, _breadcrumb.Breadcrumb, _buttonGroup.ButtonGroup, _button.Button, _checkbox.Checkbox, _chip.Chip, _dialog.Dialog, _dot.Dot, _forms.Forms, _filter.Filter, _icon.Icon, _input.Input, _label.Label, _link.Link, _list.List, _logo.Logo, _menubar.MenuBar, _menuVertical.MenuVertical, _select.Select, _snackbar.Snackbar, _spinner.Spinner, _radio.Radio, _switch.Switch, _table.Table, _tabs.Tabs, _zebratable.ZebraTable, _cookieConsent.CookieConsent, _modal.Modal, _accordion.Accordion, _avatar.Avatar, _card.Card, _divider.Divider, _tooltip.Tooltip, _userMenu.UserMenu, _searchField.SearchField, _pagination.Pagination, _popupMenu.PopupMenu, _footer.Footer, _header.Header, _progressStepper.ProgressStepper, _progressBar.ProgressBar, _combobox.ComboBox];
 var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
-module.exports = plugin.withOptions(function (options) {
+var plugin = _plugin["default"].withOptions(function (options) {
   if (options === void 0) {
     options = {
       colors: [],
@@ -67,7 +66,7 @@ module.exports = plugin.withOptions(function (options) {
       theme = _ref.theme;
     var optionColors = [].concat(defaultColors, options.colors || []);
     if (options.cssBase) {
-      addBase(base);
+      addBase(_base.base);
     }
     addComponents(components.map(function (component) {
       return component(optionColors, theme);
@@ -75,7 +74,8 @@ module.exports = plugin.withOptions(function (options) {
   };
 }, function () {
   return {
-    theme: theme
+    theme: _theme.theme
   };
 });
+var _default = exports["default"] = plugin;
 //# sourceMappingURL=plugin.js.map