@autofleet/theme 0.3.15 → 0.3.16

package/dist/main.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.css","names":[],"sources":["../src/spacing/spacing.css","../src/spacing/border-radius.css","../src/atomic-colors/color-properties.css","../src/atomic-colors/atomic-colors.css","../src/colors/color-properties.css","../src/colors/theme-autofleet.css","../src/colors/theme-whitelabel.css","../src/colors/theme-colors.css","../src/shadow/shadows.css","../src/fonts/atomic-fonts.css","../src/main.css"],"sourcesContent":[":root {\n  --theme-spacing-none: 0px;\n  --theme-spacing-xs: 2px;\n  --theme-spacing-sm: 4px;\n  --theme-spacing-md: 6px;\n  --theme-spacing-lg: 8px;\n  --theme-spacing-xl: 12px;\n  --theme-spacing-2xl: 16px;\n  --theme-spacing-3xl: 24px;\n  --theme-spacing-4xl: 32px;\n  --theme-spacing-5xl: 40px;\n  --theme-spacing-6xl: 48px;\n  --theme-spacing-7xl: 56px;\n  --theme-spacing-8xl: 64px;\n}\n",":root {\n  /* BORDER RADIUS */\n  --theme-border-radius-none: 0px;\n  --theme-border-radius-xs: 2px;\n  --theme-border-radius-sm: 4px;\n  --theme-border-radius-md: 6px;\n  --theme-border-radius-lg: 8px;\n  --theme-border-radius-xl: 16px;\n  --theme-border-radius-2xl: 24px;\n}\n","/* Neutral Colors */\n@property --theme-atomic-n-00 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 255, 255);\n}\n@property --theme-atomic-n-01 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(244, 245, 248);\n}\n@property --theme-atomic-n-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(173, 174, 186);\n}\n@property --theme-atomic-n-03 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(102, 105, 117);\n}\n@property --theme-atomic-n-04 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(52, 55, 64);\n}\n@property --theme-atomic-n-05 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(33, 34, 41);\n}\n@property --theme-atomic-n-opa {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(124, 134, 163);\n}\n@property --theme-atomic-n-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(124, 134, 163, 0.1);\n}\n@property --theme-atomic-n-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(124, 134, 163, 0.16);\n}\n@property --theme-atomic-n-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(124, 134, 163, 0.24);\n}\n@property --theme-atomic-n-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(125, 139, 172, 0.32);\n}\n@property --theme-atomic-n-00-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 255, 255, 0.32);\n}\n\n/* Brand Colors */\n@property --theme-atomic-brand {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(17, 164, 255);\n}\n@property --theme-atomic-brand-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 132, 214);\n}\n@property --theme-atomic-brand-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.1);\n}\n@property --theme-atomic-brand-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.16);\n}\n@property --theme-atomic-brand-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.24);\n}\n@property --theme-atomic-brand-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.32);\n}\n\n/* Blue Colors */\n@property --theme-atomic-b-01 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(231, 246, 255);\n}\n@property --theme-atomic-b-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(17, 164, 255);\n}\n@property --theme-atomic-b-03 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 132, 214);\n}\n@property --theme-atomic-b-04 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(30, 55, 75);\n}\n@property --theme-atomic-b-05 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(66, 183, 255);\n}\n@property --theme-atomic-b-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 75, 122);\n}\n@property --theme-atomic-b-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(158, 218, 255);\n}\n@property --theme-atomic-b-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.1);\n}\n@property --theme-atomic-b-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.16);\n}\n@property --theme-atomic-b-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.24);\n}\n@property --theme-atomic-b-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.32);\n}\n\n/* Green Colors */\n@property --theme-atomic-g-01 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(233, 248, 239);\n}\n@property --theme-atomic-g-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(37, 184, 97);\n}\n@property --theme-atomic-g-03 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(28, 140, 74);\n}\n@property --theme-atomic-g-04 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(34, 58, 50);\n}\n@property --theme-atomic-g-05 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(55, 215, 120);\n}\n@property --theme-atomic-g-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(17, 85, 44);\n}\n@property --theme-atomic-g-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(136, 231, 174);\n}\n@property --theme-atomic-g-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.1);\n}\n@property --theme-atomic-g-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.16);\n}\n@property --theme-atomic-g-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.24);\n}\n@property --theme-atomic-g-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.32);\n}\n\n/* Yellow Colors */\n@property --theme-atomic-y-01 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(254, 246, 231);\n}\n@property --theme-atomic-y-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(244, 156, 0);\n}\n@property --theme-atomic-y-03 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(214, 138, 5);\n}\n@property --theme-atomic-y-04 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(68, 55, 37);\n}\n@property --theme-atomic-y-05 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(251, 185, 70);\n}\n@property --theme-atomic-y-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(107, 68, 0);\n}\n@property --theme-atomic-y-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 210, 133);\n}\n@property --theme-atomic-y-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.1);\n}\n@property --theme-atomic-y-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.16);\n}\n@property --theme-atomic-y-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.24);\n}\n@property --theme-atomic-y-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.32);\n}\n\n/* Red Colors */\n@property --theme-atomic-r-01 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(254, 235, 236);\n}\n@property --theme-atomic-r-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(248, 55, 67);\n}\n@property --theme-atomic-r-03 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(197, 7, 19);\n}\n@property --theme-atomic-r-04 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(67, 37, 45);\n}\n@property --theme-atomic-r-05 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(249, 103, 112);\n}\n@property --theme-atomic-r-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(137, 6, 14);\n}\n@property --theme-atomic-r-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(248, 180, 186);\n}\n@property --theme-atomic-r-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.1);\n}\n@property --theme-atomic-r-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.16);\n}\n@property --theme-atomic-r-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.24);\n}\n@property --theme-atomic-r-opa-32 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.32);\n}\n\n/* Purple Colors */\n@property --theme-atomic-pu-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(143, 101, 255);\n}\n@property --theme-atomic-pu-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(58, 0, 219);\n}\n@property --theme-atomic-pu-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(209, 194, 255);\n}\n@property --theme-atomic-pu-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(143, 101, 255, 0.1);\n}\n@property --theme-atomic-pu-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(143, 101, 255, 0.16);\n}\n@property --theme-atomic-pu-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(143, 101, 255, 0.24);\n}\n\n/* Orange Colors */\n@property --theme-atomic-or-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 116, 87);\n}\n@property --theme-atomic-or-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(143, 24, 0);\n}\n@property --theme-atomic-or-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 198, 189);\n}\n@property --theme-atomic-or-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 116, 87, 0.1);\n}\n@property --theme-atomic-or-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 116, 87, 0.16);\n}\n@property --theme-atomic-or-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 116, 87, 0.24);\n}\n\n/* Turquoise Colors */\n@property --theme-atomic-tu-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 198, 181);\n}\n@property --theme-atomic-tu-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 82, 72);\n}\n@property --theme-atomic-tu-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 245, 224);\n}\n@property --theme-atomic-tu-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(0, 198, 181, 0.1);\n}\n@property --theme-atomic-tu-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(0, 198, 181, 0.16);\n}\n@property --theme-atomic-tu-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(0, 198, 181, 0.24);\n}\n\n/* Pink Colors */\n@property --theme-atomic-pi-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 85, 138);\n}\n@property --theme-atomic-pi-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(143, 0, 45);\n}\n@property --theme-atomic-pi-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 189, 210);\n}\n@property --theme-atomic-pi-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 85, 138, 0.1);\n}\n@property --theme-atomic-pi-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 85, 138, 0.16);\n}\n@property --theme-atomic-pi-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 85, 138, 0.24);\n}\n\n/* Ultramarine Colors */\n@property --theme-atomic-ul-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(84, 119, 255);\n}\n@property --theme-atomic-ul-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(0, 41, 204);\n}\n@property --theme-atomic-ul-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(184, 198, 255);\n}\n@property --theme-atomic-ul-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(84, 119, 255, 0.1);\n}\n@property --theme-atomic-ul-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(84, 119, 255, 0.16);\n}\n@property --theme-atomic-ul-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(84, 119, 255, 0.24);\n}\n\n/* Peach Colors */\n@property --theme-atomic-pe-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 147, 69);\n}\n@property --theme-atomic-pe-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(128, 53, 0);\n}\n@property --theme-atomic-pe-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 209, 179);\n}\n@property --theme-atomic-pe-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 147, 69, 0.1);\n}\n@property --theme-atomic-pe-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 147, 69, 0.16);\n}\n@property --theme-atomic-pe-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(255, 147, 69, 0.24);\n}\n\n/* Apple Colors */\n@property --theme-atomic-ap-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(127, 185, 81);\n}\n@property --theme-atomic-ap-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(54, 81, 31);\n}\n@property --theme-atomic-ap-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(198, 225, 173);\n}\n@property --theme-atomic-ap-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(127, 185, 81, 0.1);\n}\n@property --theme-atomic-ap-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(127, 185, 81, 0.16);\n}\n@property --theme-atomic-ap-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(127, 185, 81, 0.24);\n}\n\n/* Bubblegum Colors */\n@property --theme-atomic-bu-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(238, 91, 197);\n}\n@property --theme-atomic-bu-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(135, 13, 100);\n}\n@property --theme-atomic-bu-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(249, 190, 234);\n}\n@property --theme-atomic-bu-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(238, 91, 197, 0.1);\n}\n@property --theme-atomic-bu-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(238, 91, 197, 0.16);\n}\n@property --theme-atomic-bu-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(238, 91, 197, 0.24);\n}\n\n/* Ocher Colors */\n@property --theme-atomic-oc-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(251, 171, 0);\n}\n@property --theme-atomic-oc-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(102, 70, 0);\n}\n@property --theme-atomic-oc-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(255, 218, 138);\n}\n@property --theme-atomic-oc-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(251, 171, 0, 0.1);\n}\n@property --theme-atomic-oc-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(251, 171, 0, 0.16);\n}\n@property --theme-atomic-oc-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(251, 171, 0, 0.24);\n}\n\n/* Blueberry Colors */\n@property --theme-atomic-br-02 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(101, 98, 255);\n}\n@property --theme-atomic-br-06 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(4, 0, 230);\n}\n@property --theme-atomic-br-07 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgb(95, 194, 255);\n}\n@property --theme-atomic-br-opa-10 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(101, 98, 255, 0.1);\n}\n@property --theme-atomic-br-opa-16 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(101, 98, 255, 0.16);\n}\n@property --theme-atomic-br-opa-24 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(101, 98, 255, 0.24);\n}\n","@import './color-properties.css';\n\n:root {\n  /* ATOMIC-COLORS */\n  /* Neutral Colors */\n  --theme-atomic-n-00: rgb(255, 255, 255);\n  --theme-atomic-n-01: rgb(244, 245, 248);\n  --theme-atomic-n-02: rgb(173, 174, 186);\n  --theme-atomic-n-03: rgb(102, 105, 117);\n  --theme-atomic-n-04: rgb(52, 55, 64);\n  --theme-atomic-n-05: rgb(33, 34, 41);\n  --theme-atomic-n-opa: rgb(124, 134, 163);\n  --theme-atomic-n-opa-10: rgb(from var(--theme-atomic-n-opa) r g b / 10%);\n  --theme-atomic-n-opa-16: rgb(from var(--theme-atomic-n-opa) r g b / 16%);\n  --theme-atomic-n-opa-24: rgb(from var(--theme-atomic-n-opa) r g b / 24%);\n  --theme-atomic-n-opa-32: rgb(125 139 172 / 32%);\n  --theme-atomic-n-00-opa-32: rgb(from var(--theme-atomic-n-00) r g b / 32%);\n\n  /* Brand Colors */\n  --theme-atomic-brand: rgb(17, 164, 255);\n  --theme-atomic-brand-hover: rgb(0, 132, 214);\n  --theme-atomic-brand-opa-10: rgb(from var(--theme-atomic-brand) r g b / 10%);\n  --theme-atomic-brand-opa-16: rgb(from var(--theme-atomic-brand) r g b / 16%);\n  --theme-atomic-brand-opa-24: rgb(from var(--theme-atomic-brand) r g b / 24%);\n  --theme-atomic-brand-opa-32: rgb(from var(--theme-atomic-brand) r g b / 32%);\n\n  /* Blue Colors */\n  --theme-atomic-b-01: rgb(231, 246, 255);\n  --theme-atomic-b-02: rgb(17, 164, 255);\n  --theme-atomic-b-03: rgb(0, 132, 214);\n  --theme-atomic-b-04: rgb(30, 55, 75);\n  --theme-atomic-b-05: rgb(66, 183, 255);\n  --theme-atomic-b-06: rgb(0, 75, 122);\n  --theme-atomic-b-07: rgb(158, 218, 255);\n  --theme-atomic-b-opa-10: rgb(from var(--theme-atomic-b-02) r g b / 10%);\n  --theme-atomic-b-opa-16: rgb(from var(--theme-atomic-b-02) r g b / 16%);\n  --theme-atomic-b-opa-24: rgb(from var(--theme-atomic-b-02) r g b / 24%);\n  --theme-atomic-b-opa-32: rgb(from var(--theme-atomic-b-02) r g b / 32%);\n\n  /* Green Colors */\n  --theme-atomic-g-01: rgb(233, 248, 239);\n  --theme-atomic-g-02: rgb(37, 184, 97);\n  --theme-atomic-g-03: rgb(28, 140, 74);\n  --theme-atomic-g-04: rgb(34, 58, 50);\n  --theme-atomic-g-05: rgb(55, 215, 120);\n  --theme-atomic-g-06: rgb(17, 85, 44);\n  --theme-atomic-g-07: rgb(136, 231, 174);\n  --theme-atomic-g-opa-10: rgb(from var(--theme-atomic-g-02) r g b / 10%);\n  --theme-atomic-g-opa-16: rgb(from var(--theme-atomic-g-02) r g b / 16%);\n  --theme-atomic-g-opa-24: rgb(from var(--theme-atomic-g-02) r g b / 24%);\n  --theme-atomic-g-opa-32: rgb(from var(--theme-atomic-g-02) r g b / 32%);\n\n  /* Yellow Colors */\n  --theme-atomic-y-01: rgb(254, 246, 231);\n  --theme-atomic-y-02: rgb(244, 156, 0);\n  --theme-atomic-y-03: rgb(214, 138, 5);\n  --theme-atomic-y-04: rgb(68, 55, 37);\n  --theme-atomic-y-05: rgb(251, 185, 70);\n  --theme-atomic-y-06: rgb(107, 68, 0);\n  --theme-atomic-y-07: rgb(255, 210, 133);\n  --theme-atomic-y-opa-10: rgb(from var(--theme-atomic-y-02) r g b / 10%);\n  --theme-atomic-y-opa-16: rgb(from var(--theme-atomic-y-02) r g b / 16%);\n  --theme-atomic-y-opa-24: rgb(from var(--theme-atomic-y-02) r g b / 24%);\n  --theme-atomic-y-opa-32: rgb(from var(--theme-atomic-y-02) r g b / 32%);\n\n  /* Red Colors */\n  --theme-atomic-r-01: rgb(254, 235, 236);\n  --theme-atomic-r-02: rgb(248, 55, 67);\n  --theme-atomic-r-03: rgb(197, 7, 19);\n  --theme-atomic-r-04: rgb(67, 37, 45);\n  --theme-atomic-r-05: rgb(249, 103, 112);\n  --theme-atomic-r-06: rgb(137, 6, 14);\n  --theme-atomic-r-07: rgb(248, 180, 186);\n  --theme-atomic-r-opa-10: rgb(from var(--theme-atomic-r-02) r g b / 10%);\n  --theme-atomic-r-opa-16: rgb(from var(--theme-atomic-r-02) r g b / 16%);\n  --theme-atomic-r-opa-24: rgb(from var(--theme-atomic-r-02) r g b / 24%);\n  --theme-atomic-r-opa-32: rgb(from var(--theme-atomic-r-02) r g b / 32%);\n\n  /* Purple Colors */\n  --theme-atomic-pu-02: rgb(143, 101, 255);\n  --theme-atomic-pu-06: rgb(58, 0, 219);\n  --theme-atomic-pu-07: rgb(209, 194, 255);\n  --theme-atomic-pu-opa-10: rgb(from var(--theme-atomic-pu-02) r g b / 10%);\n  --theme-atomic-pu-opa-16: rgb(from var(--theme-atomic-pu-02) r g b / 16%);\n  --theme-atomic-pu-opa-24: rgb(from var(--theme-atomic-pu-02) r g b / 24%);\n\n  /* Orange Colors */\n  --theme-atomic-or-02: rgb(255, 116, 87);\n  --theme-atomic-or-06: rgb(143, 24, 0);\n  --theme-atomic-or-07: rgb(255, 198, 189);\n  --theme-atomic-or-opa-10: rgb(from var(--theme-atomic-or-02) r g b / 10%);\n  --theme-atomic-or-opa-16: rgb(from var(--theme-atomic-or-02) r g b / 16%);\n  --theme-atomic-or-opa-24: rgb(from var(--theme-atomic-or-02) r g b / 24%);\n\n  /* Turquoise Colors */\n  --theme-atomic-tu-02: rgb(0, 198, 181);\n  --theme-atomic-tu-06: rgb(0, 82, 72);\n  --theme-atomic-tu-07: rgb(0, 245, 224);\n  --theme-atomic-tu-opa-10: rgb(from var(--theme-atomic-tu-02) r g b / 10%);\n  --theme-atomic-tu-opa-16: rgb(from var(--theme-atomic-tu-02) r g b / 16%);\n  --theme-atomic-tu-opa-24: rgb(from var(--theme-atomic-tu-02) r g b / 24%);\n\n  /* Pink Colors */\n  --theme-atomic-pi-02: rgb(255, 85, 138);\n  --theme-atomic-pi-06: rgb(143, 0, 45);\n  --theme-atomic-pi-07: rgb(255, 189, 210);\n  --theme-atomic-pi-opa-10: rgb(from var(--theme-atomic-pi-02) r g b / 10%);\n  --theme-atomic-pi-opa-16: rgb(from var(--theme-atomic-pi-02) r g b / 16%);\n  --theme-atomic-pi-opa-24: rgb(from var(--theme-atomic-pi-02) r g b / 24%);\n\n  /* Ultramarine Colors */\n  --theme-atomic-ul-02: rgb(84, 119, 255);\n  --theme-atomic-ul-06: rgb(0, 41, 204);\n  --theme-atomic-ul-07: rgb(184, 198, 255);\n  --theme-atomic-ul-opa-10: rgb(from var(--theme-atomic-ul-02) r g b / 10%);\n  --theme-atomic-ul-opa-16: rgb(from var(--theme-atomic-ul-02) r g b / 16%);\n  --theme-atomic-ul-opa-24: rgb(from var(--theme-atomic-ul-02) r g b / 24%);\n\n  /* Peach Colors */\n  --theme-atomic-pe-02: rgb(255, 147, 69);\n  --theme-atomic-pe-06: rgb(128, 53, 0);\n  --theme-atomic-pe-07: rgb(255, 209, 179);\n  --theme-atomic-pe-opa-10: rgb(from var(--theme-atomic-pe-02) r g b / 10%);\n  --theme-atomic-pe-opa-16: rgb(from var(--theme-atomic-pe-02) r g b / 16%);\n  --theme-atomic-pe-opa-24: rgb(from var(--theme-atomic-pe-02) r g b / 24%);\n\n  /* Apple Colors */\n  --theme-atomic-ap-02: rgb(127, 185, 81);\n  --theme-atomic-ap-06: rgb(54, 81, 31);\n  --theme-atomic-ap-07: rgb(198, 225, 173);\n  --theme-atomic-ap-opa-10: rgb(from var(--theme-atomic-ap-02) r g b / 10%);\n  --theme-atomic-ap-opa-16: rgb(from var(--theme-atomic-ap-02) r g b / 16%);\n  --theme-atomic-ap-opa-24: rgb(from var(--theme-atomic-ap-02) r g b / 24%);\n\n  /* Bubblegum Colors */\n  --theme-atomic-bu-02: rgb(238, 91, 197);\n  --theme-atomic-bu-06: rgb(135, 13, 100);\n  --theme-atomic-bu-07: rgb(249, 190, 234);\n  --theme-atomic-bu-opa-10: rgb(from var(--theme-atomic-bu-02) r g b / 10%);\n  --theme-atomic-bu-opa-16: rgb(from var(--theme-atomic-bu-02) r g b / 16%);\n  --theme-atomic-bu-opa-24: rgb(from var(--theme-atomic-bu-02) r g b / 24%);\n\n  /* Ocher Colors */\n  --theme-atomic-oc-02: rgb(251, 171, 0);\n  --theme-atomic-oc-06: rgb(102, 70, 0);\n  --theme-atomic-oc-07: rgb(255, 218, 138);\n  --theme-atomic-oc-opa-10: rgb(from var(--theme-atomic-oc-02) r g b / 10%);\n  --theme-atomic-oc-opa-16: rgb(from var(--theme-atomic-oc-02) r g b / 16%);\n  --theme-atomic-oc-opa-24: rgb(from var(--theme-atomic-oc-02) r g b / 24%);\n\n  /* Blueberry Colors */\n  --theme-atomic-br-02: rgb(101, 98, 255);\n  --theme-atomic-br-06: rgb(4, 0, 230);\n  --theme-atomic-br-07: rgb(95, 194, 255);\n  --theme-atomic-br-opa-10: rgb(from var(--theme-atomic-br-02) r g b / 10%);\n  --theme-atomic-br-opa-16: rgb(from var(--theme-atomic-br-02) r g b / 16%);\n  --theme-atomic-br-opa-24: rgb(from var(--theme-atomic-br-02) r g b / 24%);\n}\n","/* Define all color token properties */\n@property --theme-colors-bg-primary {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(255, 255, 255);\n}\n\n@property --theme-colors-bg-secondary {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(244, 245, 248);\n}\n\n@property --theme-colors-bg-info {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(231, 246, 255);\n}\n\n@property --theme-colors-bg-success {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(233, 248, 239);\n}\n\n@property --theme-colors-bg-warning {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(254, 246, 231);\n}\n\n@property --theme-colors-bg-error {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(254, 235, 236);\n}\n\n@property --theme-colors-divider-neutral {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(125, 139, 172, 0.32);\n}\n\n@property --theme-colors-divider-invert {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 255, 255, 0.32);\n}\n\n@property --theme-colors-divider-brand {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.32);\n}\n\n@property --theme-colors-divider-info {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.32);\n}\n\n@property --theme-colors-divider-success {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.32);\n}\n\n@property --theme-colors-divider-warning {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.32);\n}\n\n@property --theme-colors-divider-error {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.32);\n}\n\n@property --theme-colors-primary-btn {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(17, 164, 255);\n}\n\n@property --theme-colors-primary-btn-hover {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 132, 214);\n}\n\n@property --theme-colors-primary-btn-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.1);\n}\n\n@property --theme-colors-primary-btn-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.24);\n}\n\n@property --theme-colors-other {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(17, 164, 255);\n}\n\n@property --theme-colors-other-hover {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 132, 214);\n}\n\n@property --theme-colors-other-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.1);\n}\n\n@property --theme-colors-other-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.24);\n}\n\n@property --theme-colors-other-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 75, 122);\n}\n\n@property --theme-colors-neutral-dark {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(33, 34, 41);\n}\n\n@property --theme-colors-neutral-charcoal {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(102, 105, 117);\n}\n\n@property --theme-colors-neutral-light {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(173, 174, 186);\n}\n\n@property --theme-colors-neutral-invert {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(255, 255, 255);\n}\n\n@property --theme-colors-neutral-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(124, 134, 163, 0.1);\n}\n\n@property --theme-colors-neutral-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(124, 134, 163, 0.24);\n}\n\n@property --theme-colors-neutral {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(173, 174, 186);\n}\n\n@property --theme-colors-neutral-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(33, 34, 41);\n}\n\n@property --theme-colors-info-hover {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 132, 214);\n}\n\n@property --theme-colors-info {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(17, 164, 255);\n}\n\n@property --theme-colors-info-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.1);\n}\n\n@property --theme-colors-info-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(17, 164, 255, 0.24);\n}\n\n@property --theme-colors-info-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 75, 122);\n}\n\n@property --theme-colors-success-hover {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(28, 140, 74);\n}\n\n@property --theme-colors-success {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(37, 184, 97);\n}\n\n@property --theme-colors-success-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.1);\n}\n\n@property --theme-colors-success-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(37, 184, 97, 0.24);\n}\n\n@property --theme-colors-success-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(17, 85, 44);\n}\n\n@property --theme-colors-warning-hover {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(214, 138, 5);\n}\n\n@property --theme-colors-warning {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(244, 156, 0);\n}\n\n@property --theme-colors-warning-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.1);\n}\n\n@property --theme-colors-warning-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(244, 156, 0, 0.24);\n}\n\n@property --theme-colors-warning-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(107, 68, 0);\n}\n\n@property --theme-colors-error-hover {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(197, 7, 19);\n}\n\n@property --theme-colors-error {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(248, 55, 67);\n}\n\n@property --theme-colors-error-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.1);\n}\n\n@property --theme-colors-error-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(248, 55, 67, 0.24);\n}\n\n@property --theme-colors-error-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(137, 6, 14);\n}\n\n@property --theme-colors-purple {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(143, 101, 255);\n}\n\n@property --theme-colors-purple-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(143, 101, 255, 0.1);\n}\n\n@property --theme-colors-purple-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(143, 101, 255, 0.24);\n}\n\n@property --theme-colors-purple-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(58, 0, 219);\n}\n\n@property --theme-colors-orange {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(255, 116, 87);\n}\n\n@property --theme-colors-orange-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 116, 87, 0.1);\n}\n\n@property --theme-colors-orange-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 116, 87, 0.24);\n}\n\n@property --theme-colors-orange-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(143, 24, 0);\n}\n\n@property --theme-colors-turquoise {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 198, 181);\n}\n\n@property --theme-colors-turquoise-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(0, 198, 181, 0.1);\n}\n\n@property --theme-colors-turquoise-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(0, 198, 181, 0.24);\n}\n\n@property --theme-colors-turquoise-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 82, 72);\n}\n\n@property --theme-colors-pink {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(255, 85, 138);\n}\n\n@property --theme-colors-pink-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 85, 138, 0.1);\n}\n\n@property --theme-colors-pink-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 85, 138, 0.24);\n}\n\n@property --theme-colors-pink-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(143, 0, 45);\n}\n\n@property --theme-colors-ultramarine {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(84, 119, 255);\n}\n\n@property --theme-colors-ultramarine-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(84, 119, 255, 0.1);\n}\n\n@property --theme-colors-ultramarine-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(84, 119, 255, 0.24);\n}\n\n@property --theme-colors-ultramarine-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(0, 41, 204);\n}\n\n@property --theme-colors-peach {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(255, 147, 69);\n}\n\n@property --theme-colors-peach-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 147, 69, 0.1);\n}\n\n@property --theme-colors-peach-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(255, 147, 69, 0.24);\n}\n\n@property --theme-colors-peach-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(128, 53, 0);\n}\n\n@property --theme-colors-apple {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(127, 185, 81);\n}\n\n@property --theme-colors-apple-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(127, 185, 81, 0.1);\n}\n\n@property --theme-colors-apple-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(127, 185, 81, 0.24);\n}\n\n@property --theme-colors-apple-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(54, 81, 31);\n}\n\n@property --theme-colors-bubblegum {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(238, 91, 197);\n}\n\n@property --theme-colors-bubblegum-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(238, 91, 197, 0.1);\n}\n\n@property --theme-colors-bubblegum-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(238, 91, 197, 0.24);\n}\n\n@property --theme-colors-bubblegum-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(135, 13, 100);\n}\n\n@property --theme-colors-ocher {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(251, 171, 0);\n}\n\n@property --theme-colors-ocher-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(251, 171, 0, 0.1);\n}\n\n@property --theme-colors-ocher-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(251, 171, 0, 0.24);\n}\n\n@property --theme-colors-ocher-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(102, 70, 0);\n}\n\n@property --theme-colors-blueberry {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(101, 98, 255);\n}\n\n@property --theme-colors-blueberry-opa-01 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(101, 98, 255, 0.1);\n}\n\n@property --theme-colors-blueberry-opa-02 {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgba(101, 98, 255, 0.24);\n}\n\n@property --theme-colors-blueberry-text {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: rgb(4, 0, 230);\n}\n",".theme-autofleet {\n  --theme-colors-bg-primary: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));\n  --theme-colors-bg-secondary: light-dark(var(--theme-atomic-n-01), var(--theme-atomic-n-04));\n  --theme-colors-bg-info: light-dark(var(--theme-atomic-b-01), var(--theme-atomic-b-04));\n  --theme-colors-bg-success: light-dark(var(--theme-atomic-g-01), var(--theme-atomic-g-04));\n  --theme-colors-bg-warning: light-dark(var(--theme-atomic-y-01), var(--theme-atomic-y-04));\n  --theme-colors-bg-error: light-dark(var(--theme-atomic-r-01), var(--theme-atomic-r-04));\n  \n  --theme-colors-divider-neutral: light-dark(var(--theme-atomic-n-opa-32), var(--theme-atomic-n-opa-32));\n  --theme-colors-divider-invert: light-dark(var(--theme-atomic-n-00-opa-32), var(--theme-atomic-n-00-opa-32));\n  --theme-colors-divider-brand: light-dark(var(--theme-atomic-brand-opa-32), var(--theme-atomic-brand-opa-32));\n  --theme-colors-divider-info: light-dark(var(--theme-atomic-b-opa-32), var(--theme-atomic-b-opa-32));\n  --theme-colors-divider-success: light-dark(var(--theme-atomic-g-opa-32), var(--theme-atomic-g-opa-32));\n  --theme-colors-divider-warning: light-dark(var(--theme-atomic-y-opa-32), var(--theme-atomic-y-opa-32));\n  --theme-colors-divider-error: light-dark(var(--theme-atomic-r-opa-32), var(--theme-atomic-r-opa-32));\n  \n  --theme-colors-primary-btn: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));\n  --theme-colors-primary-btn-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));\n  --theme-colors-primary-btn-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));\n  --theme-colors-primary-btn-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));\n  \n  --theme-colors-other: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));\n  --theme-colors-other-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));\n  --theme-colors-other-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));\n  --theme-colors-other-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));\n  --theme-colors-other-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));\n  \n  --theme-colors-neutral-dark: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));\n  --theme-colors-neutral-charcoal: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));\n  --theme-colors-neutral-light: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));\n  --theme-colors-neutral-invert: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));\n  --theme-colors-neutral-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));\n  --theme-colors-neutral-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));\n  \n  --theme-colors-neutral: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));\n  --theme-colors-neutral-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));\n  \n  --theme-colors-info-hover: light-dark(var(--theme-atomic-b-03), var(--theme-atomic-b-05));\n  --theme-colors-info: light-dark(var(--theme-atomic-b-02), var(--theme-atomic-b-02));\n  --theme-colors-info-opa-01: light-dark(var(--theme-atomic-b-opa-10), var(--theme-atomic-b-opa-16));\n  --theme-colors-info-opa-02: light-dark(var(--theme-atomic-b-opa-24), var(--theme-atomic-b-opa-24));\n  --theme-colors-info-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));\n  \n  --theme-colors-success-hover: light-dark(var(--theme-atomic-g-03), var(--theme-atomic-g-05));\n  --theme-colors-success: light-dark(var(--theme-atomic-g-02), var(--theme-atomic-g-02));\n  --theme-colors-success-opa-01: light-dark(var(--theme-atomic-g-opa-10), var(--theme-atomic-g-opa-16));\n  --theme-colors-success-opa-02: light-dark(var(--theme-atomic-g-opa-24), var(--theme-atomic-g-opa-24));\n  --theme-colors-success-text: light-dark(var(--theme-atomic-g-06), var(--theme-atomic-g-07));\n  \n  --theme-colors-warning-hover: light-dark(var(--theme-atomic-y-03), var(--theme-atomic-y-05));\n  --theme-colors-warning: light-dark(var(--theme-atomic-y-02), var(--theme-atomic-y-02));\n  --theme-colors-warning-opa-01: light-dark(var(--theme-atomic-y-opa-10), var(--theme-atomic-y-opa-16));\n  --theme-colors-warning-opa-02: light-dark(var(--theme-atomic-y-opa-24), var(--theme-atomic-y-opa-24));\n  --theme-colors-warning-text: light-dark(var(--theme-atomic-y-06), var(--theme-atomic-y-07));\n  \n  --theme-colors-error-hover: light-dark(var(--theme-atomic-r-03), var(--theme-atomic-r-05));\n  --theme-colors-error: light-dark(var(--theme-atomic-r-02), var(--theme-atomic-r-02));\n  --theme-colors-error-opa-01: light-dark(var(--theme-atomic-r-opa-10), var(--theme-atomic-r-opa-16));\n  --theme-colors-error-opa-02: light-dark(var(--theme-atomic-r-opa-24), var(--theme-atomic-r-opa-24));\n  --theme-colors-error-text: light-dark(var(--theme-atomic-r-06), var(--theme-atomic-r-07));\n  \n  --theme-colors-purple: light-dark(var(--theme-atomic-pu-02), var(--theme-atomic-pu-02));\n  --theme-colors-purple-opa-01: light-dark(var(--theme-atomic-pu-opa-10), var(--theme-atomic-pu-opa-16));\n  --theme-colors-purple-opa-02: light-dark(var(--theme-atomic-pu-opa-24), var(--theme-atomic-pu-opa-24));\n  --theme-colors-purple-text: light-dark(var(--theme-atomic-pu-06), var(--theme-atomic-pu-07));\n  \n  --theme-colors-orange: light-dark(var(--theme-atomic-or-02), var(--theme-atomic-or-02));\n  --theme-colors-orange-opa-01: light-dark(var(--theme-atomic-or-opa-10), var(--theme-atomic-or-opa-16));\n  --theme-colors-orange-opa-02: light-dark(var(--theme-atomic-or-opa-24), var(--theme-atomic-or-opa-24));\n  --theme-colors-orange-text: light-dark(var(--theme-atomic-or-06), var(--theme-atomic-or-07));\n  \n  --theme-colors-turquoise: light-dark(var(--theme-atomic-tu-02), var(--theme-atomic-tu-02));\n  --theme-colors-turquoise-opa-01: light-dark(var(--theme-atomic-tu-opa-10), var(--theme-atomic-tu-opa-16));\n  --theme-colors-turquoise-opa-02: light-dark(var(--theme-atomic-tu-opa-24), var(--theme-atomic-tu-opa-24));\n  --theme-colors-turquoise-text: light-dark(var(--theme-atomic-tu-06), var(--theme-atomic-tu-07));\n  \n  --theme-colors-pink: light-dark(var(--theme-atomic-pi-02), var(--theme-atomic-pi-02));\n  --theme-colors-pink-opa-01: light-dark(var(--theme-atomic-pi-opa-10), var(--theme-atomic-pi-opa-16));\n  --theme-colors-pink-opa-02: light-dark(var(--theme-atomic-pi-opa-24), var(--theme-atomic-pi-opa-24));\n  --theme-colors-pink-text: light-dark(var(--theme-atomic-pi-06), var(--theme-atomic-pi-07));\n  \n  --theme-colors-ultramarine: light-dark(var(--theme-atomic-ul-02), var(--theme-atomic-ul-02));\n  --theme-colors-ultramarine-opa-01: light-dark(var(--theme-atomic-ul-opa-10), var(--theme-atomic-ul-opa-16));\n  --theme-colors-ultramarine-opa-02: light-dark(var(--theme-atomic-ul-opa-24), var(--theme-atomic-ul-opa-24));\n  --theme-colors-ultramarine-text: light-dark(var(--theme-atomic-ul-06), var(--theme-atomic-ul-07));\n  \n  --theme-colors-peach: light-dark(var(--theme-atomic-pe-02), var(--theme-atomic-pe-02));\n  --theme-colors-peach-opa-01: light-dark(var(--theme-atomic-pe-opa-10), var(--theme-atomic-pe-opa-16));\n  --theme-colors-peach-opa-02: light-dark(var(--theme-atomic-pe-opa-24), var(--theme-atomic-pe-opa-24));\n  --theme-colors-peach-text: light-dark(var(--theme-atomic-pe-06), var(--theme-atomic-pe-07));\n  \n  --theme-colors-apple: light-dark(var(--theme-atomic-ap-02), var(--theme-atomic-ap-02));\n  --theme-colors-apple-opa-01: light-dark(var(--theme-atomic-ap-opa-10), var(--theme-atomic-ap-opa-16));\n  --theme-colors-apple-opa-02: light-dark(var(--theme-atomic-ap-opa-24), var(--theme-atomic-ap-opa-24));\n  --theme-colors-apple-text: light-dark(var(--theme-atomic-ap-06), var(--theme-atomic-ap-07));\n  \n  --theme-colors-bubblegum: light-dark(var(--theme-atomic-bu-02), var(--theme-atomic-bu-02));\n  --theme-colors-bubblegum-opa-01: light-dark(var(--theme-atomic-bu-opa-10), var(--theme-atomic-bu-opa-16));\n  --theme-colors-bubblegum-opa-02: light-dark(var(--theme-atomic-bu-opa-24), var(--theme-atomic-bu-opa-24));\n  --theme-colors-bubblegum-text: light-dark(var(--theme-atomic-bu-06), var(--theme-atomic-bu-07));\n  \n  --theme-colors-ocher: light-dark(var(--theme-atomic-oc-02), var(--theme-atomic-oc-02));\n  --theme-colors-ocher-opa-01: light-dark(var(--theme-atomic-oc-opa-10), var(--theme-atomic-oc-opa-16));\n  --theme-colors-ocher-opa-02: light-dark(var(--theme-atomic-oc-opa-24), var(--theme-atomic-oc-opa-24));\n  --theme-colors-ocher-text: light-dark(var(--theme-atomic-oc-06), var(--theme-atomic-oc-07));\n  \n  --theme-colors-blueberry: light-dark(var(--theme-atomic-br-02), var(--theme-atomic-br-02));\n  --theme-colors-blueberry-opa-01: light-dark(var(--theme-atomic-br-opa-10), var(--theme-atomic-br-opa-16));\n  --theme-colors-blueberry-opa-02: light-dark(var(--theme-atomic-br-opa-24), var(--theme-atomic-br-opa-24));\n  --theme-colors-blueberry-text: light-dark(var(--theme-atomic-br-06), var(--theme-atomic-br-07));\n}\n",".theme-whiteLabel {\n  --theme-colors-bg-primary: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));\n  --theme-colors-bg-secondary: light-dark(var(--theme-atomic-n-01), var(--theme-atomic-n-04));\n  --theme-colors-bg-info: light-dark(var(--theme-atomic-b-01), var(--theme-atomic-b-04));\n  --theme-colors-bg-success: light-dark(var(--theme-atomic-g-01), var(--theme-atomic-g-04));\n  --theme-colors-bg-warning: light-dark(var(--theme-atomic-y-01), var(--theme-atomic-y-04));\n  --theme-colors-bg-error: light-dark(var(--theme-atomic-r-01), var(--theme-atomic-r-04));\n  \n  --theme-colors-divider-neutral: light-dark(var(--theme-atomic-n-opa-32), var(--theme-atomic-n-opa-32));\n  --theme-colors-divider-invert: light-dark(var(--theme-atomic-n-00-opa-32), var(--theme-atomic-n-00-opa-32));\n  --theme-colors-divider-brand: light-dark(var(--theme-atomic-brand-opa-32), var(--theme-atomic-brand-opa-32));\n  --theme-colors-divider-info: light-dark(var(--theme-atomic-b-opa-32), var(--theme-atomic-b-opa-32));\n  --theme-colors-divider-success: light-dark(var(--theme-atomic-g-opa-32), var(--theme-atomic-g-opa-32));\n  --theme-colors-divider-warning: light-dark(var(--theme-atomic-y-opa-32), var(--theme-atomic-y-opa-32));\n  --theme-colors-divider-error: light-dark(var(--theme-atomic-r-opa-32), var(--theme-atomic-r-opa-32));\n  \n  --theme-colors-primary-btn: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));\n  --theme-colors-primary-btn-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));\n  --theme-colors-primary-btn-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));\n  --theme-colors-primary-btn-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));\n  \n  --theme-colors-other: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));\n  --theme-colors-other-hover: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));\n  --theme-colors-other-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));\n  --theme-colors-other-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));\n  --theme-colors-other-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-b-07));\n  \n  --theme-colors-neutral-dark: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));\n  --theme-colors-neutral-charcoal: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));\n  --theme-colors-neutral-light: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));\n  --theme-colors-neutral-invert: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));\n  --theme-colors-neutral-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));\n  --theme-colors-neutral-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));\n  \n  --theme-colors-neutral: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));\n  --theme-colors-neutral-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));\n  \n  --theme-colors-info-hover: light-dark(var(--theme-atomic-b-03), var(--theme-atomic-b-05));\n  --theme-colors-info: light-dark(var(--theme-atomic-b-02), var(--theme-atomic-b-02));\n  --theme-colors-info-opa-01: light-dark(var(--theme-atomic-b-opa-10), var(--theme-atomic-b-opa-16));\n  --theme-colors-info-opa-02: light-dark(var(--theme-atomic-b-opa-24), var(--theme-atomic-b-opa-24));\n  --theme-colors-info-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));\n  \n  --theme-colors-success-hover: light-dark(var(--theme-atomic-g-03), var(--theme-atomic-g-05));\n  --theme-colors-success: light-dark(var(--theme-atomic-g-02), var(--theme-atomic-g-02));\n  --theme-colors-success-opa-01: light-dark(var(--theme-atomic-g-opa-10), var(--theme-atomic-g-opa-16));\n  --theme-colors-success-opa-02: light-dark(var(--theme-atomic-g-opa-24), var(--theme-atomic-g-opa-24));\n  --theme-colors-success-text: light-dark(var(--theme-atomic-g-06), var(--theme-atomic-g-07));\n  \n  --theme-colors-warning-hover: light-dark(var(--theme-atomic-y-03), var(--theme-atomic-y-05));\n  --theme-colors-warning: light-dark(var(--theme-atomic-y-02), var(--theme-atomic-y-02));\n  --theme-colors-warning-opa-01: light-dark(var(--theme-atomic-y-opa-10), var(--theme-atomic-y-opa-16));\n  --theme-colors-warning-opa-02: light-dark(var(--theme-atomic-y-opa-24), var(--theme-atomic-y-opa-24));\n  --theme-colors-warning-text: light-dark(var(--theme-atomic-y-06), var(--theme-atomic-y-07));\n  \n  --theme-colors-error-hover: light-dark(var(--theme-atomic-r-03), var(--theme-atomic-r-05));\n  --theme-colors-error: light-dark(var(--theme-atomic-r-02), var(--theme-atomic-r-02));\n  --theme-colors-error-opa-01: light-dark(var(--theme-atomic-r-opa-10), var(--theme-atomic-r-opa-16));\n  --theme-colors-error-opa-02: light-dark(var(--theme-atomic-r-opa-24), var(--theme-atomic-r-opa-24));\n  --theme-colors-error-text: light-dark(var(--theme-atomic-r-06), var(--theme-atomic-r-07));\n  \n  --theme-colors-purple: light-dark(var(--theme-atomic-pu-02), var(--theme-atomic-pu-02));\n  --theme-colors-purple-opa-01: light-dark(var(--theme-atomic-pu-opa-10), var(--theme-atomic-pu-opa-16));\n  --theme-colors-purple-opa-02: light-dark(var(--theme-atomic-pu-opa-24), var(--theme-atomic-pu-opa-24));\n  --theme-colors-purple-text: light-dark(var(--theme-atomic-pu-06), var(--theme-atomic-pu-07));\n  \n  --theme-colors-orange: light-dark(var(--theme-atomic-or-02), var(--theme-atomic-or-02));\n  --theme-colors-orange-opa-01: light-dark(var(--theme-atomic-or-opa-10), var(--theme-atomic-or-opa-16));\n  --theme-colors-orange-opa-02: light-dark(var(--theme-atomic-or-opa-24), var(--theme-atomic-or-opa-24));\n  --theme-colors-orange-text: light-dark(var(--theme-atomic-or-06), var(--theme-atomic-or-07));\n  \n  --theme-colors-turquoise: light-dark(var(--theme-atomic-tu-02), var(--theme-atomic-tu-02));\n  --theme-colors-turquoise-opa-01: light-dark(var(--theme-atomic-tu-opa-10), var(--theme-atomic-tu-opa-16));\n  --theme-colors-turquoise-opa-02: light-dark(var(--theme-atomic-tu-opa-24), var(--theme-atomic-tu-opa-24));\n  --theme-colors-turquoise-text: light-dark(var(--theme-atomic-tu-06), var(--theme-atomic-tu-07));\n  \n  --theme-colors-pink: light-dark(var(--theme-atomic-pi-02), var(--theme-atomic-pi-02));\n  --theme-colors-pink-opa-01: light-dark(var(--theme-atomic-pi-opa-10), var(--theme-atomic-pi-opa-16));\n  --theme-colors-pink-opa-02: light-dark(var(--theme-atomic-pi-opa-24), var(--theme-atomic-pi-opa-24));\n  --theme-colors-pink-text: light-dark(var(--theme-atomic-pi-06), var(--theme-atomic-pi-07));\n  \n  --theme-colors-ultramarine: light-dark(var(--theme-atomic-ul-02), var(--theme-atomic-ul-02));\n  --theme-colors-ultramarine-opa-01: light-dark(var(--theme-atomic-ul-opa-10), var(--theme-atomic-ul-opa-16));\n  --theme-colors-ultramarine-opa-02: light-dark(var(--theme-atomic-ul-opa-24), var(--theme-atomic-ul-opa-24));\n  --theme-colors-ultramarine-text: light-dark(var(--theme-atomic-ul-06), var(--theme-atomic-ul-07));\n  \n  --theme-colors-peach: light-dark(var(--theme-atomic-pe-02), var(--theme-atomic-pe-02));\n  --theme-colors-peach-opa-01: light-dark(var(--theme-atomic-pe-opa-10), var(--theme-atomic-pe-opa-16));\n  --theme-colors-peach-opa-02: light-dark(var(--theme-atomic-pe-opa-24), var(--theme-atomic-pe-opa-24));\n  --theme-colors-peach-text: light-dark(var(--theme-atomic-pe-06), var(--theme-atomic-pe-07));\n  \n  --theme-colors-apple: light-dark(var(--theme-atomic-ap-02), var(--theme-atomic-ap-02));\n  --theme-colors-apple-opa-01: light-dark(var(--theme-atomic-ap-opa-10), var(--theme-atomic-ap-opa-16));\n  --theme-colors-apple-opa-02: light-dark(var(--theme-atomic-ap-opa-24), var(--theme-atomic-ap-opa-24));\n  --theme-colors-apple-text: light-dark(var(--theme-atomic-ap-06), var(--theme-atomic-ap-07));\n  \n  --theme-colors-bubblegum: light-dark(var(--theme-atomic-bu-02), var(--theme-atomic-bu-02));\n  --theme-colors-bubblegum-opa-01: light-dark(var(--theme-atomic-bu-opa-10), var(--theme-atomic-bu-opa-16));\n  --theme-colors-bubblegum-opa-02: light-dark(var(--theme-atomic-bu-opa-24), var(--theme-atomic-bu-opa-24));\n  --theme-colors-bubblegum-text: light-dark(var(--theme-atomic-bu-06), var(--theme-atomic-bu-07));\n  \n  --theme-colors-ocher: light-dark(var(--theme-atomic-oc-02), var(--theme-atomic-oc-02));\n  --theme-colors-ocher-opa-01: light-dark(var(--theme-atomic-oc-opa-10), var(--theme-atomic-oc-opa-16));\n  --theme-colors-ocher-opa-02: light-dark(var(--theme-atomic-oc-opa-24), var(--theme-atomic-oc-opa-24));\n  --theme-colors-ocher-text: light-dark(var(--theme-atomic-oc-06), var(--theme-atomic-oc-07));\n  \n  --theme-colors-blueberry: light-dark(var(--theme-atomic-br-02), var(--theme-atomic-br-02));\n  --theme-colors-blueberry-opa-01: light-dark(var(--theme-atomic-br-opa-10), var(--theme-atomic-br-opa-16));\n  --theme-colors-blueberry-opa-02: light-dark(var(--theme-atomic-br-opa-24), var(--theme-atomic-br-opa-24));\n  --theme-colors-blueberry-text: light-dark(var(--theme-atomic-br-06), var(--theme-atomic-br-07));\n}\n","@import './color-properties.css';\n@import './theme-autofleet.css';\n@import './theme-whitelabel.css';\n\n.theme-whiteLabel, .theme-autofleet {\n  &:not([data-theme]), &[data-theme='system'] {\n    color-scheme: light dark;\n  }\n  \n  &[data-theme='light'] {\n    color-scheme: light;\n  }\n  \n  &[data-theme='dark'] {\n    color-scheme: dark;\n  }\n}\n",".theme-autofleet, .theme-whitelabel {\n  /* SHADOWS */\n  --theme-shadows-shadow-map-element: 0px 3px 8px rgb(from var(--theme-colors-neutral-dark) r g b / 32%);\n\n  /* Neutral Shadows */\n  --theme-shadows-shadow-neutral-low: 0px 2px 4px rgb(from var(--theme-colors-neutral-dark) r g b / 8%);\n  --theme-shadows-shadow-neutral-medium: 0px 4px 8px rgb(from var(--theme-colors-neutral-dark) r g b / 8%);\n  --theme-shadows-shadow-neutral-high: 0px 8px 40px rgb(from var(--theme-colors-neutral-dark) r g b / 16%);\n  \n  /* Info Shadows */\n  --theme-shadows-shadow-info-low: 0px 2px 4px rgb(from var(--theme-colors-info) r g b / 12%);\n  --theme-shadows-shadow-info-medium: 0px 4px 8px rgb(from var(--theme-colors-info) r g b / 12%);\n  --theme-shadows-shadow-info-high: 0px 8px 40px rgb(from var(--theme-colors-info) r g b / 16%);\n  \n  /* Success Shadows */\n  --theme-shadows-shadow-success-low: 0px 2px 4px rgb(from var(--theme-colors-success) r g b / 12%);\n  --theme-shadows-shadow-success-medium: 0px 4px 8px rgb(from var(--theme-colors-success) r g b / 12%);\n  --theme-shadows-shadow-success-high: 0px 8px 40px rgb(from var(--theme-colors-success) r g b / 16%);\n   \n  /* Warning Shadows */\n  --theme-shadows-shadow-warning-low: 0px 2px 4px rgb(from var(--theme-colors-warning) r g b / 12%);\n  --theme-shadows-shadow-warning-medium: 0px 4px 8px rgb(from var(--theme-colors-warning) r g b / 12%);\n  --theme-shadows-shadow-warning-high: 0px 8px 40px rgb(from var(--theme-colors-warning) r g b / 16%);\n  \n  /* Error Shadows */\n  --theme-shadows-shadow-error-low: 0px 2px 4px rgb(from var(--theme-colors-error) r g b / 12%); \n  --theme-shadows-shadow-error-medium: 0px 4px 8px rgb(from var(--theme-colors-error) r g b / 12%);\n  --theme-shadows-shadow-error-high: 0px 8px 40px rgb(from var(--theme-colors-error) r g b / 16%);\n}\n",":root {\n  /* Atomic font tokens */\n  --theme-font-family: Montserrat, sans-serif;\n  --theme-font-weight-bold: 700;\n  --theme-font-weight-medium: 500;\n  --theme-font-weight-regular: 400;\n\n  --theme-typography-1: var(--theme-font-weight-medium) 12px/18px var(--theme-font-family);\n  --theme-typography-2: var(--theme-font-weight-bold) 12px/18px var(--theme-font-family);\n  --theme-typography-3: var(--theme-font-weight-bold) 14px/20px var(--theme-font-family);\n  --theme-typography-4: var(--theme-font-weight-medium) 14px/20px var(--theme-font-family);\n  --theme-typography-5: var(--theme-font-weight-bold) 16px/24px var(--theme-font-family);\n  --theme-typography-6: var(--theme-font-weight-medium) 16px/24px var(--theme-font-family);\n  --theme-typography-7: var(--theme-font-weight-bold) 18px/24px var(--theme-font-family);\n  --theme-typography-8: var(--theme-font-weight-bold) 20px/26px var(--theme-font-family);\n  --theme-typography-9: var(--theme-font-weight-regular) 24px/30px var(--theme-font-family);\n  --theme-typography-10: var(--theme-font-weight-bold) 24px/30px var(--theme-font-family);\n  --theme-typography-11: var(--theme-font-weight-bold) 32px/40px var(--theme-font-family);\n\n  /* Desktop fonts */\n  --theme-font-desktop-fine: var(--theme-typography-1);\n  --theme-font-desktop-fine-strong: var(--theme-typography-2);\n  --theme-font-desktop-body-strong: var(--theme-typography-3);\n  --theme-font-desktop-body: var(--theme-typography-4);\n  --theme-font-desktop-small-title: var(--theme-typography-7);\n  --theme-font-desktop-placeholder-title-input: var(--theme-typography-9);\n  --theme-font-desktop-medium-title: var(--theme-typography-10);\n  --theme-font-desktop-large-title: var(--theme-typography-11);\n\n  /* Mobile fonts */\n  --theme-font-mobile-fine-strong: var(--theme-typography-3);\n  --theme-font-mobile-fine: var(--theme-typography-4);\n  --theme-font-mobile-body-strong: var(--theme-typography-5);\n  --theme-font-mobile-body: var(--theme-typography-6);\n  --theme-font-mobile-small-title: var(--theme-typography-8);\n  --theme-font-mobile-large-title: var(--theme-typography-10);\n  --theme-font-mobile-xl-title: var(--theme-typography-11);\n}","@import './spacing/spacing.css';\n@import './spacing/border-radius.css';\n@import './atomic-colors/atomic-colors.css';\n@import './colors/theme-colors.css';\n@import './shadow/shadows.css';\n@import './fonts/atomic-fonts.css';\n\n@property --theme-breakpoint-mobile {\n  syntax: '<length>';\n  inherits: false;\n  initial-value: 768px;\n}\n@property --theme-breakpoint-tablet {\n  syntax: '<length>';\n  inherits: false;\n  initial-value: 992px;\n}\n@property --theme-breakpoint-desktop {\n  syntax: '<length>';\n  inherits: false;\n  initial-value: 1200px;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AC9nBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC7JA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC3hBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC9GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AC1GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC5BA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC9BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autofleet/theme",
-  "version": "0.3.15",
+  "version": "0.3.16",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -16,6 +16,8 @@
     "./fonts.module.css": "./dist/fonts.module.css"
   },
   "scripts": {
-    "prepack": "rm -rf dist/package.json"
+    "build": "tsdown",
+    "test": "vitest",
+    "coverage": "vitest --coverage"
   }
 }

