@sk-web-gui/core 0.1.93 → 1.0.1

package/dist/esm/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":"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"}
+{"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/esm/components/accordion.js

@@ -1,150 +1,84 @@
-module.exports = Accordion = colors => ({
+module.exports = Accordion = () => ({
   '.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': {
@@ -152,32 +86,9 @@ module.exports = 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/esm/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,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"}

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-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]': {}
   }
 });
 //# 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-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"}
+{"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"}

package/dist/esm/components/alert.js

@@ -6,8 +6,7 @@ function alertSubtle(colors) {
       '@apply text-body': {}
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color + "-50 border-" + color + "-500"]: {},
-        ["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"]: {},
+        ["@apply bg-" + color + "-background-100 border-" + color + "-surface-primary"]: {},
         '@apply dark:bg-opacity-15': {},
         '@apply dark:border-opacity-40': {}
       }
@@ -21,9 +20,7 @@ function alertSolid(colors) {
       '@apply text-white': {}
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color + "-500 border-" + color + "-700 border-opacity-20"]: {},
-        ["@apply dark:bg-" + color + "-600 dark:border-" + color + "-500"]: {},
-        '@apply dark:border-opacity-40': {}
+        ["@apply bg-" + color + "-surface-primary border-" + color + "-surface-primary border-opacity-20"]: {}
       }
     }), {}))
   };
@@ -35,8 +32,7 @@ function alertLeftAccent(colors) {
       '@apply text-body': {}
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-transparent border-" + color + "-500"]: {},
-        ["@apply dark:text-" + color + "-300"]: {}
+        ["@apply bg-transparent border-" + color + "-surface-primary"]: {}
       }
     }), {}))
   };
@@ -47,15 +43,13 @@ function alertCloseButton(colors) {
       '@apply absolute right-4 cursor-base focus-visible:outline-none': {},
       '@apply text-neutral-600 hover:text-neutral-700': {}
     }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply dark:text-" + color + "-300 dark:hover:text-" + color + "-400"]: {}
-      }
+      ["&[data-color=\"" + color + "\"]"]: {}
     }), {}))
   };
 }
 module.exports = Alert = colors => _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));
 //# sourceMappingURL=alert.js.map

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}-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":";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,mBAAcA,KAAK,YAAS,CAAC,CAAC;QAEjD,uBAAqBA,KAAK,qBAAgBA,KAAK,YAAS,CAAC,CAAC;QAC1D,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,oBAAeA,KAAK,8BAA2B,CAAC,CAAC;QAEpE,qBAAmBA,KAAK,yBAAoBA,KAAK,YAAS,CAAC,CAAC;QAC5D,+BAA+B,EAAE,CAAC;MACpC;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,YAAS,CAAC,CAAC;QAEjD,uBAAqBA,KAAK,YAAS,CAAC;MACtC;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;QAC5B,uBAAqBA,KAAK,6BAAwBA,KAAK,YAAS,CAAC;MACnE;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEAI,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAIV,MAAM,IAAAC,QAAA;EAC9B,QAAQ,EAAE;IACR,4EAA4E,EAAE,CAAC;EACjF;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","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"}

package/dist/esm/components/avatar.js

@@ -1,67 +1,36 @@
-module.exports = Avatar = () => ({
-  '.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': {}
+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 => ({
+  '.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((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply bg-" + color + "-surface-primary  text-" + color + "-text-secondary"]: {},
+      '&[data-accent="true"]': {
+        ["@apply bg-" + color + "-surface-accent  text-" + color + "-text-primary"]: {}
+      }
+    }
+  }), {}), {
+    '&-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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["module","exports","Avatar"],"sources":["../../../src/components/avatar.js"],"sourcesContent":["module.exports = Avatar = () => ({\r\n  '.avatar': {\r\n    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},\r\n    '@apply bg-neutral-300 text-neutral-800': {},\r\n    // dark colors\r\n    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-bordered': {\r\n    '@apply border-2 border-white': {},\r\n    '@apply dark:border-neutral-800': {},\r\n  },\r\n\r\n  '.avatar-name': {\r\n    '@apply font-medium text-center uppercase': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-group': {\r\n    '@apply flex items-center justify-end flex-row-reverse': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,SAAS,EAAE;IACT,8FAA8F,EAAE,CAAC,CAAC;IAClG,wCAAwC,EAAE,CAAC,CAAC;IAC5C;IACA,kDAAkD,EAAE,CAAC,CAAC;IAEtD,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB;EACF,CAAC;EAED,kBAAkB,EAAE;IAClB,8BAA8B,EAAE,CAAC,CAAC;IAClC,gCAAgC,EAAE,CAAC;EACrC,CAAC;EAED,cAAc,EAAE;IACd,0CAA0C,EAAE,CAAC,CAAC;IAE9C,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB;EACF,CAAC;EAED,eAAe,EAAE;IACf,uDAAuD,EAAE,CAAC;EAC5D;AACF,CAAC,CAAC"}
+{"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"}