@design-factory/design-factory 20.0.2 → 21.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (283) hide show
  1. package/README.md +2 -11
  2. package/fesm2022/design-factory.mjs +889 -1113
  3. package/fesm2022/design-factory.mjs.map +1 -1
  4. package/package.json +22 -51
  5. package/schematics/migrations/18_0_0/stepper-classes-18.0.0/index.js +1 -1
  6. package/schematics/migrations/21_0_0/ag-grid-neutral-header/index.d.ts +6 -0
  7. package/schematics/migrations/21_0_0/ag-grid-neutral-header/index.js +33 -0
  8. package/schematics/migrations/21_0_0/deleted-sass-vars/files/removed-vars.json +53 -0
  9. package/schematics/migrations/21_0_0/deleted-sass-vars/files/vars-with-value.json +4274 -0
  10. package/schematics/migrations/21_0_0/deleted-sass-vars/index.d.ts +7 -0
  11. package/schematics/migrations/21_0_0/deleted-sass-vars/index.js +90 -0
  12. package/schematics/migrations/21_0_0/style-import-package/index.d.ts +7 -0
  13. package/schematics/migrations/21_0_0/style-import-package/index.js +85 -0
  14. package/schematics/migrations/21_0_0/toast-classes-21.0/index.d.ts +2 -0
  15. package/schematics/migrations/21_0_0/toast-classes-21.0/index.js +36 -0
  16. package/schematics/migrations/migration.json +20 -0
  17. package/schematics/migrations/utils/add-dependencies.d.ts +3 -0
  18. package/schematics/migrations/utils/add-dependencies.js +41 -0
  19. package/schematics/migrations/utils/component-resource-collector.d.ts +3 -1
  20. package/schematics/migrations/utils/component-resource-collector.js +9 -4
  21. package/schematics/migrations/utils/style-updater.js +2 -2
  22. package/schematics/migrations/utils/template-updater.js +2 -2
  23. package/schematics/ng-add/index.js +12 -50
  24. package/{index.d.ts → types/design-factory.d.ts} +48 -71
  25. package/assets/.gitkeep +0 -0
  26. package/assets/fonts/amadeus-bold/amadeus-bold.woff +0 -0
  27. package/assets/fonts/amadeus-bold/amadeus-bold.woff2 +0 -0
  28. package/assets/fonts/amadeus-full/amadeus-full-bold.woff +0 -0
  29. package/assets/fonts/amadeus-full/amadeus-full-bold.woff2 +0 -0
  30. package/assets/fonts/amadeus-full/amadeus-full-bolditalic.woff +0 -0
  31. package/assets/fonts/amadeus-full/amadeus-full-bolditalic.woff2 +0 -0
  32. package/assets/fonts/amadeus-full/amadeus-full-italic.woff +0 -0
  33. package/assets/fonts/amadeus-full/amadeus-full-italic.woff2 +0 -0
  34. package/assets/fonts/amadeus-full/amadeus-full-light.woff +0 -0
  35. package/assets/fonts/amadeus-full/amadeus-full-light.woff2 +0 -0
  36. package/assets/fonts/amadeus-full/amadeus-full-lightitalic.woff +0 -0
  37. package/assets/fonts/amadeus-full/amadeus-full-lightitalic.woff2 +0 -0
  38. package/assets/fonts/amadeus-full/amadeus-full-regular.woff +0 -0
  39. package/assets/fonts/amadeus-full/amadeus-full-regular.woff2 +0 -0
  40. package/assets/fonts/amadeus-full/amadeus-full-thin.woff +0 -0
  41. package/assets/fonts/amadeus-full/amadeus-full-thin.woff2 +0 -0
  42. package/assets/fonts/amadeus-full/amadeus-full-thinitalic.woff +0 -0
  43. package/assets/fonts/amadeus-full/amadeus-full-thinitalic.woff2 +0 -0
  44. package/assets/fonts/amadeus-neue/bold/AmadeusNeueWeb-Bold.woff +0 -0
  45. package/assets/fonts/amadeus-neue/bold/AmadeusNeueWeb-Bold.woff2 +0 -0
  46. package/assets/fonts/amadeus-neue/bold/AmadeusNeueWeb-BoldItalic.woff +0 -0
  47. package/assets/fonts/amadeus-neue/bold/AmadeusNeueWeb-BoldItalic.woff2 +0 -0
  48. package/assets/fonts/amadeus-neue/light/AmadeusNeueWeb-Light.woff +0 -0
  49. package/assets/fonts/amadeus-neue/light/AmadeusNeueWeb-Light.woff2 +0 -0
  50. package/assets/fonts/amadeus-neue/light/AmadeusNeueWeb-LightItalic.woff +0 -0
  51. package/assets/fonts/amadeus-neue/light/AmadeusNeueWeb-LightItalic.woff2 +0 -0
  52. package/assets/fonts/amadeus-neue/medium/AmadeusNeueWeb-Medium.woff +0 -0
  53. package/assets/fonts/amadeus-neue/medium/AmadeusNeueWeb-Medium.woff2 +0 -0
  54. package/assets/fonts/amadeus-neue/medium/AmadeusNeueWeb-MediumItalic.woff +0 -0
  55. package/assets/fonts/amadeus-neue/medium/AmadeusNeueWeb-MediumItalic.woff2 +0 -0
  56. package/assets/fonts/amadeus-neue/regular/AmadeusNeueWeb-Regular.woff +0 -0
  57. package/assets/fonts/amadeus-neue/regular/AmadeusNeueWeb-Regular.woff2 +0 -0
  58. package/assets/fonts/amadeus-neue/regular/AmadeusNeueWeb-RegularItalic.woff +0 -0
  59. package/assets/fonts/amadeus-neue/regular/AmadeusNeueWeb-RegularItalic.woff2 +0 -0
  60. package/assets/fonts/amadeus-regular/amadeus-regular.woff +0 -0
  61. package/assets/fonts/amadeus-regular/amadeus-regular.woff2 +0 -0
  62. package/assets/fonts/amadeus-thin/amadeus-thin.woff +0 -0
  63. package/assets/fonts/amadeus-thin/amadeus-thin.woff2 +0 -0
  64. package/assets/fonts/df-icons/df-icons-light.woff2 +0 -0
  65. package/assets/fonts/df-icons/df-icons-solid.woff2 +0 -0
  66. package/assets/fonts/font-awesome/fa-brands-400.woff2 +0 -0
  67. package/assets/fonts/font-awesome/fa-light-300.woff2 +0 -0
  68. package/assets/fonts/font-awesome/fa-solid-900.woff2 +0 -0
  69. package/assets/fonts/noto/notosans-bold.woff +0 -0
  70. package/assets/fonts/noto/notosans-bold.woff2 +0 -0
  71. package/assets/fonts/noto/notosans-bolditalic.woff +0 -0
  72. package/assets/fonts/noto/notosans-bolditalic.woff2 +0 -0
  73. package/assets/fonts/noto/notosans-italic.woff +0 -0
  74. package/assets/fonts/noto/notosans-italic.woff2 +0 -0
  75. package/assets/fonts/noto/notosans-light.woff +0 -0
  76. package/assets/fonts/noto/notosans-light.woff2 +0 -0
  77. package/assets/fonts/noto/notosans-lightitalic.woff +0 -0
  78. package/assets/fonts/noto/notosans-lightitalic.woff2 +0 -0
  79. package/assets/fonts/noto/notosans-regular.woff +0 -0
  80. package/assets/fonts/noto/notosans-regular.woff2 +0 -0
  81. package/assets/fonts/noto/notosans-thin.woff +0 -0
  82. package/assets/fonts/noto/notosans-thin.woff2 +0 -0
  83. package/assets/fonts/noto/notosans-thinitalic.woff +0 -0
  84. package/assets/fonts/noto/notosans-thinitalic.woff2 +0 -0
  85. package/assets/fonts/noto/notosansarabic-bold.woff +0 -0
  86. package/assets/fonts/noto/notosansarabic-bold.woff2 +0 -0
  87. package/assets/fonts/noto/notosansarabic-light.woff +0 -0
  88. package/assets/fonts/noto/notosansarabic-light.woff2 +0 -0
  89. package/assets/fonts/noto/notosansarabic-regular.woff +0 -0
  90. package/assets/fonts/noto/notosansarabic-regular.woff2 +0 -0
  91. package/assets/fonts/noto/notosansarabic-thin.woff +0 -0
  92. package/assets/fonts/noto/notosansarabic-thin.woff2 +0 -0
  93. package/assets/fonts/noto/notosansgeorgian-bold.woff +0 -0
  94. package/assets/fonts/noto/notosansgeorgian-bold.woff2 +0 -0
  95. package/assets/fonts/noto/notosansgeorgian-light.woff +0 -0
  96. package/assets/fonts/noto/notosansgeorgian-light.woff2 +0 -0
  97. package/assets/fonts/noto/notosansgeorgian-regular.woff +0 -0
  98. package/assets/fonts/noto/notosansgeorgian-regular.woff2 +0 -0
  99. package/assets/fonts/noto/notosansgeorgian-thin.woff +0 -0
  100. package/assets/fonts/noto/notosansgeorgian-thin.woff2 +0 -0
  101. package/assets/fonts/noto/notosanshebrew-bold.woff +0 -0
  102. package/assets/fonts/noto/notosanshebrew-bold.woff2 +0 -0
  103. package/assets/fonts/noto/notosanshebrew-light.woff +0 -0
  104. package/assets/fonts/noto/notosanshebrew-light.woff2 +0 -0
  105. package/assets/fonts/noto/notosanshebrew-regular.woff +0 -0
  106. package/assets/fonts/noto/notosanshebrew-regular.woff2 +0 -0
  107. package/assets/fonts/noto/notosanshebrew-thin.woff +0 -0
  108. package/assets/fonts/noto/notosanshebrew-thin.woff2 +0 -0
  109. package/assets/fonts/source-sans-pro-bold/source-sans-pro-bold.woff +0 -0
  110. package/assets/fonts/source-sans-pro-bold/source-sans-pro-bold.woff2 +0 -0
  111. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-bold.woff +0 -0
  112. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-bold.woff2 +0 -0
  113. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-bolditalic.woff +0 -0
  114. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-bolditalic.woff2 +0 -0
  115. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-italic.woff +0 -0
  116. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-italic.woff2 +0 -0
  117. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-light.woff +0 -0
  118. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-light.woff2 +0 -0
  119. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-lightitalic.woff +0 -0
  120. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-lightitalic.woff2 +0 -0
  121. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-regular.woff +0 -0
  122. package/assets/fonts/source-sans-pro-full/sourcesanspro-full-regular.woff2 +0 -0
  123. package/assets/fonts/source-sans-pro-light/source-sans-pro-light.woff +0 -0
  124. package/assets/fonts/source-sans-pro-light/source-sans-pro-light.woff2 +0 -0
  125. package/assets/fonts/source-sans-pro-regular/source-sans-pro-regular.woff +0 -0
  126. package/assets/fonts/source-sans-pro-regular/source-sans-pro-regular.woff2 +0 -0
  127. package/assets/fonts/source-sans-pro-semibold/source-sans-pro-semibold.woff +0 -0
  128. package/assets/fonts/source-sans-pro-semibold/source-sans-pro-semibold.woff2 +0 -0
  129. package/design-factory-initial-branding.css +0 -13
  130. package/design-factory-initial-branding.scss +0 -1
  131. package/design-factory-utilities.scss +0 -5
  132. package/design-factory.css +0 -13
  133. package/design-factory.scss +0 -3
  134. package/fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs +0 -358
  135. package/fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs.map +0 -1
  136. package/styles/scss/_common.mixins.scss +0 -30
  137. package/styles/scss/_common.root.scss +0 -70
  138. package/styles/scss/_common.scss +0 -51
  139. package/styles/scss/_common.variables.scss +0 -79
  140. package/styles/scss/_variables.scss +0 -61
  141. package/styles/scss/agnosui/_variables.scss +0 -28
  142. package/styles/scss/bootstrap/_maps.scss +0 -52
  143. package/styles/scss/bootstrap/_mixins-override.scss +0 -69
  144. package/styles/scss/bootstrap/_rtl-styles-override.scss +0 -127
  145. package/styles/scss/bootstrap/_utilities-override.scss +0 -25
  146. package/styles/scss/bootstrap/_variables-dark.scss +0 -86
  147. package/styles/scss/bootstrap/_variables.scss +0 -2622
  148. package/styles/scss/components/.gitkeep +0 -0
  149. package/styles/scss/components/accordion/_accordion.scss +0 -241
  150. package/styles/scss/components/accordion/_accordion.variables.scss +0 -19
  151. package/styles/scss/components/alert/_alert.scss +0 -236
  152. package/styles/scss/components/alert/_alert.variables.scss +0 -56
  153. package/styles/scss/components/badge/_badge.mixins.scss +0 -23
  154. package/styles/scss/components/badge/_badge.scss +0 -483
  155. package/styles/scss/components/badge/_badge.variables.scss +0 -28
  156. package/styles/scss/components/brand-color/_brand-color.mixins.scss +0 -42
  157. package/styles/scss/components/brand-color/_brand-color.scss +0 -20
  158. package/styles/scss/components/brand-color/_brand-color.variables.scss +0 -152
  159. package/styles/scss/components/brand-color/_brand-color_container.scss +0 -23
  160. package/styles/scss/components/breadcrumbs/_breadcrumbs.scss +0 -127
  161. package/styles/scss/components/breadcrumbs/_breadcrumbs.variables.scss +0 -21
  162. package/styles/scss/components/button/_button.scss +0 -1090
  163. package/styles/scss/components/button/_button.utils.scss +0 -35
  164. package/styles/scss/components/button/_button.variables.scss +0 -48
  165. package/styles/scss/components/button/_button_container.scss +0 -47
  166. package/styles/scss/components/card/_card.scss +0 -208
  167. package/styles/scss/components/card/_card.variables.scss +0 -33
  168. package/styles/scss/components/carousel/_carousel.scss +0 -51
  169. package/styles/scss/components/carousel/_carousel.variables.scss +0 -12
  170. package/styles/scss/components/checkbox/_checkbox.scss +0 -68
  171. package/styles/scss/components/checkbox/_checkbox.variables.scss +0 -7
  172. package/styles/scss/components/collapse/_collapse.scss +0 -99
  173. package/styles/scss/components/collapse/_collapse.variables.scss +0 -7
  174. package/styles/scss/components/datepicker/_datepicker.scss +0 -362
  175. package/styles/scss/components/datepicker/_datepicker.variables.scss +0 -64
  176. package/styles/scss/components/dropdown/_dropdown.mixins.scss +0 -8
  177. package/styles/scss/components/dropdown/_dropdown.scss +0 -178
  178. package/styles/scss/components/dropdown/_dropdown.variables.scss +0 -24
  179. package/styles/scss/components/fieldset/_fieldset.scss +0 -8
  180. package/styles/scss/components/fieldset/_fieldset.variables.scss +0 -2
  181. package/styles/scss/components/fonts/_font-awesome-icons-brands.scss +0 -1585
  182. package/styles/scss/components/fonts/_font-awesome-icons.scss +0 -12886
  183. package/styles/scss/components/fonts/_font-faces.mixins.scss +0 -579
  184. package/styles/scss/components/fonts/_fonts-family.scss +0 -229
  185. package/styles/scss/components/fonts/_fonts.root.scss +0 -28
  186. package/styles/scss/components/fonts/_fonts.scss +0 -101
  187. package/styles/scss/components/fonts/_fonts.variables.scss +0 -33
  188. package/styles/scss/components/fonts/_icon-font.scss +0 -94
  189. package/styles/scss/components/fonts/_icon-font.variables.scss +0 -14
  190. package/styles/scss/components/fonts/_multi-lang.mixins.scss +0 -8
  191. package/styles/scss/components/fonts/multi-lang/_arabic.mixins.scss +0 -12
  192. package/styles/scss/components/fonts/multi-lang/_chinese.mixins.scss +0 -21
  193. package/styles/scss/components/fonts/multi-lang/_cyrillic-extended.mixins.scss +0 -11
  194. package/styles/scss/components/fonts/multi-lang/_cyrillic.mixins.scss +0 -10
  195. package/styles/scss/components/fonts/multi-lang/_georgian.mixins.scss +0 -13
  196. package/styles/scss/components/fonts/multi-lang/_hebrew.mixins.scss +0 -13
  197. package/styles/scss/components/fonts/multi-lang/_japanese.mixins.scss +0 -33
  198. package/styles/scss/components/fonts/multi-lang/_korean.mixins.scss +0 -18
  199. package/styles/scss/components/footer/_footer.mixins.scss +0 -36
  200. package/styles/scss/components/footer/_footer.scss +0 -86
  201. package/styles/scss/components/footer/_footer.variables.scss +0 -14
  202. package/styles/scss/components/form/_form.scss +0 -206
  203. package/styles/scss/components/form/_form.variables.scss +0 -34
  204. package/styles/scss/components/icon/_amadeus-icon.scss +0 -39
  205. package/styles/scss/components/icon/_amadeus-icon.variables.scss +0 -4
  206. package/styles/scss/components/inputs/_inputs.mixin.scss +0 -125
  207. package/styles/scss/components/inputs/_inputs.root.scss +0 -8
  208. package/styles/scss/components/inputs/_inputs.scss +0 -292
  209. package/styles/scss/components/inputs/_inputs.variables.scss +0 -39
  210. package/styles/scss/components/link/_link.mixins.scss +0 -198
  211. package/styles/scss/components/link/_link.scss +0 -170
  212. package/styles/scss/components/link/_link.variables.scss +0 -55
  213. package/styles/scss/components/list/_list.scss +0 -20
  214. package/styles/scss/components/list/_list.variables.scss +0 -4
  215. package/styles/scss/components/list-group/_list-group.scss +0 -101
  216. package/styles/scss/components/list-group/_list-group.variables.scss +0 -10
  217. package/styles/scss/components/media/_media.scss +0 -89
  218. package/styles/scss/components/media/_media.variables.scss +0 -19
  219. package/styles/scss/components/modal/_modal.scss +0 -247
  220. package/styles/scss/components/modal/_modal.variables.scss +0 -29
  221. package/styles/scss/components/navbar/_navbar.mixins.scss +0 -55
  222. package/styles/scss/components/navbar/_navbar.scss +0 -563
  223. package/styles/scss/components/navbar/_navbar.variables.scss +0 -102
  224. package/styles/scss/components/pagination/_pagination.scss +0 -251
  225. package/styles/scss/components/pagination/_pagination.variables.scss +0 -35
  226. package/styles/scss/components/pagination/_pagination_container.scss +0 -17
  227. package/styles/scss/components/popover/_popover.mixin.scss +0 -46
  228. package/styles/scss/components/popover/_popover.scss +0 -45
  229. package/styles/scss/components/popover/_popover.variables.scss +0 -25
  230. package/styles/scss/components/popover/_popover_container.scss +0 -214
  231. package/styles/scss/components/progressbar/_progressbar.scss +0 -93
  232. package/styles/scss/components/progressbar/_progressbar.variables.scss +0 -28
  233. package/styles/scss/components/radio/_radio.scss +0 -50
  234. package/styles/scss/components/radio/_radio.variables.scss +0 -4
  235. package/styles/scss/components/rating/_rating.scss +0 -118
  236. package/styles/scss/components/rating/_rating.variables.scss +0 -20
  237. package/styles/scss/components/scrollspy/_scrollspy.scss +0 -88
  238. package/styles/scss/components/scrollspy/_scrollspy.variables.scss +0 -23
  239. package/styles/scss/components/select/_select.mixin.scss +0 -34
  240. package/styles/scss/components/select/_select.scss +0 -804
  241. package/styles/scss/components/select/_select.variables.scss +0 -89
  242. package/styles/scss/components/separator/_separator.scss +0 -9
  243. package/styles/scss/components/separator/_separator.variables.scss +0 -1
  244. package/styles/scss/components/sidenav/_sidenav.scss +0 -347
  245. package/styles/scss/components/sidenav/_sidenav.variables.scss +0 -104
  246. package/styles/scss/components/skip-links/_skip-links.scss +0 -40
  247. package/styles/scss/components/skip-links/_skip-links.variables.scss +0 -9
  248. package/styles/scss/components/slider/_slider.scss +0 -422
  249. package/styles/scss/components/slider/_slider.variables.scss +0 -59
  250. package/styles/scss/components/speechbubble/_speechbubble.scss +0 -166
  251. package/styles/scss/components/speechbubble/_speechbubble.variables.scss +0 -27
  252. package/styles/scss/components/spinner/_spinner.scss +0 -126
  253. package/styles/scss/components/spinner/_spinner.variables.scss +0 -30
  254. package/styles/scss/components/spinner/_spinner_container.scss +0 -43
  255. package/styles/scss/components/stepper/_stepper.mixins.scss +0 -176
  256. package/styles/scss/components/stepper/_stepper.scss +0 -254
  257. package/styles/scss/components/stepper/_stepper.variables.scss +0 -88
  258. package/styles/scss/components/table/_advancedtables.scss +0 -306
  259. package/styles/scss/components/table/_table.scss +0 -19
  260. package/styles/scss/components/table/_table.variables.scss +0 -37
  261. package/styles/scss/components/tabs/_tabs.scss +0 -277
  262. package/styles/scss/components/tabs/_tabs.variables.scss +0 -36
  263. package/styles/scss/components/timepicker/_timepicker.scss +0 -5
  264. package/styles/scss/components/timepicker/_timepicker.variables.scss +0 -1
  265. package/styles/scss/components/toast/_toast.scss +0 -354
  266. package/styles/scss/components/toast/_toast.variables.scss +0 -18
  267. package/styles/scss/components/toggle/_toggle.scss +0 -145
  268. package/styles/scss/components/toggle/_toggle.variables.scss +0 -22
  269. package/styles/scss/components/tooltip/_tooltip.scss +0 -24
  270. package/styles/scss/components/tooltip/_tooltip.variables.scss +0 -6
  271. package/styles/scss/components/tooltip/_tooltip_container.scss +0 -116
  272. package/styles/scss/components/typeahead/_typeahead.scss +0 -59
  273. package/styles/scss/components/typeahead/_typeahead.variables.scss +0 -11
  274. package/styles/scss/df-styles-namespace.scss +0 -165
  275. package/styles/scss/df-styles.scss +0 -117
  276. package/styles/scss/themes/brand2023/_variables.scss +0 -1140
  277. package/styles/scss/themes/brand2023/tokens/_mapping.gen.scss +0 -868
  278. package/styles/scss/themes/brand2023/tokens/_root.gen.scss +0 -1709
  279. package/styles/scss/themes/brand2023/tokens/_sass-vars.gen.scss +0 -1468
  280. package/styles/scss/utilities/_common.utilities.scss +0 -205
  281. package/styles/scss/utilities/_form.mixins.scss +0 -26
  282. package/styles/scss/utilities/_rgb.scss +0 -10
  283. package/tokens/style-dictionary/index.d.ts +0 -60