package/dist/colors/atomic-colors.d.ts

@@ -1,128 +0,0 @@
-import { RGBColor } from '../colors-utils';
-export declare const ATOMIC_COLORS: {
-    'n-00': string;
-    'n-01': string;
-    'n-02': string;
-    'n-03': string;
-    'n-04': string;
-    'n-05': string;
-    'n-opa-10': string;
-    'n-opa-16': string;
-    'n-opa-24': string;
-    'n-opa-32': string;
-    'n-00-opa-32': string;
-    brand: string;
-    'brand-hover': string;
-    'brand-opa-10': string;
-    'brand-opa-16': string;
-    'brand-opa-24': string;
-    'brand-opa-32': string;
-    'b-01': string;
-    'b-02': string;
-    'b-03': string;
-    'b-04': string;
-    'b-05': string;
-    'b-06': string;
-    'b-07': string;
-    'b-opa-10': string;
-    'b-opa-16': string;
-    'b-opa-24': string;
-    'b-opa-32': string;
-    'g-01': string;
-    'g-02': string;
-    'g-03': string;
-    'g-04': string;
-    'g-05': string;
-    'g-06': string;
-    'g-07': string;
-    'g-opa-10': string;
-    'g-opa-16': string;
-    'g-opa-24': string;
-    'g-opa-32': string;
-    'y-01': string;
-    'y-02': string;
-    'y-03': string;
-    'y-04': string;
-    'y-05': string;
-    'y-06': string;
-    'y-07': string;
-    'y-opa-10': string;
-    'y-opa-16': string;
-    'y-opa-24': string;
-    'y-opa-32': string;
-    'r-01': string;
-    'r-02': string;
-    'r-03': string;
-    'r-04': string;
-    'r-05': string;
-    'r-06': string;
-    'r-07': string;
-    'r-opa-10': string;
-    'r-opa-16': string;
-    'r-opa-24': string;
-    'r-opa-32': string;
-    'pu-02': string;
-    'pu-06': string;
-    'pu-07': string;
-    'pu-opa-10': string;
-    'pu-opa-16': string;
-    'pu-opa-24': string;
-    'or-02': string;
-    'or-06': string;
-    'or-07': string;
-    'or-opa-10': string;
-    'or-opa-16': string;
-    'or-opa-24': string;
-    'tu-02': string;
-    'tu-06': string;
-    'tu-07': string;
-    'tu-opa-10': string;
-    'tu-opa-16': string;
-    'tu-opa-24': string;
-    'pi-02': string;
-    'pi-06': string;
-    'pi-07': string;
-    'pi-opa-10': string;
-    'pi-opa-16': string;
-    'pi-opa-24': string;
-    'ul-02': string;
-    'ul-06': string;
-    'ul-07': string;
-    'ul-opa-10': string;
-    'ul-opa-16': string;
-    'ul-opa-24': string;
-    'pe-02': string;
-    'pe-06': string;
-    'pe-07': string;
-    'pe-opa-10': string;
-    'pe-opa-16': string;
-    'pe-opa-24': string;
-    'ap-02': string;
-    'ap-06': string;
-    'ap-07': string;
-    'ap-opa-10': string;
-    'ap-opa-16': string;
-    'ap-opa-24': string;
-    'bu-02': string;
-    'bu-06': string;
-    'bu-07': string;
-    'bu-opa-10': string;
-    'bu-opa-16': string;
-    'bu-opa-24': string;
-    'oc-02': string;
-    'oc-06': string;
-    'oc-07': string;
-    'oc-opa-10': string;
-    'oc-opa-16': string;
-    'oc-opa-24': string;
-    'br-02': string;
-    'br-06': string;
-    'br-07': string;
-    'br-opa-10': string;
-    'br-opa-16': string;
-    'br-opa-24': string;
-};
-type OpacityOptions = 10 | 16 | 24 | 32;
-type BrandColors = `brand${'' | '-hover' | `-opa-${OpacityOptions}`}`;
-export declare const generateBrandColors: (rgb: RGBColor) => Record<BrandColors, string>;
-export {};

