@sk-web-gui/core 1.0.3 → 1.1.1

package/dist/esm/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"],"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,GAAGhB,KAAK;AAChC,SAASgB,IAAI"}

package/dist/esm/colors.js

@@ -1,4 +1,4 @@
-module.exports = {
+var colors = {
   primitives: {
     gray: {
       lightest: "var(--sk-colors-primitives-gray-lightest)",
@@ -641,4 +641,5 @@ module.exports = {
     }
   }
 };
+export { colors };
 //# sourceMappingURL=colors.js.map

package/dist/esm/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","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/esm/components/accordion.js

@@ -1,4 +1,4 @@
-module.exports = Accordion = () => ({
+export var Accordion = () => ({
   '.sk-disclosure': {
     '&-header': {
       '@apply mt-6 mb-8': {},
@@ -12,48 +12,96 @@ module.exports = 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': {},
@@ -70,14 +118,39 @@ module.exports = 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/esm/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,GAAGA,CAAA,MAAO;EAClC,gBAAgB,EAAE;IAChB,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC,CAAC;MACtB,gCAAgC,EAAE,CAAC,CAAC;MACpC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,GAAG,EAAE;QACH,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iBAAiB,EAAE;QACjB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,QAAQ,EAAE;QACR,gBAAgB,EAAE,CAAC,CAAC;QACpBC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,uBAAuB,EAAE,CAAC,CAAC;QAC3B,GAAG,EAAE;UACH,uBAAuB,EAAE,CAAC;QAC5B;MACF;IACF,CAAC;IAED,MAAM,EAAE;MACN,sBAAsB,EAAE;QACtB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC,CAAC;QACjB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,4BAA4B,EAAE;QAC5B,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IACD,MAAM,EAAE;MACN,sBAAsB,EAAE;QACtB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC,CAAC;QACjB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,4BAA4B,EAAE;QAC5B,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IACD,UAAU,EAAE;MACV,0CAA0C,EAAE,CAAC,CAAC;MAC9C,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,SAAS,EAAE;MACT,4BAA4B,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ,EAAE;MACR,sBAAsB,EAAE,CAAC,CAAC;MAC1B,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,4BAA4B,EAAE,CAAC,CAAC;MAChCC,kBAAkB,EAAE,qCAAqC;MACzDC,wBAAwB,EAAE,8BAA8B;MACxDC,kBAAkB,EAAE,OAAO;MAE3B,8CAA8C,EAAE;QAC9C,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gDAAgD,EAAE;QAChD,4BAA4B,EAAE,CAAC;MACjC;IACF,CAAC;IAED,WAAW,EAAE;MACX,qBAAqB,EAAE;QACrB,gDAAgD,EAAE,CAAC;MACrD,CAAC;MACD,sBAAsB,EAAE;QACtB,kCAAkC,EAAE,CAAC;MACvC;IACF;EACF,CAAC;EACD,eAAe,EAAE;IACf,QAAQ,EAAE;MACR,gBAAgB,EAAE;QAChBF,kBAAkB,EAAE,QAAQ;QAC5BE,kBAAkB,EAAE,OAAO;QAC3B,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,6BAA6B,EAAE;QAC7B,6BAA6B,EAAE,CAAC;MAClC;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"accordion.js","names":["Accordion","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/esm/components/alert-banner.js

@@ -18,7 +18,7 @@ module.exports = Modal = () => ({
     }
   },
   '.tab': {
-    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
   }
 });
 //# sourceMappingURL=alert-banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,sGAAsG,EAAE,CAAC;EAC3G;AACF,CAAC,CAAC"}
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,mGAAmG,EAAE,CAAC;EACxG;AAEF,CAAC,CAAC"}

package/dist/esm/components/alert.js

@@ -47,7 +47,7 @@ function alertCloseButton(colors) {
     }), {}))
   };
 }
-module.exports = Alert = colors => _extends({
+export var Alert = colors => _extends({
   '.alert': {
     '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-small': {}
   }

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","alertSolid","alertLeftAccent","alertCloseButton","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,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,wBAAqB,CAAC,CAAC;QAEzE,2BAA2B,EAAE,CAAC,CAAC;QAC/B,+BAA+B,EAAE,CAAC;MACpC;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,UAAUA,CAACL,MAAM,EAAE;EAC1B,OAAO;IACL,cAAc,EAAAC,QAAA;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC;IAAC,GAEpBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,gCAA2BA,KAAK,0CAAuC,CAAC;MAC7F;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASE,eAAeA,CAACN,MAAM,EAAE;EAC/B,OAAO;IACL,oBAAoB,EAAAC,QAAA;MAClB,gCAAgC,EAAE,CAAC,CAAC;MACpC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,mCAAiCA,KAAK,wBAAqB,CAAC;MAC9D;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASG,gBAAgBA,CAACP,MAAM,EAAE;EAChC,OAAO;IACL,qBAAqB,EAAAC,QAAA;MACnB,gEAAgE,EAAE,CAAC,CAAC;MACpE,gDAAgD,EAAE,CAAC;IAAC,GAEjDD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO,CAAC;IAAC,EAChC,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEAI,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAIV,MAAM,IAAAC,QAAA;EAC9B,QAAQ,EAAE;IACR,+EAA+E,EAAE,CAAC;EACpF;AAAC,GAGEF,WAAW,CAACC,MAAM,CAAC,EACnBK,UAAU,CAACL,MAAM,CAAC,EAClBM,eAAe,CAACN,MAAM,CAAC,EAGvBO,gBAAgB,CAACP,MAAM,CAAC,CAC3B"}
+{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","alertSolid","alertLeftAccent","alertCloseButton","Alert"],"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,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,wBAAqB,CAAC,CAAC;QAEzE,2BAA2B,EAAE,CAAC,CAAC;QAC/B,+BAA+B,EAAE,CAAC;MACpC;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASC,UAAUA,CAACL,MAAgB,EAAE;EACpC,OAAO;IACL,cAAc,EAAAC,QAAA;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC;IAAC,GAEpBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,gCAA2BA,KAAK,0CAAuC,CAAC;MAC7F;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASE,eAAeA,CAACN,MAAgB,EAAE;EACzC,OAAO;IACL,oBAAoB,EAAAC,QAAA;MAClB,gCAAgC,EAAE,CAAC,CAAC;MACpC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,mCAAiCA,KAAK,wBAAqB,CAAC;MAC9D;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,SAASG,gBAAgBA,CAACP,MAAgB,EAAE;EAC1C,OAAO;IACL,qBAAqB,EAAAC,QAAA;MACnB,gEAAgE,EAAE,CAAC,CAAC;MACpE,gDAAgD,EAAE,CAAC;IAAC,GAEjDD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO,CAAC;IAAC,EAChC,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,OAAO,IAAMI,KAAK,GAAIR,MAAgB,IAAAC,QAAA;EACpC,QAAQ,EAAE;IACR,+EAA+E,EAAE,CAAC;EACpF;AAAC,GAGEF,WAAW,CAACC,MAAM,CAAC,EACnBK,UAAU,CAACL,MAAM,CAAC,EAClBM,eAAe,CAACN,MAAM,CAAC,EAGvBO,gBAAgB,CAACP,MAAM,CAAC,CAC3B"}

package/dist/esm/components/avatar.js

@@ -1,5 +1,5 @@
 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 = colors => ({
+export var Avatar = colors => ({
   '.sk-avatar': _extends({
     '@apply inline-flex': {},
     '@apply justify-center items-center': {},

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["module","exports","Avatar","colors","_extends","reduce","styles","color"],"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,GAAIC,MAAM,KAAM;EACrC,YAAY,EAAAC,QAAA;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,oEAAoE,EAAE,CAAC,CAAC;IACxE,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,0FAA0F,EAAE,CAAC,CAAC;MAC9F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,kFAAkF,EAAE,CAAC,CAAC;MACtF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,OAAO,EAAE;MACP,sFAAsF,EAAE,CAAC,CAAC;MAC1F,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,8BAAyBA,KAAK,qBAAkB,CAAC;MACtE;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,OAAO,EAAE;MACP,2CAA2C,EAAE,CAAC;IAChD;EAAC;AAEL,CAAC,CAAC"}
+{"version":3,"file":"avatar.js","names":["Avatar","colors","_extends","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,YAAY,EAAAC,QAAA;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,oEAAoE,EAAE,CAAC,CAAC;IACxE,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,0FAA0F,EAAE,CAAC,CAAC;MAC9F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,kFAAkF,EAAE,CAAC,CAAC;MACtF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,OAAO,EAAE;MACP,sFAAsF,EAAE,CAAC,CAAC;MAC1F,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,8BAAyBA,KAAK,qBAAkB,CAAC;MACtE;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,OAAO,EAAE;MACP,2CAA2C,EAAE,CAAC;IAChD;EAAC;AAEL,CAAC,CAAC"}

package/dist/esm/components/badge.js

@@ -1,5 +1,5 @@
 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 = colors => ({
+export var Badge = colors => ({
   '.sk-badge': _extends({
     '@apply inline-flex': {},
     '@apply justify-center items-center': {},

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["module","exports","Badge","colors","_extends","reduce","styles","color"],"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,GAAIC,MAAM,KAAM;EACpC,WAAW,EAAAC,QAAA;IACT,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,2BAA2B,EAAE,CAAC,CAAC;IAC/B,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,8BAA8B,EAAE,CAAC,CAAC;IAClC,yBAAyB,EAAE,CAAC,CAAC;IAE7B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC;MAC1F;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,6DAA6D,EAAE,CAAC;MAClE;IACF;EAAC;AAEL,CAAC,CAAC"}
+{"version":3,"file":"badge.js","names":["Badge","colors","_extends","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,2BAA2B,EAAE,CAAC,CAAC;IAC/B,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,8BAA8B,EAAE,CAAC,CAAC;IAClC,yBAAyB,EAAE,CAAC,CAAC;IAE7B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC;MAC1F;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,6DAA6D,EAAE,CAAC;MAClE;IACF;EAAC;AAEL,CAAC,CAAC"}

package/dist/esm/components/breadcrumb.js

@@ -1,4 +1,4 @@
-module.exports = Breadcrumb = () => ({
+export var Breadcrumb = () => ({
   '.sk-breadcrumb': {
     '@apply text-body relative': {},
     '&-item': {

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["module","exports","Breadcrumb","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,GAAGA,CAAA,MAAO;EACnC,gBAAgB,EAAE;IAChB,2BAA2B,EAAE,CAAC,CAAC;IAE/B,QAAQ,EAAE;MACR,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,aAAa,EAAE;MACb,aAAa,EAAE,CAAC;IAClB;EACF,CAAC;EAED,qBAAqB,EAAE;IACrBC,IAAI,EAAE;MACJ,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,2BAA2B,CAAC;MAC9B;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,sCAAsC,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"breadcrumb.js","names":["Breadcrumb","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":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,2BAA2B,EAAE,CAAC,CAAC;IAE/B,QAAQ,EAAE;MACR,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,aAAa,EAAE;MACb,aAAa,EAAE,CAAC;IAClB;EACF,CAAC;EAED,qBAAqB,EAAE;IACrBC,IAAI,EAAE;MACJ,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,2BAA2B,CAAC;MAC9B;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,sCAAsC,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-module.exports = ButtonGroup = () => ({
+export var ButtonGroup = () => ({
   '.sk-btn-group': {
     '@apply inline-flex items-center': {},
     '&.sk-btn-group-attached': {

package/dist/esm/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,GAAGA,CAAA,MAAO;EACpC,eAAe,EAAE;IACf,iCAAiC,EAAE,CAAC,CAAC;IAErC,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC,CAAC;MAEvB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,oCAAoC,EAAE;QACpC,2CAA2C,EAAE,CAAC;MAChD,CAAC;MAED,UAAU,EAAE;QACV,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IAED,WAAW,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1CC,EAAE,EAAE;QACF,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"button-group.js","names":["ButtonGroup","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":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,eAAe,EAAE;IACf,iCAAiC,EAAE,CAAC,CAAC;IAErC,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC,CAAC;MAEvB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,oCAAoC,EAAE;QACpC,2CAA2C,EAAE,CAAC;MAChD,CAAC;MAED,UAAU,EAAE;QACV,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IAED,WAAW,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1CC,EAAE,EAAE;QACF,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/button.js

@@ -140,7 +140,7 @@ function buttonLink(colors) {
     }), {}))
   };
 }
-module.exports = Button = colors => ({
+export var Button = colors => ({
   '.sk-btn': _extends({
     '@apply box-border': {},
     '@apply border-2 border-transparent': {},