@sk-web-gui/core 1.0.2 → 1.1.0

package/dist/cjs/base.js

@@ -1,4 +1,8 @@
-module.exports = {
+"use strict";
+
+exports.__esModule = true;
+exports.base = void 0;
+var _base = {
   html: {
     '@apply text-base antialiased': {},
     fontSize: '10px',
@@ -49,4 +53,5 @@ module.exports = {
     }
   }
 };
+var base = exports.base = _base;
 //# sourceMappingURL=base.js.map

package/dist/cjs/base.js.map

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

package/dist/cjs/colors.js

@@ -1,4 +1,8 @@
-module.exports = {
+"use strict";
+
+exports.__esModule = true;
+exports.colors = void 0;
+var colors = exports.colors = {
   primitives: {
     gray: {
       lightest: "var(--sk-colors-primitives-gray-lightest)",

package/dist/cjs/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["module","exports","primitives","gray","lightest","darkest","overlay","darken","lighten","blue","green","purple","pink","orange","red","body","black","white","ring","primary","DEFAULT","surface","hover","disabled","secondary","outline","tertiary","dark","placeholder","ghost","light","divider","background","content","vattjom","accent","text","gronsta","juniskar","bjornstigen","error","warning","info","success","inverted"],"sources":["../../src/colors.js"],"sourcesContent":["module.exports = {\r\n  primitives: {\r\n    gray: {\r\n      lightest: `var(--sk-colors-primitives-gray-lightest)`,\r\n      50: `var(--sk-colors-primitives-gray-50)`,\r\n      100: `var(--sk-colors-primitives-gray-100)`,\r\n      200: `var(--sk-colors-primitives-gray-200)`,\r\n      300: `var(--sk-colors-primitives-gray-300)`,\r\n      400: `var(--sk-colors-primitives-gray-400)`,\r\n      500: `var(--sk-colors-primitives-gray-500)`,\r\n      600: `var(--sk-colors-primitives-gray-600)`,\r\n      700: `var(--sk-colors-primitives-gray-700)`,\r\n      800: `var(--sk-colors-primitives-gray-800)`,\r\n      900: `var(--sk-colors-primitives-gray-900)`,\r\n      darkest: `var(--sk-colors-primitives-gray-darkest)`,\r\n    },\r\n\r\n    overlay: {\r\n      darken: {\r\n        1: `var(--sk-colors-primitives-overlay-darken-1)`,\r\n        2: `var(--sk-colors-primitives-overlay-darken-2)`,\r\n        3: `var(--sk-colors-primitives-overlay-darken-3)`,\r\n        4: `var(--sk-colors-primitives-overlay-darken-4)`,\r\n        5: `var(--sk-colors-primitives-overlay-darken-5)`,\r\n        6: `var(--sk-colors-primitives-overlay-darken-6)`,\r\n        7: `var(--sk-colors-primitives-overlay-darken-7)`,\r\n        8: `var(--sk-colors-primitives-overlay-darken-8)`,\r\n        9: `var(--sk-colors-primitives-overlay-darken-9)`,\r\n        10: `var(--sk-colors-primitives-overlay-darken-10)`,\r\n      },\r\n      lighten: {\r\n        1: `var(--sk-colors-primitives-overlay-lighten-1)`,\r\n        2: `var(--sk-colors-primitives-overlay-lighten-2)`,\r\n        3: `var(--sk-colors-primitives-overlay-lighten-3)`,\r\n        4: `var(--sk-colors-primitives-overlay-lighten-4)`,\r\n        5: `var(--sk-colors-primitives-overlay-lighten-5)`,\r\n        6: `var(--sk-colors-primitives-overlay-lighten-6)`,\r\n        7: `var(--sk-colors-primitives-overlay-lighten-7)`,\r\n        8: `var(--sk-colors-primitives-overlay-lighten-8)`,\r\n        9: `var(--sk-colors-primitives-overlay-lighten-9)`,\r\n        10: `var(--sk-colors-primitives-overlay-lighten-10)`,\r\n      },\r\n    },\r\n\r\n    //COLORS\r\n    blue: {\r\n      50: `var(--sk-colors-primitives-blue-50)`,\r\n      100: `var(--sk-colors-primitives-blue-100)`,\r\n      200: `var(--sk-colors-primitives-blue-200)`,\r\n      300: `var(--sk-colors-primitives-blue-300)`,\r\n      400: `var(--sk-colors-primitives-blue-400)`,\r\n      500: `var(--sk-colors-primitives-blue-500)`,\r\n      600: `var(--sk-colors-primitives-blue-600)`,\r\n      700: `var(--sk-colors-primitives-blue-700)`,\r\n      800: `var(--sk-colors-primitives-blue-800)`,\r\n      900: `var(--sk-colors-primitives-blue-900)`,\r\n    },\r\n    green: {\r\n      50: `var(--sk-colors-primitives-green-50)`,\r\n      100: `var(--sk-colors-primitives-green-100)`,\r\n      200: `var(--sk-colors-primitives-green-200)`,\r\n      300: `var(--sk-colors-primitives-green-300)`,\r\n      400: `var(--sk-colors-primitives-green-400)`,\r\n      500: `var(--sk-colors-primitives-green-500)`,\r\n      600: `var(--sk-colors-primitives-green-600)`,\r\n      700: `var(--sk-colors-primitives-green-700)`,\r\n      800: `var(--sk-colors-primitives-green-800)`,\r\n      900: `var(--sk-colors-primitives-green-900)`,\r\n    },\r\n    purple: {\r\n      50: `var(--sk-colors-primitives-purple-50)`,\r\n      100: `var(--sk-colors-primitives-purple-100)`,\r\n      200: `var(--sk-colors-primitives-purple-200)`,\r\n      300: `var(--sk-colors-primitives-purple-300)`,\r\n      400: `var(--sk-colors-primitives-purple-400)`,\r\n      500: `var(--sk-colors-primitives-purple-500)`,\r\n      600: `var(--sk-colors-primitives-purple-600)`,\r\n      700: `var(--sk-colors-primitives-purple-700)`,\r\n      800: `var(--sk-colors-primitives-purple-800)`,\r\n      900: `var(--sk-colors-primitives-purple-900)`,\r\n    },\r\n    pink: {\r\n      50: `var(--sk-colors-primitives-pink-50)`,\r\n      100: `var(--sk-colors-primitives-pink-100)`,\r\n      200: `var(--sk-colors-primitives-pink-200)`,\r\n      300: `var(--sk-colors-primitives-pink-300)`,\r\n      400: `var(--sk-colors-primitives-pink-400)`,\r\n      500: `var(--sk-colors-primitives-pink-500)`,\r\n      600: `var(--sk-colors-primitives-pink-600)`,\r\n      700: `var(--sk-colors-primitives-pink-700)`,\r\n      800: `var(--sk-colors-primitives-pink-800)`,\r\n      900: `var(--sk-colors-primitives-pink-900)`,\r\n    },\r\n    orange: {\r\n      50: `var(--sk-colors-primitives-orange-50)`,\r\n      100: `var(--sk-colors-primitives-orange-100)`,\r\n      200: `var(--sk-colors-primitives-orange-200)`,\r\n      300: `var(--sk-colors-primitives-orange-300)`,\r\n      400: `var(--sk-colors-primitives-orange-400)`,\r\n      500: `var(--sk-colors-primitives-orange-500)`,\r\n      600: `var(--sk-colors-primitives-orange-600)`,\r\n      700: `var(--sk-colors-primitives-orange-700)`,\r\n      800: `var(--sk-colors-primitives-orange-800)`,\r\n      900: `var(--sk-colors-primitives-orange-900)`,\r\n    },\r\n    red: {\r\n      50: `var(--sk-colors-primitives-red-50)`,\r\n      100: `var(--sk-colors-primitives-red-100)`,\r\n      200: `var(--sk-colors-primitives-red-200)`,\r\n      300: `var(--sk-colors-primitives-red-300)`,\r\n      400: `var(--sk-colors-primitives-red-400)`,\r\n      500: `var(--sk-colors-primitives-red-500)`,\r\n      600: `var(--sk-colors-primitives-red-600)`,\r\n      700: `var(--sk-colors-primitives-red-700)`,\r\n      800: `var(--sk-colors-primitives-red-800)`,\r\n      900: `var(--sk-colors-primitives-red-900)`,\r\n    },\r\n  },\r\n  body: `var(--sk-colors-body)`,\r\n  black: `var(--sk-colors-black)`,\r\n  white: `var(--sk-colors-white)`,\r\n  ring: `var(--sk-colors-ring)`,\r\n  primary: {\r\n    DEFAULT: `var(--sk-colors-primary-DEFAULT)`,\r\n    surface: {\r\n      DEFAULT: `var(--sk-colors-primary-surface-DEFAULT)`,\r\n      hover: `var(--sk-colors-primary-surface-hover)`,\r\n      disabled: `var(--sk-colors-primary-surface-disabled)`,\r\n    },\r\n    lightest: `var(--sk-colors-primary-lightest)`,\r\n    50: `var(--sk-colors-primary-50)`,\r\n    100: `var(--sk-colors-primary-100)`,\r\n    200: `var(--sk-colors-primary-200)`,\r\n    300: `var(--sk-colors-primary-300)`,\r\n    400: `var(--sk-colors-primary-400)`,\r\n    500: `var(--sk-colors-primary-500)`,\r\n    600: `var(--sk-colors-primary-600)`,\r\n    700: `var(--sk-colors-primary-700)`,\r\n    800: `var(--sk-colors-primary-800)`,\r\n    900: `var(--sk-colors-primary-900)`,\r\n    darkest: `var(--sk-colors-primary-darkest)`,\r\n  },\r\n  secondary: {\r\n    DEFAULT: `var(--sk-colors-secondary-DEFAULT)`,\r\n    outline: {\r\n      DEFAULT: `var(--sk-colors-secondary-outline-DEFAULT)`,\r\n      hover: `var(--sk-colors-secondary-outline-hover)`,\r\n    },\r\n    surface: {\r\n      DEFAULT: `var(--sk-colors-secondary-surface-DEFAULT)`,\r\n      hover: `var(--sk-colors-secondary-surface-hover)`,\r\n      disabled: `var(--sk-colors-secondary-surface-disabled)`,\r\n    },\r\n    lightest: `var(--sk-colors-secondary-lightest)`,\r\n    50: `var(--sk-colors-secondary-50)`,\r\n    100: `var(--sk-colors-secondary-100)`,\r\n    200: `var(--sk-colors-secondary-200)`,\r\n    300: `var(--sk-colors-secondary-300)`,\r\n    400: `var(--sk-colors-secondary-400)`,\r\n    500: `var(--sk-colors-secondary-500)`,\r\n    600: `var(--sk-colors-secondary-600)`,\r\n    700: `var(--sk-colors-secondary-700)`,\r\n    800: `var(--sk-colors-secondary-800)`,\r\n    900: `var(--sk-colors-secondary-900)`,\r\n    darkest: `var(--sk-colors-secondary-darkest)`,\r\n  },\r\n  tertiary: {\r\n    surface: {\r\n      DEFAULT: `var(--sk-colors-tertiary-surface-DEFAULT)`,\r\n      hover: `var(--sk-colors-tertiary-surface-hover)`,\r\n      disabled: `var(--sk-colors-tertiary-surface-disabled)`,\r\n    },\r\n  },\r\n  dark: {\r\n    DEFAULT: `var(--sk-colors-dark-DEFAULT)`,\r\n    primary: `var(--sk-colors-dark-primary)`,\r\n    secondary: `var(--sk-colors-dark-secondary)`,\r\n    disabled: `var(--sk-colors-dark-disabled)`,\r\n    placeholder: `var(--sk-colors-dark-placeholder)`,\r\n    ghost: `var(--sk-colors-dark-ghost)`,\r\n  },\r\n  light: {\r\n    DEFAULT: `var(--sk-colors-light-DEFAULT)`,\r\n    primary: `var(--sk-colors-light-primary)`,\r\n    secondary: `var(--sk-colors-light-secondary)`,\r\n    disabled: `var(--sk-colors-light-disabled)`,\r\n    placeholder: `var(--sk-colors-light-placeholder)`,\r\n    ghost: `var(--sk-colors-light-ghost)`,\r\n  },\r\n  divider: `var(--sk-colors-divider)`,\r\n  background: {\r\n    DEFAULT: `var(--sk-colors-background-DEFUALT)`,\r\n    content: `var(--sk-colors-background-content)`,\r\n    100: `var(--sk-colors-background-100)`,\r\n    200: `var(--sk-colors-background-200)`,\r\n    'color-mixin': {\r\n      1: `var(--sk-colors-background-color-mixin-1)`,\r\n      2: `var(--sk-colors-background-color-mixin-2)`,\r\n    },\r\n  },\r\n  vattjom: {\r\n    background: {\r\n      100: `var(--sk-colors-vattjom-background-100)`,\r\n      200: `var(--sk-colors-vattjom-background-200)`,\r\n      300: `var(--sk-colors-vattjom-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-vattjom-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-vattjom-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-vattjom-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-vattjom-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-vattjom-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-vattjom-text-primary)`,\r\n      secondary: `var(--sk-colors-vattjom-text-secondary)`,\r\n    },\r\n  },\r\n  gronsta: {\r\n    background: {\r\n      100: `var(--sk-colors-gronsta-background-100)`,\r\n      200: `var(--sk-colors-gronsta-background-200)`,\r\n      300: `var(--sk-colors-gronsta-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-gronsta-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-gronsta-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-gronsta-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-gronsta-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-gronsta-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-gronsta-text-primary)`,\r\n      secondary: `var(--sk-colors-gronsta-text-secondary)`,\r\n    },\r\n  },\r\n  juniskar: {\r\n    background: {\r\n      100: `var(--sk-colors-juniskar-background-100)`,\r\n      200: `var(--sk-colors-juniskar-background-200)`,\r\n      300: `var(--sk-colors-juniskar-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-juniskar-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-juniskar-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-juniskar-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-juniskar-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-juniskar-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-juniskar-text-primary)`,\r\n      secondary: `var(--sk-colors-juniskar-text-secondary)`,\r\n    },\r\n  },\r\n  bjornstigen: {\r\n    background: {\r\n      100: `var(--sk-colors-bjornstigen-background-100)`,\r\n      200: `var(--sk-colors-bjornstigen-background-200)`,\r\n      300: `var(--sk-colors-bjornstigen-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-bjornstigen-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-bjornstigen-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-bjornstigen-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-bjornstigen-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-bjornstigen-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-bjornstigen-text-primary)`,\r\n      secondary: `var(--sk-colors-bjornstigen-text-secondary)`,\r\n    },\r\n  },\r\n  error: {\r\n    DEFAULT: `var(--sk-colors-error-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-error-background-100)`,\r\n      200: `var(--sk-colors-error-background-200)`,\r\n      300: `var(--sk-colors-error-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-error-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-error-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-error-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-error-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-error-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-error-text-primary)`,\r\n      secondary: `var(--sk-colors-error-text-secondary)`,\r\n    },\r\n  },\r\n  warning: {\r\n    DEFAULT: `var(--sk-colors-warning-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-warning-background-100)`,\r\n      200: `var(--sk-colors-warning-background-200)`,\r\n      300: `var(--sk-colors-warning-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-warning-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-warning-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-warning-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-warning-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-warning-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-warning-text-primary)`,\r\n      secondary: `var(--sk-colors-warning-text-secondary)`,\r\n    },\r\n  },\r\n  info: {\r\n    DEFAULT: `var(--sk-colors-info-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-info-background-100)`,\r\n      200: `var(--sk-colors-info-background-200)`,\r\n      300: `var(--sk-colors-info-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-info-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-info-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-info-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-info-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-info-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-info-text-primary)`,\r\n      secondary: `var(--sk-colors-info-text-secondary)`,\r\n    },\r\n  },\r\n  success: {\r\n    DEFAULT: `var(--sk-colors-success-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-success-background-100)`,\r\n      200: `var(--sk-colors-success-background-200)`,\r\n      300: `var(--sk-colors-success-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-success-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-success-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-success-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-success-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-success-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-success-text-primary)`,\r\n      secondary: `var(--sk-colors-success-text-secondary)`,\r\n    },\r\n  },\r\n  inverted: {\r\n    body: `var(--sk-colors-inverted-body)`,\r\n    black: `var(--sk-colors-inverted-black)`,\r\n    white: `var(--sk-colors-inverted-white)`,\r\n    ring: `var(--sk-colors-inverted-ring)`,\r\n    primary: {\r\n      DEFAULT: `var(--sk-colors-inverted-primary-DEFAULT)`,\r\n      surface: {\r\n        DEFAULT: `var(--sk-colors-inverted-primary-surface-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-primary-surface-hover)`,\r\n        disabled: `var(--sk-colors-inverted-primary-surface-disabled)`,\r\n      },\r\n      lightest: `var(--sk-colors-inverted-primary-lightest)`,\r\n      50: `var(--sk-colors-inverted-primary-50)`,\r\n      100: `var(--sk-colors-inverted-primary-100)`,\r\n      200: `var(--sk-colors-inverted-primary-200)`,\r\n      300: `var(--sk-colors-inverted-primary-300)`,\r\n      400: `var(--sk-colors-inverted-primary-400)`,\r\n      500: `var(--sk-colors-inverted-primary-500)`,\r\n      600: `var(--sk-colors-inverted-primary-600)`,\r\n      700: `var(--sk-colors-inverted-primary-700)`,\r\n      800: `var(--sk-colors-inverted-primary-800)`,\r\n      900: `var(--sk-colors-inverted-primary-900)`,\r\n      darkest: `var(--sk-colors-inverted-primary-darkest)`,\r\n    },\r\n    secondary: {\r\n      DEFAULT: `var(--sk-colors-inverted-secondary-DEFAULT)`,\r\n      outline: {\r\n        DEFAULT: `var(--sk-colors-inverted-secondary-outline-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-secondary-outline-hover)`,\r\n      },\r\n      surface: {\r\n        DEFAULT: `var(--sk-colors-inverted-secondary-surface-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-secondary-surface-hover)`,\r\n        disabled: `var(--sk-colors-inverted-secondary-surface-disabled)`,\r\n      },\r\n      lightest: `var(--sk-colors-inverted-secondary-lightest)`,\r\n      50: `var(--sk-colors-inverted-secondary-50)`,\r\n      100: `var(--sk-colors-inverted-secondary-100)`,\r\n      200: `var(--sk-colors-inverted-secondary-200)`,\r\n      300: `var(--sk-colors-inverted-secondary-300)`,\r\n      400: `var(--sk-colors-inverted-secondary-400)`,\r\n      500: `var(--sk-colors-inverted-secondary-500)`,\r\n      600: `var(--sk-colors-inverted-secondary-600)`,\r\n      700: `var(--sk-colors-inverted-secondary-700)`,\r\n      800: `var(--sk-colors-inverted-secondary-800)`,\r\n      900: `var(--sk-colors-inverted-secondary-900)`,\r\n      darkest: `var(--sk-colors-inverted-secondary-darkest)`,\r\n    },\r\n    tertiary: {\r\n      surface: {\r\n        DEFAULT: `var(--sk-colors-inverted-tertiary-surface-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-tertiary-surface-hover)`,\r\n        disabled: `var(--sk-colors-inverted-tertiary-surface-disabled)`,\r\n      },\r\n    },\r\n    dark: {\r\n      DEFAULT: `var(--sk-colors-inverted-dark-DEFAULT)`,\r\n      primary: `var(--sk-colors-inverted-dark-primary)`,\r\n      secondary: `var(--sk-colors-inverted-dark-secondary)`,\r\n      disabled: `var(--sk-colors-inverted-dark-disabled)`,\r\n      placeholder: `var(--sk-colors-inverted-dark-placeholder)`,\r\n      ghost: `var(--sk-colors-inverted-dark-ghost)`,\r\n    },\r\n    light: {\r\n      DEFAULT: `var(--sk-colors-inverted-light-DEFAULT)`,\r\n      primary: `var(--sk-colors-inverted-light-primary)`,\r\n      secondary: `var(--sk-colors-inverted-light-secondary)`,\r\n      disabled: `var(--sk-colors-inverted-light-disabled)`,\r\n      placeholder: `var(--sk-colors-inverted-light-placeholder)`,\r\n      ghost: `var(--sk-colors-inverted-light-ghost)`,\r\n    },\r\n    divider: `var(--sk-colors-inverted-divider)`,\r\n    background: {\r\n      DEFAULT: `var(--sk-colors-inverted-background-DEFUALT)`,\r\n      content: `var(--sk-colors-inverted-background-content)`,\r\n      100: `var(--sk-colors-inverted-background-100)`,\r\n      200: `var(--sk-colors-inverted-background-200)`,\r\n      'color-mixin': {\r\n        1: `var(--sk-colors-inverted-background-color-mixin-1)`,\r\n        2: `var(--sk-colors-inverted-background-color-mixin-2)`,\r\n      },\r\n    },\r\n    vattjom: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-vattjom-background-100)`,\r\n        200: `var(--sk-colors-inverted-vattjom-background-200)`,\r\n        300: `var(--sk-colors-inverted-vattjom-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-vattjom-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-vattjom-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-vattjom-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-vattjom-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-vattjom-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-vattjom-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-vattjom-text-secondary)`,\r\n      },\r\n    },\r\n    gronsta: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-gronsta-background-100)`,\r\n        200: `var(--sk-colors-inverted-gronsta-background-200)`,\r\n        300: `var(--sk-colors-inverted-gronsta-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-gronsta-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-gronsta-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-gronsta-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-gronsta-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-gronsta-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-gronsta-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-gronsta-text-secondary)`,\r\n      },\r\n    },\r\n    juniskar: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-juniskar-background-100)`,\r\n        200: `var(--sk-colors-inverted-juniskar-background-200)`,\r\n        300: `var(--sk-colors-inverted-juniskar-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-juniskar-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-juniskar-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-juniskar-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-juniskar-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-juniskar-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-juniskar-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-juniskar-text-secondary)`,\r\n      },\r\n    },\r\n    bjornstigen: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-bjornstigen-background-100)`,\r\n        200: `var(--sk-colors-inverted-bjornstigen-background-200)`,\r\n        300: `var(--sk-colors-inverted-bjornstigen-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-bjornstigen-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-bjornstigen-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-bjornstigen-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-bjornstigen-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-bjornstigen-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-bjornstigen-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-bjornstigen-text-secondary)`,\r\n      },\r\n    },\r\n    error: {\r\n      DEFAULT: `var(--sk-colors-inverted-error-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-error-background-100)`,\r\n        200: `var(--sk-colors-inverted-error-background-200)`,\r\n        300: `var(--sk-colors-inverted-error-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-error-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-error-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-error-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-error-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-error-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-error-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-error-text-secondary)`,\r\n      },\r\n    },\r\n    warning: {\r\n      DEFAULT: `var(--sk-colors-inverted-warning-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-warning-background-100)`,\r\n        200: `var(--sk-colors-inverted-warning-background-200)`,\r\n        300: `var(--sk-colors-inverted-warning-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-warning-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-warning-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-warning-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-warning-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-warning-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-warning-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-warning-text-secondary)`,\r\n      },\r\n    },\r\n    info: {\r\n      DEFAULT: `var(--sk-colors-inverted-info-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-info-background-100)`,\r\n        200: `var(--sk-colors-inverted-info-background-200)`,\r\n        300: `var(--sk-colors-inverted-info-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-info-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-info-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-info-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-info-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-info-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-info-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-info-text-secondary)`,\r\n      },\r\n    },\r\n    success: {\r\n      DEFAULT: `var(--sk-colors-inverted-success-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-success-background-100)`,\r\n        200: `var(--sk-colors-inverted-success-background-200)`,\r\n        300: `var(--sk-colors-inverted-success-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-success-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-success-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-success-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-success-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-success-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-success-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-success-text-secondary)`,\r\n      },\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":["colors","exports","primitives","gray","lightest","darkest","overlay","darken","lighten","blue","green","purple","pink","orange","red","body","black","white","ring","primary","DEFAULT","surface","hover","disabled","secondary","outline","tertiary","dark","placeholder","ghost","light","divider","background","content","vattjom","accent","text","gronsta","juniskar","bjornstigen","error","warning","info","success","inverted"],"sources":["../../src/colors.ts"],"sourcesContent":["const colors = {\r\n  primitives: {\r\n    gray: {\r\n      lightest: `var(--sk-colors-primitives-gray-lightest)`,\r\n      50: `var(--sk-colors-primitives-gray-50)`,\r\n      100: `var(--sk-colors-primitives-gray-100)`,\r\n      200: `var(--sk-colors-primitives-gray-200)`,\r\n      300: `var(--sk-colors-primitives-gray-300)`,\r\n      400: `var(--sk-colors-primitives-gray-400)`,\r\n      500: `var(--sk-colors-primitives-gray-500)`,\r\n      600: `var(--sk-colors-primitives-gray-600)`,\r\n      700: `var(--sk-colors-primitives-gray-700)`,\r\n      800: `var(--sk-colors-primitives-gray-800)`,\r\n      900: `var(--sk-colors-primitives-gray-900)`,\r\n      darkest: `var(--sk-colors-primitives-gray-darkest)`,\r\n    },\r\n\r\n    overlay: {\r\n      darken: {\r\n        1: `var(--sk-colors-primitives-overlay-darken-1)`,\r\n        2: `var(--sk-colors-primitives-overlay-darken-2)`,\r\n        3: `var(--sk-colors-primitives-overlay-darken-3)`,\r\n        4: `var(--sk-colors-primitives-overlay-darken-4)`,\r\n        5: `var(--sk-colors-primitives-overlay-darken-5)`,\r\n        6: `var(--sk-colors-primitives-overlay-darken-6)`,\r\n        7: `var(--sk-colors-primitives-overlay-darken-7)`,\r\n        8: `var(--sk-colors-primitives-overlay-darken-8)`,\r\n        9: `var(--sk-colors-primitives-overlay-darken-9)`,\r\n        10: `var(--sk-colors-primitives-overlay-darken-10)`,\r\n      },\r\n      lighten: {\r\n        1: `var(--sk-colors-primitives-overlay-lighten-1)`,\r\n        2: `var(--sk-colors-primitives-overlay-lighten-2)`,\r\n        3: `var(--sk-colors-primitives-overlay-lighten-3)`,\r\n        4: `var(--sk-colors-primitives-overlay-lighten-4)`,\r\n        5: `var(--sk-colors-primitives-overlay-lighten-5)`,\r\n        6: `var(--sk-colors-primitives-overlay-lighten-6)`,\r\n        7: `var(--sk-colors-primitives-overlay-lighten-7)`,\r\n        8: `var(--sk-colors-primitives-overlay-lighten-8)`,\r\n        9: `var(--sk-colors-primitives-overlay-lighten-9)`,\r\n        10: `var(--sk-colors-primitives-overlay-lighten-10)`,\r\n      },\r\n    },\r\n\r\n    //COLORS\r\n    blue: {\r\n      50: `var(--sk-colors-primitives-blue-50)`,\r\n      100: `var(--sk-colors-primitives-blue-100)`,\r\n      200: `var(--sk-colors-primitives-blue-200)`,\r\n      300: `var(--sk-colors-primitives-blue-300)`,\r\n      400: `var(--sk-colors-primitives-blue-400)`,\r\n      500: `var(--sk-colors-primitives-blue-500)`,\r\n      600: `var(--sk-colors-primitives-blue-600)`,\r\n      700: `var(--sk-colors-primitives-blue-700)`,\r\n      800: `var(--sk-colors-primitives-blue-800)`,\r\n      900: `var(--sk-colors-primitives-blue-900)`,\r\n    },\r\n    green: {\r\n      50: `var(--sk-colors-primitives-green-50)`,\r\n      100: `var(--sk-colors-primitives-green-100)`,\r\n      200: `var(--sk-colors-primitives-green-200)`,\r\n      300: `var(--sk-colors-primitives-green-300)`,\r\n      400: `var(--sk-colors-primitives-green-400)`,\r\n      500: `var(--sk-colors-primitives-green-500)`,\r\n      600: `var(--sk-colors-primitives-green-600)`,\r\n      700: `var(--sk-colors-primitives-green-700)`,\r\n      800: `var(--sk-colors-primitives-green-800)`,\r\n      900: `var(--sk-colors-primitives-green-900)`,\r\n    },\r\n    purple: {\r\n      50: `var(--sk-colors-primitives-purple-50)`,\r\n      100: `var(--sk-colors-primitives-purple-100)`,\r\n      200: `var(--sk-colors-primitives-purple-200)`,\r\n      300: `var(--sk-colors-primitives-purple-300)`,\r\n      400: `var(--sk-colors-primitives-purple-400)`,\r\n      500: `var(--sk-colors-primitives-purple-500)`,\r\n      600: `var(--sk-colors-primitives-purple-600)`,\r\n      700: `var(--sk-colors-primitives-purple-700)`,\r\n      800: `var(--sk-colors-primitives-purple-800)`,\r\n      900: `var(--sk-colors-primitives-purple-900)`,\r\n    },\r\n    pink: {\r\n      50: `var(--sk-colors-primitives-pink-50)`,\r\n      100: `var(--sk-colors-primitives-pink-100)`,\r\n      200: `var(--sk-colors-primitives-pink-200)`,\r\n      300: `var(--sk-colors-primitives-pink-300)`,\r\n      400: `var(--sk-colors-primitives-pink-400)`,\r\n      500: `var(--sk-colors-primitives-pink-500)`,\r\n      600: `var(--sk-colors-primitives-pink-600)`,\r\n      700: `var(--sk-colors-primitives-pink-700)`,\r\n      800: `var(--sk-colors-primitives-pink-800)`,\r\n      900: `var(--sk-colors-primitives-pink-900)`,\r\n    },\r\n    orange: {\r\n      50: `var(--sk-colors-primitives-orange-50)`,\r\n      100: `var(--sk-colors-primitives-orange-100)`,\r\n      200: `var(--sk-colors-primitives-orange-200)`,\r\n      300: `var(--sk-colors-primitives-orange-300)`,\r\n      400: `var(--sk-colors-primitives-orange-400)`,\r\n      500: `var(--sk-colors-primitives-orange-500)`,\r\n      600: `var(--sk-colors-primitives-orange-600)`,\r\n      700: `var(--sk-colors-primitives-orange-700)`,\r\n      800: `var(--sk-colors-primitives-orange-800)`,\r\n      900: `var(--sk-colors-primitives-orange-900)`,\r\n    },\r\n    red: {\r\n      50: `var(--sk-colors-primitives-red-50)`,\r\n      100: `var(--sk-colors-primitives-red-100)`,\r\n      200: `var(--sk-colors-primitives-red-200)`,\r\n      300: `var(--sk-colors-primitives-red-300)`,\r\n      400: `var(--sk-colors-primitives-red-400)`,\r\n      500: `var(--sk-colors-primitives-red-500)`,\r\n      600: `var(--sk-colors-primitives-red-600)`,\r\n      700: `var(--sk-colors-primitives-red-700)`,\r\n      800: `var(--sk-colors-primitives-red-800)`,\r\n      900: `var(--sk-colors-primitives-red-900)`,\r\n    },\r\n  },\r\n  body: `var(--sk-colors-body)`,\r\n  black: `var(--sk-colors-black)`,\r\n  white: `var(--sk-colors-white)`,\r\n  ring: `var(--sk-colors-ring)`,\r\n  primary: {\r\n    DEFAULT: `var(--sk-colors-primary-DEFAULT)`,\r\n    surface: {\r\n      DEFAULT: `var(--sk-colors-primary-surface-DEFAULT)`,\r\n      hover: `var(--sk-colors-primary-surface-hover)`,\r\n      disabled: `var(--sk-colors-primary-surface-disabled)`,\r\n    },\r\n    lightest: `var(--sk-colors-primary-lightest)`,\r\n    50: `var(--sk-colors-primary-50)`,\r\n    100: `var(--sk-colors-primary-100)`,\r\n    200: `var(--sk-colors-primary-200)`,\r\n    300: `var(--sk-colors-primary-300)`,\r\n    400: `var(--sk-colors-primary-400)`,\r\n    500: `var(--sk-colors-primary-500)`,\r\n    600: `var(--sk-colors-primary-600)`,\r\n    700: `var(--sk-colors-primary-700)`,\r\n    800: `var(--sk-colors-primary-800)`,\r\n    900: `var(--sk-colors-primary-900)`,\r\n    darkest: `var(--sk-colors-primary-darkest)`,\r\n  },\r\n  secondary: {\r\n    DEFAULT: `var(--sk-colors-secondary-DEFAULT)`,\r\n    outline: {\r\n      DEFAULT: `var(--sk-colors-secondary-outline-DEFAULT)`,\r\n      hover: `var(--sk-colors-secondary-outline-hover)`,\r\n    },\r\n    surface: {\r\n      DEFAULT: `var(--sk-colors-secondary-surface-DEFAULT)`,\r\n      hover: `var(--sk-colors-secondary-surface-hover)`,\r\n      disabled: `var(--sk-colors-secondary-surface-disabled)`,\r\n    },\r\n    lightest: `var(--sk-colors-secondary-lightest)`,\r\n    50: `var(--sk-colors-secondary-50)`,\r\n    100: `var(--sk-colors-secondary-100)`,\r\n    200: `var(--sk-colors-secondary-200)`,\r\n    300: `var(--sk-colors-secondary-300)`,\r\n    400: `var(--sk-colors-secondary-400)`,\r\n    500: `var(--sk-colors-secondary-500)`,\r\n    600: `var(--sk-colors-secondary-600)`,\r\n    700: `var(--sk-colors-secondary-700)`,\r\n    800: `var(--sk-colors-secondary-800)`,\r\n    900: `var(--sk-colors-secondary-900)`,\r\n    darkest: `var(--sk-colors-secondary-darkest)`,\r\n  },\r\n  tertiary: {\r\n    surface: {\r\n      DEFAULT: `var(--sk-colors-tertiary-surface-DEFAULT)`,\r\n      hover: `var(--sk-colors-tertiary-surface-hover)`,\r\n      disabled: `var(--sk-colors-tertiary-surface-disabled)`,\r\n    },\r\n  },\r\n  dark: {\r\n    DEFAULT: `var(--sk-colors-dark-DEFAULT)`,\r\n    primary: `var(--sk-colors-dark-primary)`,\r\n    secondary: `var(--sk-colors-dark-secondary)`,\r\n    disabled: `var(--sk-colors-dark-disabled)`,\r\n    placeholder: `var(--sk-colors-dark-placeholder)`,\r\n    ghost: `var(--sk-colors-dark-ghost)`,\r\n  },\r\n  light: {\r\n    DEFAULT: `var(--sk-colors-light-DEFAULT)`,\r\n    primary: `var(--sk-colors-light-primary)`,\r\n    secondary: `var(--sk-colors-light-secondary)`,\r\n    disabled: `var(--sk-colors-light-disabled)`,\r\n    placeholder: `var(--sk-colors-light-placeholder)`,\r\n    ghost: `var(--sk-colors-light-ghost)`,\r\n  },\r\n  divider: `var(--sk-colors-divider)`,\r\n  background: {\r\n    DEFAULT: `var(--sk-colors-background-DEFUALT)`,\r\n    content: `var(--sk-colors-background-content)`,\r\n    100: `var(--sk-colors-background-100)`,\r\n    200: `var(--sk-colors-background-200)`,\r\n    'color-mixin': {\r\n      1: `var(--sk-colors-background-color-mixin-1)`,\r\n      2: `var(--sk-colors-background-color-mixin-2)`,\r\n    },\r\n  },\r\n  vattjom: {\r\n    background: {\r\n      100: `var(--sk-colors-vattjom-background-100)`,\r\n      200: `var(--sk-colors-vattjom-background-200)`,\r\n      300: `var(--sk-colors-vattjom-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-vattjom-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-vattjom-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-vattjom-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-vattjom-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-vattjom-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-vattjom-text-primary)`,\r\n      secondary: `var(--sk-colors-vattjom-text-secondary)`,\r\n    },\r\n  },\r\n  gronsta: {\r\n    background: {\r\n      100: `var(--sk-colors-gronsta-background-100)`,\r\n      200: `var(--sk-colors-gronsta-background-200)`,\r\n      300: `var(--sk-colors-gronsta-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-gronsta-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-gronsta-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-gronsta-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-gronsta-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-gronsta-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-gronsta-text-primary)`,\r\n      secondary: `var(--sk-colors-gronsta-text-secondary)`,\r\n    },\r\n  },\r\n  juniskar: {\r\n    background: {\r\n      100: `var(--sk-colors-juniskar-background-100)`,\r\n      200: `var(--sk-colors-juniskar-background-200)`,\r\n      300: `var(--sk-colors-juniskar-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-juniskar-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-juniskar-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-juniskar-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-juniskar-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-juniskar-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-juniskar-text-primary)`,\r\n      secondary: `var(--sk-colors-juniskar-text-secondary)`,\r\n    },\r\n  },\r\n  bjornstigen: {\r\n    background: {\r\n      100: `var(--sk-colors-bjornstigen-background-100)`,\r\n      200: `var(--sk-colors-bjornstigen-background-200)`,\r\n      300: `var(--sk-colors-bjornstigen-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-bjornstigen-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-bjornstigen-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-bjornstigen-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-bjornstigen-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-bjornstigen-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-bjornstigen-text-primary)`,\r\n      secondary: `var(--sk-colors-bjornstigen-text-secondary)`,\r\n    },\r\n  },\r\n  error: {\r\n    DEFAULT: `var(--sk-colors-error-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-error-background-100)`,\r\n      200: `var(--sk-colors-error-background-200)`,\r\n      300: `var(--sk-colors-error-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-error-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-error-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-error-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-error-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-error-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-error-text-primary)`,\r\n      secondary: `var(--sk-colors-error-text-secondary)`,\r\n    },\r\n  },\r\n  warning: {\r\n    DEFAULT: `var(--sk-colors-warning-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-warning-background-100)`,\r\n      200: `var(--sk-colors-warning-background-200)`,\r\n      300: `var(--sk-colors-warning-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-warning-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-warning-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-warning-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-warning-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-warning-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-warning-text-primary)`,\r\n      secondary: `var(--sk-colors-warning-text-secondary)`,\r\n    },\r\n  },\r\n  info: {\r\n    DEFAULT: `var(--sk-colors-info-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-info-background-100)`,\r\n      200: `var(--sk-colors-info-background-200)`,\r\n      300: `var(--sk-colors-info-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-info-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-info-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-info-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-info-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-info-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-info-text-primary)`,\r\n      secondary: `var(--sk-colors-info-text-secondary)`,\r\n    },\r\n  },\r\n  success: {\r\n    DEFAULT: `var(--sk-colors-success-DEFAULT)`,\r\n    background: {\r\n      100: `var(--sk-colors-success-background-100)`,\r\n      200: `var(--sk-colors-success-background-200)`,\r\n      300: `var(--sk-colors-success-background-300)`,\r\n    },\r\n    surface: {\r\n      primary: {\r\n        DEFAULT: `var(--sk-colors-success-surface-primary-DEFAULT)`,\r\n        hover: `var(--sk-colors-success-surface-primary-hover)`,\r\n      },\r\n      accent: {\r\n        DEFAULT: `var(--sk-colors-success-surface-accent-DEFAULT)`,\r\n        hover: `var(--sk-colors-success-surface-accent-hover)`,\r\n      },\r\n    },\r\n    text: {\r\n      DEFAULT: `var(--sk-colors-success-text-DEFAULT)`,\r\n      primary: `var(--sk-colors-success-text-primary)`,\r\n      secondary: `var(--sk-colors-success-text-secondary)`,\r\n    },\r\n  },\r\n  inverted: {\r\n    body: `var(--sk-colors-inverted-body)`,\r\n    black: `var(--sk-colors-inverted-black)`,\r\n    white: `var(--sk-colors-inverted-white)`,\r\n    ring: `var(--sk-colors-inverted-ring)`,\r\n    primary: {\r\n      DEFAULT: `var(--sk-colors-inverted-primary-DEFAULT)`,\r\n      surface: {\r\n        DEFAULT: `var(--sk-colors-inverted-primary-surface-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-primary-surface-hover)`,\r\n        disabled: `var(--sk-colors-inverted-primary-surface-disabled)`,\r\n      },\r\n      lightest: `var(--sk-colors-inverted-primary-lightest)`,\r\n      50: `var(--sk-colors-inverted-primary-50)`,\r\n      100: `var(--sk-colors-inverted-primary-100)`,\r\n      200: `var(--sk-colors-inverted-primary-200)`,\r\n      300: `var(--sk-colors-inverted-primary-300)`,\r\n      400: `var(--sk-colors-inverted-primary-400)`,\r\n      500: `var(--sk-colors-inverted-primary-500)`,\r\n      600: `var(--sk-colors-inverted-primary-600)`,\r\n      700: `var(--sk-colors-inverted-primary-700)`,\r\n      800: `var(--sk-colors-inverted-primary-800)`,\r\n      900: `var(--sk-colors-inverted-primary-900)`,\r\n      darkest: `var(--sk-colors-inverted-primary-darkest)`,\r\n    },\r\n    secondary: {\r\n      DEFAULT: `var(--sk-colors-inverted-secondary-DEFAULT)`,\r\n      outline: {\r\n        DEFAULT: `var(--sk-colors-inverted-secondary-outline-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-secondary-outline-hover)`,\r\n      },\r\n      surface: {\r\n        DEFAULT: `var(--sk-colors-inverted-secondary-surface-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-secondary-surface-hover)`,\r\n        disabled: `var(--sk-colors-inverted-secondary-surface-disabled)`,\r\n      },\r\n      lightest: `var(--sk-colors-inverted-secondary-lightest)`,\r\n      50: `var(--sk-colors-inverted-secondary-50)`,\r\n      100: `var(--sk-colors-inverted-secondary-100)`,\r\n      200: `var(--sk-colors-inverted-secondary-200)`,\r\n      300: `var(--sk-colors-inverted-secondary-300)`,\r\n      400: `var(--sk-colors-inverted-secondary-400)`,\r\n      500: `var(--sk-colors-inverted-secondary-500)`,\r\n      600: `var(--sk-colors-inverted-secondary-600)`,\r\n      700: `var(--sk-colors-inverted-secondary-700)`,\r\n      800: `var(--sk-colors-inverted-secondary-800)`,\r\n      900: `var(--sk-colors-inverted-secondary-900)`,\r\n      darkest: `var(--sk-colors-inverted-secondary-darkest)`,\r\n    },\r\n    tertiary: {\r\n      surface: {\r\n        DEFAULT: `var(--sk-colors-inverted-tertiary-surface-DEFAULT)`,\r\n        hover: `var(--sk-colors-inverted-tertiary-surface-hover)`,\r\n        disabled: `var(--sk-colors-inverted-tertiary-surface-disabled)`,\r\n      },\r\n    },\r\n    dark: {\r\n      DEFAULT: `var(--sk-colors-inverted-dark-DEFAULT)`,\r\n      primary: `var(--sk-colors-inverted-dark-primary)`,\r\n      secondary: `var(--sk-colors-inverted-dark-secondary)`,\r\n      disabled: `var(--sk-colors-inverted-dark-disabled)`,\r\n      placeholder: `var(--sk-colors-inverted-dark-placeholder)`,\r\n      ghost: `var(--sk-colors-inverted-dark-ghost)`,\r\n    },\r\n    light: {\r\n      DEFAULT: `var(--sk-colors-inverted-light-DEFAULT)`,\r\n      primary: `var(--sk-colors-inverted-light-primary)`,\r\n      secondary: `var(--sk-colors-inverted-light-secondary)`,\r\n      disabled: `var(--sk-colors-inverted-light-disabled)`,\r\n      placeholder: `var(--sk-colors-inverted-light-placeholder)`,\r\n      ghost: `var(--sk-colors-inverted-light-ghost)`,\r\n    },\r\n    divider: `var(--sk-colors-inverted-divider)`,\r\n    background: {\r\n      DEFAULT: `var(--sk-colors-inverted-background-DEFUALT)`,\r\n      content: `var(--sk-colors-inverted-background-content)`,\r\n      100: `var(--sk-colors-inverted-background-100)`,\r\n      200: `var(--sk-colors-inverted-background-200)`,\r\n      'color-mixin': {\r\n        1: `var(--sk-colors-inverted-background-color-mixin-1)`,\r\n        2: `var(--sk-colors-inverted-background-color-mixin-2)`,\r\n      },\r\n    },\r\n    vattjom: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-vattjom-background-100)`,\r\n        200: `var(--sk-colors-inverted-vattjom-background-200)`,\r\n        300: `var(--sk-colors-inverted-vattjom-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-vattjom-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-vattjom-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-vattjom-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-vattjom-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-vattjom-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-vattjom-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-vattjom-text-secondary)`,\r\n      },\r\n    },\r\n    gronsta: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-gronsta-background-100)`,\r\n        200: `var(--sk-colors-inverted-gronsta-background-200)`,\r\n        300: `var(--sk-colors-inverted-gronsta-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-gronsta-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-gronsta-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-gronsta-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-gronsta-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-gronsta-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-gronsta-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-gronsta-text-secondary)`,\r\n      },\r\n    },\r\n    juniskar: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-juniskar-background-100)`,\r\n        200: `var(--sk-colors-inverted-juniskar-background-200)`,\r\n        300: `var(--sk-colors-inverted-juniskar-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-juniskar-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-juniskar-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-juniskar-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-juniskar-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-juniskar-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-juniskar-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-juniskar-text-secondary)`,\r\n      },\r\n    },\r\n    bjornstigen: {\r\n      background: {\r\n        100: `var(--sk-colors-inverted-bjornstigen-background-100)`,\r\n        200: `var(--sk-colors-inverted-bjornstigen-background-200)`,\r\n        300: `var(--sk-colors-inverted-bjornstigen-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-bjornstigen-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-bjornstigen-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-bjornstigen-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-bjornstigen-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-bjornstigen-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-bjornstigen-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-bjornstigen-text-secondary)`,\r\n      },\r\n    },\r\n    error: {\r\n      DEFAULT: `var(--sk-colors-inverted-error-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-error-background-100)`,\r\n        200: `var(--sk-colors-inverted-error-background-200)`,\r\n        300: `var(--sk-colors-inverted-error-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-error-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-error-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-error-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-error-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-error-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-error-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-error-text-secondary)`,\r\n      },\r\n    },\r\n    warning: {\r\n      DEFAULT: `var(--sk-colors-inverted-warning-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-warning-background-100)`,\r\n        200: `var(--sk-colors-inverted-warning-background-200)`,\r\n        300: `var(--sk-colors-inverted-warning-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-warning-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-warning-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-warning-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-warning-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-warning-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-warning-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-warning-text-secondary)`,\r\n      },\r\n    },\r\n    info: {\r\n      DEFAULT: `var(--sk-colors-inverted-info-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-info-background-100)`,\r\n        200: `var(--sk-colors-inverted-info-background-200)`,\r\n        300: `var(--sk-colors-inverted-info-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-info-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-info-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-info-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-info-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-info-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-info-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-info-text-secondary)`,\r\n      },\r\n    },\r\n    success: {\r\n      DEFAULT: `var(--sk-colors-inverted-success-DEFAULT)`,\r\n      background: {\r\n        100: `var(--sk-colors-inverted-success-background-100)`,\r\n        200: `var(--sk-colors-inverted-success-background-200)`,\r\n        300: `var(--sk-colors-inverted-success-background-300)`,\r\n      },\r\n      surface: {\r\n        primary: {\r\n          DEFAULT: `var(--sk-colors-inverted-success-surface-primary-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-success-surface-primary-hover)`,\r\n        },\r\n        accent: {\r\n          DEFAULT: `var(--sk-colors-inverted-success-surface-accent-DEFAULT)`,\r\n          hover: `var(--sk-colors-inverted-success-surface-accent-hover)`,\r\n        },\r\n      },\r\n      text: {\r\n        DEFAULT: `var(--sk-colors-inverted-success-text-DEFAULT)`,\r\n        primary: `var(--sk-colors-inverted-success-text-primary)`,\r\n        secondary: `var(--sk-colors-inverted-success-text-secondary)`,\r\n      },\r\n    },\r\n  },\r\n};\r\nexport { colors };\r\n"],"mappings":"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"}

package/dist/cjs/components/accordion.js

@@ -1,4 +1,8 @@
-module.exports = Accordion = function Accordion() {
+"use strict";
+
+exports.__esModule = true;
+exports.Accordion = void 0;
+var Accordion = exports.Accordion = function Accordion() {
   return {
     '.sk-disclosure': {
       '&-header': {
@@ -13,48 +17,96 @@ module.exports = Accordion = function Accordion() {
         },
         '&-icon': {
           '@apply ml-auto': {},
+          '@apply text-dark-secondary': {},
           svg: {
             '@apply w-20 h-20': {}
           }
         },
         '&[data-disabled="true"]': {
           '@apply text-dark-disabled': {},
+          '.sk-disclosure-title': {
+            '@apply text-dark-disabled': {}
+          },
           '@apply cursor-default': {},
           '*': {
             '@apply cursor-default': {}
           }
         }
       },
+      '&-label': {
+        '@apply shrink-0': {}
+      },
+      '&-toggle': {
+        '@apply flex items-center justify-between': {},
+        '@apply gap-16': {}
+      },
+      '&-title': {
+        '@apply text-dark-primary': {},
+        '&-wrapper': {
+          '@apply w-full': {},
+          '@apply flex flex-row': {},
+          '@apply items-center': {}
+        }
+      },
       '&-sm': {
         '.sk-disclosure-title': {
-          '@apply text-h4-sm font-bold': {}
+          '@apply text-h4-sm font-bold': {},
+          '&-wrapper': {
+            '@apply gap-12': {}
+          }
         },
         '.sk-disclosure-toggle': {
-          '@apply py-4': {},
-          '@apply h-40': {}
+          '@apply gap-12': {}
         },
-        '.sk-disclosure-header-icon': {
-          '@apply w-32 h-32': {}
-        }
+        '.sk-disclosure-support': {
+          '@apply text-small': {}
+        },
+        '&[data-variant="default"]': {
+          '.sk-disclosure-toggle': {
+            '@apply py-4': {},
+            '@apply h-40': {}
+          },
+          '.sk-disclosure-header-icon': {
+            '@apply w-32 h-32': {}
+          }
+        },
+        '&[data-variant="alt"]': {}
       },
       '&-md': {
         '.sk-disclosure-title': {
-          '@apply text-h4-md font-bold': {}
+          '@apply text-h4-md font-bold': {},
+          '&-wrapper': {
+            '@apply gap-12': {}
+          }
         },
         '.sk-disclosure-toggle': {
-          '@apply py-8': {},
-          '@apply h-56': {}
+          '@apply gap-12': {}
         },
-        '.sk-disclosure-header-icon': {
-          '@apply w-40 h-40': {}
+        '.sk-disclosure-support': {
+          '@apply text-body': {}
+        },
+        '&[data-variant="default"]': {
+          '.sk-disclosure-toggle': {
+            '@apply py-8': {},
+            '@apply h-56': {}
+          },
+          '.sk-disclosure-header-icon': {
+            '@apply w-40 h-40': {}
+          }
         }
       },
-      '&-toggle': {
-        '@apply flex items-center justify-between': {},
-        '@apply gap-16': {}
-      },
-      '&-title': {
-        '@apply text-dark-secondary': {}
+      '&-lg': {
+        '&[data-variant="alt"]': {
+          '.sk-disclosure-support': {
+            '@apply text-large': {}
+          },
+          '.sk-disclosure-title': {
+            '@apply text-h3-md font-bold': {},
+            '&-wrapper': {
+              '@apply gap-16': {}
+            }
+          }
+        }
       },
       '&-body': {
         '@apply flex flex-col': {},
@@ -71,14 +123,39 @@ module.exports = Accordion = function Accordion() {
         },
         '&[aria-hidden="false"], &[data-hidden="false"]': {
           '@apply block h-max visible': {}
+        },
+        '&[data-variant="alt"]': {
+          '@apply mt-24': {},
+          '&[data-size="sm"]': {
+            '@apply pr-12': {}
+          },
+          '&[data-size="md"]': {
+            '@apply pr-12': {}
+          },
+          '&[data-size="lg"]': {
+            '@apply pr-16': {}
+          },
+          '&[data-has-icon="true"]': {
+            '&[data-size="sm"]': {
+              '@apply ml-[3.2rem]': {}
+            },
+            '&[data-size="md"]': {
+              '@apply ml-[3.6rem]': {}
+            },
+            '&[data-size="lg"]': {
+              '@apply ml-[4.8rem]': {}
+            }
+          }
         }
       },
       '&-is-open': {
         '.sk-disclosure-body': {
           '@apply overflow-visible animate-reset-overflow': {}
         },
-        '.sk-disclosure-title': {
-          '@apply text-vattjom-text-primary': {}
+        '&[data-variant="default"]': {
+          '.sk-disclosure-title': {
+            '@apply text-vattjom-text-primary': {}
+          }
         }
       }
     },

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["module","exports","Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply py-4': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '.sk-disclosure-header-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply py-8': {},\r\n        '@apply h-56': {},\r\n      },\r\n      '.sk-disclosure-header-icon': {\r\n        '@apply w-40 h-40': {},\r\n      },\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-secondary': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n      '.sk-disclosure-title': {\r\n        '@apply text-vattjom-text-primary': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,gBAAgB,EAAE;MAChB,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,gCAAgC,EAAE,CAAC,CAAC;QACpC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,GAAG,EAAE;UACH,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iBAAiB,EAAE;UACjB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,QAAQ,EAAE;UACR,gBAAgB,EAAE,CAAC,CAAC;UACpBC,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,2BAA2B,EAAE,CAAC,CAAC;UAC/B,uBAAuB,EAAE,CAAC,CAAC;UAC3B,GAAG,EAAE;YACH,uBAAuB,EAAE,CAAC;UAC5B;QACF;MACF,CAAC;MAED,MAAM,EAAE;QACN,sBAAsB,EAAE;UACtB,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC,CAAC;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,MAAM,EAAE;QACN,sBAAsB,EAAE;UACtB,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC,CAAC;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,UAAU,EAAE;QACV,0CAA0C,EAAE,CAAC,CAAC;QAC9C,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,SAAS,EAAE;QACT,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,QAAQ,EAAE;QACR,sBAAsB,EAAE,CAAC,CAAC;QAC1B,cAAc,EAAE,CAAC,CAAC;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;QACjB,4BAA4B,EAAE,CAAC,CAAC;QAChCC,kBAAkB,EAAE,qCAAqC;QACzDC,wBAAwB,EAAE,8BAA8B;QACxDC,kBAAkB,EAAE,OAAO;QAE3B,8CAA8C,EAAE;UAC9C,2BAA2B,EAAE,CAAC;QAChC,CAAC;QAED,gDAAgD,EAAE;UAChD,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MAED,WAAW,EAAE;QACX,qBAAqB,EAAE;UACrB,gDAAgD,EAAE,CAAC;QACrD,CAAC;QACD,sBAAsB,EAAE;UACtB,kCAAkC,EAAE,CAAC;QACvC;MACF;IACF,CAAC;IACD,eAAe,EAAE;MACf,QAAQ,EAAE;QACR,gBAAgB,EAAE;UAChBF,kBAAkB,EAAE,QAAQ;UAC5BE,kBAAkB,EAAE,OAAO;UAC3B,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,6BAA6B,EAAE;UAC7B,6BAA6B,EAAE,CAAC;QAClC;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"accordion.js","names":["Accordion","exports","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-title': {\r\n          '@apply text-vattjom-text-primary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/alert.js

@@ -1,3 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Alert = 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); }
 function alertSubtle(colors) {
   return {
@@ -43,7 +47,7 @@ function alertCloseButton(colors) {
     }, {}))
   };
 }
-module.exports = Alert = function Alert(colors) {
+var Alert = exports.Alert = function Alert(colors) {
   return _extends({
     '.alert': {
       '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-small': {}

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","_ref","_extends2","alertSolid","_ref2","_extends3","alertLeftAccent","_ref3","_extends4","alertCloseButton","_extends5","module","exports","Alert"],"sources":["../../../src/components/alert.js"],"sourcesContent":["function alertSubtle(colors) {\r\n  return {\r\n    '.alert-subtle': {\r\n      '@apply border rounded-base': {},\r\n      '@apply text-body': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-background-100 border-${color}-surface-primary`]: {},\r\n\r\n            '@apply dark:bg-opacity-15': {},\r\n            '@apply dark:border-opacity-40': {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertSolid(colors) {\r\n  return {\r\n    '.alert-solid': {\r\n      '@apply border rounded-base': {},\r\n      '@apply text-white': {},\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 border-${color}-surface-primary border-opacity-20`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertLeftAccent(colors) {\r\n  return {\r\n    '.alert-left-accent': {\r\n      '@apply border-l-2 rounded-none': {},\r\n      '@apply text-body': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-transparent border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertCloseButton(colors) {\r\n  return {\r\n    '.alert-close-button': {\r\n      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},\r\n      '@apply text-neutral-600 hover:text-neutral-700': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {},\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Alert = (colors) => ({\r\n  '.alert': {\r\n    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-small': {},\r\n  },\r\n\r\n  // variants\r\n  ...alertSubtle(colors),\r\n  ...alertSolid(colors),\r\n  ...alertLeftAccent(colors),\r\n\r\n  // close button\r\n  ...alertCloseButton(colors),\r\n});\r\n"],"mappings":";AAAA,SAASA,WAAWA,CAACC,MAAM,EAAE;EAC3B,OAAO;IACL,eAAe,EAAAC,QAAA;MACb,4BAA4B,EAAE,CAAC,CAAC;MAChC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,+BAA0BA,KAAK,yBAAqB,CAAC,CAAC,EAAAC,IAAA,CAEzE,2BAA2B,IAAE,CAAC,CAAC,EAAAA,IAAA,CAC/B,+BAA+B,IAAE,CAAC,CAAC,EAAAA,IAAA,GAAAC,SAAA;IAAA,CAErC,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,UAAUA,CAACP,MAAM,EAAE;EAC1B,OAAO;IACL,cAAc,EAAAC,QAAA;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC;IAAC,GAEpBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,KAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTE,MAAM,GAAAM,SAAA,OAAAA,SAAA,qBACSL,KAAK,aAAAI,KAAA,OAAAA,KAAA,gBACPJ,KAAK,gCAA2BA,KAAK,2CAAuC,CAAC,CAAC,EAAAI,KAAA,GAAAC,SAAA;IAAA,CAE9F,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,eAAeA,CAACV,MAAM,EAAE;EAC/B,OAAO;IACL,oBAAoB,EAAAC,QAAA;MAClB,gCAAgC,EAAE,CAAC,CAAC;MACpC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAO,KAAA,EAAAC,SAAA;MAAA,OAAAX,QAAA,KACTE,MAAM,GAAAS,SAAA,OAAAA,SAAA,qBACSR,KAAK,aAAAO,KAAA,OAAAA,KAAA,mCACYP,KAAK,yBAAqB,CAAC,CAAC,EAAAO,KAAA,GAAAC,SAAA;IAAA,CAE/D,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,gBAAgBA,CAACb,MAAM,EAAE;EAChC,OAAO;IACL,qBAAqB,EAAAC,QAAA;MACnB,gEAAgE,EAAE,CAAC,CAAC;MACpE,gDAAgD,EAAE,CAAC;IAAC,GAEjDD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAU,SAAA;MAAA,OAAAb,QAAA,KACTE,MAAM,GAAAW,SAAA,OAAAA,SAAA,qBACSV,KAAK,YAAO,CAAC,CAAC,EAAAU,SAAA;IAAA,CAChC,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACjB,MAAM;EAAA,OAAAC,QAAA;IAC9B,QAAQ,EAAE;MACR,+EAA+E,EAAE,CAAC;IACpF;EAAC,GAGEF,WAAW,CAACC,MAAM,CAAC,EACnBO,UAAU,CAACP,MAAM,CAAC,EAClBU,eAAe,CAACV,MAAM,CAAC,EAGvBa,gBAAgB,CAACb,MAAM,CAAC;AAAA,CAC3B"}
+{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","_ref","_extends2","alertSolid","_ref2","_extends3","alertLeftAccent","_ref3","_extends4","alertCloseButton","_extends5","Alert","exports"],"sources":["../../../src/components/alert.ts"],"sourcesContent":["function alertSubtle(colors: string[]) {\r\n  return {\r\n    '.alert-subtle': {\r\n      '@apply border rounded-base': {},\r\n      '@apply text-body': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-background-100 border-${color}-surface-primary`]: {},\r\n\r\n            '@apply dark:bg-opacity-15': {},\r\n            '@apply dark:border-opacity-40': {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertSolid(colors: string[]) {\r\n  return {\r\n    '.alert-solid': {\r\n      '@apply border rounded-base': {},\r\n      '@apply text-white': {},\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 border-${color}-surface-primary border-opacity-20`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertLeftAccent(colors: string[]) {\r\n  return {\r\n    '.alert-left-accent': {\r\n      '@apply border-l-2 rounded-none': {},\r\n      '@apply text-body': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-transparent border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertCloseButton(colors: string[]) {\r\n  return {\r\n    '.alert-close-button': {\r\n      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},\r\n      '@apply text-neutral-600 hover:text-neutral-700': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {},\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Alert = (colors: string[]) => ({\r\n  '.alert': {\r\n    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-small': {},\r\n  },\r\n\r\n  // variants\r\n  ...alertSubtle(colors),\r\n  ...alertSolid(colors),\r\n  ...alertLeftAccent(colors),\r\n\r\n  // close button\r\n  ...alertCloseButton(colors),\r\n});\r\n"],"mappings":";;;;;AAAA,SAASA,WAAWA,CAACC,MAAgB,EAAE;EACrC,OAAO;IACL,eAAe,EAAAC,QAAA;MACb,4BAA4B,EAAE,CAAC,CAAC;MAChC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,+BAA0BA,KAAK,yBAAqB,CAAC,CAAC,EAAAC,IAAA,CAEzE,2BAA2B,IAAE,CAAC,CAAC,EAAAA,IAAA,CAC/B,+BAA+B,IAAE,CAAC,CAAC,EAAAA,IAAA,GAAAC,SAAA;IAAA,CAErC,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,UAAUA,CAACP,MAAgB,EAAE;EACpC,OAAO;IACL,cAAc,EAAAC,QAAA;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC;IAAC,GAEpBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,KAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTE,MAAM,GAAAM,SAAA,OAAAA,SAAA,qBACSL,KAAK,aAAAI,KAAA,OAAAA,KAAA,gBACPJ,KAAK,gCAA2BA,KAAK,2CAAuC,CAAC,CAAC,EAAAI,KAAA,GAAAC,SAAA;IAAA,CAE9F,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,eAAeA,CAACV,MAAgB,EAAE;EACzC,OAAO;IACL,oBAAoB,EAAAC,QAAA;MAClB,gCAAgC,EAAE,CAAC,CAAC;MACpC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAO,KAAA,EAAAC,SAAA;MAAA,OAAAX,QAAA,KACTE,MAAM,GAAAS,SAAA,OAAAA,SAAA,qBACSR,KAAK,aAAAO,KAAA,OAAAA,KAAA,mCACYP,KAAK,yBAAqB,CAAC,CAAC,EAAAO,KAAA,GAAAC,SAAA;IAAA,CAE/D,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,gBAAgBA,CAACb,MAAgB,EAAE;EAC1C,OAAO;IACL,qBAAqB,EAAAC,QAAA;MACnB,gEAAgE,EAAE,CAAC,CAAC;MACpE,gDAAgD,EAAE,CAAC;IAAC,GAEjDD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAU,SAAA;MAAA,OAAAb,QAAA,KACTE,MAAM,GAAAW,SAAA,OAAAA,SAAA,qBACSV,KAAK,YAAO,CAAC,CAAC,EAAAU,SAAA;IAAA,CAChC,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEO,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIf,MAAgB;EAAA,OAAAC,QAAA;IACpC,QAAQ,EAAE;MACR,+EAA+E,EAAE,CAAC;IACpF;EAAC,GAGEF,WAAW,CAACC,MAAM,CAAC,EACnBO,UAAU,CAACP,MAAM,CAAC,EAClBU,eAAe,CAACV,MAAM,CAAC,EAGvBa,gBAAgB,CAACb,MAAM,CAAC;AAAA,CAC3B"}

package/dist/cjs/components/avatar.js

@@ -1,5 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Avatar = 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 = Avatar = function Avatar(colors) {
+var Avatar = exports.Avatar = function Avatar(colors) {
   return {
     '.sk-avatar': _extends({
       '@apply inline-flex': {},

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["module","exports","Avatar","colors","_extends","reduce","styles","color","_dataAccentTrue","_ref","_extends2"],"sources":["../../../src/components/avatar.js"],"sourcesContent":["module.exports = Avatar = (colors) => ({\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":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,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"}
+{"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"}

package/dist/cjs/components/badge.js

@@ -1,5 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Badge = 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 = Badge = function Badge(colors) {
+var Badge = exports.Badge = function Badge(colors) {
   return {
     '.sk-badge': _extends({
       '@apply inline-flex': {},

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["module","exports","Badge","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/badge.js"],"sourcesContent":["module.exports = Badge = (colors) => ({\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":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACC,MAAM;EAAA,OAAM;IACpC,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"}
+{"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"}

package/dist/cjs/components/breadcrumb.js

@@ -1,4 +1,8 @@
-module.exports = Breadcrumb = function Breadcrumb() {
+"use strict";
+
+exports.__esModule = true;
+exports.Breadcrumb = void 0;
+var Breadcrumb = exports.Breadcrumb = function Breadcrumb() {
   var _aSkLink, _aSkLink2, _skBreadcrumbItem;
   return {
     '.sk-breadcrumb': {

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["module","exports","Breadcrumb","_aSkLink","_aSkLink2","_skBreadcrumbItem","span"],"sources":["../../../src/components/breadcrumb.js"],"sourcesContent":["module.exports = 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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,IAAAC,QAAA,EAAAC,SAAA,EAAAC,iBAAA;EAAA,OAAO;IACnC,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"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":["module","exports","ButtonGroup","hr"],"sources":["../../../src/components/button-group.js"],"sourcesContent":["module.exports = 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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,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;QAE1CC,EAAE,EAAE;UACF,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"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"}

package/dist/cjs/components/button.js

@@ -1,3 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Button = 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); }
 function buttonPrimary(colors) {
   var _dataInvertedTru2, _dataColorPrimar;
@@ -119,7 +123,7 @@ function buttonLink(colors) {
     }, {}))
   };
 }
-module.exports = Button = function Button(colors) {
+var Button = exports.Button = function Button(colors) {
   return {
     '.sk-btn': _extends({
       '@apply box-border': {},