package/dist/colors/index.d.ts

@@ -1,12 +0,0 @@
-import { RGBColor } from '../colors-utils';
-import { LABEL_OPTIONS } from '../const';
-import { COLOR_TOKEN_MAP } from './tokens/color-token-mapping';
-export interface ThemeColorOptions {
-    lightMode: 'dark' | 'light';
-    label: (typeof LABEL_OPTIONS)[keyof typeof LABEL_OPTIONS];
-    primaryColor?: RGBColor;
-}
-export type ColorTokenResponse = {
-    [type in keyof typeof COLOR_TOKEN_MAP]: string;
-};
-export declare const generateColorsForTheme: (themeOptions: ThemeColorOptions) => ColorTokenResponse;

package/dist/colors/tokens/color-token-mapping.d.ts

@@ -1,8 +0,0 @@
-import { LABEL_OPTIONS } from '../../const';
-import { ATOMIC_COLORS } from '../atomic-colors';
-import { COLOR_TOKENS } from './color-tokens';
-export type ColorTokenMap = Record<(typeof COLOR_TOKENS)[number], Record<(typeof LABEL_OPTIONS)[keyof typeof LABEL_OPTIONS], {
-    light: keyof typeof ATOMIC_COLORS;
-    dark: keyof typeof ATOMIC_COLORS;
-}>>;
-export declare const COLOR_TOKEN_MAP: ColorTokenMap;

