@design-factory/design-factory 20.0.0-next.1 → 20.0.0-next.2

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 (67) hide show
  1. package/design-factory-initial-branding.css +1 -1
  2. package/design-factory-initial-branding.scss +1 -1
  3. package/design-factory.css +2 -2
  4. package/fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs +358 -0
  5. package/fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs.map +1 -0
  6. package/fesm2022/design-factory.mjs +327 -417
  7. package/fesm2022/design-factory.mjs.map +1 -1
  8. package/index.d.ts +10 -50
  9. package/package.json +14 -2
  10. package/schematics/migrations/15_0_0/remove-ngx-slider/index.js +11 -5
  11. package/schematics/migrations/16_0_0/revert-to-old-brand/index.js +2 -2
  12. package/schematics/migrations/20_0_0/colors-new-branding/index.d.ts +14 -0
  13. package/schematics/migrations/20_0_0/colors-new-branding/index.js +108 -0
  14. package/schematics/migrations/20_0_0/navbar-toggler-logo-svg/index.js +6 -5
  15. package/schematics/migrations/20_0_0/spinner-new-branding/index.d.ts +7 -0
  16. package/schematics/migrations/20_0_0/spinner-new-branding/index.js +41 -0
  17. package/schematics/migrations/helpers.js +1 -1
  18. package/schematics/migrations/migration.json +12 -0
  19. package/schematics/migrations/utils/component-resource-collector.js +2 -2
  20. package/schematics/migrations/utils/project_tsconfig_paths.js +4 -0
  21. package/schematics/migrations/utils/style-updater.js +3 -1
  22. package/schematics/migrations/utils/template-updater.js +3 -1
  23. package/schematics/migrations/utils/typescript/compiler_host.js +6 -4
  24. package/schematics/ng-add/index.js +3 -6
  25. package/styles/scss/_common.root.scss +20 -3
  26. package/styles/scss/_common.scss +1 -1
  27. package/styles/scss/bootstrap/_utilities-override.scss +14 -8
  28. package/styles/scss/bootstrap/_variables.scss +2 -2
  29. package/styles/scss/components/alert/_alert.scss +23 -11
  30. package/styles/scss/components/badge/_badge.mixins.scss +2 -4
  31. package/styles/scss/components/badge/_badge.scss +87 -23
  32. package/styles/scss/components/button/_button.scss +382 -75
  33. package/styles/scss/components/button/_button.utils.scss +20 -1
  34. package/styles/scss/components/button/_button_container.scss +22 -5
  35. package/styles/scss/components/card/_card.scss +28 -10
  36. package/styles/scss/components/checkbox/_checkbox.scss +2 -1
  37. package/styles/scss/components/dropdown/_dropdown.scss +17 -0
  38. package/styles/scss/components/fonts/_font-faces.mixins.scss +108 -54
  39. package/styles/scss/components/inputs/_inputs.root.scss +1 -1
  40. package/styles/scss/components/inputs/_inputs.scss +7 -1
  41. package/styles/scss/components/link/_link.mixins.scss +7 -3
  42. package/styles/scss/components/link/_link.scss +6 -0
  43. package/styles/scss/components/media/_media.scss +4 -0
  44. package/styles/scss/components/media/_media.variables.scss +1 -0
  45. package/styles/scss/components/modal/_modal.scss +38 -11
  46. package/styles/scss/components/navbar/_navbar.scss +12 -0
  47. package/styles/scss/components/pagination/_pagination_container.scss +1 -1
  48. package/styles/scss/components/progressbar/_progressbar.variables.scss +13 -4
  49. package/styles/scss/components/rating/_rating.scss +3 -3
  50. package/styles/scss/components/rating/_rating.variables.scss +1 -1
  51. package/styles/scss/components/select/_select.scss +14 -19
  52. package/styles/scss/components/separator/_separator.variables.scss +1 -1
  53. package/styles/scss/components/sidenav/_sidenav.scss +1 -1
  54. package/styles/scss/components/sidenav/_sidenav.variables.scss +6 -4
  55. package/styles/scss/components/spinner/_spinner.scss +14 -0
  56. package/styles/scss/components/spinner/_spinner.variables.scss +7 -4
  57. package/styles/scss/components/tabs/_tabs.scss +3 -0
  58. package/styles/scss/components/toast/_toast.scss +21 -30
  59. package/styles/scss/components/tooltip/_tooltip_container.scss +17 -13
  60. package/styles/scss/themes/brand2023/_variables.scss +50 -26
  61. package/styles/scss/themes/brand2023/tokens/_mapping.gen.scss +156 -186
  62. package/styles/scss/themes/brand2023/tokens/_root.gen.scss +1708 -0
  63. package/styles/scss/themes/brand2023/tokens/_sass-vars.gen.scss +1467 -0
  64. package/styles/scss/utilities/_common.utilities.scss +3 -10
  65. package/styles/scss/utilities/_rgb.scss +10 -0
  66. package/tokens/style-dictionary/index.d.ts +60 -0
  67. package/styles/scss/themes/brand2023/tokens/_figma.gen.scss +0 -3028
