@sk-web-gui/core 0.1.93 → 1.0.1

package/dist/cjs/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["withOpacity","require","module","exports","primary","DEFAULT","dark","light","active","secondary","success","info","warning","error","neutral","whiteAlpha","blackAlpha"],"sources":["../../src/colors.js"],"sourcesContent":["// File unused\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n  primary: {\r\n    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-primary-dark'),\r\n    light: withOpacity('--vc-colors-primary-light'),\r\n    active: withOpacity('--vc-colors-primary-active'),\r\n    50: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    100: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    200: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    300: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    400: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    500: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    600: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    700: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    800: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    900: withOpacity('--vc-colors-primary-DEFAULT'),\r\n  },\r\n\r\n  secondary: {\r\n    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-secondary-dark'),\r\n    light: withOpacity('--vc-colors-secondary-light'),\r\n    active: withOpacity('--vc-colors-secondary-active'),\r\n    50: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    100: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    200: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    300: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    400: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    500: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    600: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    700: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    800: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    900: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n  },\r\n\r\n  success: {\r\n    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-success-dark'),\r\n    light: withOpacity('--vc-colors-success-light'),\r\n    active: withOpacity('--vc-colors-success-active'),\r\n    50: withOpacity('--vc-colors-success-DEFAULT'),\r\n    100: withOpacity('--vc-colors-success-DEFAULT'),\r\n    200: withOpacity('--vc-colors-success-DEFAULT'),\r\n    300: withOpacity('--vc-colors-success-DEFAULT'),\r\n    400: withOpacity('--vc-colors-success-DEFAULT'),\r\n    500: withOpacity('--vc-colors-success-DEFAULT'),\r\n    600: withOpacity('--vc-colors-success-DEFAULT'),\r\n    700: withOpacity('--vc-colors-success-DEFAULT'),\r\n    800: withOpacity('--vc-colors-success-DEFAULT'),\r\n    900: withOpacity('--vc-colors-success-DEFAULT'),\r\n  },\r\n\r\n  info: {\r\n    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-info-dark'),\r\n    light: withOpacity('--vc-colors-info-light'),\r\n    active: withOpacity('--vc-colors-info-active'),\r\n    50: withOpacity('--vc-colors-info-DEFAULT'),\r\n    100: withOpacity('--vc-colors-info-DEFAULT'),\r\n    200: withOpacity('--vc-colors-info-DEFAULT'),\r\n    300: withOpacity('--vc-colors-info-DEFAULT'),\r\n    400: withOpacity('--vc-colors-info-DEFAULT'),\r\n    500: withOpacity('--vc-colors-info-DEFAULT'),\r\n    600: withOpacity('--vc-colors-info-DEFAULT'),\r\n    700: withOpacity('--vc-colors-info-DEFAULT'),\r\n    800: withOpacity('--vc-colors-info-DEFAULT'),\r\n    900: withOpacity('--vc-colors-info-DEFAULT'),\r\n  },\r\n\r\n  warning: {\r\n    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-warning-dark'),\r\n    light: withOpacity('--vc-colors-warning-light'),\r\n    active: withOpacity('--vc-colors-warning-active'),\r\n    50: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    100: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    200: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    300: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    400: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    500: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    600: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    700: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    800: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    900: withOpacity('--vc-colors-warning-DEFAULT'),\r\n  },\r\n\r\n  error: {\r\n    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-error-dark'),\r\n    light: withOpacity('--vc-colors-error-light'),\r\n    active: withOpacity('--vc-colors-error-active'),\r\n    50: withOpacity('--vc-colors-error-DEFAULT'),\r\n    100: withOpacity('--vc-colors-error-DEFAULT'),\r\n    200: withOpacity('--vc-colors-error-DEFAULT'),\r\n    300: withOpacity('--vc-colors-error-DEFAULT'),\r\n    400: withOpacity('--vc-colors-error-DEFAULT'),\r\n    500: withOpacity('--vc-colors-error-DEFAULT'),\r\n    600: withOpacity('--vc-colors-error-DEFAULT'),\r\n    700: withOpacity('--vc-colors-error-DEFAULT'),\r\n    800: withOpacity('--vc-colors-error-DEFAULT'),\r\n    900: withOpacity('--vc-colors-error-DEFAULT'),\r\n  },\r\n\r\n  neutral: {\r\n    DEFAULT: withOpacity('--vc-colors-neutral'),\r\n    50: withOpacity('--vc-colors-neutral-50'),\r\n    100: withOpacity('--vc-colors-neutral-100'),\r\n    200: withOpacity('--vc-colors-neutral-200'),\r\n    300: withOpacity('--vc-colors-neutral-300'),\r\n    400: withOpacity('--vc-colors-neutral-400'),\r\n    500: withOpacity('--vc-colors-neutral-500'),\r\n    600: withOpacity('--vc-colors-neutral-600'),\r\n    700: withOpacity('--vc-colors-neutral-700'),\r\n    800: withOpacity('--vc-colors-neutral-800'),\r\n    900: withOpacity('--vc-colors-neutral-900'),\r\n  },\r\n\r\n  whiteAlpha: {\r\n    50: 'rgba(255, 255, 255, 0.04)',\r\n    100: 'rgba(255, 255, 255, 0.06)',\r\n    200: 'rgba(255, 255, 255, 0.08)',\r\n    300: 'rgba(255, 255, 255, 0.16)',\r\n    400: 'rgba(255, 255, 255, 0.24)',\r\n    500: 'rgba(255, 255, 255, 0.36)',\r\n    600: 'rgba(255, 255, 255, 0.48)',\r\n    700: 'rgba(255, 255, 255, 0.64)',\r\n    800: 'rgba(255, 255, 255, 0.80)',\r\n    900: 'rgba(255, 255, 255, 0.92)',\r\n  },\r\n\r\n  blackAlpha: {\r\n    50: 'rgba(0, 0, 0, 0.04)',\r\n    100: 'rgba(0, 0, 0, 0.06)',\r\n    200: 'rgba(0, 0, 0, 0.08)',\r\n    300: 'rgba(0, 0, 0, 0.16)',\r\n    400: 'rgba(0, 0, 0, 0.24)',\r\n    500: 'rgba(0, 0, 0, 0.36)',\r\n    600: 'rgba(0, 0, 0, 0.48)',\r\n    700: 'rgba(0, 0, 0, 0.64)',\r\n    800: 'rgba(0, 0, 0, 0.80)',\r\n    900: 'rgba(0, 0, 0, 0.92)',\r\n  },\r\n};\r\n"],"mappings":"AAAA;AACA,IAAMA,WAAW,GAAGC,OAAO,CAAC,gBAAgB,CAAC;AAE7CC,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAE;IACPC,OAAO,EAAEL,WAAW,CAAC,6BAA6B,CAAC;IACnDM,IAAI,EAAEN,WAAW,CAAC,0BAA0B,CAAC;IAC7CO,KAAK,EAAEP,WAAW,CAAC,2BAA2B,CAAC;IAC/CQ,MAAM,EAAER,WAAW,CAAC,4BAA4B,CAAC;IACjD,EAAE,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC9C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B;EAChD,CAAC;EAEDS,SAAS,EAAE;IACTJ,OAAO,EAAEL,WAAW,CAAC,+BAA+B,CAAC;IACrDM,IAAI,EAAEN,WAAW,CAAC,4BAA4B,CAAC;IAC/CO,KAAK,EAAEP,WAAW,CAAC,6BAA6B,CAAC;IACjDQ,MAAM,EAAER,WAAW,CAAC,8BAA8B,CAAC;IACnD,EAAE,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IAChD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B,CAAC;IACjD,GAAG,EAAEA,WAAW,CAAC,+BAA+B;EAClD,CAAC;EAEDU,OAAO,EAAE;IACPL,OAAO,EAAEL,WAAW,CAAC,6BAA6B,CAAC;IACnDM,IAAI,EAAEN,WAAW,CAAC,0BAA0B,CAAC;IAC7CO,KAAK,EAAEP,WAAW,CAAC,2BAA2B,CAAC;IAC/CQ,MAAM,EAAER,WAAW,CAAC,4BAA4B,CAAC;IACjD,EAAE,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC9C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B;EAChD,CAAC;EAEDW,IAAI,EAAE;IACJN,OAAO,EAAEL,WAAW,CAAC,0BAA0B,CAAC;IAChDM,IAAI,EAAEN,WAAW,CAAC,uBAAuB,CAAC;IAC1CO,KAAK,EAAEP,WAAW,CAAC,wBAAwB,CAAC;IAC5CQ,MAAM,EAAER,WAAW,CAAC,yBAAyB,CAAC;IAC9C,EAAE,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,0BAA0B;EAC7C,CAAC;EAEDY,OAAO,EAAE;IACPP,OAAO,EAAEL,WAAW,CAAC,6BAA6B,CAAC;IACnDM,IAAI,EAAEN,WAAW,CAAC,0BAA0B,CAAC;IAC7CO,KAAK,EAAEP,WAAW,CAAC,2BAA2B,CAAC;IAC/CQ,MAAM,EAAER,WAAW,CAAC,4BAA4B,CAAC;IACjD,EAAE,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC9C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B,CAAC;IAC/C,GAAG,EAAEA,WAAW,CAAC,6BAA6B;EAChD,CAAC;EAEDa,KAAK,EAAE;IACLR,OAAO,EAAEL,WAAW,CAAC,2BAA2B,CAAC;IACjDM,IAAI,EAAEN,WAAW,CAAC,wBAAwB,CAAC;IAC3CO,KAAK,EAAEP,WAAW,CAAC,yBAAyB,CAAC;IAC7CQ,MAAM,EAAER,WAAW,CAAC,0BAA0B,CAAC;IAC/C,EAAE,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC5C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B,CAAC;IAC7C,GAAG,EAAEA,WAAW,CAAC,2BAA2B;EAC9C,CAAC;EAEDc,OAAO,EAAE;IACPT,OAAO,EAAEL,WAAW,CAAC,qBAAqB,CAAC;IAC3C,EAAE,EAAEA,WAAW,CAAC,wBAAwB,CAAC;IACzC,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB,CAAC;IAC3C,GAAG,EAAEA,WAAW,CAAC,yBAAyB;EAC5C,CAAC;EAEDe,UAAU,EAAE;IACV,EAAE,EAAE,2BAA2B;IAC/B,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE,2BAA2B;IAChC,GAAG,EAAE;EACP,CAAC;EAEDC,UAAU,EAAE;IACV,EAAE,EAAE,qBAAqB;IACzB,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE;EACP;AACF,CAAC"}
+{"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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"}