package/dist/colors/tokens/color-tokens.d.ts

@@ -1,17 +0,0 @@
-export declare const COLOR_TOKENS: readonly ["bg-primary", "bg-secondary", "bg-info", "bg-success", "bg-warning", "bg-error", "divider-neutral", "divider-invert", "divider-brand", "divider-info", "divider-success", "divider-warning", "divider-error", "primary-btn", "primary-btn-hover", "primary-btn-opa-01", "primary-btn-opa-02", "other", "other-hover", "other-opa-01", "other-opa-02", "other-text", "neutral", "neutral-dark", "neutral-text", "neutral-charcoal", "neutral-light", "neutral-invert", "neutral-opa-01", "neutral-opa-02", "info-hover", "info", "info-opa-01", "info-opa-02", "info-text", "success-hover", "success", "success-opa-01", "success-opa-02", "success-text", "warning-hover", "warning", "warning-opa-01", "warning-opa-02", "warning-text", "error-hover", "error", "error-opa-01", "error-opa-02", "error-text", "purple", "purple-opa-01", "purple-opa-02", "purple-text", "orange", "orange-opa-01", "orange-opa-02", "orange-text", "turquoise", "turquoise-opa-01", "turquoise-opa-02", "turquoise-text", "pink", "pink-opa-01", "pink-opa-02", "pink-text", "ultramarine", "ultramarine-opa-01", "ultramarine-opa-02", "ultramarine-text", "peach", "peach-opa-01", "peach-opa-02", "peach-text", "apple", "apple-opa-01", "apple-opa-02", "apple-text", "bubblegum", "bubblegum-opa-01", "bubblegum-opa-02", "bubblegum-text", "ocher", "ocher-opa-01", "ocher-opa-02", "ocher-text", "blueberry", "blueberry-opa-01", "blueberry-opa-02", "blueberry-text"];
-type NoDash<T> = T extends `${string}-${string}` ? never : T;
-type WithText<T> = T extends `${infer P}-text` ? P : never;
-type COLOR_TOKEN = (typeof COLOR_TOKENS)[number];
-/**
- * Colors that are used as primary colors in the design system.
- */
-export type MAIN_COLOR_TOKEN = NoDash<COLOR_TOKEN>;
-/**
- * {@link MAIN_COLOR_TOKEN} with text colors only. TODO: Maintain this list manually.
- */
-export type MAIN_COLOR_TOKEN_WITH_TEXT = WithText<COLOR_TOKEN>;
-/**
- * The main colors in the design system, i.e colors that are not shades or opacities.
- */
-export declare const mainColorTokens: NoDash<COLOR_TOKEN>[];
-export {};