@@ -1,868 +0,0 @@
1
- $prefix: 'df-' !default;
2
-
3
- $primaries-mapping: (
4
- 'bg-active-alt-color': var(--#{$prefix}color-primary-alt-active-background),
5
- 'bg-active-color': var(--#{$prefix}color-primary-main-active-background),
6
- 'bg-color': var(--#{$prefix}color-primary-main-default-background),
7
- 'bg-hover-alt-color': var(--#{$prefix}color-primary-alt-hovered-background),
8
- 'bg-hover-color': var(--#{$prefix}color-primary-main-hovered-background),
9
- 'bg-light-active-color': var(--#{$prefix}color-primary-soft-active-background),
10
- 'bg-light-color': var(--#{$prefix}color-primary-soft-default-background),
11
- 'bg-light-hover-color': var(--#{$prefix}color-primary-soft-hovered-background),
12
- 'bg-subtle-active-color': var(--#{$prefix}color-primary-subtle-background),
13
- 'bg-subtle-color': var(--#{$prefix}color-primary-subtle-background),
14
- 'bg-subtle-hover-color': var(--#{$prefix}color-primary-subtle-background),
15
- 'border-color': var(--#{$prefix}color-primary-alt-default-border),
16
- 'border-hover-color': var(--#{$prefix}color-primary-alt-hovered-border),
17
- 'inert-color': var(--#{$prefix}color-primary-alt-default-foreground),
18
- 'separator-color': var(--#{$prefix}color-separator-primary-border),
19
- 'text-active-color': var(--#{$prefix}color-primary-alt-active-foreground),
20
- 'text-color': var(--#{$prefix}color-primary-alt-default-foreground),
21
- 'text-hover-color': var(--#{$prefix}color-primary-alt-hovered-foreground),
22
- 'text-light-color': var(--#{$prefix}color-primary-soft-default-foreground),
23
- 'text-light-hover-color': var(--#{$prefix}color-primary-soft-hovered-foreground),
24
- ) !default;
25
-
26
- $dangers-mapping: (
27
- 'bg-active-alt-color': var(--#{$prefix}color-danger-alt-active-background),
28
- 'bg-active-color': var(--#{$prefix}color-danger-main-active-background),
29
- 'bg-color': var(--#{$prefix}color-danger-main-default-background),
30
- 'bg-hover-alt-color': var(--#{$prefix}color-danger-alt-hovered-background),
31
- 'bg-hover-color': var(--#{$prefix}color-danger-main-hovered-background),
32
- 'bg-light-active-color': var(--#{$prefix}color-danger-soft-active-background),
33
- 'bg-light-color': var(--#{$prefix}color-danger-soft-default-background),
34
- 'bg-light-hover-color': var(--#{$prefix}color-danger-soft-hovered-background),
35
- 'bg-subtle-active-color': var(--#{$prefix}color-danger-subtle-background),
36
- 'bg-subtle-color': var(--#{$prefix}color-danger-subtle-background),
37
- 'bg-subtle-hover-color': var(--#{$prefix}color-danger-subtle-background),
38
- 'border-color': var(--#{$prefix}color-danger-alt-default-border),
39
- 'border-hover-color': var(--#{$prefix}color-danger-alt-hovered-border),
40
- 'inert-color': var(--#{$prefix}color-danger-alt-default-foreground),
41
- 'separator-color': var(--#{$prefix}color-separator-danger-border),
42
- 'text-active-color': var(--#{$prefix}color-danger-alt-active-foreground),
43
- 'text-color': var(--#{$prefix}color-danger-alt-default-foreground),
44
- 'text-hover-color': var(--#{$prefix}color-danger-alt-hovered-foreground),
45
- 'text-light-color': var(--#{$prefix}color-danger-soft-default-foreground),
46
- 'text-light-hover-color': var(--#{$prefix}color-danger-soft-hovered-foreground),
47
- ) !default;
48
-
49
- $successes-mapping: (
50
- 'bg-active-alt-color': var(--#{$prefix}color-success-alt-active-background),
51
- 'bg-active-color': var(--#{$prefix}color-success-main-active-background),
52
- 'bg-color': var(--#{$prefix}color-success-main-default-background),
53
- 'bg-hover-alt-color': var(--#{$prefix}color-success-alt-hovered-background),
54
- 'bg-hover-color': var(--#{$prefix}color-success-main-hovered-background),
55
- 'bg-light-active-color': var(--#{$prefix}color-success-soft-active-background),
56
- 'bg-light-color': var(--#{$prefix}color-success-soft-default-background),
57
- 'bg-light-hover-color': var(--#{$prefix}color-success-soft-hovered-background),
58
- 'bg-subtle-active-color': var(--#{$prefix}color-success-subtle-background),
59
- 'bg-subtle-color': var(--#{$prefix}color-success-subtle-background),
60
- 'bg-subtle-hover-color': var(--#{$prefix}color-success-subtle-background),
61
- 'border-color': var(--#{$prefix}color-success-alt-default-border),
62
- 'border-hover-color': var(--#{$prefix}color-success-alt-hovered-border),
63
- 'inert-color': var(--#{$prefix}color-success-alt-default-foreground),
64
- 'separator-color': var(--#{$prefix}color-separator-success-border),
65
- 'text-active-color': var(--#{$prefix}color-success-alt-active-foreground),
66
- 'text-color': var(--#{$prefix}color-success-alt-default-foreground),
67
- 'text-hover-color': var(--#{$prefix}color-success-alt-hovered-foreground),
68
- 'text-light-color': var(--#{$prefix}color-success-soft-default-foreground),
69
- 'text-light-hover-color': var(--#{$prefix}color-success-soft-hovered-foreground),
70
- ) !default;
71
-
72
- $warnings-mapping: (
73
- 'bg-active-alt-color': var(--#{$prefix}color-warning-alt-active-background),
74
- 'bg-active-color': var(--#{$prefix}color-warning-main-active-background),
75
- 'bg-color': var(--#{$prefix}color-warning-main-default-background),
76
- 'bg-hover-alt-color': var(--#{$prefix}color-warning-alt-hovered-background),
77
- 'bg-hover-color': var(--#{$prefix}color-warning-main-hovered-background),
78
- 'bg-light-active-color': var(--#{$prefix}color-warning-soft-active-background),
79
- 'bg-light-color': var(--#{$prefix}color-warning-soft-default-background),
80
- 'bg-light-hover-color': var(--#{$prefix}color-warning-soft-hovered-background),
81
- 'bg-subtle-active-color': var(--#{$prefix}color-warning-subtle-background),
82
- 'bg-subtle-color': var(--#{$prefix}color-warning-subtle-background),
83
- 'bg-subtle-hover-color': var(--#{$prefix}color-warning-subtle-background),
84
- 'border-color': var(--#{$prefix}color-warning-alt-default-border),
85
- 'border-hover-color': var(--#{$prefix}color-warning-alt-hovered-border),
86
- 'inert-color': var(--#{$prefix}color-warning-alt-default-foreground),
87
- 'separator-color': var(--#{$prefix}color-separator-warning-border),
88
- 'text-active-color': var(--#{$prefix}color-warning-alt-active-foreground),
89
- 'text-color': var(--#{$prefix}color-warning-alt-default-foreground),
90
- 'text-hover-color': var(--#{$prefix}color-warning-alt-hovered-foreground),
91
- 'text-light-color': var(--#{$prefix}color-warning-soft-default-foreground),
92
- 'text-light-hover-color': var(--#{$prefix}color-warning-soft-hovered-foreground),
93
- ) !default;
94
-
95
- $infos-mapping: (
96
- 'bg-active-alt-color': var(--#{$prefix}color-info-alt-active-background),
97
- 'bg-active-color': var(--#{$prefix}color-info-main-active-background),
98
- 'bg-color': var(--#{$prefix}color-info-main-default-background),
99
- 'bg-hover-alt-color': var(--#{$prefix}color-info-alt-hovered-background),
100
- 'bg-hover-color': var(--#{$prefix}color-info-main-hovered-background),
101
- 'bg-light-active-color': var(--#{$prefix}color-info-soft-active-background),
102
- 'bg-light-color': var(--#{$prefix}color-info-soft-default-background),
103
- 'bg-light-hover-color': var(--#{$prefix}color-info-soft-hovered-background),
104
- 'bg-subtle-active-color': var(--#{$prefix}color-info-subtle-background),
105
- 'bg-subtle-color': var(--#{$prefix}color-info-subtle-background),
106
- 'bg-subtle-hover-color': var(--#{$prefix}color-info-subtle-background),
107
- 'border-color': var(--#{$prefix}color-info-alt-default-border),
108
- 'border-hover-color': var(--#{$prefix}color-info-alt-hovered-border),
109
- 'inert-color': var(--#{$prefix}color-info-alt-default-foreground),
110
- 'separator-color': var(--#{$prefix}color-separator-info-border),
111
- 'text-active-color': var(--#{$prefix}color-info-alt-active-foreground),
112
- 'text-color': var(--#{$prefix}color-info-alt-default-foreground),
113
- 'text-hover-color': var(--#{$prefix}color-info-alt-hovered-foreground),
114
- 'text-light-color': var(--#{$prefix}color-info-soft-default-foreground),
115
- 'text-light-hover-color': var(--#{$prefix}color-info-soft-hovered-foreground),
116
- ) !default;
117
-
118
- $tips-mapping: (
119
- 'bg-active-alt-color': var(--#{$prefix}color-tip-alt-active-background),
120
- 'bg-active-color': var(--#{$prefix}color-tip-main-active-background),
121
- 'bg-color': var(--#{$prefix}color-tip-main-default-background),
122
- 'bg-hover-alt-color': var(--#{$prefix}color-tip-alt-hovered-background),
123
- 'bg-hover-color': var(--#{$prefix}color-tip-main-hovered-background),
124
- 'bg-light-active-color': var(--#{$prefix}color-tip-soft-active-background),
125
- 'bg-light-color': var(--#{$prefix}color-tip-soft-default-background),
126
- 'bg-light-hover-color': var(--#{$prefix}color-tip-soft-hovered-background),
127
- 'bg-subtle-active-color': var(--#{$prefix}color-tip-subtle-background),
128
- 'bg-subtle-color': var(--#{$prefix}color-tip-subtle-background),
129
- 'bg-subtle-hover-color': var(--#{$prefix}color-tip-subtle-background),
130
- 'border-color': var(--#{$prefix}color-tip-alt-default-border),
131
- 'border-hover-color': var(--#{$prefix}color-tip-alt-hovered-border),
132
- 'inert-color': var(--#{$prefix}color-tip-alt-default-foreground),
133
- 'separator-color': var(--#{$prefix}color-separator-tip-border),
134
- 'text-active-color': var(--#{$prefix}color-tip-alt-active-foreground),
135
- 'text-color': var(--#{$prefix}color-tip-alt-default-foreground),
136
- 'text-hover-color': var(--#{$prefix}color-tip-alt-hovered-foreground),
137
- 'text-light-color': var(--#{$prefix}color-tip-soft-default-foreground),
138
- 'text-light-hover-color': var(--#{$prefix}color-tip-soft-hovered-foreground),
139
- ) !default;
140
-
141
- $chromatics1-mapping: (
142
- 'bg-active-alt-color': var(--#{$prefix}color-chromatic1-alt-active-background),
143
- 'bg-active-color': var(--#{$prefix}color-chromatic1-main-active-background),
144
- 'bg-color': var(--#{$prefix}color-chromatic1-main-default-background),
145
- 'bg-hover-alt-color': var(--#{$prefix}color-chromatic1-alt-hovered-background),
146
- 'bg-hover-color': var(--#{$prefix}color-chromatic1-main-hovered-background),
147
- 'bg-light-active-color': var(--#{$prefix}color-chromatic1-soft-active-background),
148
- 'bg-light-color': var(--#{$prefix}color-chromatic1-soft-default-background),
149
- 'bg-light-hover-color': var(--#{$prefix}color-chromatic1-soft-hovered-background),
150
- 'bg-subtle-active-color': var(--#{$prefix}color-chromatic1-subtle-background),
151
- 'bg-subtle-color': var(--#{$prefix}color-chromatic1-subtle-background),
152
- 'bg-subtle-hover-color': var(--#{$prefix}color-chromatic1-subtle-background),
153
- 'border-color': var(--#{$prefix}color-chromatic1-alt-default-border),
154
- 'border-hover-color': var(--#{$prefix}color-chromatic1-alt-hovered-border),
155
- 'inert-color': var(--#{$prefix}color-chromatic1-alt-default-foreground),
156
- 'separator-color': var(--#{$prefix}color-separator-chromatic1-border),
157
- 'text-active-color': var(--#{$prefix}color-chromatic1-alt-active-foreground),
158
- 'text-color': var(--#{$prefix}color-chromatic1-alt-default-foreground),
159
- 'text-hover-color': var(--#{$prefix}color-chromatic1-alt-hovered-foreground),
160
- 'text-light-color': var(--#{$prefix}color-chromatic1-soft-default-foreground),
161
- 'text-light-hover-color': var(--#{$prefix}color-chromatic1-soft-hovered-foreground),
162
- ) !default;
163
-
164
- $chromatics2-mapping: (
165
- 'bg-active-alt-color': var(--#{$prefix}color-chromatic2-alt-active-background),
166
- 'bg-active-color': var(--#{$prefix}color-chromatic2-main-active-background),
167
- 'bg-color': var(--#{$prefix}color-chromatic2-main-default-background),
168
- 'bg-hover-alt-color': var(--#{$prefix}color-chromatic2-alt-hovered-background),
169
- 'bg-hover-color': var(--#{$prefix}color-chromatic2-main-hovered-background),
170
- 'bg-light-active-color': var(--#{$prefix}color-chromatic2-soft-active-background),
171
- 'bg-light-color': var(--#{$prefix}color-chromatic2-soft-default-background),
172
- 'bg-light-hover-color': var(--#{$prefix}color-chromatic2-soft-hovered-background),
173
- 'bg-subtle-active-color': var(--#{$prefix}color-chromatic2-subtle-background),
174
- 'bg-subtle-color': var(--#{$prefix}color-chromatic2-subtle-background),
175
- 'bg-subtle-hover-color': var(--#{$prefix}color-chromatic2-subtle-background),
176
- 'border-color': var(--#{$prefix}color-chromatic2-alt-default-border),
177
- 'border-hover-color': var(--#{$prefix}color-chromatic2-alt-hovered-border),
178
- 'inert-color': var(--#{$prefix}color-chromatic2-alt-default-foreground),
179
- 'separator-color': var(--#{$prefix}color-separator-chromatic2-border),
180
- 'text-active-color': var(--#{$prefix}color-chromatic2-alt-active-foreground),
181
- 'text-color': var(--#{$prefix}color-chromatic2-alt-default-foreground),
182
- 'text-hover-color': var(--#{$prefix}color-chromatic2-alt-hovered-foreground),
183
- 'text-light-color': var(--#{$prefix}color-chromatic2-soft-default-foreground),
184
- 'text-light-hover-color': var(--#{$prefix}color-chromatic2-soft-hovered-foreground),
185
- ) !default;
186
-
187
- $neutrals-mapping: (
188
- 'bg-active-alt-color': var(--#{$prefix}color-neutral-alt-active-background),
189
- 'bg-active-color': var(--#{$prefix}color-neutral-main-active-background),
190
- 'bg-color': var(--#{$prefix}color-neutral-main-default-background),
191
- 'bg-hover-alt-color': var(--#{$prefix}color-neutral-alt-hovered-background),
192
- 'bg-hover-color': var(--#{$prefix}color-neutral-main-hovered-background),
193
- 'border-color': var(--#{$prefix}color-neutral-alt-default-border),
194
- 'border-hover-color': var(--#{$prefix}color-neutral-alt-hovered-border),
195
- 'inert-color': var(--#{$prefix}color-neutral-alt-default-foreground),
196
- 'text-active-color': var(--#{$prefix}color-neutral-alt-active-foreground),
197
- 'text-color': var(--#{$prefix}color-neutral-alt-default-foreground),
198
- 'text-hover-color': var(--#{$prefix}color-neutral-alt-hovered-foreground),
199
- ) !default;
200
-
201
-
202
- /* DF and figma mapping */
203
- html:root {
204
- --#{$prefix}primary-50: var(--#{$prefix}theme-primary-10);
205
- --#{$prefix}primary-50-rgb: var(--#{$prefix}theme-primary-10-rgb);
206
- --#{$prefix}primary-50-color: var(--#{$prefix}theme-primary-10-color);
207
- --#{$prefix}primary-50-color-rgb: var(--#{$prefix}theme-primary-10-color-rgb);
208
- --#{$prefix}primary-100: var(--#{$prefix}theme-primary-20);
209
- --#{$prefix}primary-100-rgb: var(--#{$prefix}theme-primary-20-rgb);
210
- --#{$prefix}primary-100-color: var(--#{$prefix}theme-primary-20-color);
211
- --#{$prefix}primary-100-color-rgb: var(--#{$prefix}theme-primary-20-color-rgb);
212
- --#{$prefix}primary-200: var(--#{$prefix}theme-primary-30);
213
- --#{$prefix}primary-200-rgb: var(--#{$prefix}theme-primary-30-rgb);
214
- --#{$prefix}primary-200-color: var(--#{$prefix}theme-primary-30-color);
215
- --#{$prefix}primary-200-color-rgb: var(--#{$prefix}theme-primary-30-color-rgb);
216
- --#{$prefix}primary-300: var(--#{$prefix}theme-primary-40);
217
- --#{$prefix}primary-300-rgb: var(--#{$prefix}theme-primary-40-rgb);
218
- --#{$prefix}primary-300-color: var(--#{$prefix}theme-primary-40-color);
219
- --#{$prefix}primary-300-color-rgb: var(--#{$prefix}theme-primary-40-color-rgb);
220
- --#{$prefix}primary-400: var(--#{$prefix}theme-primary-50);
221
- --#{$prefix}primary-400-rgb: var(--#{$prefix}theme-primary-50-rgb);
222
- --#{$prefix}primary-400-color: var(--#{$prefix}theme-primary-50-color);
223
- --#{$prefix}primary-400-color-rgb: var(--#{$prefix}theme-primary-50-color-rgb);
224
- --#{$prefix}primary-500: var(--#{$prefix}theme-primary-60);
225
- --#{$prefix}primary-500-rgb: var(--#{$prefix}theme-primary-60-rgb);
226
- --#{$prefix}primary-500-color: var(--#{$prefix}theme-primary-60-color);
227
- --#{$prefix}primary-500-color-rgb: var(--#{$prefix}theme-primary-60-color-rgb);
228
- --#{$prefix}primary-600: var(--#{$prefix}theme-primary-70);
229
- --#{$prefix}primary-600-rgb: var(--#{$prefix}theme-primary-70-rgb);
230
- --#{$prefix}primary-600-color: var(--#{$prefix}theme-primary-70-color);
231
- --#{$prefix}primary-600-color-rgb: var(--#{$prefix}theme-primary-70-color-rgb);
232
- --#{$prefix}primary-700: var(--#{$prefix}theme-primary-80);
233
- --#{$prefix}primary-700-rgb: var(--#{$prefix}theme-primary-80-rgb);
234
- --#{$prefix}primary-700-color: var(--#{$prefix}theme-primary-80-color);
235
- --#{$prefix}primary-700-color-rgb: var(--#{$prefix}theme-primary-80-color-rgb);
236
- --#{$prefix}primary-800: var(--#{$prefix}theme-primary-90);
237
- --#{$prefix}primary-800-rgb: var(--#{$prefix}theme-primary-90-rgb);
238
- --#{$prefix}primary-800-color: var(--#{$prefix}theme-primary-90-color);
239
- --#{$prefix}primary-800-color-rgb: var(--#{$prefix}theme-primary-90-color-rgb);
240
- --#{$prefix}primary-900: var(--#{$prefix}theme-primary-100);
241
- --#{$prefix}primary-900-rgb: var(--#{$prefix}theme-primary-100-rgb);
242
- --#{$prefix}primary-900-color: var(--#{$prefix}theme-primary-100-color);
243
- --#{$prefix}primary-900-color-rgb: var(--#{$prefix}theme-primary-100-color-rgb);
244
- --#{$prefix}danger-50: var(--#{$prefix}theme-danger-10);
245
- --#{$prefix}danger-50-rgb: var(--#{$prefix}theme-danger-10-rgb);
246
- --#{$prefix}danger-50-color: var(--#{$prefix}theme-danger-10-color);
247
- --#{$prefix}danger-50-color-rgb: var(--#{$prefix}theme-danger-10-color-rgb);
248
- --#{$prefix}danger-100: var(--#{$prefix}theme-danger-20);
249
- --#{$prefix}danger-100-rgb: var(--#{$prefix}theme-danger-20-rgb);
250
- --#{$prefix}danger-100-color: var(--#{$prefix}theme-danger-20-color);
251
- --#{$prefix}danger-100-color-rgb: var(--#{$prefix}theme-danger-20-color-rgb);
252
- --#{$prefix}danger-200: var(--#{$prefix}theme-danger-30);
253
- --#{$prefix}danger-200-rgb: var(--#{$prefix}theme-danger-30-rgb);
254
- --#{$prefix}danger-200-color: var(--#{$prefix}theme-danger-30-color);
255
- --#{$prefix}danger-200-color-rgb: var(--#{$prefix}theme-danger-30-color-rgb);
256
- --#{$prefix}danger-300: var(--#{$prefix}theme-danger-40);
257
- --#{$prefix}danger-300-rgb: var(--#{$prefix}theme-danger-40-rgb);
258
- --#{$prefix}danger-300-color: var(--#{$prefix}theme-danger-40-color);
259
- --#{$prefix}danger-300-color-rgb: var(--#{$prefix}theme-danger-40-color-rgb);
260
- --#{$prefix}danger-400: var(--#{$prefix}theme-danger-50);
261
- --#{$prefix}danger-400-rgb: var(--#{$prefix}theme-danger-50-rgb);
262
- --#{$prefix}danger-400-color: var(--#{$prefix}theme-danger-50-color);
263
- --#{$prefix}danger-400-color-rgb: var(--#{$prefix}theme-danger-50-color-rgb);
264
- --#{$prefix}danger-500: var(--#{$prefix}theme-danger-60);
265
- --#{$prefix}danger-500-rgb: var(--#{$prefix}theme-danger-60-rgb);
266
- --#{$prefix}danger-500-color: var(--#{$prefix}theme-danger-60-color);
267
- --#{$prefix}danger-500-color-rgb: var(--#{$prefix}theme-danger-60-color-rgb);
268
- --#{$prefix}danger-600: var(--#{$prefix}theme-danger-70);
269
- --#{$prefix}danger-600-rgb: var(--#{$prefix}theme-danger-70-rgb);
270
- --#{$prefix}danger-600-color: var(--#{$prefix}theme-danger-70-color);
271
- --#{$prefix}danger-600-color-rgb: var(--#{$prefix}theme-danger-70-color-rgb);
272
- --#{$prefix}danger-700: var(--#{$prefix}theme-danger-80);
273
- --#{$prefix}danger-700-rgb: var(--#{$prefix}theme-danger-80-rgb);
274
- --#{$prefix}danger-700-color: var(--#{$prefix}theme-danger-80-color);
275
- --#{$prefix}danger-700-color-rgb: var(--#{$prefix}theme-danger-80-color-rgb);
276
- --#{$prefix}danger-800: var(--#{$prefix}theme-danger-90);
277
- --#{$prefix}danger-800-rgb: var(--#{$prefix}theme-danger-90-rgb);
278
- --#{$prefix}danger-800-color: var(--#{$prefix}theme-danger-90-color);
279
- --#{$prefix}danger-800-color-rgb: var(--#{$prefix}theme-danger-90-color-rgb);
280
- --#{$prefix}danger-900: var(--#{$prefix}theme-danger-100);
281
- --#{$prefix}danger-900-rgb: var(--#{$prefix}theme-danger-100-rgb);
282
- --#{$prefix}danger-900-color: var(--#{$prefix}theme-danger-100-color);
283
- --#{$prefix}danger-900-color-rgb: var(--#{$prefix}theme-danger-100-color-rgb);
284
- --#{$prefix}success-50: var(--#{$prefix}theme-success-10);
285
- --#{$prefix}success-50-rgb: var(--#{$prefix}theme-success-10-rgb);
286
- --#{$prefix}success-50-color: var(--#{$prefix}theme-success-10-color);
287
- --#{$prefix}success-50-color-rgb: var(--#{$prefix}theme-success-10-color-rgb);
288
- --#{$prefix}success-100: var(--#{$prefix}theme-success-20);
289
- --#{$prefix}success-100-rgb: var(--#{$prefix}theme-success-20-rgb);
290
- --#{$prefix}success-100-color: var(--#{$prefix}theme-success-20-color);
291
- --#{$prefix}success-100-color-rgb: var(--#{$prefix}theme-success-20-color-rgb);
292
- --#{$prefix}success-200: var(--#{$prefix}theme-success-30);
293
- --#{$prefix}success-200-rgb: var(--#{$prefix}theme-success-30-rgb);
294
- --#{$prefix}success-200-color: var(--#{$prefix}theme-success-30-color);
295
- --#{$prefix}success-200-color-rgb: var(--#{$prefix}theme-success-30-color-rgb);
296
- --#{$prefix}success-300: var(--#{$prefix}theme-success-40);
297
- --#{$prefix}success-300-rgb: var(--#{$prefix}theme-success-40-rgb);
298
- --#{$prefix}success-300-color: var(--#{$prefix}theme-success-40-color);
299
- --#{$prefix}success-300-color-rgb: var(--#{$prefix}theme-success-40-color-rgb);
300
- --#{$prefix}success-400: var(--#{$prefix}theme-success-50);
301
- --#{$prefix}success-400-rgb: var(--#{$prefix}theme-success-50-rgb);
302
- --#{$prefix}success-400-color: var(--#{$prefix}theme-success-50-color);
303
- --#{$prefix}success-400-color-rgb: var(--#{$prefix}theme-success-50-color-rgb);
304
- --#{$prefix}success-500: var(--#{$prefix}theme-success-60);
305
- --#{$prefix}success-500-rgb: var(--#{$prefix}theme-success-60-rgb);
306
- --#{$prefix}success-500-color: var(--#{$prefix}theme-success-60-color);
307
- --#{$prefix}success-500-color-rgb: var(--#{$prefix}theme-success-60-color-rgb);
308
- --#{$prefix}success-600: var(--#{$prefix}theme-success-70);
309
- --#{$prefix}success-600-rgb: var(--#{$prefix}theme-success-70-rgb);
310
- --#{$prefix}success-600-color: var(--#{$prefix}theme-success-70-color);
311
- --#{$prefix}success-600-color-rgb: var(--#{$prefix}theme-success-70-color-rgb);
312
- --#{$prefix}success-700: var(--#{$prefix}theme-success-80);
313
- --#{$prefix}success-700-rgb: var(--#{$prefix}theme-success-80-rgb);
314
- --#{$prefix}success-700-color: var(--#{$prefix}theme-success-80-color);
315
- --#{$prefix}success-700-color-rgb: var(--#{$prefix}theme-success-80-color-rgb);
316
- --#{$prefix}success-800: var(--#{$prefix}theme-success-90);
317
- --#{$prefix}success-800-rgb: var(--#{$prefix}theme-success-90-rgb);
318
- --#{$prefix}success-800-color: var(--#{$prefix}theme-success-90-color);
319
- --#{$prefix}success-800-color-rgb: var(--#{$prefix}theme-success-90-color-rgb);
320
- --#{$prefix}success-900: var(--#{$prefix}theme-success-100);
321
- --#{$prefix}success-900-rgb: var(--#{$prefix}theme-success-100-rgb);
322
- --#{$prefix}success-900-color: var(--#{$prefix}theme-success-100-color);
323
- --#{$prefix}success-900-color-rgb: var(--#{$prefix}theme-success-100-color-rgb);
324
- --#{$prefix}warning-50: var(--#{$prefix}theme-warning-10);
325
- --#{$prefix}warning-50-rgb: var(--#{$prefix}theme-warning-10-rgb);
326
- --#{$prefix}warning-50-color: var(--#{$prefix}theme-warning-10-color);
327
- --#{$prefix}warning-50-color-rgb: var(--#{$prefix}theme-warning-10-color-rgb);
328
- --#{$prefix}warning-100: var(--#{$prefix}theme-warning-20);
329
- --#{$prefix}warning-100-rgb: var(--#{$prefix}theme-warning-20-rgb);
330
- --#{$prefix}warning-100-color: var(--#{$prefix}theme-warning-20-color);
331
- --#{$prefix}warning-100-color-rgb: var(--#{$prefix}theme-warning-20-color-rgb);
332
- --#{$prefix}warning-200: var(--#{$prefix}theme-warning-30);
333
- --#{$prefix}warning-200-rgb: var(--#{$prefix}theme-warning-30-rgb);
334
- --#{$prefix}warning-200-color: var(--#{$prefix}theme-warning-30-color);
335
- --#{$prefix}warning-200-color-rgb: var(--#{$prefix}theme-warning-30-color-rgb);
336
- --#{$prefix}warning-300: var(--#{$prefix}theme-warning-40);
337
- --#{$prefix}warning-300-rgb: var(--#{$prefix}theme-warning-40-rgb);
338
- --#{$prefix}warning-300-color: var(--#{$prefix}theme-warning-40-color);
339
- --#{$prefix}warning-300-color-rgb: var(--#{$prefix}theme-warning-40-color-rgb);
340
- --#{$prefix}warning-400: var(--#{$prefix}theme-warning-50);
341
- --#{$prefix}warning-400-rgb: var(--#{$prefix}theme-warning-50-rgb);
342
- --#{$prefix}warning-400-color: var(--#{$prefix}theme-warning-50-color);
343
- --#{$prefix}warning-400-color-rgb: var(--#{$prefix}theme-warning-50-color-rgb);
344
- --#{$prefix}warning-500: var(--#{$prefix}theme-warning-60);
345
- --#{$prefix}warning-500-rgb: var(--#{$prefix}theme-warning-60-rgb);
346
- --#{$prefix}warning-500-color: var(--#{$prefix}theme-warning-60-color);
347
- --#{$prefix}warning-500-color-rgb: var(--#{$prefix}theme-warning-60-color-rgb);
348
- --#{$prefix}warning-600: var(--#{$prefix}theme-warning-70);
349
- --#{$prefix}warning-600-rgb: var(--#{$prefix}theme-warning-70-rgb);
350
- --#{$prefix}warning-600-color: var(--#{$prefix}theme-warning-70-color);
351
- --#{$prefix}warning-600-color-rgb: var(--#{$prefix}theme-warning-70-color-rgb);
352
- --#{$prefix}warning-700: var(--#{$prefix}theme-warning-80);
353
- --#{$prefix}warning-700-rgb: var(--#{$prefix}theme-warning-80-rgb);
354
- --#{$prefix}warning-700-color: var(--#{$prefix}theme-warning-80-color);
355
- --#{$prefix}warning-700-color-rgb: var(--#{$prefix}theme-warning-80-color-rgb);
356
- --#{$prefix}warning-800: var(--#{$prefix}theme-warning-90);
357
- --#{$prefix}warning-800-rgb: var(--#{$prefix}theme-warning-90-rgb);
358
- --#{$prefix}warning-800-color: var(--#{$prefix}theme-warning-90-color);
359
- --#{$prefix}warning-800-color-rgb: var(--#{$prefix}theme-warning-90-color-rgb);
360
- --#{$prefix}warning-900: var(--#{$prefix}theme-warning-100);
361
- --#{$prefix}warning-900-rgb: var(--#{$prefix}theme-warning-100-rgb);
362
- --#{$prefix}warning-900-color: var(--#{$prefix}theme-warning-100-color);
363
- --#{$prefix}warning-900-color-rgb: var(--#{$prefix}theme-warning-100-color-rgb);
364
- --#{$prefix}info-50: var(--#{$prefix}theme-info-10);
365
- --#{$prefix}info-50-rgb: var(--#{$prefix}theme-info-10-rgb);
366
- --#{$prefix}info-50-color: var(--#{$prefix}theme-info-10-color);
367
- --#{$prefix}info-50-color-rgb: var(--#{$prefix}theme-info-10-color-rgb);
368
- --#{$prefix}info-100: var(--#{$prefix}theme-info-20);
369
- --#{$prefix}info-100-rgb: var(--#{$prefix}theme-info-20-rgb);
370
- --#{$prefix}info-100-color: var(--#{$prefix}theme-info-20-color);
371
- --#{$prefix}info-100-color-rgb: var(--#{$prefix}theme-info-20-color-rgb);
372
- --#{$prefix}info-200: var(--#{$prefix}theme-info-30);
373
- --#{$prefix}info-200-rgb: var(--#{$prefix}theme-info-30-rgb);
374
- --#{$prefix}info-200-color: var(--#{$prefix}theme-info-30-color);
375
- --#{$prefix}info-200-color-rgb: var(--#{$prefix}theme-info-30-color-rgb);
376
- --#{$prefix}info-300: var(--#{$prefix}theme-info-40);
377
- --#{$prefix}info-300-rgb: var(--#{$prefix}theme-info-40-rgb);
378
- --#{$prefix}info-300-color: var(--#{$prefix}theme-info-40-color);
379
- --#{$prefix}info-300-color-rgb: var(--#{$prefix}theme-info-40-color-rgb);
380
- --#{$prefix}info-400: var(--#{$prefix}theme-info-50);
381
- --#{$prefix}info-400-rgb: var(--#{$prefix}theme-info-50-rgb);
382
- --#{$prefix}info-400-color: var(--#{$prefix}theme-info-50-color);
383
- --#{$prefix}info-400-color-rgb: var(--#{$prefix}theme-info-50-color-rgb);
384
- --#{$prefix}info-500: var(--#{$prefix}theme-info-60);
385
- --#{$prefix}info-500-rgb: var(--#{$prefix}theme-info-60-rgb);
386
- --#{$prefix}info-500-color: var(--#{$prefix}theme-info-60-color);
387
- --#{$prefix}info-500-color-rgb: var(--#{$prefix}theme-info-60-color-rgb);
388
- --#{$prefix}info-600: var(--#{$prefix}theme-info-70);
389
- --#{$prefix}info-600-rgb: var(--#{$prefix}theme-info-70-rgb);
390
- --#{$prefix}info-600-color: var(--#{$prefix}theme-info-70-color);
391
- --#{$prefix}info-600-color-rgb: var(--#{$prefix}theme-info-70-color-rgb);
392
- --#{$prefix}info-700: var(--#{$prefix}theme-info-80);
393
- --#{$prefix}info-700-rgb: var(--#{$prefix}theme-info-80-rgb);
394
- --#{$prefix}info-700-color: var(--#{$prefix}theme-info-80-color);
395
- --#{$prefix}info-700-color-rgb: var(--#{$prefix}theme-info-80-color-rgb);
396
- --#{$prefix}info-800: var(--#{$prefix}theme-info-90);
397
- --#{$prefix}info-800-rgb: var(--#{$prefix}theme-info-90-rgb);
398
- --#{$prefix}info-800-color: var(--#{$prefix}theme-info-90-color);
399
- --#{$prefix}info-800-color-rgb: var(--#{$prefix}theme-info-90-color-rgb);
400
- --#{$prefix}info-900: var(--#{$prefix}theme-info-100);
401
- --#{$prefix}info-900-rgb: var(--#{$prefix}theme-info-100-rgb);
402
- --#{$prefix}info-900-color: var(--#{$prefix}theme-info-100-color);
403
- --#{$prefix}info-900-color-rgb: var(--#{$prefix}theme-info-100-color-rgb);
404
- --#{$prefix}tip-50: var(--#{$prefix}theme-tip-10);
405
- --#{$prefix}tip-50-rgb: var(--#{$prefix}theme-tip-10-rgb);
406
- --#{$prefix}tip-50-color: var(--#{$prefix}theme-tip-10-color);
407
- --#{$prefix}tip-50-color-rgb: var(--#{$prefix}theme-tip-10-color-rgb);
408
- --#{$prefix}tip-100: var(--#{$prefix}theme-tip-20);
409
- --#{$prefix}tip-100-rgb: var(--#{$prefix}theme-tip-20-rgb);
410
- --#{$prefix}tip-100-color: var(--#{$prefix}theme-tip-20-color);
411
- --#{$prefix}tip-100-color-rgb: var(--#{$prefix}theme-tip-20-color-rgb);
412
- --#{$prefix}tip-200: var(--#{$prefix}theme-tip-30);
413
- --#{$prefix}tip-200-rgb: var(--#{$prefix}theme-tip-30-rgb);
414
- --#{$prefix}tip-200-color: var(--#{$prefix}theme-tip-30-color);
415
- --#{$prefix}tip-200-color-rgb: var(--#{$prefix}theme-tip-30-color-rgb);
416
- --#{$prefix}tip-300: var(--#{$prefix}theme-tip-40);
417
- --#{$prefix}tip-300-rgb: var(--#{$prefix}theme-tip-40-rgb);
418
- --#{$prefix}tip-300-color: var(--#{$prefix}theme-tip-40-color);
419
- --#{$prefix}tip-300-color-rgb: var(--#{$prefix}theme-tip-40-color-rgb);
420
- --#{$prefix}tip-400: var(--#{$prefix}theme-tip-50);
421
- --#{$prefix}tip-400-rgb: var(--#{$prefix}theme-tip-50-rgb);
422
- --#{$prefix}tip-400-color: var(--#{$prefix}theme-tip-50-color);
423
- --#{$prefix}tip-400-color-rgb: var(--#{$prefix}theme-tip-50-color-rgb);
424
- --#{$prefix}tip-500: var(--#{$prefix}theme-tip-60);
425
- --#{$prefix}tip-500-rgb: var(--#{$prefix}theme-tip-60-rgb);
426
- --#{$prefix}tip-500-color: var(--#{$prefix}theme-tip-60-color);
427
- --#{$prefix}tip-500-color-rgb: var(--#{$prefix}theme-tip-60-color-rgb);
428
- --#{$prefix}tip-600: var(--#{$prefix}theme-tip-70);
429
- --#{$prefix}tip-600-rgb: var(--#{$prefix}theme-tip-70-rgb);
430
- --#{$prefix}tip-600-color: var(--#{$prefix}theme-tip-70-color);
431
- --#{$prefix}tip-600-color-rgb: var(--#{$prefix}theme-tip-70-color-rgb);
432
- --#{$prefix}tip-700: var(--#{$prefix}theme-tip-80);
433
- --#{$prefix}tip-700-rgb: var(--#{$prefix}theme-tip-80-rgb);
434
- --#{$prefix}tip-700-color: var(--#{$prefix}theme-tip-80-color);
435
- --#{$prefix}tip-700-color-rgb: var(--#{$prefix}theme-tip-80-color-rgb);
436
- --#{$prefix}tip-800: var(--#{$prefix}theme-tip-90);
437
- --#{$prefix}tip-800-rgb: var(--#{$prefix}theme-tip-90-rgb);
438
- --#{$prefix}tip-800-color: var(--#{$prefix}theme-tip-90-color);
439
- --#{$prefix}tip-800-color-rgb: var(--#{$prefix}theme-tip-90-color-rgb);
440
- --#{$prefix}tip-900: var(--#{$prefix}theme-tip-100);
441
- --#{$prefix}tip-900-rgb: var(--#{$prefix}theme-tip-100-rgb);
442
- --#{$prefix}tip-900-color: var(--#{$prefix}theme-tip-100-color);
443
- --#{$prefix}tip-900-color-rgb: var(--#{$prefix}theme-tip-100-color-rgb);
444
- --#{$prefix}chromatic1-50: var(--#{$prefix}theme-chromatic1-10);
445
- --#{$prefix}chromatic1-50-rgb: var(--#{$prefix}theme-chromatic1-10-rgb);
446
- --#{$prefix}chromatic1-50-color: var(--#{$prefix}theme-chromatic1-10-color);
447
- --#{$prefix}chromatic1-50-color-rgb: var(--#{$prefix}theme-chromatic1-10-color-rgb);
448
- --#{$prefix}chromatic1-100: var(--#{$prefix}theme-chromatic1-20);
449
- --#{$prefix}chromatic1-100-rgb: var(--#{$prefix}theme-chromatic1-20-rgb);
450
- --#{$prefix}chromatic1-100-color: var(--#{$prefix}theme-chromatic1-20-color);
451
- --#{$prefix}chromatic1-100-color-rgb: var(--#{$prefix}theme-chromatic1-20-color-rgb);
452
- --#{$prefix}chromatic1-200: var(--#{$prefix}theme-chromatic1-30);
453
- --#{$prefix}chromatic1-200-rgb: var(--#{$prefix}theme-chromatic1-30-rgb);
454
- --#{$prefix}chromatic1-200-color: var(--#{$prefix}theme-chromatic1-30-color);
455
- --#{$prefix}chromatic1-200-color-rgb: var(--#{$prefix}theme-chromatic1-30-color-rgb);
456
- --#{$prefix}chromatic1-300: var(--#{$prefix}theme-chromatic1-40);
457
- --#{$prefix}chromatic1-300-rgb: var(--#{$prefix}theme-chromatic1-40-rgb);
458
- --#{$prefix}chromatic1-300-color: var(--#{$prefix}theme-chromatic1-40-color);
459
- --#{$prefix}chromatic1-300-color-rgb: var(--#{$prefix}theme-chromatic1-40-color-rgb);
460
- --#{$prefix}chromatic1-400: var(--#{$prefix}theme-chromatic1-50);
461
- --#{$prefix}chromatic1-400-rgb: var(--#{$prefix}theme-chromatic1-50-rgb);
462
- --#{$prefix}chromatic1-400-color: var(--#{$prefix}theme-chromatic1-50-color);
463
- --#{$prefix}chromatic1-400-color-rgb: var(--#{$prefix}theme-chromatic1-50-color-rgb);
464
- --#{$prefix}chromatic1-500: var(--#{$prefix}theme-chromatic1-60);
465
- --#{$prefix}chromatic1-500-rgb: var(--#{$prefix}theme-chromatic1-60-rgb);
466
- --#{$prefix}chromatic1-500-color: var(--#{$prefix}theme-chromatic1-60-color);
467
- --#{$prefix}chromatic1-500-color-rgb: var(--#{$prefix}theme-chromatic1-60-color-rgb);
468
- --#{$prefix}chromatic1-600: var(--#{$prefix}theme-chromatic1-70);
469
- --#{$prefix}chromatic1-600-rgb: var(--#{$prefix}theme-chromatic1-70-rgb);
470
- --#{$prefix}chromatic1-600-color: var(--#{$prefix}theme-chromatic1-70-color);
471
- --#{$prefix}chromatic1-600-color-rgb: var(--#{$prefix}theme-chromatic1-70-color-rgb);
472
- --#{$prefix}chromatic1-700: var(--#{$prefix}theme-chromatic1-80);
473
- --#{$prefix}chromatic1-700-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
474
- --#{$prefix}chromatic1-700-color: var(--#{$prefix}theme-chromatic1-80-color);
475
- --#{$prefix}chromatic1-700-color-rgb: var(--#{$prefix}theme-chromatic1-80-color-rgb);
476
- --#{$prefix}chromatic1-800: var(--#{$prefix}theme-chromatic1-90);
477
- --#{$prefix}chromatic1-800-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
478
- --#{$prefix}chromatic1-800-color: var(--#{$prefix}theme-chromatic1-90-color);
479
- --#{$prefix}chromatic1-800-color-rgb: var(--#{$prefix}theme-chromatic1-90-color-rgb);
480
- --#{$prefix}chromatic1-900: var(--#{$prefix}theme-chromatic1-100);
481
- --#{$prefix}chromatic1-900-rgb: var(--#{$prefix}theme-chromatic1-100-rgb);
482
- --#{$prefix}chromatic1-900-color: var(--#{$prefix}theme-chromatic1-100-color);
483
- --#{$prefix}chromatic1-900-color-rgb: var(--#{$prefix}theme-chromatic1-100-color-rgb);
484
- --#{$prefix}chromatic2-50: var(--#{$prefix}theme-chromatic2-10);
485
- --#{$prefix}chromatic2-50-rgb: var(--#{$prefix}theme-chromatic2-10-rgb);
486
- --#{$prefix}chromatic2-50-color: var(--#{$prefix}theme-chromatic2-10-color);
487
- --#{$prefix}chromatic2-50-color-rgb: var(--#{$prefix}theme-chromatic2-10-color-rgb);
488
- --#{$prefix}chromatic2-100: var(--#{$prefix}theme-chromatic2-20);
489
- --#{$prefix}chromatic2-100-rgb: var(--#{$prefix}theme-chromatic2-20-rgb);
490
- --#{$prefix}chromatic2-100-color: var(--#{$prefix}theme-chromatic2-20-color);
491
- --#{$prefix}chromatic2-100-color-rgb: var(--#{$prefix}theme-chromatic2-20-color-rgb);
492
- --#{$prefix}chromatic2-200: var(--#{$prefix}theme-chromatic2-30);
493
- --#{$prefix}chromatic2-200-rgb: var(--#{$prefix}theme-chromatic2-30-rgb);
494
- --#{$prefix}chromatic2-200-color: var(--#{$prefix}theme-chromatic2-30-color);
495
- --#{$prefix}chromatic2-200-color-rgb: var(--#{$prefix}theme-chromatic2-30-color-rgb);
496
- --#{$prefix}chromatic2-300: var(--#{$prefix}theme-chromatic2-40);
497
- --#{$prefix}chromatic2-300-rgb: var(--#{$prefix}theme-chromatic2-40-rgb);
498
- --#{$prefix}chromatic2-300-color: var(--#{$prefix}theme-chromatic2-40-color);
499
- --#{$prefix}chromatic2-300-color-rgb: var(--#{$prefix}theme-chromatic2-40-color-rgb);
500
- --#{$prefix}chromatic2-400: var(--#{$prefix}theme-chromatic2-50);
501
- --#{$prefix}chromatic2-400-rgb: var(--#{$prefix}theme-chromatic2-50-rgb);
502
- --#{$prefix}chromatic2-400-color: var(--#{$prefix}theme-chromatic2-50-color);
503
- --#{$prefix}chromatic2-400-color-rgb: var(--#{$prefix}theme-chromatic2-50-color-rgb);
504
- --#{$prefix}chromatic2-500: var(--#{$prefix}theme-chromatic2-60);
505
- --#{$prefix}chromatic2-500-rgb: var(--#{$prefix}theme-chromatic2-60-rgb);
506
- --#{$prefix}chromatic2-500-color: var(--#{$prefix}theme-chromatic2-60-color);
507
- --#{$prefix}chromatic2-500-color-rgb: var(--#{$prefix}theme-chromatic2-60-color-rgb);
508
- --#{$prefix}chromatic2-600: var(--#{$prefix}theme-chromatic2-70);
509
- --#{$prefix}chromatic2-600-rgb: var(--#{$prefix}theme-chromatic2-70-rgb);
510
- --#{$prefix}chromatic2-600-color: var(--#{$prefix}theme-chromatic2-70-color);
511
- --#{$prefix}chromatic2-600-color-rgb: var(--#{$prefix}theme-chromatic2-70-color-rgb);
512
- --#{$prefix}chromatic2-700: var(--#{$prefix}theme-chromatic2-80);
513
- --#{$prefix}chromatic2-700-rgb: var(--#{$prefix}theme-chromatic2-80-rgb);
514
- --#{$prefix}chromatic2-700-color: var(--#{$prefix}theme-chromatic2-80-color);
515
- --#{$prefix}chromatic2-700-color-rgb: var(--#{$prefix}theme-chromatic2-80-color-rgb);
516
- --#{$prefix}chromatic2-800: var(--#{$prefix}theme-chromatic2-90);
517
- --#{$prefix}chromatic2-800-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
518
- --#{$prefix}chromatic2-800-color: var(--#{$prefix}theme-chromatic2-90-color);
519
- --#{$prefix}chromatic2-800-color-rgb: var(--#{$prefix}theme-chromatic2-90-color-rgb);
520
- --#{$prefix}chromatic2-900: var(--#{$prefix}theme-chromatic2-100);
521
- --#{$prefix}chromatic2-900-rgb: var(--#{$prefix}theme-chromatic2-100-rgb);
522
- --#{$prefix}chromatic2-900-color: var(--#{$prefix}theme-chromatic2-100-color);
523
- --#{$prefix}chromatic2-900-color-rgb: var(--#{$prefix}theme-chromatic2-100-color-rgb);
524
- --#{$prefix}neutral--100: var(--#{$prefix}theme-neutral-0);
525
- --#{$prefix}neutral--100-rgb: var(--#{$prefix}theme-neutral-0-rgb);
526
- --#{$prefix}neutral--100-color: var(--#{$prefix}theme-neutral-0-color);
527
- --#{$prefix}neutral--100-color-rgb: var(--#{$prefix}theme-neutral-0-color-rgb);
528
- --#{$prefix}neutral-50: var(--#{$prefix}theme-neutral-10);
529
- --#{$prefix}neutral-50-rgb: var(--#{$prefix}theme-neutral-10-rgb);
530
- --#{$prefix}neutral-50-color: var(--#{$prefix}theme-neutral-10-color);
531
- --#{$prefix}neutral-50-color-rgb: var(--#{$prefix}theme-neutral-10-color-rgb);
532
- --#{$prefix}neutral-100: var(--#{$prefix}theme-neutral-20);
533
- --#{$prefix}neutral-100-rgb: var(--#{$prefix}theme-neutral-20-rgb);
534
- --#{$prefix}neutral-100-color: var(--#{$prefix}theme-neutral-20-color);
535
- --#{$prefix}neutral-100-color-rgb: var(--#{$prefix}theme-neutral-20-color-rgb);
536
- --#{$prefix}neutral-200: var(--#{$prefix}theme-neutral-30);
537
- --#{$prefix}neutral-200-rgb: var(--#{$prefix}theme-neutral-30-rgb);
538
- --#{$prefix}neutral-200-color: var(--#{$prefix}theme-neutral-30-color);
539
- --#{$prefix}neutral-200-color-rgb: var(--#{$prefix}theme-neutral-30-color-rgb);
540
- --#{$prefix}neutral-300: var(--#{$prefix}theme-neutral-40);
541
- --#{$prefix}neutral-300-rgb: var(--#{$prefix}theme-neutral-40-rgb);
542
- --#{$prefix}neutral-300-color: var(--#{$prefix}theme-neutral-40-color);
543
- --#{$prefix}neutral-300-color-rgb: var(--#{$prefix}theme-neutral-40-color-rgb);
544
- --#{$prefix}neutral-400: var(--#{$prefix}theme-neutral-50);
545
- --#{$prefix}neutral-400-rgb: var(--#{$prefix}theme-neutral-50-rgb);
546
- --#{$prefix}neutral-400-color: var(--#{$prefix}theme-neutral-50-color);
547
- --#{$prefix}neutral-400-color-rgb: var(--#{$prefix}theme-neutral-50-color-rgb);
548
- --#{$prefix}neutral-500: var(--#{$prefix}theme-neutral-60);
549
- --#{$prefix}neutral-500-rgb: var(--#{$prefix}theme-neutral-60-rgb);
550
- --#{$prefix}neutral-500-color: var(--#{$prefix}theme-neutral-60-color);
551
- --#{$prefix}neutral-500-color-rgb: var(--#{$prefix}theme-neutral-60-color-rgb);
552
- --#{$prefix}neutral-600: var(--#{$prefix}theme-neutral-70);
553
- --#{$prefix}neutral-600-rgb: var(--#{$prefix}theme-neutral-70-rgb);
554
- --#{$prefix}neutral-600-color: var(--#{$prefix}theme-neutral-70-color);
555
- --#{$prefix}neutral-600-color-rgb: var(--#{$prefix}theme-neutral-70-color-rgb);
556
- --#{$prefix}neutral-700: var(--#{$prefix}theme-neutral-80);
557
- --#{$prefix}neutral-700-rgb: var(--#{$prefix}theme-neutral-80-rgb);
558
- --#{$prefix}neutral-700-color: var(--#{$prefix}theme-neutral-80-color);
559
- --#{$prefix}neutral-700-color-rgb: var(--#{$prefix}theme-neutral-80-color-rgb);
560
- --#{$prefix}neutral-800: var(--#{$prefix}theme-neutral-90);
561
- --#{$prefix}neutral-800-rgb: var(--#{$prefix}theme-neutral-90-rgb);
562
- --#{$prefix}neutral-800-color: var(--#{$prefix}theme-neutral-90-color);
563
- --#{$prefix}neutral-800-color-rgb: var(--#{$prefix}theme-neutral-90-color-rgb);
564
- --#{$prefix}neutral-900: var(--#{$prefix}theme-neutral-100);
565
- --#{$prefix}neutral-900-rgb: var(--#{$prefix}theme-neutral-100-rgb);
566
- --#{$prefix}neutral-900-color: var(--#{$prefix}theme-neutral-100-color);
567
- --#{$prefix}neutral-900-color-rgb: var(--#{$prefix}theme-neutral-100-color-rgb);
568
- --#{$prefix}neutral-1000: var(--#{$prefix}theme-neutral-110);
569
- --#{$prefix}neutral-1000-rgb: var(--#{$prefix}theme-neutral-110-rgb);
570
- --#{$prefix}neutral-1000-color: var(--#{$prefix}theme-neutral-110-color);
571
- --#{$prefix}neutral-1000-color-rgb: var(--#{$prefix}theme-neutral-110-color-rgb);
572
- }
573
-
574
- /* Computed variables */
575
- html:root {
576
- --#{$prefix}color-primary-alt-active-background-rgb: var(--#{$prefix}theme-primary-30-rgb);
577
- --#{$prefix}color-primary-alt-active-background-color: var(--#{$prefix}theme-primary-30-color);
578
- --#{$prefix}color-primary-main-active-background-rgb: var(--#{$prefix}theme-primary-90-rgb);
579
- --#{$prefix}color-primary-main-active-background-color: var(--#{$prefix}theme-primary-90-color);
580
- --#{$prefix}color-primary-main-default-background-rgb: var(--#{$prefix}theme-primary-60-rgb);
581
- --#{$prefix}color-primary-main-default-background-color: var(--#{$prefix}theme-primary-60-color);
582
- --#{$prefix}color-primary-alt-hovered-background-rgb: var(--#{$prefix}theme-primary-20-rgb);
583
- --#{$prefix}color-primary-alt-hovered-background-color: var(--#{$prefix}theme-primary-20-color);
584
- --#{$prefix}color-primary-main-hovered-background-rgb: var(--#{$prefix}theme-primary-80-rgb);
585
- --#{$prefix}color-primary-main-hovered-background-color: var(--#{$prefix}theme-primary-80-color);
586
- --#{$prefix}color-primary-soft-active-background-rgb: var(--#{$prefix}theme-primary-50-rgb);
587
- --#{$prefix}color-primary-soft-active-background-color: var(--#{$prefix}theme-primary-50-color);
588
- --#{$prefix}color-primary-soft-default-background-rgb: var(--#{$prefix}theme-primary-20-rgb);
589
- --#{$prefix}color-primary-soft-default-background-color: var(--#{$prefix}theme-primary-20-color);
590
- --#{$prefix}color-primary-soft-hovered-background-rgb: var(--#{$prefix}theme-primary-40-rgb);
591
- --#{$prefix}color-primary-soft-hovered-background-color: var(--#{$prefix}theme-primary-40-color);
592
- --#{$prefix}color-primary-subtle-background-rgb: var(--#{$prefix}theme-primary-10-rgb);
593
- --#{$prefix}color-primary-subtle-background-color: var(--#{$prefix}theme-primary-10-color);
594
- --#{$prefix}color-primary-alt-default-border-rgb: var(--#{$prefix}theme-primary-60-rgb);
595
- --#{$prefix}color-primary-alt-default-border-color: var(--#{$prefix}theme-primary-60-color);
596
- --#{$prefix}color-primary-alt-hovered-border-rgb: var(--#{$prefix}theme-primary-80-rgb);
597
- --#{$prefix}color-primary-alt-hovered-border-color: var(--#{$prefix}theme-primary-80-color);
598
- --#{$prefix}color-primary-alt-default-foreground-rgb: var(--#{$prefix}theme-primary-60-rgb);
599
- --#{$prefix}color-primary-alt-default-foreground-color: var(--#{$prefix}theme-primary-60-color);
600
- --#{$prefix}color-separator-primary-border-rgb: var(--#{$prefix}theme-primary-30-rgb);
601
- --#{$prefix}color-separator-primary-border-color: var(--#{$prefix}theme-primary-30-color);
602
- --#{$prefix}color-primary-alt-active-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
603
- --#{$prefix}color-primary-alt-active-foreground-color: var(--#{$prefix}theme-primary-90-color);
604
- --#{$prefix}color-primary-alt-hovered-foreground-rgb: var(--#{$prefix}theme-primary-80-rgb);
605
- --#{$prefix}color-primary-alt-hovered-foreground-color: var(--#{$prefix}theme-primary-80-color);
606
- --#{$prefix}color-primary-soft-default-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
607
- --#{$prefix}color-primary-soft-default-foreground-color: var(--#{$prefix}theme-primary-90-color);
608
- --#{$prefix}color-primary-soft-hovered-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
609
- --#{$prefix}color-primary-soft-hovered-foreground-color: var(--#{$prefix}theme-primary-90-color);
610
- --#{$prefix}color-danger-alt-active-background-rgb: var(--#{$prefix}theme-danger-30-rgb);
611
- --#{$prefix}color-danger-alt-active-background-color: var(--#{$prefix}theme-danger-30-color);
612
- --#{$prefix}color-danger-main-active-background-rgb: var(--#{$prefix}theme-danger-90-rgb);
613
- --#{$prefix}color-danger-main-active-background-color: var(--#{$prefix}theme-danger-90-color);
614
- --#{$prefix}color-danger-main-default-background-rgb: var(--#{$prefix}theme-danger-60-rgb);
615
- --#{$prefix}color-danger-main-default-background-color: var(--#{$prefix}theme-danger-60-color);
616
- --#{$prefix}color-danger-alt-hovered-background-rgb: var(--#{$prefix}theme-danger-20-rgb);
617
- --#{$prefix}color-danger-alt-hovered-background-color: var(--#{$prefix}theme-danger-20-color);
618
- --#{$prefix}color-danger-main-hovered-background-rgb: var(--#{$prefix}theme-danger-80-rgb);
619
- --#{$prefix}color-danger-main-hovered-background-color: var(--#{$prefix}theme-danger-80-color);
620
- --#{$prefix}color-danger-soft-active-background-rgb: var(--#{$prefix}theme-danger-50-rgb);
621
- --#{$prefix}color-danger-soft-active-background-color: var(--#{$prefix}theme-danger-50-color);
622
- --#{$prefix}color-danger-soft-default-background-rgb: var(--#{$prefix}theme-danger-20-rgb);
623
- --#{$prefix}color-danger-soft-default-background-color: var(--#{$prefix}theme-danger-20-color);
624
- --#{$prefix}color-danger-soft-hovered-background-rgb: var(--#{$prefix}theme-danger-40-rgb);
625
- --#{$prefix}color-danger-soft-hovered-background-color: var(--#{$prefix}theme-danger-40-color);
626
- --#{$prefix}color-danger-subtle-background-rgb: var(--#{$prefix}theme-danger-10-rgb);
627
- --#{$prefix}color-danger-subtle-background-color: var(--#{$prefix}theme-danger-10-color);
628
- --#{$prefix}color-danger-alt-default-border-rgb: var(--#{$prefix}theme-danger-60-rgb);
629
- --#{$prefix}color-danger-alt-default-border-color: var(--#{$prefix}theme-danger-60-color);
630
- --#{$prefix}color-danger-alt-hovered-border-rgb: var(--#{$prefix}theme-danger-80-rgb);
631
- --#{$prefix}color-danger-alt-hovered-border-color: var(--#{$prefix}theme-danger-80-color);
632
- --#{$prefix}color-danger-alt-default-foreground-rgb: var(--#{$prefix}theme-danger-60-rgb);
633
- --#{$prefix}color-danger-alt-default-foreground-color: var(--#{$prefix}theme-danger-60-color);
634
- --#{$prefix}color-separator-danger-border-rgb: var(--#{$prefix}theme-danger-30-rgb);
635
- --#{$prefix}color-separator-danger-border-color: var(--#{$prefix}theme-danger-30-color);
636
- --#{$prefix}color-danger-alt-active-foreground-rgb: var(--#{$prefix}theme-danger-90-rgb);
637
- --#{$prefix}color-danger-alt-active-foreground-color: var(--#{$prefix}theme-danger-90-color);
638
- --#{$prefix}color-danger-alt-hovered-foreground-rgb: var(--#{$prefix}theme-danger-80-rgb);
639
- --#{$prefix}color-danger-alt-hovered-foreground-color: var(--#{$prefix}theme-danger-80-color);
640
- --#{$prefix}color-danger-soft-default-foreground-rgb: var(--#{$prefix}theme-danger-90-rgb);
641
- --#{$prefix}color-danger-soft-default-foreground-color: var(--#{$prefix}theme-danger-90-color);
642
- --#{$prefix}color-danger-soft-hovered-foreground-rgb: var(--#{$prefix}theme-danger-90-rgb);
643
- --#{$prefix}color-danger-soft-hovered-foreground-color: var(--#{$prefix}theme-danger-90-color);
644
- --#{$prefix}color-success-alt-active-background-rgb: var(--#{$prefix}theme-success-30-rgb);
645
- --#{$prefix}color-success-alt-active-background-color: var(--#{$prefix}theme-success-30-color);
646
- --#{$prefix}color-success-main-active-background-rgb: var(--#{$prefix}theme-success-90-rgb);
647
- --#{$prefix}color-success-main-active-background-color: var(--#{$prefix}theme-success-90-color);
648
- --#{$prefix}color-success-main-default-background-rgb: var(--#{$prefix}theme-success-70-rgb);
649
- --#{$prefix}color-success-main-default-background-color: var(--#{$prefix}theme-success-70-color);
650
- --#{$prefix}color-success-alt-hovered-background-rgb: var(--#{$prefix}theme-success-20-rgb);
651
- --#{$prefix}color-success-alt-hovered-background-color: var(--#{$prefix}theme-success-20-color);
652
- --#{$prefix}color-success-main-hovered-background-rgb: var(--#{$prefix}theme-success-80-rgb);
653
- --#{$prefix}color-success-main-hovered-background-color: var(--#{$prefix}theme-success-80-color);
654
- --#{$prefix}color-success-soft-active-background-rgb: var(--#{$prefix}theme-success-50-rgb);
655
- --#{$prefix}color-success-soft-active-background-color: var(--#{$prefix}theme-success-50-color);
656
- --#{$prefix}color-success-soft-default-background-rgb: var(--#{$prefix}theme-success-20-rgb);
657
- --#{$prefix}color-success-soft-default-background-color: var(--#{$prefix}theme-success-20-color);
658
- --#{$prefix}color-success-soft-hovered-background-rgb: var(--#{$prefix}theme-success-40-rgb);
659
- --#{$prefix}color-success-soft-hovered-background-color: var(--#{$prefix}theme-success-40-color);
660
- --#{$prefix}color-success-subtle-background-rgb: var(--#{$prefix}theme-success-10-rgb);
661
- --#{$prefix}color-success-subtle-background-color: var(--#{$prefix}theme-success-10-color);
662
- --#{$prefix}color-success-alt-default-border-rgb: var(--#{$prefix}theme-success-70-rgb);
663
- --#{$prefix}color-success-alt-default-border-color: var(--#{$prefix}theme-success-70-color);
664
- --#{$prefix}color-success-alt-hovered-border-rgb: var(--#{$prefix}theme-success-80-rgb);
665
- --#{$prefix}color-success-alt-hovered-border-color: var(--#{$prefix}theme-success-80-color);
666
- --#{$prefix}color-success-alt-default-foreground-rgb: var(--#{$prefix}theme-success-70-rgb);
667
- --#{$prefix}color-success-alt-default-foreground-color: var(--#{$prefix}theme-success-70-color);
668
- --#{$prefix}color-separator-success-border-rgb: var(--#{$prefix}theme-success-30-rgb);
669
- --#{$prefix}color-separator-success-border-color: var(--#{$prefix}theme-success-30-color);
670
- --#{$prefix}color-success-alt-active-foreground-rgb: var(--#{$prefix}theme-success-90-rgb);
671
- --#{$prefix}color-success-alt-active-foreground-color: var(--#{$prefix}theme-success-90-color);
672
- --#{$prefix}color-success-alt-hovered-foreground-rgb: var(--#{$prefix}theme-success-80-rgb);
673
- --#{$prefix}color-success-alt-hovered-foreground-color: var(--#{$prefix}theme-success-80-color);
674
- --#{$prefix}color-success-soft-default-foreground-rgb: var(--#{$prefix}theme-success-90-rgb);
675
- --#{$prefix}color-success-soft-default-foreground-color: var(--#{$prefix}theme-success-90-color);
676
- --#{$prefix}color-success-soft-hovered-foreground-rgb: var(--#{$prefix}theme-success-90-rgb);
677
- --#{$prefix}color-success-soft-hovered-foreground-color: var(--#{$prefix}theme-success-90-color);
678
- --#{$prefix}color-warning-alt-active-background-rgb: var(--#{$prefix}theme-warning-30-rgb);
679
- --#{$prefix}color-warning-alt-active-background-color: var(--#{$prefix}theme-warning-30-color);
680
- --#{$prefix}color-warning-main-active-background-rgb: var(--#{$prefix}theme-warning-90-rgb);
681
- --#{$prefix}color-warning-main-active-background-color: var(--#{$prefix}theme-warning-90-color);
682
- --#{$prefix}color-warning-main-default-background-rgb: var(--#{$prefix}theme-warning-60-rgb);
683
- --#{$prefix}color-warning-main-default-background-color: var(--#{$prefix}theme-warning-60-color);
684
- --#{$prefix}color-warning-alt-hovered-background-rgb: var(--#{$prefix}theme-warning-20-rgb);
685
- --#{$prefix}color-warning-alt-hovered-background-color: var(--#{$prefix}theme-warning-20-color);
686
- --#{$prefix}color-warning-main-hovered-background-rgb: var(--#{$prefix}theme-warning-80-rgb);
687
- --#{$prefix}color-warning-main-hovered-background-color: var(--#{$prefix}theme-warning-80-color);
688
- --#{$prefix}color-warning-soft-active-background-rgb: var(--#{$prefix}theme-warning-50-rgb);
689
- --#{$prefix}color-warning-soft-active-background-color: var(--#{$prefix}theme-warning-50-color);
690
- --#{$prefix}color-warning-soft-default-background-rgb: var(--#{$prefix}theme-warning-20-rgb);
691
- --#{$prefix}color-warning-soft-default-background-color: var(--#{$prefix}theme-warning-20-color);
692
- --#{$prefix}color-warning-soft-hovered-background-rgb: var(--#{$prefix}theme-warning-40-rgb);
693
- --#{$prefix}color-warning-soft-hovered-background-color: var(--#{$prefix}theme-warning-40-color);
694
- --#{$prefix}color-warning-subtle-background-rgb: var(--#{$prefix}theme-warning-10-rgb);
695
- --#{$prefix}color-warning-subtle-background-color: var(--#{$prefix}theme-warning-10-color);
696
- --#{$prefix}color-warning-alt-default-border-rgb: var(--#{$prefix}theme-warning-60-rgb);
697
- --#{$prefix}color-warning-alt-default-border-color: var(--#{$prefix}theme-warning-60-color);
698
- --#{$prefix}color-warning-alt-hovered-border-rgb: var(--#{$prefix}theme-warning-80-rgb);
699
- --#{$prefix}color-warning-alt-hovered-border-color: var(--#{$prefix}theme-warning-80-color);
700
- --#{$prefix}color-warning-alt-default-foreground-rgb: var(--#{$prefix}theme-warning-70-rgb);
701
- --#{$prefix}color-warning-alt-default-foreground-color: var(--#{$prefix}theme-warning-70-color);
702
- --#{$prefix}color-separator-warning-border-rgb: var(--#{$prefix}theme-warning-30-rgb);
703
- --#{$prefix}color-separator-warning-border-color: var(--#{$prefix}theme-warning-30-color);
704
- --#{$prefix}color-warning-alt-active-foreground-rgb: var(--#{$prefix}theme-warning-90-rgb);
705
- --#{$prefix}color-warning-alt-active-foreground-color: var(--#{$prefix}theme-warning-90-color);
706
- --#{$prefix}color-warning-alt-hovered-foreground-rgb: var(--#{$prefix}theme-warning-80-rgb);
707
- --#{$prefix}color-warning-alt-hovered-foreground-color: var(--#{$prefix}theme-warning-80-color);
708
- --#{$prefix}color-warning-soft-default-foreground-rgb: var(--#{$prefix}theme-warning-90-rgb);
709
- --#{$prefix}color-warning-soft-default-foreground-color: var(--#{$prefix}theme-warning-90-color);
710
- --#{$prefix}color-warning-soft-hovered-foreground-rgb: var(--#{$prefix}theme-warning-90-rgb);
711
- --#{$prefix}color-warning-soft-hovered-foreground-color: var(--#{$prefix}theme-warning-90-color);
712
- --#{$prefix}color-info-alt-active-background-rgb: var(--#{$prefix}theme-info-30-rgb);
713
- --#{$prefix}color-info-alt-active-background-color: var(--#{$prefix}theme-info-30-color);
714
- --#{$prefix}color-info-main-active-background-rgb: var(--#{$prefix}theme-info-90-rgb);
715
- --#{$prefix}color-info-main-active-background-color: var(--#{$prefix}theme-info-90-color);
716
- --#{$prefix}color-info-main-default-background-rgb: var(--#{$prefix}theme-info-60-rgb);
717
- --#{$prefix}color-info-main-default-background-color: var(--#{$prefix}theme-info-60-color);
718
- --#{$prefix}color-info-alt-hovered-background-rgb: var(--#{$prefix}theme-info-20-rgb);
719
- --#{$prefix}color-info-alt-hovered-background-color: var(--#{$prefix}theme-info-20-color);
720
- --#{$prefix}color-info-main-hovered-background-rgb: var(--#{$prefix}theme-info-80-rgb);
721
- --#{$prefix}color-info-main-hovered-background-color: var(--#{$prefix}theme-info-80-color);
722
- --#{$prefix}color-info-soft-active-background-rgb: var(--#{$prefix}theme-info-50-rgb);
723
- --#{$prefix}color-info-soft-active-background-color: var(--#{$prefix}theme-info-50-color);
724
- --#{$prefix}color-info-soft-default-background-rgb: var(--#{$prefix}theme-info-20-rgb);
725
- --#{$prefix}color-info-soft-default-background-color: var(--#{$prefix}theme-info-20-color);
726
- --#{$prefix}color-info-soft-hovered-background-rgb: var(--#{$prefix}theme-info-40-rgb);
727
- --#{$prefix}color-info-soft-hovered-background-color: var(--#{$prefix}theme-info-40-color);
728
- --#{$prefix}color-info-subtle-background-rgb: var(--#{$prefix}theme-info-10-rgb);
729
- --#{$prefix}color-info-subtle-background-color: var(--#{$prefix}theme-info-10-color);
730
- --#{$prefix}color-info-alt-default-border-rgb: var(--#{$prefix}theme-info-60-rgb);
731
- --#{$prefix}color-info-alt-default-border-color: var(--#{$prefix}theme-info-60-color);
732
- --#{$prefix}color-info-alt-hovered-border-rgb: var(--#{$prefix}theme-info-80-rgb);
733
- --#{$prefix}color-info-alt-hovered-border-color: var(--#{$prefix}theme-info-80-color);
734
- --#{$prefix}color-info-alt-default-foreground-rgb: var(--#{$prefix}theme-info-60-rgb);
735
- --#{$prefix}color-info-alt-default-foreground-color: var(--#{$prefix}theme-info-60-color);
736
- --#{$prefix}color-separator-info-border-rgb: var(--#{$prefix}theme-info-30-rgb);
737
- --#{$prefix}color-separator-info-border-color: var(--#{$prefix}theme-info-30-color);
738
- --#{$prefix}color-info-alt-active-foreground-rgb: var(--#{$prefix}theme-info-90-rgb);
739
- --#{$prefix}color-info-alt-active-foreground-color: var(--#{$prefix}theme-info-90-color);
740
- --#{$prefix}color-info-alt-hovered-foreground-rgb: var(--#{$prefix}theme-info-80-rgb);
741
- --#{$prefix}color-info-alt-hovered-foreground-color: var(--#{$prefix}theme-info-80-color);
742
- --#{$prefix}color-info-soft-default-foreground-rgb: var(--#{$prefix}theme-info-90-rgb);
743
- --#{$prefix}color-info-soft-default-foreground-color: var(--#{$prefix}theme-info-90-color);
744
- --#{$prefix}color-info-soft-hovered-foreground-rgb: var(--#{$prefix}theme-info-90-rgb);
745
- --#{$prefix}color-info-soft-hovered-foreground-color: var(--#{$prefix}theme-info-90-color);
746
- --#{$prefix}color-tip-alt-active-background-rgb: var(--#{$prefix}theme-tip-30-rgb);
747
- --#{$prefix}color-tip-alt-active-background-color: var(--#{$prefix}theme-tip-30-color);
748
- --#{$prefix}color-tip-main-active-background-rgb: var(--#{$prefix}theme-tip-90-rgb);
749
- --#{$prefix}color-tip-main-active-background-color: var(--#{$prefix}theme-tip-90-color);
750
- --#{$prefix}color-tip-main-default-background-rgb: var(--#{$prefix}theme-tip-60-rgb);
751
- --#{$prefix}color-tip-main-default-background-color: var(--#{$prefix}theme-tip-60-color);
752
- --#{$prefix}color-tip-alt-hovered-background-rgb: var(--#{$prefix}theme-tip-20-rgb);
753
- --#{$prefix}color-tip-alt-hovered-background-color: var(--#{$prefix}theme-tip-20-color);
754
- --#{$prefix}color-tip-main-hovered-background-rgb: var(--#{$prefix}theme-tip-80-rgb);
755
- --#{$prefix}color-tip-main-hovered-background-color: var(--#{$prefix}theme-tip-80-color);
756
- --#{$prefix}color-tip-soft-active-background-rgb: var(--#{$prefix}theme-tip-50-rgb);
757
- --#{$prefix}color-tip-soft-active-background-color: var(--#{$prefix}theme-tip-50-color);
758
- --#{$prefix}color-tip-soft-default-background-rgb: var(--#{$prefix}theme-tip-20-rgb);
759
- --#{$prefix}color-tip-soft-default-background-color: var(--#{$prefix}theme-tip-20-color);
760
- --#{$prefix}color-tip-soft-hovered-background-rgb: var(--#{$prefix}theme-tip-40-rgb);
761
- --#{$prefix}color-tip-soft-hovered-background-color: var(--#{$prefix}theme-tip-40-color);
762
- --#{$prefix}color-tip-subtle-background-rgb: var(--#{$prefix}theme-tip-10-rgb);
763
- --#{$prefix}color-tip-subtle-background-color: var(--#{$prefix}theme-tip-10-color);
764
- --#{$prefix}color-tip-alt-default-border-rgb: var(--#{$prefix}theme-tip-60-rgb);
765
- --#{$prefix}color-tip-alt-default-border-color: var(--#{$prefix}theme-tip-60-color);
766
- --#{$prefix}color-tip-alt-hovered-border-rgb: var(--#{$prefix}theme-tip-80-rgb);
767
- --#{$prefix}color-tip-alt-hovered-border-color: var(--#{$prefix}theme-tip-80-color);
768
- --#{$prefix}color-tip-alt-default-foreground-rgb: var(--#{$prefix}theme-tip-60-rgb);
769
- --#{$prefix}color-tip-alt-default-foreground-color: var(--#{$prefix}theme-tip-60-color);
770
- --#{$prefix}color-separator-tip-border-rgb: var(--#{$prefix}theme-tip-30-rgb);
771
- --#{$prefix}color-separator-tip-border-color: var(--#{$prefix}theme-tip-30-color);
772
- --#{$prefix}color-tip-alt-active-foreground-rgb: var(--#{$prefix}theme-tip-90-rgb);
773
- --#{$prefix}color-tip-alt-active-foreground-color: var(--#{$prefix}theme-tip-90-color);
774
- --#{$prefix}color-tip-alt-hovered-foreground-rgb: var(--#{$prefix}theme-tip-80-rgb);
775
- --#{$prefix}color-tip-alt-hovered-foreground-color: var(--#{$prefix}theme-tip-80-color);
776
- --#{$prefix}color-tip-soft-default-foreground-rgb: var(--#{$prefix}theme-tip-90-rgb);
777
- --#{$prefix}color-tip-soft-default-foreground-color: var(--#{$prefix}theme-tip-90-color);
778
- --#{$prefix}color-tip-soft-hovered-foreground-rgb: var(--#{$prefix}theme-tip-90-rgb);
779
- --#{$prefix}color-tip-soft-hovered-foreground-color: var(--#{$prefix}theme-tip-90-color);
780
- --#{$prefix}color-chromatic1-alt-active-background-rgb: var(--#{$prefix}theme-chromatic1-30-rgb);
781
- --#{$prefix}color-chromatic1-alt-active-background-color: var(--#{$prefix}theme-chromatic1-30-color);
782
- --#{$prefix}color-chromatic1-main-active-background-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
783
- --#{$prefix}color-chromatic1-main-active-background-color: var(--#{$prefix}theme-chromatic1-90-color);
784
- --#{$prefix}color-chromatic1-main-default-background-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
785
- --#{$prefix}color-chromatic1-main-default-background-color: var(--#{$prefix}theme-chromatic1-80-color);
786
- --#{$prefix}color-chromatic1-alt-hovered-background-rgb: var(--#{$prefix}theme-chromatic1-20-rgb);
787
- --#{$prefix}color-chromatic1-alt-hovered-background-color: var(--#{$prefix}theme-chromatic1-20-color);
788
- --#{$prefix}color-chromatic1-main-hovered-background-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
789
- --#{$prefix}color-chromatic1-main-hovered-background-color: var(--#{$prefix}theme-chromatic1-80-color);
790
- --#{$prefix}color-chromatic1-soft-active-background-rgb: var(--#{$prefix}theme-chromatic1-50-rgb);
791
- --#{$prefix}color-chromatic1-soft-active-background-color: var(--#{$prefix}theme-chromatic1-50-color);
792
- --#{$prefix}color-chromatic1-soft-default-background-rgb: var(--#{$prefix}theme-chromatic1-20-rgb);
793
- --#{$prefix}color-chromatic1-soft-default-background-color: var(--#{$prefix}theme-chromatic1-20-color);
794
- --#{$prefix}color-chromatic1-soft-hovered-background-rgb: var(--#{$prefix}theme-chromatic1-40-rgb);
795
- --#{$prefix}color-chromatic1-soft-hovered-background-color: var(--#{$prefix}theme-chromatic1-40-color);
796
- --#{$prefix}color-chromatic1-subtle-background-rgb: var(--#{$prefix}theme-chromatic1-10-rgb);
797
- --#{$prefix}color-chromatic1-subtle-background-color: var(--#{$prefix}theme-chromatic1-10-color);
798
- --#{$prefix}color-chromatic1-alt-default-border-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
799
- --#{$prefix}color-chromatic1-alt-default-border-color: var(--#{$prefix}theme-chromatic1-80-color);
800
- --#{$prefix}color-chromatic1-alt-hovered-border-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
801
- --#{$prefix}color-chromatic1-alt-hovered-border-color: var(--#{$prefix}theme-chromatic1-80-color);
802
- --#{$prefix}color-chromatic1-alt-default-foreground-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
803
- --#{$prefix}color-chromatic1-alt-default-foreground-color: var(--#{$prefix}theme-chromatic1-80-color);
804
- --#{$prefix}color-separator-chromatic1-border-rgb: var(--#{$prefix}theme-chromatic1-30-rgb);
805
- --#{$prefix}color-separator-chromatic1-border-color: var(--#{$prefix}theme-chromatic1-30-color);
806
- --#{$prefix}color-chromatic1-alt-active-foreground-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
807
- --#{$prefix}color-chromatic1-alt-active-foreground-color: var(--#{$prefix}theme-chromatic1-90-color);
808
- --#{$prefix}color-chromatic1-alt-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
809
- --#{$prefix}color-chromatic1-alt-hovered-foreground-color: var(--#{$prefix}theme-chromatic1-80-color);
810
- --#{$prefix}color-chromatic1-soft-default-foreground-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
811
- --#{$prefix}color-chromatic1-soft-default-foreground-color: var(--#{$prefix}theme-chromatic1-90-color);
812
- --#{$prefix}color-chromatic1-soft-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
813
- --#{$prefix}color-chromatic1-soft-hovered-foreground-color: var(--#{$prefix}theme-chromatic1-90-color);
814
- --#{$prefix}color-chromatic2-alt-active-background-rgb: var(--#{$prefix}theme-chromatic2-30-rgb);
815
- --#{$prefix}color-chromatic2-alt-active-background-color: var(--#{$prefix}theme-chromatic2-30-color);
816
- --#{$prefix}color-chromatic2-main-active-background-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
817
- --#{$prefix}color-chromatic2-main-active-background-color: var(--#{$prefix}theme-chromatic2-90-color);
818
- --#{$prefix}color-chromatic2-main-default-background-rgb: var(--#{$prefix}theme-chromatic2-70-rgb);
819
- --#{$prefix}color-chromatic2-main-default-background-color: var(--#{$prefix}theme-chromatic2-70-color);
820
- --#{$prefix}color-chromatic2-alt-hovered-background-rgb: var(--#{$prefix}theme-chromatic2-20-rgb);
821
- --#{$prefix}color-chromatic2-alt-hovered-background-color: var(--#{$prefix}theme-chromatic2-20-color);
822
- --#{$prefix}color-chromatic2-main-hovered-background-rgb: var(--#{$prefix}theme-chromatic2-80-rgb);
823
- --#{$prefix}color-chromatic2-main-hovered-background-color: var(--#{$prefix}theme-chromatic2-80-color);
824
- --#{$prefix}color-chromatic2-soft-active-background-rgb: var(--#{$prefix}theme-chromatic2-50-rgb);
825
- --#{$prefix}color-chromatic2-soft-active-background-color: var(--#{$prefix}theme-chromatic2-50-color);
826
- --#{$prefix}color-chromatic2-soft-default-background-rgb: var(--#{$prefix}theme-chromatic2-20-rgb);
827
- --#{$prefix}color-chromatic2-soft-default-background-color: var(--#{$prefix}theme-chromatic2-20-color);
828
- --#{$prefix}color-chromatic2-soft-hovered-background-rgb: var(--#{$prefix}theme-chromatic2-40-rgb);
829
- --#{$prefix}color-chromatic2-soft-hovered-background-color: var(--#{$prefix}theme-chromatic2-40-color);
830
- --#{$prefix}color-chromatic2-subtle-background-rgb: var(--#{$prefix}theme-chromatic2-10-rgb);
831
- --#{$prefix}color-chromatic2-subtle-background-color: var(--#{$prefix}theme-chromatic2-10-color);
832
- --#{$prefix}color-chromatic2-alt-default-border-rgb: var(--#{$prefix}theme-chromatic2-70-rgb);
833
- --#{$prefix}color-chromatic2-alt-default-border-color: var(--#{$prefix}theme-chromatic2-70-color);
834
- --#{$prefix}color-chromatic2-alt-hovered-border-rgb: var(--#{$prefix}theme-chromatic2-80-rgb);
835
- --#{$prefix}color-chromatic2-alt-hovered-border-color: var(--#{$prefix}theme-chromatic2-80-color);
836
- --#{$prefix}color-chromatic2-alt-default-foreground-rgb: var(--#{$prefix}theme-chromatic2-70-rgb);
837
- --#{$prefix}color-chromatic2-alt-default-foreground-color: var(--#{$prefix}theme-chromatic2-70-color);
838
- --#{$prefix}color-separator-chromatic2-border-rgb: var(--#{$prefix}theme-chromatic2-30-rgb);
839
- --#{$prefix}color-separator-chromatic2-border-color: var(--#{$prefix}theme-chromatic2-30-color);
840
- --#{$prefix}color-chromatic2-alt-active-foreground-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
841
- --#{$prefix}color-chromatic2-alt-active-foreground-color: var(--#{$prefix}theme-chromatic2-90-color);
842
- --#{$prefix}color-chromatic2-alt-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic2-80-rgb);
843
- --#{$prefix}color-chromatic2-alt-hovered-foreground-color: var(--#{$prefix}theme-chromatic2-80-color);
844
- --#{$prefix}color-chromatic2-soft-default-foreground-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
845
- --#{$prefix}color-chromatic2-soft-default-foreground-color: var(--#{$prefix}theme-chromatic2-90-color);
846
- --#{$prefix}color-chromatic2-soft-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
847
- --#{$prefix}color-chromatic2-soft-hovered-foreground-color: var(--#{$prefix}theme-chromatic2-90-color);
848
- --#{$prefix}color-neutral-alt-active-background-rgb: var(--#{$prefix}theme-neutral-30-rgb);
849
- --#{$prefix}color-neutral-alt-active-background-color: var(--#{$prefix}theme-neutral-30-color);
850
- --#{$prefix}color-neutral-main-active-background-rgb: var(--#{$prefix}theme-neutral-110-rgb);
851
- --#{$prefix}color-neutral-main-active-background-color: var(--#{$prefix}theme-neutral-110-color);
852
- --#{$prefix}color-neutral-main-default-background-rgb: var(--#{$prefix}theme-neutral-100-rgb);
853
- --#{$prefix}color-neutral-main-default-background-color: var(--#{$prefix}theme-neutral-100-color);
854
- --#{$prefix}color-neutral-alt-hovered-background-rgb: var(--#{$prefix}theme-neutral-20-rgb);
855
- --#{$prefix}color-neutral-alt-hovered-background-color: var(--#{$prefix}theme-neutral-20-color);
856
- --#{$prefix}color-neutral-main-hovered-background-rgb: var(--#{$prefix}theme-neutral-100-rgb);
857
- --#{$prefix}color-neutral-main-hovered-background-color: var(--#{$prefix}theme-neutral-100-color);
858
- --#{$prefix}color-neutral-alt-default-border-rgb: var(--#{$prefix}theme-neutral-100-rgb);
859
- --#{$prefix}color-neutral-alt-default-border-color: var(--#{$prefix}theme-neutral-100-color);
860
- --#{$prefix}color-neutral-alt-hovered-border-rgb: var(--#{$prefix}theme-neutral-100-rgb);
861
- --#{$prefix}color-neutral-alt-hovered-border-color: var(--#{$prefix}theme-neutral-100-color);
862
- --#{$prefix}color-neutral-alt-default-foreground-rgb: var(--#{$prefix}theme-neutral-100-rgb);
863
- --#{$prefix}color-neutral-alt-default-foreground-color: var(--#{$prefix}theme-neutral-100-color);
864
- --#{$prefix}color-neutral-alt-active-foreground-rgb: var(--#{$prefix}theme-neutral-110-rgb);
865
- --#{$prefix}color-neutral-alt-active-foreground-color: var(--#{$prefix}theme-neutral-110-color);
866
- --#{$prefix}color-neutral-alt-hovered-foreground-rgb: var(--#{$prefix}theme-neutral-100-rgb);
867
- --#{$prefix}color-neutral-alt-hovered-foreground-color: var(--#{$prefix}theme-neutral-100-color);
868
- }