package/dist/cjs/components/accordion.js

@@ -1,151 +1,85 @@
-module.exports = Accordion = function Accordion(colors) {
+module.exports = Accordion = function Accordion() {
   return {
     '.sk-disclosure': {
-      '&:has(&-header:focus-visible)': {
-        '@apply outline': {}
-      },
       '&-header': {
+        '@apply mt-6 mb-8': {},
         '@apply flex flex-col text-left': {},
-        '[aria-expanded="true"] &': {
-          '@apply bg-hover': {}
+        '@apply cursor-pointer': {},
+        '*': {
+          '@apply cursor-pointer': {}
         },
         '&:focus-visible': {
           '@apply outline-0': {}
         },
         '&-icon': {
-          '@apply ml-auto !text-2xl': {},
+          '@apply ml-auto': {},
           svg: {
-            '@apply !text-2xl': {}
+            '@apply w-20 h-20': {}
+          }
+        },
+        '&[data-disabled="true"]': {
+          '@apply text-dark-disabled': {},
+          '@apply cursor-default': {},
+          '*': {
+            '@apply cursor-default': {}
           }
         }
       },
-      '&-is-open &-header': {
-        '@apply bg-hover': {}
+      '&-sm': {
+        '.sk-disclosure-title': {
+          '@apply text-h4-sm font-bold': {}
+        },
+        '.sk-disclosure-toggle': {
+          '@apply py-4': {},
+          '@apply h-40': {}
+        },
+        '.sk-disclosure-header-icon': {
+          '@apply w-32 h-32': {}
+        }
       },
-      '&-toggle': {
-        '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},
-        fontWeight: 'bold',
+      '&-md': {
         '.sk-disclosure-title': {
-          '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {}
+          '@apply text-h4-md font-bold': {}
+        },
+        '.sk-disclosure-toggle': {
+          '@apply py-8': {},
+          '@apply h-56': {}
         },
-        '.sk-disclosure-subtitle': {
-          '@apply m-0 mr-md text-sm font-normal': {}
+        '.sk-disclosure-header-icon': {
+          '@apply w-40 h-40': {}
         }
       },
+      '&-toggle': {
+        '@apply flex items-center justify-between': {},
+        '@apply gap-16': {}
+      },
+      '&-title': {
+        '@apply text-dark-secondary': {}
+      },
       '&-body': {
+        '@apply flex flex-col': {},
+        '@apply mb-32': {},
+        '@apply mr-32': {},
+        '@apply gap-8': {},
+        '@apply py-0': {},
         '@apply h-0 overflow-hidden': {},
         transitionProperty: 'visibility, height, padding, margin',
         transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
         transitionDuration: '180ms',
         '&[aria-hidden="true"], &[data-hidden="true"]': {
-          '@apply my-0 invisible': {}
+          '@apply my-0 invisible h-0': {}
         },
         '&[aria-hidden="false"], &[data-hidden="false"]': {
-          '@apply block h-auto visible': {}
-        }
-      },
-      '&-solid': {
-        '@apply border border-primary': {},
-        '.sk-disclosure-header': {
-          '@apply bg-primary text-white': {},
-          '[aria-expanded="true"] &': {
-            '@apply bg-hover': {}
-          }
-        }
-      },
-      '&-solid[data-alert="true"], &-outline[data-alert="true"]': {
-        '@apply border border-warning': {},
-        '.sk-disclosure-header:not([data-disabled="true"])': {
-          '@apply bg-warning-light text-warning': {},
-          '[aria-expanded="true"] &': {
-            '@apply bg-warning-light': {}
-          }
-        }
-      },
-      '&-solid[data-error="true"], &-outline[data-error="true"]': {
-        '@apply border border-error': {},
-        '.sk-disclosure-header:not([data-disabled="true"])': {
-          '@apply bg-error-light text-error': {},
-          '[aria-expanded="true"] &': {
-            '@apply bg-error-light': {}
-          }
+          '@apply block h-max visible': {}
         }
       },
       '&-is-open': {
-        '@apply border border-gray-stroke': {},
-        '& .sk-disclosure-header': {
-          '@apply bg-hover text-white': {}
-        },
-        '&[data-alert="true"]': {
-          '@apply border border-warning': {},
-          '& .sk-disclosure-header': {
-            '@apply border-b border-warning': {}
-          }
-        },
-        '&[data-error="true"]': {
-          '@apply border border-error': {},
-          '& .sk-disclosure-header': {
-            '@apply border-b border-error': {}
-          }
-        }
-      },
-      '&-is-open &-body': {
-        '@apply overflow-visible animate-reset-overflow': {}
-      },
-      '&-outline': {
-        '@apply border border-gray-stroke': {},
-        '&:not([data-error="true"]):not([data-alert="true"]) .sk-disclosure-body': {
-          '@apply mt-0': {}
-        },
-        '.sk-disclosure-toggle': {},
-        '.sk-disclosure-header': {
-          '@apply bg-transparent text-body': {},
-          '[aria-expanded="true"] &': {
-            '@apply bg-hover': {}
-          }
-        }
-      },
-      '&-plain': {
-        '@apply border-0': {},
-        '&:has(.sk-disclosure-header:focus-visible)': {
-          '@apply outline-offset-4': {}
-        },
-        '.sk-disclosure-header': {
-          '@apply bg-transparent text-body': {},
-          '[aria-expanded="true"] &': {
-            '@apply bg-hover': {}
-          },
-          '&[data-disabled="true"]': {
-            '@apply bg-transparent text-gray-stroke': {}
-          },
-          '.sk-disclosure-toggle': {
-            '@apply mx-0': {}
-          }
-        },
         '.sk-disclosure-body': {
-          '@apply m-0': {}
+          '@apply overflow-visible animate-reset-overflow': {}
         },
-        '&[data-alert="true"]': {
-          '@apply border-0': {},
-          '.sk-disclosure-header': {
-            '@apply border-0 text-warning': {}
-          }
-        },
-        '&[data-error="true"]': {
-          '@apply border-0': {},
-          '.sk-disclosure-header': {
-            '@apply border-0 text-error': {}
-          }
+        '.sk-disclosure-title': {
+          '@apply text-vattjom-text-primary': {}
         }
-      },
-      '&-disabled, &-disabled [role="button"]': {
-        '@apply disabled:cursor-not-allowed cursor-not-allowed': {}
-      },
-      '&-header[data-disabled="true"]': {
-        '@apply bg-gray-lighter text-gray-stroke': {}
-      },
-      '&-disabled, &&-disabled': {
-        '@apply border-gray': {}
       }
     },
     '.sk-accordion': {
@@ -153,32 +87,9 @@ module.exports = Accordion = function Accordion(colors) {
         '.sk-disclosure': {
           transitionProperty: 'margin',
           transitionDuration: '180ms',
-          '&-disabled': {
-            '@apply border-x-transparent border-y-transparent': {}
-          },
-          '&-plain, &-plain[data-disabled="true"]': {
-            '@apply border border-transparent border-b-gray-stroke': {}
-          },
-          '&-solid[data-open="false"]': {
-            '@apply border-white': {},
-            '&[data-disabled="true"]': {
-              '@apply border-x-transparent border-y-transparent': {}
-            }
-          },
-          '&[data-open="true"]:not(&-plain)': {
-            '@apply mt-md mb-md': {}
-          }
-        },
-        '&:not(:first-child)': {
-          '@apply mt-[-1px]': {}
-        },
-        '&:first-child .sk-disclosure[data-open="true"]:not(.sk-disclosure-plain)': {
-          '@apply mt-0 mb-md': {}
-        },
-        '&:last-child .sk-disclosure[data-open="true"]:not(.sk-disclosure-plain)': {
-          '@apply mt-md mb-0': {}
+          '@apply border-b-1 border-divider': {}
         },
-        '&:last-child .sk-disclosure-plain': {
+        '&:last-child .sk-disclosure': {
           '@apply border-b-transparent': {}
         }
       }

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

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

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

@@ -19,7 +19,7 @@ module.exports = Modal = function Modal() {
       }
     },
     '.tab': {
-      '@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]': {}
+      '@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]': {}
     }
   };
 };

package/dist/cjs/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-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,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,mGAAmG,EAAE,CAAC;IACxG;EAEF,CAAC;AAAA,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-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,sGAAsG,EAAE,CAAC;IAC3G;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/alert.js

@@ -6,7 +6,7 @@ function alertSubtle(colors) {
       '@apply text-body': {}
     }, colors.reduce(function (styles, color) {
       var _ref, _extends2;
-      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-50 border-" + color + "-500"] = {}, _ref["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"] = {}, _ref['@apply dark:bg-opacity-15'] = {}, _ref['@apply dark:border-opacity-40'] = {}, _ref), _extends2));
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-background-100 border-" + color + "-surface-primary"] = {}, _ref['@apply dark:bg-opacity-15'] = {}, _ref['@apply dark:border-opacity-40'] = {}, _ref), _extends2));
     }, {}))
   };
 }
@@ -17,7 +17,7 @@ function alertSolid(colors) {
       '@apply text-white': {}
     }, colors.reduce(function (styles, color) {
       var _ref2, _extends3;
-      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color + "-500 border-" + color + "-700 border-opacity-20"] = {}, _ref2["@apply dark:bg-" + color + "-600 dark:border-" + color + "-500"] = {}, _ref2['@apply dark:border-opacity-40'] = {}, _ref2), _extends3));
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color + "-surface-primary border-" + color + "-surface-primary border-opacity-20"] = {}, _ref2), _extends3));
     }, {}))
   };
 }