package/dist/colors-utils.d.ts

@@ -1,57 +0,0 @@
-export declare const adjustBrightness: (color: string) => string;
-type ColorVariant = Record<string, string>;
-interface IColorVariants {
-    [key: string]: string | ColorVariant;
-    infoColor: string;
-    infoColorHover: string;
-    infoColorOpacityWeak: string;
-    infoColorOpacityStrong: string;
-    infoHoverComponentBgColor: string;
-    errorColor: string;
-    errorColorHover: string;
-    errorColorOpacityWeak: string;
-    errorColorOpacityStrong: string;
-    errorHoverComponentBgColor: string;
-    successColor: string;
-    successColorHover: string;
-    successColorOpacityWeak: string;
-    successColorOpacityStrong: string;
-    successHoverComponentBgColor: string;
-    warningColor: string;
-    warningColorHover: string;
-    warningColorOpacityWeak: string;
-    warningColorOpacityStrong: string;
-    warningHoverComponentBgColor: string;
-    primaryColor: string;
-    primaryColorHover: string;
-    primaryColorOpacityWeak: string;
-    primaryColorOpacityStrong: string;
-    primaryHoverComponentBgColor: string;
-    primaryBackgroundText: string;
-    primaryBackgroundHoverText: string;
-    primaryTextColor: string;
-    secondaryTextColor: string;
-    disabledTextColor: string;
-    placeholderTextColor: string;
-    primaryBackgroundColor: string;
-    secondaryBackgroundColor: string;
-    dividerColor: string;
-    secondaryButtonsHoverColor: string;
-}
-export declare const COLORS_DARK_MODE_HANDLED: {
-    primaryTextColor: (isDarkMode: boolean) => string;
-    secondaryTextColor: (isDarkMode: boolean) => string;
-    disabledTextColor: (isDarkMode: boolean) => string;
-    placeholderTextColor: (isDarkMode: boolean) => string;
-    primaryBackgroundColor: (isDarkMode: boolean) => string;
-    secondaryBackgroundColor: (isDarkMode: boolean) => string;
-    dividerColor: (isDarkMode: boolean) => string;
-    secondaryButtonsHoverColor: (isDarkMode: boolean) => string;
-};
-export declare const getColorVariants: (givenPrimary: string, type: "light" | "dark") => IColorVariants;
-export interface RGBColor {
-    red: number;
-    green: number;
-    blue: number;
-}
-export {};