package/styles/scss/themes/brand2023/tokens/_mapping.gen.scss CHANGED
@@ -12,12 +12,13 @@ $primaries-mapping: (
12
12
  'bg-subtle-active-color': var(--#{$prefix}color-primary-subtle-background),
13
13
  'bg-subtle-color': var(--#{$prefix}color-primary-subtle-background),
14
14
  'bg-subtle-hover-color': var(--#{$prefix}color-primary-subtle-background),
15
- 'border-color': var(--#{$prefix}color-primary-main-default-border),
16
- 'border-hover-color': var(--#{$prefix}color-primary-main-hovered-border),
17
- 'inert-color': var(--#{$prefix}primary-500),
18
- 'text-active-color': var(--#{$prefix}color-primary-main-active-foreground),
19
- 'text-color': var(--#{$prefix}color-primary-main-default-foreground),
20
- 'text-hover-color': var(--#{$prefix}color-primary-main-hovered-foreground),
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),
21
22
  'text-light-color': var(--#{$prefix}color-primary-soft-default-foreground),
22
23
  'text-light-hover-color': var(--#{$prefix}color-primary-soft-hovered-foreground),
23
24
  ) !default;
@@ -34,13 +35,13 @@ $dangers-mapping: (
34
35
  'bg-subtle-active-color': var(--#{$prefix}color-danger-subtle-background),
35
36
  'bg-subtle-color': var(--#{$prefix}color-danger-subtle-background),
36
37
  'bg-subtle-hover-color': var(--#{$prefix}color-danger-subtle-background),
37
- 'border-color': var(--#{$prefix}color-danger-main-default-border),
38
- 'border-hover-color': var(--#{$prefix}color-danger-main-hovered-border),
39
- 'inert-color': var(--#{$prefix}danger-500),
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),
40
41
  'separator-color': var(--#{$prefix}color-separator-danger-border),
41
- 'text-active-color': var(--#{$prefix}color-danger-main-active-foreground),
42
- 'text-color': var(--#{$prefix}color-danger-main-default-foreground),
43
- 'text-hover-color': var(--#{$prefix}color-danger-main-hovered-foreground),
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),
44
45
  'text-light-color': var(--#{$prefix}color-danger-soft-default-foreground),
45
46
  'text-light-hover-color': var(--#{$prefix}color-danger-soft-hovered-foreground),
46
47
  ) !default;
@@ -57,13 +58,13 @@ $successes-mapping: (
57
58
  'bg-subtle-active-color': var(--#{$prefix}color-success-subtle-background),
58
59
  'bg-subtle-color': var(--#{$prefix}color-success-subtle-background),
59
60
  'bg-subtle-hover-color': var(--#{$prefix}color-success-subtle-background),
60
- 'border-color': var(--#{$prefix}color-success-main-default-border),
61
- 'border-hover-color': var(--#{$prefix}color-success-main-hovered-border),
62
- 'inert-color': var(--#{$prefix}success-500),
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),
63
64
  'separator-color': var(--#{$prefix}color-separator-success-border),
64
- 'text-active-color': var(--#{$prefix}color-success-main-active-foreground),
65
- 'text-color': var(--#{$prefix}color-success-main-default-foreground),
66
- 'text-hover-color': var(--#{$prefix}color-success-main-hovered-foreground),
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),
67
68
  'text-light-color': var(--#{$prefix}color-success-soft-default-foreground),
68
69
  'text-light-hover-color': var(--#{$prefix}color-success-soft-hovered-foreground),
69
70
  ) !default;
@@ -80,13 +81,13 @@ $warnings-mapping: (
80
81
  'bg-subtle-active-color': var(--#{$prefix}color-warning-subtle-background),
81
82
  'bg-subtle-color': var(--#{$prefix}color-warning-subtle-background),
82
83
  'bg-subtle-hover-color': var(--#{$prefix}color-warning-subtle-background),
83
- 'border-color': var(--#{$prefix}color-warning-main-default-border),
84
- 'border-hover-color': var(--#{$prefix}color-warning-main-hovered-border),
85
- 'inert-color': var(--#{$prefix}warning-500),
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),
86
87
  'separator-color': var(--#{$prefix}color-separator-warning-border),
87
- 'text-active-color': var(--#{$prefix}color-warning-main-active-foreground),
88
- 'text-color': var(--#{$prefix}color-warning-main-default-foreground),
89
- 'text-hover-color': var(--#{$prefix}color-warning-main-hovered-foreground),
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),
90
91
  'text-light-color': var(--#{$prefix}color-warning-soft-default-foreground),
91
92
  'text-light-hover-color': var(--#{$prefix}color-warning-soft-hovered-foreground),
92
93
  ) !default;
@@ -103,13 +104,13 @@ $infos-mapping: (
103
104
  'bg-subtle-active-color': var(--#{$prefix}color-info-subtle-background),
104
105
  'bg-subtle-color': var(--#{$prefix}color-info-subtle-background),
105
106
  'bg-subtle-hover-color': var(--#{$prefix}color-info-subtle-background),
106
- 'border-color': var(--#{$prefix}color-info-main-default-border),
107
- 'border-hover-color': var(--#{$prefix}color-info-main-hovered-border),
108
- 'inert-color': var(--#{$prefix}info-500),
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),
109
110
  'separator-color': var(--#{$prefix}color-separator-info-border),
110
- 'text-active-color': var(--#{$prefix}color-info-main-active-foreground),
111
- 'text-color': var(--#{$prefix}color-info-main-default-foreground),
112
- 'text-hover-color': var(--#{$prefix}color-info-main-hovered-foreground),
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),
113
114
  'text-light-color': var(--#{$prefix}color-info-soft-default-foreground),
114
115
  'text-light-hover-color': var(--#{$prefix}color-info-soft-hovered-foreground),
115
116
  ) !default;
@@ -126,13 +127,13 @@ $tips-mapping: (
126
127
  'bg-subtle-active-color': var(--#{$prefix}color-tip-subtle-background),
127
128
  'bg-subtle-color': var(--#{$prefix}color-tip-subtle-background),
128
129
  'bg-subtle-hover-color': var(--#{$prefix}color-tip-subtle-background),
129
- 'border-color': var(--#{$prefix}color-tip-main-default-border),
130
- 'border-hover-color': var(--#{$prefix}color-tip-main-hovered-border),
131
- 'inert-color': var(--#{$prefix}tip-500),
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),
132
133
  'separator-color': var(--#{$prefix}color-separator-tip-border),
133
- 'text-active-color': var(--#{$prefix}color-tip-main-active-foreground),
134
- 'text-color': var(--#{$prefix}color-tip-main-default-foreground),
135
- 'text-hover-color': var(--#{$prefix}color-tip-main-hovered-foreground),
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),
136
137
  'text-light-color': var(--#{$prefix}color-tip-soft-default-foreground),
137
138
  'text-light-hover-color': var(--#{$prefix}color-tip-soft-hovered-foreground),
138
139
  ) !default;
@@ -149,13 +150,13 @@ $chromatics1-mapping: (
149
150
  'bg-subtle-active-color': var(--#{$prefix}color-chromatic1-subtle-background),
150
151
  'bg-subtle-color': var(--#{$prefix}color-chromatic1-subtle-background),
151
152
  'bg-subtle-hover-color': var(--#{$prefix}color-chromatic1-subtle-background),
152
- 'border-color': var(--#{$prefix}color-chromatic1-main-default-border),
153
- 'border-hover-color': var(--#{$prefix}color-chromatic1-main-hovered-border),
154
- 'inert-color': var(--#{$prefix}chromatic1-500),
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),
155
156
  'separator-color': var(--#{$prefix}color-separator-chromatic1-border),
156
- 'text-active-color': var(--#{$prefix}color-chromatic1-main-active-foreground),
157
- 'text-color': var(--#{$prefix}color-chromatic1-main-default-foreground),
158
- 'text-hover-color': var(--#{$prefix}color-chromatic1-main-hovered-foreground),
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),
159
160
  'text-light-color': var(--#{$prefix}color-chromatic1-soft-default-foreground),
160
161
  'text-light-hover-color': var(--#{$prefix}color-chromatic1-soft-hovered-foreground),
161
162
  ) !default;
@@ -172,45 +173,26 @@ $chromatics2-mapping: (
172
173
  'bg-subtle-active-color': var(--#{$prefix}color-chromatic2-subtle-background),
173
174
  'bg-subtle-color': var(--#{$prefix}color-chromatic2-subtle-background),
174
175
  'bg-subtle-hover-color': var(--#{$prefix}color-chromatic2-subtle-background),
175
- 'border-color': var(--#{$prefix}color-chromatic2-main-default-border),
176
- 'border-hover-color': var(--#{$prefix}color-chromatic2-main-hovered-border),
177
- 'inert-color': var(--#{$prefix}chromatic2-500),
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),
178
179
  'separator-color': var(--#{$prefix}color-separator-chromatic2-border),
179
- 'text-active-color': var(--#{$prefix}color-chromatic2-main-active-foreground),
180
- 'text-color': var(--#{$prefix}color-chromatic2-main-default-foreground),
181
- 'text-hover-color': var(--#{$prefix}color-chromatic2-main-hovered-foreground),
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),
182
183
  'text-light-color': var(--#{$prefix}color-chromatic2-soft-default-foreground),
183
184
  'text-light-hover-color': var(--#{$prefix}color-chromatic2-soft-hovered-foreground),
184
185
  ) !default;
185
186
 
186
- $grays-mapping: (
187
- 'border-color': var(--#{$prefix}color-inert-neutral-main-border),
188
- 'border-hover-color': var(--#{$prefix}color-inert-neutral-main-border),
189
- 'text-active-color': var(--#{$prefix}color-inert-neutral-main-foreground),
190
- 'text-color': var(--#{$prefix}color-inert-neutral-main-foreground),
191
- 'text-hover-color': var(--#{$prefix}color-inert-neutral-main-foreground),
192
- ) !default;
193
-
194
187
  $neutrals-mapping: (
195
188
  'bg-active-alt-color': var(--#{$prefix}color-neutral-alt-active-background),
196
189
  'bg-active-color': var(--#{$prefix}color-neutral-main-active-background),
197
190
  'bg-color': var(--#{$prefix}color-neutral-main-default-background),
198
191
  'bg-hover-alt-color': var(--#{$prefix}color-neutral-alt-hovered-background),
199
192
  'bg-hover-color': var(--#{$prefix}color-neutral-main-hovered-background),
200
- 'border-color': var(--#{$prefix}color-neutral-main-default-border),
201
- 'border-hover-color': var(--#{$prefix}color-neutral-main-hovered-border),
202
- 'inert-color': var(--#{$prefix}neutral-500),
203
- 'text-active-color': var(--#{$prefix}color-neutral-main-active-foreground),
204
- 'text-color': var(--#{$prefix}color-neutral-main-default-foreground),
205
- 'text-hover-color': var(--#{$prefix}color-neutral-main-hovered-foreground),
206
- ) !default;
207
-
208
- $whites-mapping: (
209
- 'bg-active-color': var(--#{$prefix}color-neutral-alt-active-background),
210
- 'bg-color': var(--#{$prefix}color-neutral-alt-default-background),
211
- 'bg-hover-color': var(--#{$prefix}color-neutral-alt-hovered-background),
212
193
  'border-color': var(--#{$prefix}color-neutral-alt-default-border),
213
- 'inert-color': var(--#{$prefix}white-500),
194
+ 'border-hover-color': var(--#{$prefix}color-neutral-alt-hovered-border),
195
+ 'inert-color': var(--#{$prefix}color-neutral-alt-default-foreground),
214
196
  'text-active-color': var(--#{$prefix}color-neutral-alt-active-foreground),
215
197
  'text-color': var(--#{$prefix}color-neutral-alt-default-foreground),
216
198
  'text-hover-color': var(--#{$prefix}color-neutral-alt-hovered-foreground),
@@ -609,16 +591,18 @@ html:root {
609
591
  --#{$prefix}color-primary-soft-hovered-background-color: var(--#{$prefix}theme-primary-40-color);
610
592
  --#{$prefix}color-primary-subtle-background-rgb: var(--#{$prefix}theme-primary-10-rgb);
611
593
  --#{$prefix}color-primary-subtle-background-color: var(--#{$prefix}theme-primary-10-color);
612
- --#{$prefix}color-primary-main-default-border-rgb: var(--#{$prefix}theme-primary-60-rgb);
613
- --#{$prefix}color-primary-main-default-border-color: var(--#{$prefix}theme-primary-60-color);
614
- --#{$prefix}color-primary-main-hovered-border-rgb: var(--#{$prefix}theme-primary-80-rgb);
615
- --#{$prefix}color-primary-main-hovered-border-color: var(--#{$prefix}theme-primary-80-color);
616
- --#{$prefix}color-primary-main-active-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
617
- --#{$prefix}color-primary-main-active-foreground-color: var(--#{$prefix}theme-primary-90-color);
618
- --#{$prefix}color-primary-main-default-foreground-rgb: var(--#{$prefix}theme-primary-60-rgb);
619
- --#{$prefix}color-primary-main-default-foreground-color: var(--#{$prefix}theme-primary-60-color);
620
- --#{$prefix}color-primary-main-hovered-foreground-rgb: var(--#{$prefix}theme-primary-80-rgb);
621
- --#{$prefix}color-primary-main-hovered-foreground-color: var(--#{$prefix}theme-primary-80-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);
622
606
  --#{$prefix}color-primary-soft-default-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
623
607
  --#{$prefix}color-primary-soft-default-foreground-color: var(--#{$prefix}theme-primary-90-color);
624
608
  --#{$prefix}color-primary-soft-hovered-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
@@ -641,18 +625,18 @@ html:root {
641
625
  --#{$prefix}color-danger-soft-hovered-background-color: var(--#{$prefix}theme-danger-40-color);
642
626
  --#{$prefix}color-danger-subtle-background-rgb: var(--#{$prefix}theme-danger-10-rgb);
643
627
  --#{$prefix}color-danger-subtle-background-color: var(--#{$prefix}theme-danger-10-color);
644
- --#{$prefix}color-danger-main-default-border-rgb: var(--#{$prefix}theme-danger-60-rgb);
645
- --#{$prefix}color-danger-main-default-border-color: var(--#{$prefix}theme-danger-60-color);
646
- --#{$prefix}color-danger-main-hovered-border-rgb: var(--#{$prefix}theme-danger-80-rgb);
647
- --#{$prefix}color-danger-main-hovered-border-color: var(--#{$prefix}theme-danger-80-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);
648
634
  --#{$prefix}color-separator-danger-border-rgb: var(--#{$prefix}theme-danger-30-rgb);
649
635
  --#{$prefix}color-separator-danger-border-color: var(--#{$prefix}theme-danger-30-color);
650
- --#{$prefix}color-danger-main-active-foreground-rgb: var(--#{$prefix}theme-danger-90-rgb);
651
- --#{$prefix}color-danger-main-active-foreground-color: var(--#{$prefix}theme-danger-90-color);
652
- --#{$prefix}color-danger-main-default-foreground-rgb: var(--#{$prefix}theme-danger-60-rgb);
653
- --#{$prefix}color-danger-main-default-foreground-color: var(--#{$prefix}theme-danger-60-color);
654
- --#{$prefix}color-danger-main-hovered-foreground-rgb: var(--#{$prefix}theme-danger-80-rgb);
655
- --#{$prefix}color-danger-main-hovered-foreground-color: var(--#{$prefix}theme-danger-80-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);
656
640
  --#{$prefix}color-danger-soft-default-foreground-rgb: var(--#{$prefix}theme-danger-90-rgb);
657
641
  --#{$prefix}color-danger-soft-default-foreground-color: var(--#{$prefix}theme-danger-90-color);
658
642
  --#{$prefix}color-danger-soft-hovered-foreground-rgb: var(--#{$prefix}theme-danger-90-rgb);
@@ -675,18 +659,18 @@ html:root {
675
659
  --#{$prefix}color-success-soft-hovered-background-color: var(--#{$prefix}theme-success-40-color);
676
660
  --#{$prefix}color-success-subtle-background-rgb: var(--#{$prefix}theme-success-10-rgb);
677
661
  --#{$prefix}color-success-subtle-background-color: var(--#{$prefix}theme-success-10-color);
678
- --#{$prefix}color-success-main-default-border-rgb: var(--#{$prefix}theme-success-70-rgb);
679
- --#{$prefix}color-success-main-default-border-color: var(--#{$prefix}theme-success-70-color);
680
- --#{$prefix}color-success-main-hovered-border-rgb: var(--#{$prefix}theme-success-80-rgb);
681
- --#{$prefix}color-success-main-hovered-border-color: var(--#{$prefix}theme-success-80-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);
682
668
  --#{$prefix}color-separator-success-border-rgb: var(--#{$prefix}theme-success-30-rgb);
683
669
  --#{$prefix}color-separator-success-border-color: var(--#{$prefix}theme-success-30-color);
684
- --#{$prefix}color-success-main-active-foreground-rgb: var(--#{$prefix}theme-success-90-rgb);
685
- --#{$prefix}color-success-main-active-foreground-color: var(--#{$prefix}theme-success-90-color);
686
- --#{$prefix}color-success-main-default-foreground-rgb: var(--#{$prefix}theme-success-70-rgb);
687
- --#{$prefix}color-success-main-default-foreground-color: var(--#{$prefix}theme-success-70-color);
688
- --#{$prefix}color-success-main-hovered-foreground-rgb: var(--#{$prefix}theme-success-80-rgb);
689
- --#{$prefix}color-success-main-hovered-foreground-color: var(--#{$prefix}theme-success-80-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);
690
674
  --#{$prefix}color-success-soft-default-foreground-rgb: var(--#{$prefix}theme-success-90-rgb);
691
675
  --#{$prefix}color-success-soft-default-foreground-color: var(--#{$prefix}theme-success-90-color);
692
676
  --#{$prefix}color-success-soft-hovered-foreground-rgb: var(--#{$prefix}theme-success-90-rgb);
@@ -709,52 +693,52 @@ html:root {
709
693
  --#{$prefix}color-warning-soft-hovered-background-color: var(--#{$prefix}theme-warning-40-color);
710
694
  --#{$prefix}color-warning-subtle-background-rgb: var(--#{$prefix}theme-warning-10-rgb);
711
695
  --#{$prefix}color-warning-subtle-background-color: var(--#{$prefix}theme-warning-10-color);
712
- --#{$prefix}color-warning-main-default-border-rgb: var(--#{$prefix}theme-warning-60-rgb);
713
- --#{$prefix}color-warning-main-default-border-color: var(--#{$prefix}theme-warning-60-color);
714
- --#{$prefix}color-warning-main-hovered-border-rgb: var(--#{$prefix}theme-warning-80-rgb);
715
- --#{$prefix}color-warning-main-hovered-border-color: var(--#{$prefix}theme-warning-80-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);
716
702
  --#{$prefix}color-separator-warning-border-rgb: var(--#{$prefix}theme-warning-30-rgb);
717
703
  --#{$prefix}color-separator-warning-border-color: var(--#{$prefix}theme-warning-30-color);
718
- --#{$prefix}color-warning-main-active-foreground-rgb: var(--#{$prefix}theme-warning-90-rgb);
719
- --#{$prefix}color-warning-main-active-foreground-color: var(--#{$prefix}theme-warning-90-color);
720
- --#{$prefix}color-warning-main-default-foreground-rgb: var(--#{$prefix}theme-warning-70-rgb);
721
- --#{$prefix}color-warning-main-default-foreground-color: var(--#{$prefix}theme-warning-70-color);
722
- --#{$prefix}color-warning-main-hovered-foreground-rgb: var(--#{$prefix}theme-warning-80-rgb);
723
- --#{$prefix}color-warning-main-hovered-foreground-color: var(--#{$prefix}theme-warning-80-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);
724
708
  --#{$prefix}color-warning-soft-default-foreground-rgb: var(--#{$prefix}theme-warning-90-rgb);
725
709
  --#{$prefix}color-warning-soft-default-foreground-color: var(--#{$prefix}theme-warning-90-color);
726
710
  --#{$prefix}color-warning-soft-hovered-foreground-rgb: var(--#{$prefix}theme-warning-90-rgb);
727
711
  --#{$prefix}color-warning-soft-hovered-foreground-color: var(--#{$prefix}theme-warning-90-color);
728
- --#{$prefix}color-info-alt-active-background-rgb: var(--#{$prefix}theme-primary-30-rgb);
729
- --#{$prefix}color-info-alt-active-background-color: var(--#{$prefix}theme-primary-30-color);
730
- --#{$prefix}color-info-main-active-background-rgb: var(--#{$prefix}theme-primary-90-rgb);
731
- --#{$prefix}color-info-main-active-background-color: var(--#{$prefix}theme-primary-90-color);
732
- --#{$prefix}color-info-main-default-background-rgb: var(--#{$prefix}theme-primary-60-rgb);
733
- --#{$prefix}color-info-main-default-background-color: var(--#{$prefix}theme-primary-60-color);
734
- --#{$prefix}color-info-alt-hovered-background-rgb: var(--#{$prefix}theme-primary-20-rgb);
735
- --#{$prefix}color-info-alt-hovered-background-color: var(--#{$prefix}theme-primary-20-color);
736
- --#{$prefix}color-info-main-hovered-background-rgb: var(--#{$prefix}theme-primary-80-rgb);
737
- --#{$prefix}color-info-main-hovered-background-color: var(--#{$prefix}theme-primary-80-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);
738
722
  --#{$prefix}color-info-soft-active-background-rgb: var(--#{$prefix}theme-info-50-rgb);
739
723
  --#{$prefix}color-info-soft-active-background-color: var(--#{$prefix}theme-info-50-color);
740
724
  --#{$prefix}color-info-soft-default-background-rgb: var(--#{$prefix}theme-info-20-rgb);
741
725
  --#{$prefix}color-info-soft-default-background-color: var(--#{$prefix}theme-info-20-color);
742
726
  --#{$prefix}color-info-soft-hovered-background-rgb: var(--#{$prefix}theme-info-40-rgb);
743
727
  --#{$prefix}color-info-soft-hovered-background-color: var(--#{$prefix}theme-info-40-color);
744
- --#{$prefix}color-info-subtle-background-rgb: var(--#{$prefix}theme-primary-10-rgb);
745
- --#{$prefix}color-info-subtle-background-color: var(--#{$prefix}theme-primary-10-color);
746
- --#{$prefix}color-info-main-default-border-rgb: var(--#{$prefix}theme-info-60-rgb);
747
- --#{$prefix}color-info-main-default-border-color: var(--#{$prefix}theme-info-60-color);
748
- --#{$prefix}color-info-main-hovered-border-rgb: var(--#{$prefix}theme-primary-80-rgb);
749
- --#{$prefix}color-info-main-hovered-border-color: var(--#{$prefix}theme-primary-80-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);
750
736
  --#{$prefix}color-separator-info-border-rgb: var(--#{$prefix}theme-info-30-rgb);
751
737
  --#{$prefix}color-separator-info-border-color: var(--#{$prefix}theme-info-30-color);
752
- --#{$prefix}color-info-main-active-foreground-rgb: var(--#{$prefix}theme-primary-90-rgb);
753
- --#{$prefix}color-info-main-active-foreground-color: var(--#{$prefix}theme-primary-90-color);
754
- --#{$prefix}color-info-main-default-foreground-rgb: var(--#{$prefix}theme-info-60-rgb);
755
- --#{$prefix}color-info-main-default-foreground-color: var(--#{$prefix}theme-info-60-color);
756
- --#{$prefix}color-info-main-hovered-foreground-rgb: var(--#{$prefix}theme-primary-80-rgb);
757
- --#{$prefix}color-info-main-hovered-foreground-color: var(--#{$prefix}theme-primary-80-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);
758
742
  --#{$prefix}color-info-soft-default-foreground-rgb: var(--#{$prefix}theme-info-90-rgb);
759
743
  --#{$prefix}color-info-soft-default-foreground-color: var(--#{$prefix}theme-info-90-color);
760
744
  --#{$prefix}color-info-soft-hovered-foreground-rgb: var(--#{$prefix}theme-info-90-rgb);
@@ -777,18 +761,18 @@ html:root {
777
761
  --#{$prefix}color-tip-soft-hovered-background-color: var(--#{$prefix}theme-tip-40-color);
778
762
  --#{$prefix}color-tip-subtle-background-rgb: var(--#{$prefix}theme-tip-10-rgb);
779
763
  --#{$prefix}color-tip-subtle-background-color: var(--#{$prefix}theme-tip-10-color);
780
- --#{$prefix}color-tip-main-default-border-rgb: var(--#{$prefix}theme-tip-60-rgb);
781
- --#{$prefix}color-tip-main-default-border-color: var(--#{$prefix}theme-tip-60-color);
782
- --#{$prefix}color-tip-main-hovered-border-rgb: var(--#{$prefix}theme-tip-80-rgb);
783
- --#{$prefix}color-tip-main-hovered-border-color: var(--#{$prefix}theme-tip-80-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);
784
770
  --#{$prefix}color-separator-tip-border-rgb: var(--#{$prefix}theme-tip-30-rgb);
785
771
  --#{$prefix}color-separator-tip-border-color: var(--#{$prefix}theme-tip-30-color);
786
- --#{$prefix}color-tip-main-active-foreground-rgb: var(--#{$prefix}theme-tip-90-rgb);
787
- --#{$prefix}color-tip-main-active-foreground-color: var(--#{$prefix}theme-tip-90-color);
788
- --#{$prefix}color-tip-main-default-foreground-rgb: var(--#{$prefix}theme-tip-60-rgb);
789
- --#{$prefix}color-tip-main-default-foreground-color: var(--#{$prefix}theme-tip-60-color);
790
- --#{$prefix}color-tip-main-hovered-foreground-rgb: var(--#{$prefix}theme-tip-80-rgb);
791
- --#{$prefix}color-tip-main-hovered-foreground-color: var(--#{$prefix}theme-tip-80-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);
792
776
  --#{$prefix}color-tip-soft-default-foreground-rgb: var(--#{$prefix}theme-tip-90-rgb);
793
777
  --#{$prefix}color-tip-soft-default-foreground-color: var(--#{$prefix}theme-tip-90-color);
794
778
  --#{$prefix}color-tip-soft-hovered-foreground-rgb: var(--#{$prefix}theme-tip-90-rgb);
@@ -811,18 +795,18 @@ html:root {
811
795
  --#{$prefix}color-chromatic1-soft-hovered-background-color: var(--#{$prefix}theme-chromatic1-40-color);
812
796
  --#{$prefix}color-chromatic1-subtle-background-rgb: var(--#{$prefix}theme-chromatic1-10-rgb);
813
797
  --#{$prefix}color-chromatic1-subtle-background-color: var(--#{$prefix}theme-chromatic1-10-color);
814
- --#{$prefix}color-chromatic1-main-default-border-rgb: var(--#{$prefix}theme-chromatic1-60-rgb);
815
- --#{$prefix}color-chromatic1-main-default-border-color: var(--#{$prefix}theme-chromatic1-60-color);
816
- --#{$prefix}color-chromatic1-main-hovered-border-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
817
- --#{$prefix}color-chromatic1-main-hovered-border-color: var(--#{$prefix}theme-chromatic1-80-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);
818
804
  --#{$prefix}color-separator-chromatic1-border-rgb: var(--#{$prefix}theme-chromatic1-30-rgb);
819
805
  --#{$prefix}color-separator-chromatic1-border-color: var(--#{$prefix}theme-chromatic1-30-color);
820
- --#{$prefix}color-chromatic1-main-active-foreground-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
821
- --#{$prefix}color-chromatic1-main-active-foreground-color: var(--#{$prefix}theme-chromatic1-90-color);
822
- --#{$prefix}color-chromatic1-main-default-foreground-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
823
- --#{$prefix}color-chromatic1-main-default-foreground-color: var(--#{$prefix}theme-chromatic1-80-color);
824
- --#{$prefix}color-chromatic1-main-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic1-80-rgb);
825
- --#{$prefix}color-chromatic1-main-hovered-foreground-color: var(--#{$prefix}theme-chromatic1-80-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);
826
810
  --#{$prefix}color-chromatic1-soft-default-foreground-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
827
811
  --#{$prefix}color-chromatic1-soft-default-foreground-color: var(--#{$prefix}theme-chromatic1-90-color);
828
812
  --#{$prefix}color-chromatic1-soft-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic1-90-rgb);
@@ -845,26 +829,22 @@ html:root {
845
829
  --#{$prefix}color-chromatic2-soft-hovered-background-color: var(--#{$prefix}theme-chromatic2-40-color);
846
830
  --#{$prefix}color-chromatic2-subtle-background-rgb: var(--#{$prefix}theme-chromatic2-10-rgb);
847
831
  --#{$prefix}color-chromatic2-subtle-background-color: var(--#{$prefix}theme-chromatic2-10-color);
848
- --#{$prefix}color-chromatic2-main-default-border-rgb: var(--#{$prefix}theme-chromatic2-70-rgb);
849
- --#{$prefix}color-chromatic2-main-default-border-color: var(--#{$prefix}theme-chromatic2-70-color);
850
- --#{$prefix}color-chromatic2-main-hovered-border-rgb: var(--#{$prefix}theme-chromatic2-80-rgb);
851
- --#{$prefix}color-chromatic2-main-hovered-border-color: var(--#{$prefix}theme-chromatic2-80-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);
852
838
  --#{$prefix}color-separator-chromatic2-border-rgb: var(--#{$prefix}theme-chromatic2-30-rgb);
853
839
  --#{$prefix}color-separator-chromatic2-border-color: var(--#{$prefix}theme-chromatic2-30-color);
854
- --#{$prefix}color-chromatic2-main-active-foreground-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
855
- --#{$prefix}color-chromatic2-main-active-foreground-color: var(--#{$prefix}theme-chromatic2-90-color);
856
- --#{$prefix}color-chromatic2-main-default-foreground-rgb: var(--#{$prefix}theme-chromatic2-70-rgb);
857
- --#{$prefix}color-chromatic2-main-default-foreground-color: var(--#{$prefix}theme-chromatic2-70-color);
858
- --#{$prefix}color-chromatic2-main-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic2-80-rgb);
859
- --#{$prefix}color-chromatic2-main-hovered-foreground-color: var(--#{$prefix}theme-chromatic2-80-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);
860
844
  --#{$prefix}color-chromatic2-soft-default-foreground-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
861
845
  --#{$prefix}color-chromatic2-soft-default-foreground-color: var(--#{$prefix}theme-chromatic2-90-color);
862
846
  --#{$prefix}color-chromatic2-soft-hovered-foreground-rgb: var(--#{$prefix}theme-chromatic2-90-rgb);
863
847
  --#{$prefix}color-chromatic2-soft-hovered-foreground-color: var(--#{$prefix}theme-chromatic2-90-color);
864
- --#{$prefix}color-inert-neutral-main-border-rgb: var(--#{$prefix}theme-neutral-40-rgb);
865
- --#{$prefix}color-inert-neutral-main-border-color: var(--#{$prefix}theme-neutral-40-color);
866
- --#{$prefix}color-inert-neutral-main-foreground-rgb: var(--#{$prefix}theme-neutral-100-rgb);
867
- --#{$prefix}color-inert-neutral-main-foreground-color: var(--#{$prefix}theme-neutral-100-color);
868
848
  --#{$prefix}color-neutral-alt-active-background-rgb: var(--#{$prefix}theme-neutral-30-rgb);
869
849
  --#{$prefix}color-neutral-alt-active-background-color: var(--#{$prefix}theme-neutral-30-color);
870
850
  --#{$prefix}color-neutral-main-active-background-rgb: var(--#{$prefix}theme-neutral-110-rgb);
@@ -875,24 +855,14 @@ html:root {
875
855
  --#{$prefix}color-neutral-alt-hovered-background-color: var(--#{$prefix}theme-neutral-20-color);
876
856
  --#{$prefix}color-neutral-main-hovered-background-rgb: var(--#{$prefix}theme-neutral-100-rgb);
877
857
  --#{$prefix}color-neutral-main-hovered-background-color: var(--#{$prefix}theme-neutral-100-color);
878
- --#{$prefix}color-neutral-main-default-border-rgb: var(--#{$prefix}theme-neutral-100-rgb);
879
- --#{$prefix}color-neutral-main-default-border-color: var(--#{$prefix}theme-neutral-100-color);
880
- --#{$prefix}color-neutral-main-hovered-border-rgb: var(--#{$prefix}theme-neutral-100-rgb);
881
- --#{$prefix}color-neutral-main-hovered-border-color: var(--#{$prefix}theme-neutral-100-color);
882
- --#{$prefix}color-neutral-main-active-foreground-rgb: var(--#{$prefix}theme-neutral-110-rgb);
883
- --#{$prefix}color-neutral-main-active-foreground-color: var(--#{$prefix}theme-neutral-110-color);
884
- --#{$prefix}color-neutral-main-default-foreground-rgb: var(--#{$prefix}theme-neutral-100-rgb);
885
- --#{$prefix}color-neutral-main-default-foreground-color: var(--#{$prefix}theme-neutral-100-color);
886
- --#{$prefix}color-neutral-main-hovered-foreground-rgb: var(--#{$prefix}theme-neutral-100-rgb);
887
- --#{$prefix}color-neutral-main-hovered-foreground-color: var(--#{$prefix}theme-neutral-100-color);
888
- --#{$prefix}color-neutral-alt-default-background-rgb: var(--#{$prefix}theme-neutral-0-rgb);
889
- --#{$prefix}color-neutral-alt-default-background-color: var(--#{$prefix}theme-neutral-0-color);
890
- --#{$prefix}color-neutral-alt-default-border-rgb: var(--#{$prefix}theme-neutral-0-rgb);
891
- --#{$prefix}color-neutral-alt-default-border-color: var(--#{$prefix}theme-neutral-0-color);
892
- --#{$prefix}color-neutral-alt-active-foreground-rgb: var(--#{$prefix}theme-neutral-30-rgb);
893
- --#{$prefix}color-neutral-alt-active-foreground-color: var(--#{$prefix}theme-neutral-30-color);
894
- --#{$prefix}color-neutral-alt-default-foreground-rgb: var(--#{$prefix}theme-neutral-0-rgb);
895
- --#{$prefix}color-neutral-alt-default-foreground-color: var(--#{$prefix}theme-neutral-0-color);
896
- --#{$prefix}color-neutral-alt-hovered-foreground-rgb: var(--#{$prefix}theme-neutral-20-rgb);
897
- --#{$prefix}color-neutral-alt-hovered-foreground-color: var(--#{$prefix}theme-neutral-20-color);
898
- }
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
+ }