@@ -28,7 +28,7 @@ function alertLeftAccent(colors) {
       '@apply text-body': {}
     }, colors.reduce(function (styles, color) {
       var _ref3, _extends4;
-      return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply bg-transparent border-" + color + "-500"] = {}, _ref3["@apply dark:text-" + color + "-300"] = {}, _ref3), _extends4));
+      return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply bg-transparent border-" + color + "-surface-primary"] = {}, _ref3), _extends4));
     }, {}))
   };
 }
@@ -38,15 +38,15 @@ function alertCloseButton(colors) {
       '@apply absolute right-4 cursor-base focus-visible:outline-none': {},
       '@apply text-neutral-600 hover:text-neutral-700': {}
     }, colors.reduce(function (styles, color) {
-      var _ref4, _extends5;
-      return _extends({}, styles, (_extends5 = {}, _extends5["&[data-color=\"" + color + "\"]"] = (_ref4 = {}, _ref4["@apply dark:text-" + color + "-300 dark:hover:text-" + color + "-400"] = {}, _ref4), _extends5));
+      var _extends5;
+      return _extends({}, styles, (_extends5 = {}, _extends5["&[data-color=\"" + color + "\"]"] = {}, _extends5));
     }, {}))
   };
 }
 module.exports = Alert = function Alert(colors) {
   return _extends({
     '.alert': {
-      '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {}
+      '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-small': {}
     }
   }, alertSubtle(colors), alertSolid(colors), alertLeftAccent(colors), alertCloseButton(colors));
 };

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

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