package/dist/const.d.ts

@@ -1,4 +0,0 @@
-export declare const LABEL_OPTIONS: {
-    readonly AUTOFLEET: "autofleet";
-    readonly WHITE_LABELED: "whiteLabel";
-};

package/dist/fonts/atomic-fonts.d.ts

@@ -1,22 +0,0 @@
-type IFontResult<TSize extends string, TStyle extends string, TWeight extends string, TLineHeight extends string, TFamily extends string = string> = `
-    font-family: ${TFamily};
-    font-size: ${TSize};
-    font-style: ${TStyle};
-    font-weight: ${TWeight};
-    line-height: ${TLineHeight};`;
-type Font = 'Montserrat, sans-serif !important';
-export interface IAtomicFonts {
-    'typo-11': IFontResult<'48px', 'normal', '700', '60px', Font>;
-    'typo-10': IFontResult<'24px', 'normal', '700', '60px', Font>;
-    'typo-9': IFontResult<'24px', 'normal', '400', '30px', Font>;
-    'typo-8': IFontResult<'20px', 'normal', '700', '26px', Font>;
-    'typo-7': IFontResult<'18px', 'normal', '700', '24px', Font>;
-    'typo-6': IFontResult<'16px', 'normal', '500', '24px', Font>;
-    'typo-5': IFontResult<'16px', 'normal', '700', '24px', Font>;
-    'typo-4': IFontResult<'14px', 'normal', '500', '20px', Font>;
-    'typo-3': IFontResult<'14px', 'normal', '700', '20px', Font>;
-    'typo-2': IFontResult<'12px', 'normal', '700', '16px', Font>;
-    'typo-1': IFontResult<'12px', 'normal', '500', '16px', Font>;
-}
-export declare const ATOMIC_FONTS: IAtomicFonts;
-export {};