package/dist/cjs/components/avatar.js

@@ -1,69 +1,34 @@
-module.exports = Avatar = function Avatar() {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = Avatar = function Avatar(colors) {
   return {
-    '.avatar': {
-      '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},
-      '@apply bg-neutral-300 text-neutral-800': {},
-      // dark colors
-      '@apply dark:bg-neutral-600 dark:text-neutral-100': {},
-      '&-2xs': {
-        '@apply w-4 h-4': {}
-      },
-      '&-xs': {
-        '@apply w-5 h-5': {}
-      },
-      '&-sm': {
-        '@apply w-6 h-6': {}
-      },
-      '&-md': {
-        '@apply w-7 h-7': {}
-      },
-      '&-lg': {
-        '@apply w-8 h-8': {}
-      },
-      '&-xl': {
-        '@apply w-10 h-10': {}
-      },
-      '&-2xl': {
-        '@apply w-12 h-12': {}
-      },
-      '&-3xl': {
-        '@apply w-16 h-16': {}
+    '.sk-avatar': _extends({
+      '@apply inline-flex': {},
+      '@apply justify-center items-center': {},
+      '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+      '@apply overflow-hidden': {},
+      '&[data-rounded="true"]': {
+        '@apply rounded-circular': {}
+      },
+      '&&-sm': {
+        '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},
+        '@apply text-label-small': {}
+      },
+      '&&-md': {
+        '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {},
+        '@apply text-label-medium': {}
+      },
+      '&&-lg': {
+        '@apply h-[6.4rem] w-[6.4rem] min-h-[4rem] max-h-[6.4rem] min-w-[4rem] max-w-[6.4rem]': {},
+        '@apply text-label-large': {}
       }
-    },
-    '.avatar-bordered': {
-      '@apply border-2 border-white': {},
-      '@apply dark:border-neutral-800': {}
-    },
-    '.avatar-name': {
-      '@apply font-medium text-center uppercase': {},
-      '&-2xs': {
-        '@apply w-4 h-4': {}
-      },
-      '&-xs': {
-        '@apply w-5 h-5': {}
-      },
-      '&-sm': {
-        '@apply w-6 h-6': {}
-      },
-      '&-md': {
-        '@apply w-7 h-7': {}
-      },
-      '&-lg': {
-        '@apply w-8 h-8': {}
-      },
-      '&-xl': {
-        '@apply w-10 h-10': {}
-      },
-      '&-2xl': {
-        '@apply w-12 h-12': {}
-      },
-      '&-3xl': {
-        '@apply w-16 h-16': {}
+    }, colors.reduce(function (styles, color) {
+      var _dataAccentTrue, _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary  text-" + color + "-text-secondary"] = {}, _ref['&[data-accent="true"]'] = (_dataAccentTrue = {}, _dataAccentTrue["@apply bg-" + color + "-surface-accent  text-" + color + "-text-primary"] = {}, _dataAccentTrue), _ref), _extends2));
+    }, {}), {
+      '&-img': {
+        '@apply min-w-full min-h-full object-cover': {}
       }
-    },
-    '.avatar-group': {
-      '@apply flex items-center justify-end flex-row-reverse': {}
-    }
+    })
   };
 };
 //# sourceMappingURL=avatar.js.map