package/dist/fonts/index.d.ts

@@ -1,22 +0,0 @@
-import { IAtomicFonts } from './atomic-fonts';
-export interface ThemeFonts {
-    desktop: {
-        largeTitle: IAtomicFonts['typo-11'];
-        mediumTitle: IAtomicFonts['typo-10'];
-        placeHolderTitleInput: IAtomicFonts['typo-9'];
-        smallTitle: IAtomicFonts['typo-7'];
-        fine: IAtomicFonts['typo-1'];
-        fineStrong: IAtomicFonts['typo-2'];
-        bodyStrong: IAtomicFonts['typo-3'];
-        body: IAtomicFonts['typo-4'];
-    };
-    mobile: {
-        bodyStrong: IAtomicFonts['typo-5'];
-        body: IAtomicFonts['typo-6'];
-        smallTitle: IAtomicFonts['typo-8'];
-        largeTitle: IAtomicFonts['typo-10'];
-        fineStrong: IAtomicFonts['typo-3'];
-        fine: IAtomicFonts['typo-4'];
-    };
-}
-export declare const getThemeFonts: () => ThemeFonts;

package/dist/shadow/index.d.ts

@@ -1,14 +0,0 @@
-import { ColorTokenResponse } from '../colors';
-import { SPACING } from '../spacing/spacing';
-declare const getLowShadow: (color: string, opacity?: number) => `${typeof SPACING.NONE} ${typeof SPACING.XS} ${typeof SPACING.SM} ${string}`;
-declare const getMedShadow: (color: string, opacity?: number) => `${typeof SPACING.NONE} ${typeof SPACING.SM} ${typeof SPACING.LG} ${string}`;
-declare const getHighShadow: (color: string, opacity?: number) => `${typeof SPACING.NONE} ${typeof SPACING.LG} ${(typeof SPACING)["5XL"]} ${string}`;
-type ShadowVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
-type LowShadows = Record<`shadow-${ShadowVariant}-low`, ReturnType<typeof getLowShadow>>;
-type MedShadows = Record<`shadow-${ShadowVariant}-medium`, ReturnType<typeof getMedShadow>>;
-type HighShadows = Record<`shadow-${ShadowVariant}-high`, ReturnType<typeof getHighShadow>>;
-export interface ThemeShadows extends LowShadows, MedShadows, HighShadows {
-    'shadow-map-element': `${typeof SPACING.NONE} 3px ${typeof SPACING.LG} ${string}`;
-}
-export declare const getThemeShadows: (colors: ColorTokenResponse) => ThemeShadows;
-export {};

package/dist/spacing/border-radius.d.ts

@@ -1,9 +0,0 @@
-export declare const BORDER_RADIUS: {
-    readonly NONE: "0px";
-    readonly XS: "2px";
-    readonly SM: "4px";
-    readonly MD: "6px";
-    readonly LG: "8px";
-    readonly XL: "16px";
-    readonly '2XL': "24px";
-};

package/dist/spacing/index.d.ts

@@ -1,10 +0,0 @@
-import { BORDER_RADIUS } from './border-radius';
-import { SPACING } from './spacing';
-export declare const convertUnitInPXToNumber: (spacing: Record<string, string>) => Record<string, number>;
-export interface ThemeSpacings {
-    borderRadius: typeof BORDER_RADIUS;
-    spacings: typeof SPACING;
-    spacingNumbers: Record<keyof typeof SPACING, number>;
-    borderRadiusNumbers: Record<keyof typeof BORDER_RADIUS, number>;
-}
-export declare const getThemeSpacings: () => ThemeSpacings;

package/dist/spacing/spacing.d.ts

@@ -1,15 +0,0 @@
-export declare const SPACING: {
-    readonly NONE: "0px";
-    readonly XS: "2px";
-    readonly SM: "4px";
-    readonly MD: "6px";
-    readonly LG: "8px";
-    readonly XL: "12px";
-    readonly '2XL': "16px";
-    readonly '3XL': "24px";
-    readonly '4XL': "32px";
-    readonly '5XL': "40px";
-    readonly '6XL': "48px";
-    readonly '7XL': "56px";
-    readonly '8XL': "64px";
-};