@thatch-health/slab-tokens 0.0.14 → 0.0.15

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 (7) hide show
  1. package/dist/docs.css +634 -634
  2. package/dist/index.css +543 -543
  3. package/dist/index.mjs.map +1 -1
  4. package/dist/marketing.css +329 -329
  5. package/dist/tailwind-plugin.cjs +37 -1
  6. package/dist/tailwind-v4-plugin.css +46 -0
  7. package/package.json +12 -11
package/dist/docs.css CHANGED
@@ -3,7 +3,41 @@
3
3
  * ------------------------------------------- */
4
4
 
5
5
  :root, [data-font-family="default"] {
6
- --slab-body-lg-default-font-family: var(--family-app);
6
+ --family-app: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
+ --family-display: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --family-heading: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
9
+ --family-mono: "JetBrains Mono", ui-monospace, "SFMono - Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
10
+ --letter-spacing-100: 0px;
11
+ --letter-spacing-200: 0px;
12
+ --letter-spacing-300: 0px;
13
+ --letter-spacing-400: 0px;
14
+ --letter-spacing-500: 0px;
15
+ --letter-spacing-600: 0px;
16
+ --letter-spacing-700: 0px;
17
+ --letter-spacing-800: -1px;
18
+ --letter-spacing-900: -1.600000023841858px;
19
+ --letter-spacing-1000: -3.799999952316284px;
20
+ --line-height-100: 1.125rem;
21
+ --line-height-200: 1.25rem;
22
+ --line-height-300: 1.5625rem;
23
+ --line-height-400: 1.5rem;
24
+ --line-height-500: 1.75rem;
25
+ --line-height-600: 2rem;
26
+ --line-height-700: 2.375rem;
27
+ --line-height-800: 3.3125rem;
28
+ --line-height-900: 4.1875rem;
29
+ --line-height-1000: 5.6875rem;
30
+ --size-100: 0.75rem;
31
+ --size-200: 0.875rem;
32
+ --size-300: 1rem;
33
+ --size-400: 1.125rem;
34
+ --size-500: 1.25rem;
35
+ --size-600: 1.5rem;
36
+ --size-700: 1.75rem;
37
+ --size-800: 3rem;
38
+ --size-900: 4rem;
39
+ --size-1000: 6rem;
40
+ --slab-body-lg-default-font-family: var(--family-app);
7
41
  --slab-body-lg-default-letter-spacing: var(--letter-spacing-300);
8
42
  --slab-body-lg-default-line-height: var(--line-height-300);
9
43
  --slab-body-lg-default-size: var(--size-300);
@@ -48,40 +82,6 @@
48
82
  --slab-display-sm-line-height: var(--line-height-800);
49
83
  --slab-display-sm-size: var(--size-800);
50
84
  --slab-display-sm-weight: var(--weight-medium);
51
- --family-app: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
52
- --family-display: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
53
- --family-heading: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
54
- --family-mono: "JetBrains Mono", ui-monospace, "SFMono - Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
55
- --letter-spacing-100: 0;
56
- --letter-spacing-200: 0;
57
- --letter-spacing-300: 0;
58
- --letter-spacing-400: 0;
59
- --letter-spacing-500: 0;
60
- --letter-spacing-600: 0;
61
- --letter-spacing-700: 0;
62
- --letter-spacing-800: -1px;
63
- --letter-spacing-900: -1.600000023841858px;
64
- --letter-spacing-1000: -3.799999952316284px;
65
- --line-height-100: 1.125rem;
66
- --line-height-200: 1.25rem;
67
- --line-height-300: 1.5625rem;
68
- --line-height-400: 1.5rem;
69
- --line-height-500: 1.75rem;
70
- --line-height-600: 2rem;
71
- --line-height-700: 2.375rem;
72
- --line-height-800: 3.3125rem;
73
- --line-height-900: 4.1875rem;
74
- --line-height-1000: 5.6875rem;
75
- --size-100: 0.75rem;
76
- --size-200: 0.875rem;
77
- --size-300: 1rem;
78
- --size-400: 1.125rem;
79
- --size-500: 1.25rem;
80
- --size-600: 1.5rem;
81
- --size-700: 1.75rem;
82
- --size-800: 3rem;
83
- --size-900: 4rem;
84
- --size-1000: 6rem;
85
85
  --slab-size-icon-inner-lg: 1.25rem;
86
86
  --slab-size-icon-inner-md: 1rem;
87
87
  --slab-size-icon-inner-sm: 0.75rem;
@@ -102,7 +102,41 @@
102
102
  }
103
103
 
104
104
  [data-font-family="selecta"] {
105
- --slab-body-lg-default-font-family: var(--family-app);
105
+ --family-app: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
106
+ --family-display: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
107
+ --family-heading: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
108
+ --family-mono: "JetBrains Mono", ui-monospace, "SFMono - Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
109
+ --letter-spacing-100: 0.10000000149011612px;
110
+ --letter-spacing-200: 0.10000000149011612px;
111
+ --letter-spacing-300: 0px;
112
+ --letter-spacing-400: 0px;
113
+ --letter-spacing-500: -0.10000000149011612px;
114
+ --letter-spacing-600: -0.30000001192092896px;
115
+ --letter-spacing-700: -0.5px;
116
+ --letter-spacing-800: -1px;
117
+ --letter-spacing-900: -1.600000023841858px;
118
+ --letter-spacing-1000: -3.799999952316284px;
119
+ --line-height-100: 1.3125rem;
120
+ --line-height-200: 1.5625rem;
121
+ --line-height-300: 1.8125rem;
122
+ --line-height-400: 1.4375rem;
123
+ --line-height-500: 1.75rem;
124
+ --line-height-600: 2.125rem;
125
+ --line-height-700: 2.5625rem;
126
+ --line-height-800: 3.3125rem;
127
+ --line-height-900: 4.1875rem;
128
+ --line-height-1000: 5.6875rem;
129
+ --size-100: 0.875rem;
130
+ --size-200: 1rem;
131
+ --size-300: 1.125rem;
132
+ --size-400: 1.125rem;
133
+ --size-500: 1.375rem;
134
+ --size-600: 1.75rem;
135
+ --size-700: 2.25rem;
136
+ --size-800: 3rem;
137
+ --size-900: 4rem;
138
+ --size-1000: 6rem;
139
+ --slab-body-lg-default-font-family: var(--family-app);
106
140
  --slab-body-lg-default-letter-spacing: var(--letter-spacing-300);
107
141
  --slab-body-lg-default-line-height: var(--line-height-300);
108
142
  --slab-body-lg-default-size: var(--size-300);
@@ -147,23 +181,43 @@
147
181
  --slab-display-sm-line-height: var(--line-height-800);
148
182
  --slab-display-sm-size: var(--size-800);
149
183
  --slab-display-sm-weight: var(--weight-medium);
150
- --family-app: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
184
+ --slab-size-icon-inner-lg: 1.25rem;
185
+ --slab-size-icon-inner-md: 1rem;
186
+ --slab-size-icon-inner-sm: 0.75rem;
187
+ --slab-size-icon-outer-lg: 2.5rem;
188
+ --slab-size-icon-outer-md: 2rem;
189
+ --slab-size-icon-outer-sm: 1.5rem;
190
+ --slab-size-lg: 2.5rem;
191
+ --slab-size-md: 2rem;
192
+ --slab-size-sm: 1.5rem;
193
+ --slab-size-xs: 1rem;
194
+ --weight-bold: 700;
195
+ --weight-control: 400;
196
+ --weight-light: 300;
197
+ --weight-medium: 500;
198
+ --weight-regular: 400;
199
+ --weight-semibold: 600;
200
+ --weight-thin: 100;
201
+ }
202
+
203
+ [data-font-family="selecta-inter"] {
204
+ --family-app: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
151
205
  --family-display: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
152
206
  --family-heading: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
153
207
  --family-mono: "JetBrains Mono", ui-monospace, "SFMono - Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
154
- --letter-spacing-100: 0.10000000149011612px;
155
- --letter-spacing-200: 0.10000000149011612px;
156
- --letter-spacing-300: 0;
157
- --letter-spacing-400: 0;
208
+ --letter-spacing-100: 0px;
209
+ --letter-spacing-200: 0px;
210
+ --letter-spacing-300: 0px;
211
+ --letter-spacing-400: 0px;
158
212
  --letter-spacing-500: -0.10000000149011612px;
159
213
  --letter-spacing-600: -0.30000001192092896px;
160
214
  --letter-spacing-700: -0.5px;
161
215
  --letter-spacing-800: -1px;
162
216
  --letter-spacing-900: -1.600000023841858px;
163
217
  --letter-spacing-1000: -3.799999952316284px;
164
- --line-height-100: 1.3125rem;
165
- --line-height-200: 1.5625rem;
166
- --line-height-300: 1.8125rem;
218
+ --line-height-100: 1.4375rem;
219
+ --line-height-200: 1.5rem;
220
+ --line-height-300: 1.5625rem;
167
221
  --line-height-400: 1.4375rem;
168
222
  --line-height-500: 1.75rem;
169
223
  --line-height-600: 2.125rem;
@@ -171,9 +225,9 @@
171
225
  --line-height-800: 3.3125rem;
172
226
  --line-height-900: 4.1875rem;
173
227
  --line-height-1000: 5.6875rem;
174
- --size-100: 0.875rem;
175
- --size-200: 1rem;
176
- --size-300: 1.125rem;
228
+ --size-100: 0.8125rem;
229
+ --size-200: 0.875rem;
230
+ --size-300: 1rem;
177
231
  --size-400: 1.125rem;
178
232
  --size-500: 1.375rem;
179
233
  --size-600: 1.75rem;
@@ -181,27 +235,7 @@
181
235
  --size-800: 3rem;
182
236
  --size-900: 4rem;
183
237
  --size-1000: 6rem;
184
- --slab-size-icon-inner-lg: 1.25rem;
185
- --slab-size-icon-inner-md: 1rem;
186
- --slab-size-icon-inner-sm: 0.75rem;
187
- --slab-size-icon-outer-lg: 2.5rem;
188
- --slab-size-icon-outer-md: 2rem;
189
- --slab-size-icon-outer-sm: 1.5rem;
190
- --slab-size-lg: 2.5rem;
191
- --slab-size-md: 2rem;
192
- --slab-size-sm: 1.5rem;
193
- --slab-size-xs: 1rem;
194
- --weight-bold: 700;
195
- --weight-control: 400;
196
- --weight-light: 300;
197
- --weight-medium: 500;
198
- --weight-regular: 400;
199
- --weight-semibold: 600;
200
- --weight-thin: 100;
201
- }
202
-
203
- [data-font-family="selecta-inter"] {
204
- --slab-body-lg-default-font-family: var(--family-app);
238
+ --slab-body-lg-default-font-family: var(--family-app);
205
239
  --slab-body-lg-default-letter-spacing: var(--letter-spacing-300);
206
240
  --slab-body-lg-default-line-height: var(--line-height-300);
207
241
  --slab-body-lg-default-size: var(--size-300);
@@ -246,40 +280,6 @@
246
280
  --slab-display-sm-line-height: var(--line-height-800);
247
281
  --slab-display-sm-size: var(--size-800);
248
282
  --slab-display-sm-weight: var(--weight-medium);
249
- --family-app: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
250
- --family-display: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
251
- --family-heading: "Selecta", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
252
- --family-mono: "JetBrains Mono", ui-monospace, "SFMono - Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
253
- --letter-spacing-100: 0;
254
- --letter-spacing-200: 0;
255
- --letter-spacing-300: 0;
256
- --letter-spacing-400: 0;
257
- --letter-spacing-500: -0.10000000149011612px;
258
- --letter-spacing-600: -0.30000001192092896px;
259
- --letter-spacing-700: -0.5px;
260
- --letter-spacing-800: -1px;
261
- --letter-spacing-900: -1.600000023841858px;
262
- --letter-spacing-1000: -3.799999952316284px;
263
- --line-height-100: 1.4375rem;
264
- --line-height-200: 1.5rem;
265
- --line-height-300: 1.5625rem;
266
- --line-height-400: 1.4375rem;
267
- --line-height-500: 1.75rem;
268
- --line-height-600: 2.125rem;
269
- --line-height-700: 2.5625rem;
270
- --line-height-800: 3.3125rem;
271
- --line-height-900: 4.1875rem;
272
- --line-height-1000: 5.6875rem;
273
- --size-100: 0.8125rem;
274
- --size-200: 0.875rem;
275
- --size-300: 1rem;
276
- --size-400: 1.125rem;
277
- --size-500: 1.375rem;
278
- --size-600: 1.75rem;
279
- --size-700: 2.25rem;
280
- --size-800: 3rem;
281
- --size-900: 4rem;
282
- --size-1000: 6rem;
283
283
  --slab-size-icon-inner-lg: 1.25rem;
284
284
  --slab-size-icon-inner-md: 1rem;
285
285
  --slab-size-icon-inner-sm: 0.75rem;
@@ -504,6 +504,64 @@
504
504
  --info-surface-secondary-text: var(--cool-deprecated-blue-400);
505
505
  --info-surface-tertiary-bg: var(--cool-deprecated-blue-200);
506
506
  --info-utility-backdrop-bg: var(--gray-transparent-500);
507
+ --neutral-action-default-ghost-bg: var(--gray-transparent-0);
508
+ --neutral-action-default-ghost-focus-border: rgb(95.29% 8.63% 8.63%);
509
+ --neutral-action-default-ghost-icon: rgb(65.88% 64.31% 62.35%);
510
+ --neutral-action-default-ghost-text: rgb(18.43% 12.94% 10.98%);
511
+ --neutral-action-default-primary-bg: rgb(95.29% 8.63% 8.63%);
512
+ --neutral-action-default-primary-bg-end: rgb(95.29% 8.63% 8.63%);
513
+ --neutral-action-default-primary-bg-start: rgb(95.29% 8.63% 8.63%);
514
+ --neutral-action-default-primary-border: rgb(95.29% 8.63% 8.63% / 0);
515
+ --neutral-action-default-primary-focus-border: rgb(95.29% 8.63% 8.63%);
516
+ --neutral-action-default-primary-icon: rgb(98.43% 98.04% 96.47%);
517
+ --neutral-action-default-primary-text: rgb(98.43% 98.04% 96.47%);
518
+ --neutral-action-default-secondary-bg: var(--gray-transparent-0);
519
+ --neutral-action-default-secondary-bg-end: var(--gray-transparent-0);
520
+ --neutral-action-default-secondary-bg-start: var(--gray-transparent-0);
521
+ --neutral-action-default-secondary-border: rgb(81.96% 80.39% 77.65%);
522
+ --neutral-action-default-secondary-focus-border: rgb(95.29% 8.63% 8.63%);
523
+ --neutral-action-default-secondary-icon: rgb(14.9% 9.02% 1.18%);
524
+ --neutral-action-default-secondary-text: rgb(14.9% 9.02% 1.18%);
525
+ --neutral-action-default-tertiary-bg: rgb(14.12% 8.63% 1.57%);
526
+ --neutral-action-default-tertiary-focus-border: rgb(95.29% 8.63% 8.63%);
527
+ --neutral-action-default-tertiary-icon: rgb(98.43% 98.04% 96.47%);
528
+ --neutral-action-default-tertiary-text: rgb(100% 100% 100%);
529
+ --neutral-action-disabled-ghost-bg: var(--gray-transparent-0);
530
+ --neutral-action-disabled-ghost-icon: var(--cool-deprecated-gray-400);
531
+ --neutral-action-disabled-ghost-text: var(--cool-deprecated-gray-400);
532
+ --neutral-action-disabled-primary-bg: rgb(97.75% 56.11% 56.11%);
533
+ --neutral-action-disabled-primary-bg-end: rgb(97.75% 56.11% 56.11%);
534
+ --neutral-action-disabled-primary-bg-start: rgb(97.75% 56.11% 56.11%);
535
+ --neutral-action-disabled-primary-border: rgb(95.29% 8.63% 8.63% / 0);
536
+ --neutral-action-disabled-primary-icon: var(--cool-deprecated-gray-50);
537
+ --neutral-action-disabled-primary-text: var(--warm-gray-0);
538
+ --neutral-action-disabled-secondary-bg: var(--cool-deprecated-gray-200);
539
+ --neutral-action-disabled-secondary-bg-end: var(--cool-deprecated-gray-200);
540
+ --neutral-action-disabled-secondary-bg-start: var(--cool-deprecated-gray-200);
541
+ --neutral-action-disabled-secondary-border: var(--cool-deprecated-gray-400);
542
+ --neutral-action-disabled-secondary-icon: var(--cool-deprecated-gray-400);
543
+ --neutral-action-disabled-secondary-text: var(--cool-deprecated-gray-400);
544
+ --neutral-action-disabled-tertiary-bg: var(--gray-transparent-0);
545
+ --neutral-action-disabled-tertiary-icon: rgb(97.75% 56.11% 56.11%);
546
+ --neutral-action-disabled-tertiary-text: rgb(97.75% 56.11% 56.11%);
547
+ --neutral-action-hover-ghost-bg: var(--cool-deprecated-gray-200);
548
+ --neutral-action-hover-ghost-icon: rgb(18.82% 16.86% 15.69%);
549
+ --neutral-action-hover-ghost-text: var(--cool-deprecated-gray-800);
550
+ --neutral-action-hover-primary-bg: rgb(95.29% 8.63% 8.63%);
551
+ --neutral-action-hover-primary-bg-end: rgb(95.29% 8.63% 8.63%);
552
+ --neutral-action-hover-primary-bg-start: rgb(95.29% 8.63% 8.63%);
553
+ --neutral-action-hover-primary-border: rgb(95.29% 8.63% 8.63% / 0);
554
+ --neutral-action-hover-primary-icon: var(--cool-deprecated-gray-50);
555
+ --neutral-action-hover-primary-text: var(--warm-gray-0);
556
+ --neutral-action-hover-secondary-bg: var(--cool-deprecated-gray-200);
557
+ --neutral-action-hover-secondary-bg-end: var(--cool-deprecated-gray-100);
558
+ --neutral-action-hover-secondary-bg-start: var(--cool-deprecated-gray-200);
559
+ --neutral-action-hover-secondary-border: var(--cool-deprecated-gray-400);
560
+ --neutral-action-hover-secondary-icon: var(--cool-deprecated-gray-500);
561
+ --neutral-action-hover-secondary-text: var(--cool-deprecated-gray-800);
562
+ --neutral-action-hover-tertiary-bg: var(--gray-transparent-0);
563
+ --neutral-action-hover-tertiary-icon: rgb(95.29% 8.63% 8.63%);
564
+ --neutral-action-hover-tertiary-text: rgb(95.29% 8.63% 8.63%);
507
565
  --neutral-dark-action-default-ghost-bg: var(--gray-transparent-0);
508
566
  --neutral-dark-action-default-ghost-focus-border: rgb(95.29% 8.63% 8.63%);
509
567
  --neutral-dark-action-default-ghost-icon: rgb(60.78% 58.82% 57.25%);
@@ -606,38 +664,71 @@
606
664
  --neutral-dark-surface-secondary-text: rgb(89.41% 87.84% 85.49%);
607
665
  --neutral-dark-surface-tertiary-bg: rgb(18.82% 16.86% 15.69%);
608
666
  --neutral-dark-utility-backdrop-bg: var(--gray-transparent-800);
609
- --neutral-inverted-action-default-ghost-bg: var(--gray-transparent-0);
610
- --neutral-inverted-action-default-ghost-focus-border: rgb(95.29% 8.63% 8.63%);
611
- --neutral-inverted-action-default-ghost-icon: rgb(81.18% 78.82% 74.9%);
612
- --neutral-inverted-action-default-ghost-text: rgb(72.94% 70.2% 66.27%);
613
- --neutral-inverted-action-default-primary-bg: rgb(95.29% 8.63% 8.63%);
614
- --neutral-inverted-action-default-primary-bg-end: rgb(95.29% 8.63% 8.63%);
615
- --neutral-inverted-action-default-primary-bg-start: rgb(95.29% 8.63% 8.63%);
616
- --neutral-inverted-action-default-primary-border: rgb(95.29% 8.63% 8.63% / 0);
617
- --neutral-inverted-action-default-primary-focus-border: rgb(95.29% 8.63% 8.63%);
618
- --neutral-inverted-action-default-primary-icon: rgb(97.25% 96.08% 93.33%);
619
- --neutral-inverted-action-default-primary-text: rgb(97.25% 96.08% 93.33%);
620
- --neutral-inverted-action-default-secondary-bg: var(--gray-transparent-0);
621
- --neutral-inverted-action-default-secondary-bg-end: var(--gray-transparent-0);
622
- --neutral-inverted-action-default-secondary-bg-start: var(--gray-transparent-0);
623
- --neutral-inverted-action-default-secondary-border: rgb(39.61% 35.29% 29.02%);
624
- --neutral-inverted-action-default-secondary-focus-border: rgb(95.29% 8.63% 8.63%);
625
- --neutral-inverted-action-default-secondary-icon: rgb(98.04% 96.47% 94.12%);
626
- --neutral-inverted-action-default-secondary-text: rgb(97.25% 96.08% 93.33%);
627
- --neutral-inverted-action-default-tertiary-bg: rgb(23.14% 17.25% 9.8%);
628
- --neutral-inverted-action-default-tertiary-focus-border: rgb(95.29% 8.63% 8.63%);
629
- --neutral-inverted-action-default-tertiary-icon: rgb(67.45% 64.71% 60%);
630
- --neutral-inverted-action-default-tertiary-text: rgb(98.04% 96.47% 94.12%);
631
- --neutral-inverted-action-disabled-ghost-bg: var(--gray-transparent-0);
632
- --neutral-inverted-action-disabled-ghost-icon: rgb(41.96% 36.47% 30.59%);
633
- --neutral-inverted-action-disabled-ghost-text: rgb(41.96% 36.47% 30.59%);
634
- --neutral-inverted-action-disabled-primary-bg: rgb(97.75% 56.11% 56.11%);
635
- --neutral-inverted-action-disabled-primary-bg-end: rgb(97.75% 56.11% 56.11%);
636
- --neutral-inverted-action-disabled-primary-bg-start: rgb(97.75% 56.11% 56.11%);
637
- --neutral-inverted-action-disabled-primary-border: rgb(95.29% 8.63% 8.63% / 0);
638
- --neutral-inverted-action-disabled-primary-icon: rgb(81.18% 78.82% 74.9%);
639
- --neutral-inverted-action-disabled-primary-text: rgb(81.18% 78.82% 74.9%);
640
- --neutral-inverted-action-disabled-secondary-bg: rgb(16.86% 10.59% 2.35%);
667
+ --neutral-data-viz-bg: var(--warm-gray-50);
668
+ --neutral-data-viz-danger-1: var(--warm-pink-800);
669
+ --neutral-data-viz-danger-2: var(--warm-pink-600);
670
+ --neutral-data-viz-danger-3: var(--warm-pink-400);
671
+ --neutral-data-viz-danger-4: var(--warm-pink-100);
672
+ --neutral-data-viz-primary-1: var(--warm-indigo-800);
673
+ --neutral-data-viz-primary-2: var(--warm-indigo-600);
674
+ --neutral-data-viz-primary-3: var(--warm-indigo-400);
675
+ --neutral-data-viz-primary-4: var(--warm-indigo-200);
676
+ --neutral-data-viz-secondary-1: var(--warm-orange-700);
677
+ --neutral-data-viz-secondary-2: var(--warm-orange-500);
678
+ --neutral-data-viz-secondary-3: var(--warm-orange-400);
679
+ --neutral-data-viz-secondary-4: var(--warm-orange-200);
680
+ --neutral-data-viz-success-1: var(--warm-sage-800);
681
+ --neutral-data-viz-success-2: var(--warm-sage-700);
682
+ --neutral-data-viz-success-3: var(--warm-sage-500);
683
+ --neutral-data-viz-success-4: var(--warm-sage-300);
684
+ --neutral-form-active-primary-bg: rgb(99.61% 93.33% 94.12%);
685
+ --neutral-form-active-primary-border: rgb(95.29% 8.63% 8.63%);
686
+ --neutral-form-active-primary-icon: rgb(95.29% 8.63% 8.63%);
687
+ --neutral-form-active-primary-text: var(--cool-deprecated-gray-800);
688
+ --neutral-form-active-secondary-text: var(--cool-deprecated-gray-500);
689
+ --neutral-form-default-primary-bg: var(--warm-gray-0);
690
+ --neutral-form-default-primary-border: var(--cool-deprecated-gray-400);
691
+ --neutral-form-default-primary-focus-border: var(--cool-deprecated-brand-500);
692
+ --neutral-form-default-primary-icon: var(--cool-deprecated-gray-400);
693
+ --neutral-form-default-primary-text: var(--cool-deprecated-gray-800);
694
+ --neutral-form-default-secondary-text: var(--cool-deprecated-gray-500);
695
+ --neutral-form-disabled-primary-bg: var(--cool-deprecated-gray-100);
696
+ --neutral-form-disabled-primary-border: var(--cool-deprecated-gray-200);
697
+ --neutral-form-disabled-primary-icon: var(--cool-deprecated-gray-400);
698
+ --neutral-form-disabled-primary-text: var(--cool-deprecated-gray-800);
699
+ --neutral-form-disabled-secondary-text: var(--cool-deprecated-gray-500);
700
+ --neutral-inverted-action-default-ghost-bg: var(--gray-transparent-0);
701
+ --neutral-inverted-action-default-ghost-focus-border: rgb(95.29% 8.63% 8.63%);
702
+ --neutral-inverted-action-default-ghost-icon: rgb(81.18% 78.82% 74.9%);
703
+ --neutral-inverted-action-default-ghost-text: rgb(72.94% 70.2% 66.27%);
704
+ --neutral-inverted-action-default-primary-bg: rgb(95.29% 8.63% 8.63%);
705
+ --neutral-inverted-action-default-primary-bg-end: rgb(95.29% 8.63% 8.63%);
706
+ --neutral-inverted-action-default-primary-bg-start: rgb(95.29% 8.63% 8.63%);
707
+ --neutral-inverted-action-default-primary-border: rgb(95.29% 8.63% 8.63% / 0);
708
+ --neutral-inverted-action-default-primary-focus-border: rgb(95.29% 8.63% 8.63%);
709
+ --neutral-inverted-action-default-primary-icon: rgb(97.25% 96.08% 93.33%);
710
+ --neutral-inverted-action-default-primary-text: rgb(97.25% 96.08% 93.33%);
711
+ --neutral-inverted-action-default-secondary-bg: var(--gray-transparent-0);
712
+ --neutral-inverted-action-default-secondary-bg-end: var(--gray-transparent-0);
713
+ --neutral-inverted-action-default-secondary-bg-start: var(--gray-transparent-0);
714
+ --neutral-inverted-action-default-secondary-border: rgb(39.61% 35.29% 29.02%);
715
+ --neutral-inverted-action-default-secondary-focus-border: rgb(95.29% 8.63% 8.63%);
716
+ --neutral-inverted-action-default-secondary-icon: rgb(98.04% 96.47% 94.12%);
717
+ --neutral-inverted-action-default-secondary-text: rgb(97.25% 96.08% 93.33%);
718
+ --neutral-inverted-action-default-tertiary-bg: rgb(23.14% 17.25% 9.8%);
719
+ --neutral-inverted-action-default-tertiary-focus-border: rgb(95.29% 8.63% 8.63%);
720
+ --neutral-inverted-action-default-tertiary-icon: rgb(67.45% 64.71% 60%);
721
+ --neutral-inverted-action-default-tertiary-text: rgb(98.04% 96.47% 94.12%);
722
+ --neutral-inverted-action-disabled-ghost-bg: var(--gray-transparent-0);
723
+ --neutral-inverted-action-disabled-ghost-icon: rgb(41.96% 36.47% 30.59%);
724
+ --neutral-inverted-action-disabled-ghost-text: rgb(41.96% 36.47% 30.59%);
725
+ --neutral-inverted-action-disabled-primary-bg: rgb(97.75% 56.11% 56.11%);
726
+ --neutral-inverted-action-disabled-primary-bg-end: rgb(97.75% 56.11% 56.11%);
727
+ --neutral-inverted-action-disabled-primary-bg-start: rgb(97.75% 56.11% 56.11%);
728
+ --neutral-inverted-action-disabled-primary-border: rgb(95.29% 8.63% 8.63% / 0);
729
+ --neutral-inverted-action-disabled-primary-icon: rgb(81.18% 78.82% 74.9%);
730
+ --neutral-inverted-action-disabled-primary-text: rgb(81.18% 78.82% 74.9%);
731
+ --neutral-inverted-action-disabled-secondary-bg: rgb(16.86% 10.59% 2.35%);
641
732
  --neutral-inverted-action-disabled-secondary-bg-end: var(--gray-transparent-0);
642
733
  --neutral-inverted-action-disabled-secondary-bg-start: rgb(16.86% 10.59% 2.35%);
643
734
  --neutral-inverted-action-disabled-secondary-border: rgb(22.74% 14.12% 3.53%);
@@ -708,97 +799,6 @@
708
799
  --neutral-inverted-surface-secondary-text: rgb(64.71% 61.57% 56.86%);
709
800
  --neutral-inverted-surface-tertiary-bg: rgb(19.61% 12.55% 4.71%);
710
801
  --neutral-inverted-utility-backdrop-bg: var(--gray-transparent-800);
711
- --neutral-action-default-ghost-bg: var(--gray-transparent-0);
712
- --neutral-action-default-ghost-focus-border: rgb(95.29% 8.63% 8.63%);
713
- --neutral-action-default-ghost-icon: rgb(65.88% 64.31% 62.35%);
714
- --neutral-action-default-ghost-text: rgb(18.43% 12.94% 10.98%);
715
- --neutral-action-default-primary-bg: rgb(95.29% 8.63% 8.63%);
716
- --neutral-action-default-primary-bg-end: rgb(95.29% 8.63% 8.63%);
717
- --neutral-action-default-primary-bg-start: rgb(95.29% 8.63% 8.63%);
718
- --neutral-action-default-primary-border: rgb(95.29% 8.63% 8.63% / 0);
719
- --neutral-action-default-primary-focus-border: rgb(95.29% 8.63% 8.63%);
720
- --neutral-action-default-primary-icon: rgb(98.43% 98.04% 96.47%);
721
- --neutral-action-default-primary-text: rgb(98.43% 98.04% 96.47%);
722
- --neutral-action-default-secondary-bg: var(--gray-transparent-0);
723
- --neutral-action-default-secondary-bg-end: var(--gray-transparent-0);
724
- --neutral-action-default-secondary-bg-start: var(--gray-transparent-0);
725
- --neutral-action-default-secondary-border: rgb(81.96% 80.39% 77.65%);
726
- --neutral-action-default-secondary-focus-border: rgb(95.29% 8.63% 8.63%);
727
- --neutral-action-default-secondary-icon: rgb(14.9% 9.02% 1.18%);
728
- --neutral-action-default-secondary-text: rgb(14.9% 9.02% 1.18%);
729
- --neutral-action-default-tertiary-bg: rgb(14.12% 8.63% 1.57%);
730
- --neutral-action-default-tertiary-focus-border: rgb(95.29% 8.63% 8.63%);
731
- --neutral-action-default-tertiary-icon: rgb(98.43% 98.04% 96.47%);
732
- --neutral-action-default-tertiary-text: rgb(100% 100% 100%);
733
- --neutral-action-disabled-ghost-bg: var(--gray-transparent-0);
734
- --neutral-action-disabled-ghost-icon: var(--cool-deprecated-gray-400);
735
- --neutral-action-disabled-ghost-text: var(--cool-deprecated-gray-400);
736
- --neutral-action-disabled-primary-bg: rgb(97.75% 56.11% 56.11%);
737
- --neutral-action-disabled-primary-bg-end: rgb(97.75% 56.11% 56.11%);
738
- --neutral-action-disabled-primary-bg-start: rgb(97.75% 56.11% 56.11%);
739
- --neutral-action-disabled-primary-border: rgb(95.29% 8.63% 8.63% / 0);
740
- --neutral-action-disabled-primary-icon: var(--cool-deprecated-gray-50);
741
- --neutral-action-disabled-primary-text: var(--warm-gray-0);
742
- --neutral-action-disabled-secondary-bg: var(--cool-deprecated-gray-200);
743
- --neutral-action-disabled-secondary-bg-end: var(--cool-deprecated-gray-200);
744
- --neutral-action-disabled-secondary-bg-start: var(--cool-deprecated-gray-200);
745
- --neutral-action-disabled-secondary-border: var(--cool-deprecated-gray-400);
746
- --neutral-action-disabled-secondary-icon: var(--cool-deprecated-gray-400);
747
- --neutral-action-disabled-secondary-text: var(--cool-deprecated-gray-400);
748
- --neutral-action-disabled-tertiary-bg: var(--gray-transparent-0);
749
- --neutral-action-disabled-tertiary-icon: rgb(97.75% 56.11% 56.11%);
750
- --neutral-action-disabled-tertiary-text: rgb(97.75% 56.11% 56.11%);
751
- --neutral-action-hover-ghost-bg: var(--cool-deprecated-gray-200);
752
- --neutral-action-hover-ghost-icon: rgb(18.82% 16.86% 15.69%);
753
- --neutral-action-hover-ghost-text: var(--cool-deprecated-gray-800);
754
- --neutral-action-hover-primary-bg: rgb(95.29% 8.63% 8.63%);
755
- --neutral-action-hover-primary-bg-end: rgb(95.29% 8.63% 8.63%);
756
- --neutral-action-hover-primary-bg-start: rgb(95.29% 8.63% 8.63%);
757
- --neutral-action-hover-primary-border: rgb(95.29% 8.63% 8.63% / 0);
758
- --neutral-action-hover-primary-icon: var(--cool-deprecated-gray-50);
759
- --neutral-action-hover-primary-text: var(--warm-gray-0);
760
- --neutral-action-hover-secondary-bg: var(--cool-deprecated-gray-200);
761
- --neutral-action-hover-secondary-bg-end: var(--cool-deprecated-gray-100);
762
- --neutral-action-hover-secondary-bg-start: var(--cool-deprecated-gray-200);
763
- --neutral-action-hover-secondary-border: var(--cool-deprecated-gray-400);
764
- --neutral-action-hover-secondary-icon: var(--cool-deprecated-gray-500);
765
- --neutral-action-hover-secondary-text: var(--cool-deprecated-gray-800);
766
- --neutral-action-hover-tertiary-bg: var(--gray-transparent-0);
767
- --neutral-action-hover-tertiary-icon: rgb(95.29% 8.63% 8.63%);
768
- --neutral-action-hover-tertiary-text: rgb(95.29% 8.63% 8.63%);
769
- --neutral-data-viz-bg: var(--warm-gray-50);
770
- --neutral-data-viz-danger-1: var(--warm-pink-800);
771
- --neutral-data-viz-danger-2: var(--warm-pink-600);
772
- --neutral-data-viz-danger-3: var(--warm-pink-400);
773
- --neutral-data-viz-danger-4: var(--warm-pink-100);
774
- --neutral-data-viz-primary-1: var(--warm-indigo-800);
775
- --neutral-data-viz-primary-2: var(--warm-indigo-600);
776
- --neutral-data-viz-primary-3: var(--warm-indigo-400);
777
- --neutral-data-viz-primary-4: var(--warm-indigo-200);
778
- --neutral-data-viz-secondary-1: var(--warm-orange-700);
779
- --neutral-data-viz-secondary-2: var(--warm-orange-500);
780
- --neutral-data-viz-secondary-3: var(--warm-orange-400);
781
- --neutral-data-viz-secondary-4: var(--warm-orange-200);
782
- --neutral-data-viz-success-1: var(--warm-sage-800);
783
- --neutral-data-viz-success-2: var(--warm-sage-700);
784
- --neutral-data-viz-success-3: var(--warm-sage-500);
785
- --neutral-data-viz-success-4: var(--warm-sage-300);
786
- --neutral-form-active-primary-bg: rgb(99.61% 93.33% 94.12%);
787
- --neutral-form-active-primary-border: rgb(95.29% 8.63% 8.63%);
788
- --neutral-form-active-primary-icon: rgb(95.29% 8.63% 8.63%);
789
- --neutral-form-active-primary-text: var(--cool-deprecated-gray-800);
790
- --neutral-form-active-secondary-text: var(--cool-deprecated-gray-500);
791
- --neutral-form-default-primary-bg: var(--warm-gray-0);
792
- --neutral-form-default-primary-border: var(--cool-deprecated-gray-400);
793
- --neutral-form-default-primary-focus-border: var(--cool-deprecated-brand-500);
794
- --neutral-form-default-primary-icon: var(--cool-deprecated-gray-400);
795
- --neutral-form-default-primary-text: var(--cool-deprecated-gray-800);
796
- --neutral-form-default-secondary-text: var(--cool-deprecated-gray-500);
797
- --neutral-form-disabled-primary-bg: var(--cool-deprecated-gray-100);
798
- --neutral-form-disabled-primary-border: var(--cool-deprecated-gray-200);
799
- --neutral-form-disabled-primary-icon: var(--cool-deprecated-gray-400);
800
- --neutral-form-disabled-primary-text: var(--cool-deprecated-gray-800);
801
- --neutral-form-disabled-secondary-text: var(--cool-deprecated-gray-500);
802
802
  --neutral-surface-accent-text: rgb(95.29% 8.63% 8.63%);
803
803
  --neutral-surface-primary-bg: rgb(97.25% 96.08% 93.33%);
804
804
  --neutral-surface-primary-border: rgb(90.98% 89.8% 87.06%);
@@ -1221,6 +1221,64 @@
1221
1221
  --info-surface-secondary-text: var(--cool-deprecated-blue-400);
1222
1222
  --info-surface-tertiary-bg: var(--cool-deprecated-blue-50);
1223
1223
  --info-utility-backdrop-bg: var(--gray-transparent-500);
1224
+ --neutral-action-default-ghost-bg: var(--gray-transparent-0);
1225
+ --neutral-action-default-ghost-focus-border: var(--cool-deprecated-brand-500);
1226
+ --neutral-action-default-ghost-icon: var(--cool-deprecated-gray-500);
1227
+ --neutral-action-default-ghost-text: var(--cool-deprecated-gray-800);
1228
+ --neutral-action-default-primary-bg: var(--cool-deprecated-brand-500);
1229
+ --neutral-action-default-primary-bg-end: var(--cool-deprecated-brand-500);
1230
+ --neutral-action-default-primary-bg-start: var(--cool-deprecated-brand-600);
1231
+ --neutral-action-default-primary-border: var(--cool-deprecated-brand-700);
1232
+ --neutral-action-default-primary-focus-border: var(--cool-deprecated-brand-500);
1233
+ --neutral-action-default-primary-icon: var(--cool-deprecated-gray-50);
1234
+ --neutral-action-default-primary-text: var(--warm-gray-0);
1235
+ --neutral-action-default-secondary-bg: var(--cool-deprecated-gray-100);
1236
+ --neutral-action-default-secondary-bg-end: var(--warm-gray-0);
1237
+ --neutral-action-default-secondary-bg-start: var(--cool-deprecated-gray-100);
1238
+ --neutral-action-default-secondary-border: var(--cool-deprecated-gray-300);
1239
+ --neutral-action-default-secondary-focus-border: var(--cool-deprecated-brand-500);
1240
+ --neutral-action-default-secondary-icon: var(--cool-deprecated-gray-500);
1241
+ --neutral-action-default-secondary-text: var(--cool-deprecated-gray-800);
1242
+ --neutral-action-default-tertiary-bg: var(--gray-transparent-0);
1243
+ --neutral-action-default-tertiary-focus-border: var(--cool-deprecated-brand-500);
1244
+ --neutral-action-default-tertiary-icon: var(--cool-deprecated-brand-400);
1245
+ --neutral-action-default-tertiary-text: var(--cool-deprecated-brand-500);
1246
+ --neutral-action-disabled-ghost-bg: var(--gray-transparent-0);
1247
+ --neutral-action-disabled-ghost-icon: var(--cool-deprecated-gray-400);
1248
+ --neutral-action-disabled-ghost-text: var(--cool-deprecated-gray-400);
1249
+ --neutral-action-disabled-primary-bg: var(--cool-deprecated-brand-400);
1250
+ --neutral-action-disabled-primary-bg-end: var(--cool-deprecated-brand-400);
1251
+ --neutral-action-disabled-primary-bg-start: var(--cool-deprecated-brand-400);
1252
+ --neutral-action-disabled-primary-border: var(--cool-deprecated-brand-400);
1253
+ --neutral-action-disabled-primary-icon: var(--cool-deprecated-gray-50);
1254
+ --neutral-action-disabled-primary-text: var(--warm-gray-0);
1255
+ --neutral-action-disabled-secondary-bg: var(--cool-deprecated-gray-200);
1256
+ --neutral-action-disabled-secondary-bg-end: var(--cool-deprecated-gray-200);
1257
+ --neutral-action-disabled-secondary-bg-start: var(--cool-deprecated-gray-200);
1258
+ --neutral-action-disabled-secondary-border: var(--cool-deprecated-gray-400);
1259
+ --neutral-action-disabled-secondary-icon: var(--cool-deprecated-gray-400);
1260
+ --neutral-action-disabled-secondary-text: var(--cool-deprecated-gray-400);
1261
+ --neutral-action-disabled-tertiary-bg: var(--gray-transparent-0);
1262
+ --neutral-action-disabled-tertiary-icon: var(--cool-deprecated-brand-300);
1263
+ --neutral-action-disabled-tertiary-text: var(--cool-deprecated-brand-400);
1264
+ --neutral-action-hover-ghost-bg: var(--cool-deprecated-gray-200);
1265
+ --neutral-action-hover-ghost-icon: var(--cool-deprecated-gray-500);
1266
+ --neutral-action-hover-ghost-text: var(--cool-deprecated-gray-800);
1267
+ --neutral-action-hover-primary-bg: var(--cool-deprecated-brand-600);
1268
+ --neutral-action-hover-primary-bg-end: var(--cool-deprecated-brand-600);
1269
+ --neutral-action-hover-primary-bg-start: var(--cool-deprecated-brand-700);
1270
+ --neutral-action-hover-primary-border: var(--cool-deprecated-brand-800);
1271
+ --neutral-action-hover-primary-icon: var(--cool-deprecated-gray-50);
1272
+ --neutral-action-hover-primary-text: var(--warm-gray-0);
1273
+ --neutral-action-hover-secondary-bg: var(--cool-deprecated-gray-200);
1274
+ --neutral-action-hover-secondary-bg-end: var(--cool-deprecated-gray-100);
1275
+ --neutral-action-hover-secondary-bg-start: var(--cool-deprecated-gray-200);
1276
+ --neutral-action-hover-secondary-border: var(--cool-deprecated-gray-400);
1277
+ --neutral-action-hover-secondary-icon: var(--cool-deprecated-gray-500);
1278
+ --neutral-action-hover-secondary-text: var(--cool-deprecated-gray-800);
1279
+ --neutral-action-hover-tertiary-bg: var(--cool-deprecated-brand-100);
1280
+ --neutral-action-hover-tertiary-icon: var(--cool-deprecated-brand-500);
1281
+ --neutral-action-hover-tertiary-text: var(--cool-deprecated-brand-600);
1224
1282
  --neutral-dark-action-default-ghost-bg: var(--gray-transparent-0);
1225
1283
  --neutral-dark-action-default-ghost-focus-border: var(--cool-deprecated-brand-200);
1226
1284
  --neutral-dark-action-default-ghost-icon: var(--cool-deprecated-gray-200);
@@ -1323,6 +1381,39 @@
1323
1381
  --neutral-dark-surface-secondary-text: var(--cool-deprecated-gray-300);
1324
1382
  --neutral-dark-surface-tertiary-bg: var(--cool-deprecated-gray-700);
1325
1383
  --neutral-dark-utility-backdrop-bg: var(--gray-transparent-800);
1384
+ --neutral-data-viz-bg: var(--cool-deprecated-gray-0);
1385
+ --neutral-data-viz-danger-1: var(--warm-pink-800);
1386
+ --neutral-data-viz-danger-2: var(--warm-pink-600);
1387
+ --neutral-data-viz-danger-3: var(--warm-pink-400);
1388
+ --neutral-data-viz-danger-4: var(--warm-pink-100);
1389
+ --neutral-data-viz-primary-1: var(--warm-indigo-800);
1390
+ --neutral-data-viz-primary-2: var(--warm-indigo-600);
1391
+ --neutral-data-viz-primary-3: var(--warm-indigo-400);
1392
+ --neutral-data-viz-primary-4: var(--warm-indigo-200);
1393
+ --neutral-data-viz-secondary-1: var(--warm-orange-700);
1394
+ --neutral-data-viz-secondary-2: var(--warm-orange-500);
1395
+ --neutral-data-viz-secondary-3: var(--warm-orange-400);
1396
+ --neutral-data-viz-secondary-4: var(--warm-orange-200);
1397
+ --neutral-data-viz-success-1: var(--warm-sage-800);
1398
+ --neutral-data-viz-success-2: var(--warm-sage-700);
1399
+ --neutral-data-viz-success-3: var(--warm-sage-500);
1400
+ --neutral-data-viz-success-4: var(--warm-sage-300);
1401
+ --neutral-form-active-primary-bg: var(--cool-deprecated-brand-100);
1402
+ --neutral-form-active-primary-border: var(--cool-deprecated-brand-500);
1403
+ --neutral-form-active-primary-icon: var(--cool-deprecated-brand-500);
1404
+ --neutral-form-active-primary-text: var(--cool-deprecated-gray-800);
1405
+ --neutral-form-active-secondary-text: var(--cool-deprecated-gray-500);
1406
+ --neutral-form-default-primary-bg: var(--warm-gray-0);
1407
+ --neutral-form-default-primary-border: var(--cool-deprecated-gray-400);
1408
+ --neutral-form-default-primary-focus-border: var(--cool-deprecated-brand-500);
1409
+ --neutral-form-default-primary-icon: var(--cool-deprecated-gray-400);
1410
+ --neutral-form-default-primary-text: var(--cool-deprecated-gray-800);
1411
+ --neutral-form-default-secondary-text: var(--cool-deprecated-gray-500);
1412
+ --neutral-form-disabled-primary-bg: var(--cool-deprecated-gray-100);
1413
+ --neutral-form-disabled-primary-border: var(--cool-deprecated-gray-200);
1414
+ --neutral-form-disabled-primary-icon: var(--cool-deprecated-gray-400);
1415
+ --neutral-form-disabled-primary-text: var(--cool-deprecated-gray-800);
1416
+ --neutral-form-disabled-secondary-text: var(--cool-deprecated-gray-500);
1326
1417
  --neutral-inverted-action-default-ghost-bg: var(--gray-transparent-0);
1327
1418
  --neutral-inverted-action-default-ghost-focus-border: var(--cool-deprecated-brand-200);
1328
1419
  --neutral-inverted-action-default-ghost-icon: var(--cool-deprecated-gray-200);
@@ -1425,97 +1516,6 @@
1425
1516
  --neutral-inverted-surface-secondary-text: var(--cool-deprecated-gray-300);
1426
1517
  --neutral-inverted-surface-tertiary-bg: var(--cool-deprecated-gray-700);
1427
1518
  --neutral-inverted-utility-backdrop-bg: var(--gray-transparent-800);
1428
- --neutral-action-default-ghost-bg: var(--gray-transparent-0);
1429
- --neutral-action-default-ghost-focus-border: var(--cool-deprecated-brand-500);
1430
- --neutral-action-default-ghost-icon: var(--cool-deprecated-gray-500);
1431
- --neutral-action-default-ghost-text: var(--cool-deprecated-gray-800);
1432
- --neutral-action-default-primary-bg: var(--cool-deprecated-brand-500);
1433
- --neutral-action-default-primary-bg-end: var(--cool-deprecated-brand-500);
1434
- --neutral-action-default-primary-bg-start: var(--cool-deprecated-brand-600);
1435
- --neutral-action-default-primary-border: var(--cool-deprecated-brand-700);
1436
- --neutral-action-default-primary-focus-border: var(--cool-deprecated-brand-500);
1437
- --neutral-action-default-primary-icon: var(--cool-deprecated-gray-50);
1438
- --neutral-action-default-primary-text: var(--warm-gray-0);
1439
- --neutral-action-default-secondary-bg: var(--cool-deprecated-gray-100);
1440
- --neutral-action-default-secondary-bg-end: var(--warm-gray-0);
1441
- --neutral-action-default-secondary-bg-start: var(--cool-deprecated-gray-100);
1442
- --neutral-action-default-secondary-border: var(--cool-deprecated-gray-300);
1443
- --neutral-action-default-secondary-focus-border: var(--cool-deprecated-brand-500);
1444
- --neutral-action-default-secondary-icon: var(--cool-deprecated-gray-500);
1445
- --neutral-action-default-secondary-text: var(--cool-deprecated-gray-800);
1446
- --neutral-action-default-tertiary-bg: var(--gray-transparent-0);
1447
- --neutral-action-default-tertiary-focus-border: var(--cool-deprecated-brand-500);
1448
- --neutral-action-default-tertiary-icon: var(--cool-deprecated-brand-400);
1449
- --neutral-action-default-tertiary-text: var(--cool-deprecated-brand-500);
1450
- --neutral-action-disabled-ghost-bg: var(--gray-transparent-0);
1451
- --neutral-action-disabled-ghost-icon: var(--cool-deprecated-gray-400);
1452
- --neutral-action-disabled-ghost-text: var(--cool-deprecated-gray-400);
1453
- --neutral-action-disabled-primary-bg: var(--cool-deprecated-brand-400);
1454
- --neutral-action-disabled-primary-bg-end: var(--cool-deprecated-brand-400);
1455
- --neutral-action-disabled-primary-bg-start: var(--cool-deprecated-brand-400);
1456
- --neutral-action-disabled-primary-border: var(--cool-deprecated-brand-400);
1457
- --neutral-action-disabled-primary-icon: var(--cool-deprecated-gray-50);
1458
- --neutral-action-disabled-primary-text: var(--warm-gray-0);
1459
- --neutral-action-disabled-secondary-bg: var(--cool-deprecated-gray-200);
1460
- --neutral-action-disabled-secondary-bg-end: var(--cool-deprecated-gray-200);
1461
- --neutral-action-disabled-secondary-bg-start: var(--cool-deprecated-gray-200);
1462
- --neutral-action-disabled-secondary-border: var(--cool-deprecated-gray-400);
1463
- --neutral-action-disabled-secondary-icon: var(--cool-deprecated-gray-400);
1464
- --neutral-action-disabled-secondary-text: var(--cool-deprecated-gray-400);
1465
- --neutral-action-disabled-tertiary-bg: var(--gray-transparent-0);
1466
- --neutral-action-disabled-tertiary-icon: var(--cool-deprecated-brand-300);
1467
- --neutral-action-disabled-tertiary-text: var(--cool-deprecated-brand-400);
1468
- --neutral-action-hover-ghost-bg: var(--cool-deprecated-gray-200);
1469
- --neutral-action-hover-ghost-icon: var(--cool-deprecated-gray-500);
1470
- --neutral-action-hover-ghost-text: var(--cool-deprecated-gray-800);
1471
- --neutral-action-hover-primary-bg: var(--cool-deprecated-brand-600);
1472
- --neutral-action-hover-primary-bg-end: var(--cool-deprecated-brand-600);
1473
- --neutral-action-hover-primary-bg-start: var(--cool-deprecated-brand-700);
1474
- --neutral-action-hover-primary-border: var(--cool-deprecated-brand-800);
1475
- --neutral-action-hover-primary-icon: var(--cool-deprecated-gray-50);
1476
- --neutral-action-hover-primary-text: var(--warm-gray-0);
1477
- --neutral-action-hover-secondary-bg: var(--cool-deprecated-gray-200);
1478
- --neutral-action-hover-secondary-bg-end: var(--cool-deprecated-gray-100);
1479
- --neutral-action-hover-secondary-bg-start: var(--cool-deprecated-gray-200);
1480
- --neutral-action-hover-secondary-border: var(--cool-deprecated-gray-400);
1481
- --neutral-action-hover-secondary-icon: var(--cool-deprecated-gray-500);
1482
- --neutral-action-hover-secondary-text: var(--cool-deprecated-gray-800);
1483
- --neutral-action-hover-tertiary-bg: var(--cool-deprecated-brand-100);
1484
- --neutral-action-hover-tertiary-icon: var(--cool-deprecated-brand-500);
1485
- --neutral-action-hover-tertiary-text: var(--cool-deprecated-brand-600);
1486
- --neutral-data-viz-bg: var(--cool-deprecated-gray-0);
1487
- --neutral-data-viz-danger-1: var(--warm-pink-800);
1488
- --neutral-data-viz-danger-2: var(--warm-pink-600);
1489
- --neutral-data-viz-danger-3: var(--warm-pink-400);
1490
- --neutral-data-viz-danger-4: var(--warm-pink-100);
1491
- --neutral-data-viz-primary-1: var(--warm-indigo-800);
1492
- --neutral-data-viz-primary-2: var(--warm-indigo-600);
1493
- --neutral-data-viz-primary-3: var(--warm-indigo-400);
1494
- --neutral-data-viz-primary-4: var(--warm-indigo-200);
1495
- --neutral-data-viz-secondary-1: var(--warm-orange-700);
1496
- --neutral-data-viz-secondary-2: var(--warm-orange-500);
1497
- --neutral-data-viz-secondary-3: var(--warm-orange-400);
1498
- --neutral-data-viz-secondary-4: var(--warm-orange-200);
1499
- --neutral-data-viz-success-1: var(--warm-sage-800);
1500
- --neutral-data-viz-success-2: var(--warm-sage-700);
1501
- --neutral-data-viz-success-3: var(--warm-sage-500);
1502
- --neutral-data-viz-success-4: var(--warm-sage-300);
1503
- --neutral-form-active-primary-bg: var(--cool-deprecated-brand-100);
1504
- --neutral-form-active-primary-border: var(--cool-deprecated-brand-500);
1505
- --neutral-form-active-primary-icon: var(--cool-deprecated-brand-500);
1506
- --neutral-form-active-primary-text: var(--cool-deprecated-gray-800);
1507
- --neutral-form-active-secondary-text: var(--cool-deprecated-gray-500);
1508
- --neutral-form-default-primary-bg: var(--warm-gray-0);
1509
- --neutral-form-default-primary-border: var(--cool-deprecated-gray-400);
1510
- --neutral-form-default-primary-focus-border: var(--cool-deprecated-brand-500);
1511
- --neutral-form-default-primary-icon: var(--cool-deprecated-gray-400);
1512
- --neutral-form-default-primary-text: var(--cool-deprecated-gray-800);
1513
- --neutral-form-default-secondary-text: var(--cool-deprecated-gray-500);
1514
- --neutral-form-disabled-primary-bg: var(--cool-deprecated-gray-100);
1515
- --neutral-form-disabled-primary-border: var(--cool-deprecated-gray-200);
1516
- --neutral-form-disabled-primary-icon: var(--cool-deprecated-gray-400);
1517
- --neutral-form-disabled-primary-text: var(--cool-deprecated-gray-800);
1518
- --neutral-form-disabled-secondary-text: var(--cool-deprecated-gray-500);
1519
1519
  --neutral-surface-accent-text: var(--cool-deprecated-brand-500);
1520
1520
  --neutral-surface-primary-bg: var(--cool-deprecated-gray-50);
1521
1521
  --neutral-surface-primary-border: var(--cool-deprecated-gray-200);
@@ -1938,6 +1938,64 @@
1938
1938
  --info-surface-secondary-text: var(--warm-blue-600);
1939
1939
  --info-surface-tertiary-bg: var(--warm-blue-100);
1940
1940
  --info-utility-backdrop-bg: var(--gray-transparent-500);
1941
+ --neutral-action-default-ghost-bg: var(--gray-transparent-0);
1942
+ --neutral-action-default-ghost-focus-border: var(--warm-indigo-700);
1943
+ --neutral-action-default-ghost-icon: var(--warm-gray-600);
1944
+ --neutral-action-default-ghost-text: var(--warm-gray-900);
1945
+ --neutral-action-default-primary-bg: var(--warm-gray-800);
1946
+ --neutral-action-default-primary-bg-end: var(--warm-gray-800);
1947
+ --neutral-action-default-primary-bg-start: var(--warm-gray-900);
1948
+ --neutral-action-default-primary-border: var(--warm-gray-800);
1949
+ --neutral-action-default-primary-focus-border: var(--warm-indigo-700);
1950
+ --neutral-action-default-primary-icon: var(--warm-gray-50);
1951
+ --neutral-action-default-primary-text: var(--warm-gray-0);
1952
+ --neutral-action-default-secondary-bg: var(--warm-gray-100);
1953
+ --neutral-action-default-secondary-bg-end: var(--warm-gray-0);
1954
+ --neutral-action-default-secondary-bg-start: var(--warm-gray-100);
1955
+ --neutral-action-default-secondary-border: var(--warm-gray-300);
1956
+ --neutral-action-default-secondary-focus-border: var(--warm-indigo-700);
1957
+ --neutral-action-default-secondary-icon: var(--warm-gray-600);
1958
+ --neutral-action-default-secondary-text: var(--warm-gray-900);
1959
+ --neutral-action-default-tertiary-bg: var(--gray-transparent-0);
1960
+ --neutral-action-default-tertiary-focus-border: var(--warm-indigo-700);
1961
+ --neutral-action-default-tertiary-icon: var(--warm-indigo-600);
1962
+ --neutral-action-default-tertiary-text: var(--warm-indigo-700);
1963
+ --neutral-action-disabled-ghost-bg: var(--gray-transparent-0);
1964
+ --neutral-action-disabled-ghost-icon: var(--warm-gray-500);
1965
+ --neutral-action-disabled-ghost-text: var(--warm-gray-500);
1966
+ --neutral-action-disabled-primary-bg: var(--warm-gray-400);
1967
+ --neutral-action-disabled-primary-bg-end: var(--warm-gray-400);
1968
+ --neutral-action-disabled-primary-bg-start: var(--warm-gray-400);
1969
+ --neutral-action-disabled-primary-border: var(--warm-gray-400);
1970
+ --neutral-action-disabled-primary-icon: var(--warm-gray-50);
1971
+ --neutral-action-disabled-primary-text: var(--warm-gray-0);
1972
+ --neutral-action-disabled-secondary-bg: var(--warm-gray-100);
1973
+ --neutral-action-disabled-secondary-bg-end: var(--warm-gray-100);
1974
+ --neutral-action-disabled-secondary-bg-start: var(--warm-gray-100);
1975
+ --neutral-action-disabled-secondary-border: var(--warm-gray-300);
1976
+ --neutral-action-disabled-secondary-icon: var(--warm-gray-500);
1977
+ --neutral-action-disabled-secondary-text: var(--warm-gray-500);
1978
+ --neutral-action-disabled-tertiary-bg: var(--gray-transparent-0);
1979
+ --neutral-action-disabled-tertiary-icon: var(--warm-indigo-300);
1980
+ --neutral-action-disabled-tertiary-text: var(--warm-indigo-300);
1981
+ --neutral-action-hover-ghost-bg: var(--warm-gray-200);
1982
+ --neutral-action-hover-ghost-icon: var(--warm-gray-600);
1983
+ --neutral-action-hover-ghost-text: var(--warm-gray-900);
1984
+ --neutral-action-hover-primary-bg: var(--warm-gray-700);
1985
+ --neutral-action-hover-primary-bg-end: var(--warm-gray-700);
1986
+ --neutral-action-hover-primary-bg-start: var(--warm-gray-800);
1987
+ --neutral-action-hover-primary-border: var(--warm-gray-700);
1988
+ --neutral-action-hover-primary-icon: var(--warm-gray-50);
1989
+ --neutral-action-hover-primary-text: var(--warm-gray-0);
1990
+ --neutral-action-hover-secondary-bg: var(--warm-gray-200);
1991
+ --neutral-action-hover-secondary-bg-end: var(--warm-gray-100);
1992
+ --neutral-action-hover-secondary-bg-start: var(--warm-gray-200);
1993
+ --neutral-action-hover-secondary-border: var(--warm-gray-400);
1994
+ --neutral-action-hover-secondary-icon: var(--warm-gray-600);
1995
+ --neutral-action-hover-secondary-text: var(--warm-gray-900);
1996
+ --neutral-action-hover-tertiary-bg: var(--warm-indigo-100);
1997
+ --neutral-action-hover-tertiary-icon: var(--warm-indigo-600);
1998
+ --neutral-action-hover-tertiary-text: var(--warm-indigo-700);
1941
1999
  --neutral-dark-action-default-ghost-bg: var(--gray-transparent-0);
1942
2000
  --neutral-dark-action-default-ghost-focus-border: var(--warm-indigo-700);
1943
2001
  --neutral-dark-action-default-ghost-icon: var(--cool-deprecated-gray-200);
@@ -2040,6 +2098,39 @@
2040
2098
  --neutral-dark-surface-secondary-text: var(--cool-deprecated-gray-300);
2041
2099
  --neutral-dark-surface-tertiary-bg: var(--cool-deprecated-gray-700);
2042
2100
  --neutral-dark-utility-backdrop-bg: var(--gray-transparent-800);
2101
+ --neutral-data-viz-bg: var(--warm-gray-50);
2102
+ --neutral-data-viz-danger-1: var(--warm-pink-800);
2103
+ --neutral-data-viz-danger-2: var(--warm-pink-600);
2104
+ --neutral-data-viz-danger-3: var(--warm-pink-400);
2105
+ --neutral-data-viz-danger-4: var(--warm-pink-100);
2106
+ --neutral-data-viz-primary-1: var(--warm-indigo-800);
2107
+ --neutral-data-viz-primary-2: var(--warm-indigo-600);
2108
+ --neutral-data-viz-primary-3: var(--warm-indigo-400);
2109
+ --neutral-data-viz-primary-4: var(--warm-indigo-200);
2110
+ --neutral-data-viz-secondary-1: var(--warm-orange-700);
2111
+ --neutral-data-viz-secondary-2: var(--warm-orange-500);
2112
+ --neutral-data-viz-secondary-3: var(--warm-orange-400);
2113
+ --neutral-data-viz-secondary-4: var(--warm-orange-200);
2114
+ --neutral-data-viz-success-1: var(--warm-sage-800);
2115
+ --neutral-data-viz-success-2: var(--warm-sage-700);
2116
+ --neutral-data-viz-success-3: var(--warm-sage-500);
2117
+ --neutral-data-viz-success-4: var(--warm-sage-300);
2118
+ --neutral-form-active-primary-bg: var(--warm-indigo-100);
2119
+ --neutral-form-active-primary-border: var(--warm-indigo-700);
2120
+ --neutral-form-active-primary-icon: var(--warm-indigo-600);
2121
+ --neutral-form-active-primary-text: var(--warm-gray-900);
2122
+ --neutral-form-active-secondary-text: var(--warm-gray-600);
2123
+ --neutral-form-default-primary-bg: var(--warm-gray-0);
2124
+ --neutral-form-default-primary-border: var(--warm-gray-200);
2125
+ --neutral-form-default-primary-focus-border: var(--warm-indigo-700);
2126
+ --neutral-form-default-primary-icon: var(--warm-gray-500);
2127
+ --neutral-form-default-primary-text: var(--warm-gray-900);
2128
+ --neutral-form-default-secondary-text: var(--warm-gray-600);
2129
+ --neutral-form-disabled-primary-bg: var(--warm-gray-100);
2130
+ --neutral-form-disabled-primary-border: var(--warm-gray-200);
2131
+ --neutral-form-disabled-primary-icon: var(--warm-gray-500);
2132
+ --neutral-form-disabled-primary-text: var(--warm-gray-900);
2133
+ --neutral-form-disabled-secondary-text: var(--warm-gray-600);
2043
2134
  --neutral-inverted-action-default-ghost-bg: var(--gray-transparent-0);
2044
2135
  --neutral-inverted-action-default-ghost-focus-border: var(--warm-indigo-300);
2045
2136
  --neutral-inverted-action-default-ghost-icon: var(--warm-gray-200);
@@ -2142,97 +2233,6 @@
2142
2233
  --neutral-inverted-surface-secondary-text: var(--warm-gray-300);
2143
2234
  --neutral-inverted-surface-tertiary-bg: var(--warm-gray-700);
2144
2235
  --neutral-inverted-utility-backdrop-bg: var(--gray-transparent-800);
2145
- --neutral-action-default-ghost-bg: var(--gray-transparent-0);
2146
- --neutral-action-default-ghost-focus-border: var(--warm-indigo-700);
2147
- --neutral-action-default-ghost-icon: var(--warm-gray-600);
2148
- --neutral-action-default-ghost-text: var(--warm-gray-900);
2149
- --neutral-action-default-primary-bg: var(--warm-gray-800);
2150
- --neutral-action-default-primary-bg-end: var(--warm-gray-800);
2151
- --neutral-action-default-primary-bg-start: var(--warm-gray-900);
2152
- --neutral-action-default-primary-border: var(--warm-gray-800);
2153
- --neutral-action-default-primary-focus-border: var(--warm-indigo-700);
2154
- --neutral-action-default-primary-icon: var(--warm-gray-50);
2155
- --neutral-action-default-primary-text: var(--warm-gray-0);
2156
- --neutral-action-default-secondary-bg: var(--warm-gray-100);
2157
- --neutral-action-default-secondary-bg-end: var(--warm-gray-0);
2158
- --neutral-action-default-secondary-bg-start: var(--warm-gray-100);
2159
- --neutral-action-default-secondary-border: var(--warm-gray-300);
2160
- --neutral-action-default-secondary-focus-border: var(--warm-indigo-700);
2161
- --neutral-action-default-secondary-icon: var(--warm-gray-600);
2162
- --neutral-action-default-secondary-text: var(--warm-gray-900);
2163
- --neutral-action-default-tertiary-bg: var(--gray-transparent-0);
2164
- --neutral-action-default-tertiary-focus-border: var(--warm-indigo-700);
2165
- --neutral-action-default-tertiary-icon: var(--warm-indigo-600);
2166
- --neutral-action-default-tertiary-text: var(--warm-indigo-700);
2167
- --neutral-action-disabled-ghost-bg: var(--gray-transparent-0);
2168
- --neutral-action-disabled-ghost-icon: var(--warm-gray-500);
2169
- --neutral-action-disabled-ghost-text: var(--warm-gray-500);
2170
- --neutral-action-disabled-primary-bg: var(--warm-gray-400);
2171
- --neutral-action-disabled-primary-bg-end: var(--warm-gray-400);
2172
- --neutral-action-disabled-primary-bg-start: var(--warm-gray-400);
2173
- --neutral-action-disabled-primary-border: var(--warm-gray-400);
2174
- --neutral-action-disabled-primary-icon: var(--warm-gray-50);
2175
- --neutral-action-disabled-primary-text: var(--warm-gray-0);
2176
- --neutral-action-disabled-secondary-bg: var(--warm-gray-100);
2177
- --neutral-action-disabled-secondary-bg-end: var(--warm-gray-100);
2178
- --neutral-action-disabled-secondary-bg-start: var(--warm-gray-100);
2179
- --neutral-action-disabled-secondary-border: var(--warm-gray-300);
2180
- --neutral-action-disabled-secondary-icon: var(--warm-gray-500);
2181
- --neutral-action-disabled-secondary-text: var(--warm-gray-500);
2182
- --neutral-action-disabled-tertiary-bg: var(--gray-transparent-0);
2183
- --neutral-action-disabled-tertiary-icon: var(--warm-indigo-300);
2184
- --neutral-action-disabled-tertiary-text: var(--warm-indigo-300);
2185
- --neutral-action-hover-ghost-bg: var(--warm-gray-200);
2186
- --neutral-action-hover-ghost-icon: var(--warm-gray-600);
2187
- --neutral-action-hover-ghost-text: var(--warm-gray-900);
2188
- --neutral-action-hover-primary-bg: var(--warm-gray-700);
2189
- --neutral-action-hover-primary-bg-end: var(--warm-gray-700);
2190
- --neutral-action-hover-primary-bg-start: var(--warm-gray-800);
2191
- --neutral-action-hover-primary-border: var(--warm-gray-700);
2192
- --neutral-action-hover-primary-icon: var(--warm-gray-50);
2193
- --neutral-action-hover-primary-text: var(--warm-gray-0);
2194
- --neutral-action-hover-secondary-bg: var(--warm-gray-200);
2195
- --neutral-action-hover-secondary-bg-end: var(--warm-gray-100);
2196
- --neutral-action-hover-secondary-bg-start: var(--warm-gray-200);
2197
- --neutral-action-hover-secondary-border: var(--warm-gray-400);
2198
- --neutral-action-hover-secondary-icon: var(--warm-gray-600);
2199
- --neutral-action-hover-secondary-text: var(--warm-gray-900);
2200
- --neutral-action-hover-tertiary-bg: var(--warm-indigo-100);
2201
- --neutral-action-hover-tertiary-icon: var(--warm-indigo-600);
2202
- --neutral-action-hover-tertiary-text: var(--warm-indigo-700);
2203
- --neutral-data-viz-bg: var(--warm-gray-50);
2204
- --neutral-data-viz-danger-1: var(--warm-pink-800);
2205
- --neutral-data-viz-danger-2: var(--warm-pink-600);
2206
- --neutral-data-viz-danger-3: var(--warm-pink-400);
2207
- --neutral-data-viz-danger-4: var(--warm-pink-100);
2208
- --neutral-data-viz-primary-1: var(--warm-indigo-800);
2209
- --neutral-data-viz-primary-2: var(--warm-indigo-600);
2210
- --neutral-data-viz-primary-3: var(--warm-indigo-400);
2211
- --neutral-data-viz-primary-4: var(--warm-indigo-200);
2212
- --neutral-data-viz-secondary-1: var(--warm-orange-700);
2213
- --neutral-data-viz-secondary-2: var(--warm-orange-500);
2214
- --neutral-data-viz-secondary-3: var(--warm-orange-400);
2215
- --neutral-data-viz-secondary-4: var(--warm-orange-200);
2216
- --neutral-data-viz-success-1: var(--warm-sage-800);
2217
- --neutral-data-viz-success-2: var(--warm-sage-700);
2218
- --neutral-data-viz-success-3: var(--warm-sage-500);
2219
- --neutral-data-viz-success-4: var(--warm-sage-300);
2220
- --neutral-form-active-primary-bg: var(--warm-indigo-100);
2221
- --neutral-form-active-primary-border: var(--warm-indigo-700);
2222
- --neutral-form-active-primary-icon: var(--warm-indigo-600);
2223
- --neutral-form-active-primary-text: var(--warm-gray-900);
2224
- --neutral-form-active-secondary-text: var(--warm-gray-600);
2225
- --neutral-form-default-primary-bg: var(--warm-gray-0);
2226
- --neutral-form-default-primary-border: var(--warm-gray-200);
2227
- --neutral-form-default-primary-focus-border: var(--warm-indigo-700);
2228
- --neutral-form-default-primary-icon: var(--warm-gray-500);
2229
- --neutral-form-default-primary-text: var(--warm-gray-900);
2230
- --neutral-form-default-secondary-text: var(--warm-gray-600);
2231
- --neutral-form-disabled-primary-bg: var(--warm-gray-100);
2232
- --neutral-form-disabled-primary-border: var(--warm-gray-200);
2233
- --neutral-form-disabled-primary-icon: var(--warm-gray-500);
2234
- --neutral-form-disabled-primary-text: var(--warm-gray-900);
2235
- --neutral-form-disabled-secondary-text: var(--warm-gray-600);
2236
2236
  --neutral-surface-accent-text: var(--warm-brand-500);
2237
2237
  --neutral-surface-primary-bg: var(--warm-gray-50);
2238
2238
  --neutral-surface-primary-border: var(--warm-gray-200);
@@ -2451,29 +2451,7 @@
2451
2451
  }
2452
2452
 
2453
2453
  :root, [data-color-mode="neutral"], [data-color-core-mode="marketing"], [data-color-core-mode="default"], [data-color-core-mode="app - rebrand"] {
2454
- --slab-action-ghost-bg: var(--neutral-action-default-ghost-bg);
2455
- --slab-action-ghost-focus-border: var(--neutral-action-default-ghost-focus-border);
2456
- --slab-action-ghost-icon: var(--neutral-action-default-ghost-icon);
2457
- --slab-action-ghost-text: var(--neutral-action-default-ghost-text);
2458
- --slab-action-primary-bg: var(--neutral-action-default-primary-bg);
2459
- --slab-action-primary-bg-end: var(--neutral-action-default-primary-bg-end);
2460
- --slab-action-primary-bg-start: var(--neutral-action-default-primary-bg-start);
2461
- --slab-action-primary-border: var(--neutral-action-default-primary-border);
2462
- --slab-action-primary-focus-border: var(--neutral-action-default-primary-focus-border);
2463
- --slab-action-primary-icon: var(--neutral-action-default-primary-icon);
2464
- --slab-action-primary-text: var(--neutral-action-default-primary-text);
2465
- --slab-action-secondary-bg: var(--neutral-action-default-secondary-bg);
2466
- --slab-action-secondary-bg-end: var(--neutral-action-default-secondary-bg-end);
2467
- --slab-action-secondary-bg-start: var(--neutral-action-default-secondary-bg-start);
2468
- --slab-action-secondary-border: var(--neutral-action-default-secondary-border);
2469
- --slab-action-secondary-focus-border: var(--neutral-action-default-secondary-focus-border);
2470
- --slab-action-secondary-icon: var(--neutral-action-default-secondary-icon);
2471
- --slab-action-secondary-text: var(--neutral-action-default-secondary-text);
2472
- --slab-action-tertiary-bg: var(--neutral-action-default-tertiary-bg);
2473
- --slab-action-tertiary-focus-border: var(--neutral-action-default-tertiary-focus-border);
2474
- --slab-action-tertiary-icon: var(--neutral-action-default-tertiary-icon);
2475
- --slab-action-tertiary-text: var(--neutral-action-default-tertiary-text);
2476
- --slab-action-disabled-ghost-bg: var(--neutral-action-disabled-ghost-bg);
2454
+ --slab-action-disabled-ghost-bg: var(--neutral-action-disabled-ghost-bg);
2477
2455
  --slab-action-disabled-ghost-icon: var(--neutral-action-disabled-ghost-icon);
2478
2456
  --slab-action-disabled-ghost-text: var(--neutral-action-disabled-ghost-text);
2479
2457
  --slab-action-disabled-primary-bg: var(--neutral-action-disabled-primary-bg);
@@ -2491,6 +2469,10 @@
2491
2469
  --slab-action-disabled-tertiary-bg: var(--neutral-action-disabled-tertiary-bg);
2492
2470
  --slab-action-disabled-tertiary-icon: var(--neutral-action-disabled-tertiary-icon);
2493
2471
  --slab-action-disabled-tertiary-text: var(--neutral-action-disabled-tertiary-text);
2472
+ --slab-action-ghost-bg: var(--neutral-action-default-ghost-bg);
2473
+ --slab-action-ghost-focus-border: var(--neutral-action-default-ghost-focus-border);
2474
+ --slab-action-ghost-icon: var(--neutral-action-default-ghost-icon);
2475
+ --slab-action-ghost-text: var(--neutral-action-default-ghost-text);
2494
2476
  --slab-action-hover-ghost-bg: var(--neutral-action-hover-ghost-bg);
2495
2477
  --slab-action-hover-ghost-icon: var(--neutral-action-hover-ghost-icon);
2496
2478
  --slab-action-hover-ghost-text: var(--neutral-action-hover-ghost-text);
@@ -2509,6 +2491,24 @@
2509
2491
  --slab-action-hover-tertiary-bg: var(--neutral-action-hover-tertiary-bg);
2510
2492
  --slab-action-hover-tertiary-icon: var(--neutral-action-hover-tertiary-icon);
2511
2493
  --slab-action-hover-tertiary-text: var(--neutral-action-hover-tertiary-text);
2494
+ --slab-action-primary-bg: var(--neutral-action-default-primary-bg);
2495
+ --slab-action-primary-bg-end: var(--neutral-action-default-primary-bg-end);
2496
+ --slab-action-primary-bg-start: var(--neutral-action-default-primary-bg-start);
2497
+ --slab-action-primary-border: var(--neutral-action-default-primary-border);
2498
+ --slab-action-primary-focus-border: var(--neutral-action-default-primary-focus-border);
2499
+ --slab-action-primary-icon: var(--neutral-action-default-primary-icon);
2500
+ --slab-action-primary-text: var(--neutral-action-default-primary-text);
2501
+ --slab-action-secondary-bg: var(--neutral-action-default-secondary-bg);
2502
+ --slab-action-secondary-bg-end: var(--neutral-action-default-secondary-bg-end);
2503
+ --slab-action-secondary-bg-start: var(--neutral-action-default-secondary-bg-start);
2504
+ --slab-action-secondary-border: var(--neutral-action-default-secondary-border);
2505
+ --slab-action-secondary-focus-border: var(--neutral-action-default-secondary-focus-border);
2506
+ --slab-action-secondary-icon: var(--neutral-action-default-secondary-icon);
2507
+ --slab-action-secondary-text: var(--neutral-action-default-secondary-text);
2508
+ --slab-action-tertiary-bg: var(--neutral-action-default-tertiary-bg);
2509
+ --slab-action-tertiary-focus-border: var(--neutral-action-default-tertiary-focus-border);
2510
+ --slab-action-tertiary-icon: var(--neutral-action-default-tertiary-icon);
2511
+ --slab-action-tertiary-text: var(--neutral-action-default-tertiary-text);
2512
2512
  --slab-data-viz-bg: var(--neutral-data-viz-bg);
2513
2513
  --slab-data-viz-danger-1: var(--neutral-data-viz-danger-1);
2514
2514
  --slab-data-viz-danger-2: var(--neutral-data-viz-danger-2);
@@ -2531,17 +2531,17 @@
2531
2531
  --slab-form-active-primary-icon: var(--neutral-form-active-primary-icon);
2532
2532
  --slab-form-active-primary-text: var(--neutral-form-active-primary-text);
2533
2533
  --slab-form-active-secondary-text: var(--neutral-form-active-secondary-text);
2534
+ --slab-form-disabled-primary-bg: var(--neutral-form-disabled-primary-bg);
2535
+ --slab-form-disabled-primary-border: var(--neutral-form-disabled-primary-border);
2536
+ --slab-form-disabled-primary-icon: var(--neutral-form-disabled-primary-icon);
2537
+ --slab-form-disabled-primary-text: var(--neutral-form-disabled-primary-text);
2538
+ --slab-form-disabled-secondary-text: var(--neutral-form-disabled-secondary-text);
2534
2539
  --slab-form-primary-bg: var(--neutral-form-default-primary-bg);
2535
2540
  --slab-form-primary-border: var(--neutral-form-default-primary-border);
2536
2541
  --slab-form-primary-focus-border: var(--neutral-form-default-primary-focus-border);
2537
2542
  --slab-form-primary-icon: var(--neutral-form-default-primary-icon);
2538
2543
  --slab-form-primary-text: var(--neutral-form-default-primary-text);
2539
2544
  --slab-form-secondary-text: var(--neutral-form-default-secondary-text);
2540
- --slab-form-disabled-primary-bg: var(--neutral-form-disabled-primary-bg);
2541
- --slab-form-disabled-primary-border: var(--neutral-form-disabled-primary-border);
2542
- --slab-form-disabled-primary-icon: var(--neutral-form-disabled-primary-icon);
2543
- --slab-form-disabled-primary-text: var(--neutral-form-disabled-primary-text);
2544
- --slab-form-disabled-secondary-text: var(--neutral-form-disabled-secondary-text);
2545
2545
  --slab-surface-accent-text: var(--neutral-surface-accent-text);
2546
2546
  --slab-surface-primary-bg: var(--neutral-surface-primary-bg);
2547
2547
  --slab-surface-primary-border: var(--neutral-surface-primary-border);
@@ -2556,29 +2556,7 @@
2556
2556
  }
2557
2557
 
2558
2558
  [data-color-mode="neutral-inverted"] {
2559
- --slab-action-ghost-bg: var(--neutral-inverted-action-default-ghost-bg);
2560
- --slab-action-ghost-focus-border: var(--neutral-inverted-action-default-ghost-focus-border);
2561
- --slab-action-ghost-icon: var(--neutral-inverted-action-default-ghost-icon);
2562
- --slab-action-ghost-text: var(--neutral-inverted-action-default-ghost-text);
2563
- --slab-action-primary-bg: var(--neutral-inverted-action-default-primary-bg);
2564
- --slab-action-primary-bg-end: var(--neutral-inverted-action-default-primary-bg-end);
2565
- --slab-action-primary-bg-start: var(--neutral-inverted-action-default-primary-bg-start);
2566
- --slab-action-primary-border: var(--neutral-inverted-action-default-primary-border);
2567
- --slab-action-primary-focus-border: var(--neutral-inverted-action-default-primary-focus-border);
2568
- --slab-action-primary-icon: var(--neutral-inverted-action-default-primary-icon);
2569
- --slab-action-primary-text: var(--neutral-inverted-action-default-primary-text);
2570
- --slab-action-secondary-bg: var(--neutral-inverted-action-default-secondary-bg);
2571
- --slab-action-secondary-bg-end: var(--neutral-inverted-action-default-secondary-bg-end);
2572
- --slab-action-secondary-bg-start: var(--neutral-inverted-action-default-secondary-bg-start);
2573
- --slab-action-secondary-border: var(--neutral-inverted-action-default-secondary-border);
2574
- --slab-action-secondary-focus-border: var(--neutral-inverted-action-default-secondary-focus-border);
2575
- --slab-action-secondary-icon: var(--neutral-inverted-action-default-secondary-icon);
2576
- --slab-action-secondary-text: var(--neutral-inverted-action-default-secondary-text);
2577
- --slab-action-tertiary-bg: var(--neutral-inverted-action-default-tertiary-bg);
2578
- --slab-action-tertiary-focus-border: var(--neutral-inverted-action-default-tertiary-focus-border);
2579
- --slab-action-tertiary-icon: var(--neutral-inverted-action-default-tertiary-icon);
2580
- --slab-action-tertiary-text: var(--neutral-inverted-action-default-tertiary-text);
2581
- --slab-action-disabled-ghost-bg: var(--neutral-inverted-action-disabled-ghost-bg);
2559
+ --slab-action-disabled-ghost-bg: var(--neutral-inverted-action-disabled-ghost-bg);
2582
2560
  --slab-action-disabled-ghost-icon: var(--neutral-inverted-action-disabled-ghost-icon);
2583
2561
  --slab-action-disabled-ghost-text: var(--neutral-inverted-action-disabled-ghost-text);
2584
2562
  --slab-action-disabled-primary-bg: var(--neutral-inverted-action-disabled-primary-bg);
@@ -2596,6 +2574,10 @@
2596
2574
  --slab-action-disabled-tertiary-bg: var(--neutral-inverted-action-disabled-tertiary-bg);
2597
2575
  --slab-action-disabled-tertiary-icon: var(--neutral-inverted-action-disabled-tertiary-icon);
2598
2576
  --slab-action-disabled-tertiary-text: var(--neutral-inverted-action-disabled-tertiary-text);
2577
+ --slab-action-ghost-bg: var(--neutral-inverted-action-default-ghost-bg);
2578
+ --slab-action-ghost-focus-border: var(--neutral-inverted-action-default-ghost-focus-border);
2579
+ --slab-action-ghost-icon: var(--neutral-inverted-action-default-ghost-icon);
2580
+ --slab-action-ghost-text: var(--neutral-inverted-action-default-ghost-text);
2599
2581
  --slab-action-hover-ghost-bg: var(--neutral-inverted-action-hover-ghost-bg);
2600
2582
  --slab-action-hover-ghost-icon: var(--neutral-inverted-action-hover-ghost-icon);
2601
2583
  --slab-action-hover-ghost-text: var(--neutral-inverted-action-hover-ghost-text);
@@ -2614,6 +2596,24 @@
2614
2596
  --slab-action-hover-tertiary-bg: var(--neutral-inverted-action-hover-tertiary-bg);
2615
2597
  --slab-action-hover-tertiary-icon: var(--neutral-inverted-action-hover-tertiary-icon);
2616
2598
  --slab-action-hover-tertiary-text: var(--neutral-inverted-action-hover-tertiary-text);
2599
+ --slab-action-primary-bg: var(--neutral-inverted-action-default-primary-bg);
2600
+ --slab-action-primary-bg-end: var(--neutral-inverted-action-default-primary-bg-end);
2601
+ --slab-action-primary-bg-start: var(--neutral-inverted-action-default-primary-bg-start);
2602
+ --slab-action-primary-border: var(--neutral-inverted-action-default-primary-border);
2603
+ --slab-action-primary-focus-border: var(--neutral-inverted-action-default-primary-focus-border);
2604
+ --slab-action-primary-icon: var(--neutral-inverted-action-default-primary-icon);
2605
+ --slab-action-primary-text: var(--neutral-inverted-action-default-primary-text);
2606
+ --slab-action-secondary-bg: var(--neutral-inverted-action-default-secondary-bg);
2607
+ --slab-action-secondary-bg-end: var(--neutral-inverted-action-default-secondary-bg-end);
2608
+ --slab-action-secondary-bg-start: var(--neutral-inverted-action-default-secondary-bg-start);
2609
+ --slab-action-secondary-border: var(--neutral-inverted-action-default-secondary-border);
2610
+ --slab-action-secondary-focus-border: var(--neutral-inverted-action-default-secondary-focus-border);
2611
+ --slab-action-secondary-icon: var(--neutral-inverted-action-default-secondary-icon);
2612
+ --slab-action-secondary-text: var(--neutral-inverted-action-default-secondary-text);
2613
+ --slab-action-tertiary-bg: var(--neutral-inverted-action-default-tertiary-bg);
2614
+ --slab-action-tertiary-focus-border: var(--neutral-inverted-action-default-tertiary-focus-border);
2615
+ --slab-action-tertiary-icon: var(--neutral-inverted-action-default-tertiary-icon);
2616
+ --slab-action-tertiary-text: var(--neutral-inverted-action-default-tertiary-text);
2617
2617
  --slab-data-viz-bg: var(--neutral-inverted-data-viz-bg);
2618
2618
  --slab-data-viz-danger-1: var(--neutral-inverted-data-viz-danger-1);
2619
2619
  --slab-data-viz-danger-2: var(--neutral-inverted-data-viz-danger-2);
@@ -2636,17 +2636,17 @@
2636
2636
  --slab-form-active-primary-icon: var(--neutral-inverted-form-active-primary-icon);
2637
2637
  --slab-form-active-primary-text: var(--neutral-inverted-form-active-primary-text);
2638
2638
  --slab-form-active-secondary-text: var(--neutral-inverted-form-active-secondary-text);
2639
+ --slab-form-disabled-primary-bg: var(--neutral-inverted-form-disabled-primary-bg);
2640
+ --slab-form-disabled-primary-border: var(--neutral-inverted-form-disabled-primary-border);
2641
+ --slab-form-disabled-primary-icon: var(--neutral-inverted-form-disabled-primary-icon);
2642
+ --slab-form-disabled-primary-text: var(--neutral-inverted-form-disabled-primary-text);
2643
+ --slab-form-disabled-secondary-text: var(--neutral-inverted-form-disabled-secondary-text);
2639
2644
  --slab-form-primary-bg: var(--neutral-inverted-form-default-primary-bg);
2640
2645
  --slab-form-primary-border: var(--neutral-inverted-form-default-primary-border);
2641
2646
  --slab-form-primary-focus-border: var(--neutral-inverted-form-default-primary-focus-border);
2642
2647
  --slab-form-primary-icon: var(--neutral-inverted-form-default-primary-icon);
2643
2648
  --slab-form-primary-text: var(--neutral-inverted-form-default-primary-text);
2644
2649
  --slab-form-secondary-text: var(--neutral-inverted-form-default-secondary-text);
2645
- --slab-form-disabled-primary-bg: var(--neutral-inverted-form-disabled-primary-bg);
2646
- --slab-form-disabled-primary-border: var(--neutral-inverted-form-disabled-primary-border);
2647
- --slab-form-disabled-primary-icon: var(--neutral-inverted-form-disabled-primary-icon);
2648
- --slab-form-disabled-primary-text: var(--neutral-inverted-form-disabled-primary-text);
2649
- --slab-form-disabled-secondary-text: var(--neutral-inverted-form-disabled-secondary-text);
2650
2650
  --slab-surface-accent-text: var(--neutral-inverted-surface-accent-text);
2651
2651
  --slab-surface-primary-bg: var(--neutral-inverted-surface-primary-bg);
2652
2652
  --slab-surface-primary-border: var(--neutral-inverted-surface-primary-border);
@@ -2661,29 +2661,7 @@
2661
2661
  }
2662
2662
 
2663
2663
  [data-color-mode="danger"] {
2664
- --slab-action-ghost-bg: var(--danger-action-default-ghost-bg);
2665
- --slab-action-ghost-focus-border: var(--danger-action-default-ghost-focus-border);
2666
- --slab-action-ghost-icon: var(--danger-action-default-ghost-icon);
2667
- --slab-action-ghost-text: var(--danger-action-default-ghost-text);
2668
- --slab-action-primary-bg: var(--danger-action-default-primary-bg);
2669
- --slab-action-primary-bg-end: var(--danger-action-default-primary-bg-end);
2670
- --slab-action-primary-bg-start: var(--danger-action-default-primary-bg-start);
2671
- --slab-action-primary-border: var(--danger-action-default-primary-border);
2672
- --slab-action-primary-focus-border: var(--danger-action-default-primary-focus-border);
2673
- --slab-action-primary-icon: var(--danger-action-default-primary-icon);
2674
- --slab-action-primary-text: var(--danger-action-default-primary-text);
2675
- --slab-action-secondary-bg: var(--danger-action-default-secondary-bg);
2676
- --slab-action-secondary-bg-end: var(--danger-action-default-secondary-bg-end);
2677
- --slab-action-secondary-bg-start: var(--danger-action-default-secondary-bg-start);
2678
- --slab-action-secondary-border: var(--danger-action-default-secondary-border);
2679
- --slab-action-secondary-focus-border: var(--danger-action-default-secondary-focus-border);
2680
- --slab-action-secondary-icon: var(--danger-action-default-secondary-icon);
2681
- --slab-action-secondary-text: var(--danger-action-default-secondary-text);
2682
- --slab-action-tertiary-bg: var(--danger-action-default-tertiary-bg);
2683
- --slab-action-tertiary-focus-border: var(--danger-action-default-tertiary-focus-border);
2684
- --slab-action-tertiary-icon: var(--danger-action-default-tertiary-icon);
2685
- --slab-action-tertiary-text: var(--danger-action-default-tertiary-text);
2686
- --slab-action-disabled-ghost-bg: var(--danger-action-disabled-ghost-bg);
2664
+ --slab-action-disabled-ghost-bg: var(--danger-action-disabled-ghost-bg);
2687
2665
  --slab-action-disabled-ghost-icon: var(--danger-action-disabled-ghost-icon);
2688
2666
  --slab-action-disabled-ghost-text: var(--danger-action-disabled-ghost-text);
2689
2667
  --slab-action-disabled-primary-bg: var(--danger-action-disabled-primary-bg);
@@ -2701,6 +2679,10 @@
2701
2679
  --slab-action-disabled-tertiary-bg: var(--danger-action-disabled-tertiary-bg);
2702
2680
  --slab-action-disabled-tertiary-icon: var(--danger-action-disabled-tertiary-icon);
2703
2681
  --slab-action-disabled-tertiary-text: var(--danger-action-disabled-tertiary-text);
2682
+ --slab-action-ghost-bg: var(--danger-action-default-ghost-bg);
2683
+ --slab-action-ghost-focus-border: var(--danger-action-default-ghost-focus-border);
2684
+ --slab-action-ghost-icon: var(--danger-action-default-ghost-icon);
2685
+ --slab-action-ghost-text: var(--danger-action-default-ghost-text);
2704
2686
  --slab-action-hover-ghost-bg: var(--danger-action-hover-ghost-bg);
2705
2687
  --slab-action-hover-ghost-icon: var(--danger-action-hover-ghost-icon);
2706
2688
  --slab-action-hover-ghost-text: var(--danger-action-hover-ghost-text);
@@ -2719,6 +2701,24 @@
2719
2701
  --slab-action-hover-tertiary-bg: var(--danger-action-hover-tertiary-bg);
2720
2702
  --slab-action-hover-tertiary-icon: var(--danger-action-hover-tertiary-icon);
2721
2703
  --slab-action-hover-tertiary-text: var(--danger-action-hover-tertiary-text);
2704
+ --slab-action-primary-bg: var(--danger-action-default-primary-bg);
2705
+ --slab-action-primary-bg-end: var(--danger-action-default-primary-bg-end);
2706
+ --slab-action-primary-bg-start: var(--danger-action-default-primary-bg-start);
2707
+ --slab-action-primary-border: var(--danger-action-default-primary-border);
2708
+ --slab-action-primary-focus-border: var(--danger-action-default-primary-focus-border);
2709
+ --slab-action-primary-icon: var(--danger-action-default-primary-icon);
2710
+ --slab-action-primary-text: var(--danger-action-default-primary-text);
2711
+ --slab-action-secondary-bg: var(--danger-action-default-secondary-bg);
2712
+ --slab-action-secondary-bg-end: var(--danger-action-default-secondary-bg-end);
2713
+ --slab-action-secondary-bg-start: var(--danger-action-default-secondary-bg-start);
2714
+ --slab-action-secondary-border: var(--danger-action-default-secondary-border);
2715
+ --slab-action-secondary-focus-border: var(--danger-action-default-secondary-focus-border);
2716
+ --slab-action-secondary-icon: var(--danger-action-default-secondary-icon);
2717
+ --slab-action-secondary-text: var(--danger-action-default-secondary-text);
2718
+ --slab-action-tertiary-bg: var(--danger-action-default-tertiary-bg);
2719
+ --slab-action-tertiary-focus-border: var(--danger-action-default-tertiary-focus-border);
2720
+ --slab-action-tertiary-icon: var(--danger-action-default-tertiary-icon);
2721
+ --slab-action-tertiary-text: var(--danger-action-default-tertiary-text);
2722
2722
  --slab-data-viz-bg: var(--danger-data-viz-bg);
2723
2723
  --slab-data-viz-danger-1: var(--danger-data-viz-danger-1);
2724
2724
  --slab-data-viz-danger-2: var(--danger-data-viz-danger-2);
@@ -2741,17 +2741,17 @@
2741
2741
  --slab-form-active-primary-icon: var(--danger-form-active-primary-icon);
2742
2742
  --slab-form-active-primary-text: var(--danger-form-active-primary-text);
2743
2743
  --slab-form-active-secondary-text: var(--danger-form-active-secondary-text);
2744
+ --slab-form-disabled-primary-bg: var(--danger-form-disabled-primary-bg);
2745
+ --slab-form-disabled-primary-border: var(--danger-form-disabled-primary-border);
2746
+ --slab-form-disabled-primary-icon: var(--danger-form-disabled-primary-icon);
2747
+ --slab-form-disabled-primary-text: var(--danger-form-disabled-primary-text);
2748
+ --slab-form-disabled-secondary-text: var(--danger-form-disabled-secondary-text);
2744
2749
  --slab-form-primary-bg: var(--danger-form-default-primary-bg);
2745
2750
  --slab-form-primary-border: var(--danger-form-default-primary-border);
2746
2751
  --slab-form-primary-focus-border: var(--danger-form-default-primary-focus-border);
2747
2752
  --slab-form-primary-icon: var(--danger-form-default-primary-icon);
2748
2753
  --slab-form-primary-text: var(--danger-form-default-primary-text);
2749
2754
  --slab-form-secondary-text: var(--danger-form-default-secondary-text);
2750
- --slab-form-disabled-primary-bg: var(--danger-form-disabled-primary-bg);
2751
- --slab-form-disabled-primary-border: var(--danger-form-disabled-primary-border);
2752
- --slab-form-disabled-primary-icon: var(--danger-form-disabled-primary-icon);
2753
- --slab-form-disabled-primary-text: var(--danger-form-disabled-primary-text);
2754
- --slab-form-disabled-secondary-text: var(--danger-form-disabled-secondary-text);
2755
2755
  --slab-surface-accent-text: var(--danger-surface-accent-text);
2756
2756
  --slab-surface-primary-bg: var(--danger-surface-primary-bg);
2757
2757
  --slab-surface-primary-border: var(--danger-surface-primary-border);
@@ -2766,29 +2766,7 @@
2766
2766
  }
2767
2767
 
2768
2768
  [data-color-mode="info"] {
2769
- --slab-action-ghost-bg: var(--info-action-default-ghost-bg);
2770
- --slab-action-ghost-focus-border: var(--info-action-default-ghost-focus-border);
2771
- --slab-action-ghost-icon: var(--info-action-default-ghost-icon);
2772
- --slab-action-ghost-text: var(--info-action-default-ghost-text);
2773
- --slab-action-primary-bg: var(--info-action-default-primary-bg);
2774
- --slab-action-primary-bg-end: var(--info-action-default-primary-bg-end);
2775
- --slab-action-primary-bg-start: var(--info-action-default-primary-bg-start);
2776
- --slab-action-primary-border: var(--info-action-default-primary-border);
2777
- --slab-action-primary-focus-border: var(--info-action-default-primary-focus-border);
2778
- --slab-action-primary-icon: var(--info-action-default-primary-icon);
2779
- --slab-action-primary-text: var(--info-action-default-primary-text);
2780
- --slab-action-secondary-bg: var(--info-action-default-secondary-bg);
2781
- --slab-action-secondary-bg-end: var(--info-action-default-secondary-bg-end);
2782
- --slab-action-secondary-bg-start: var(--info-action-default-secondary-bg-start);
2783
- --slab-action-secondary-border: var(--info-action-default-secondary-border);
2784
- --slab-action-secondary-focus-border: var(--info-action-default-secondary-focus-border);
2785
- --slab-action-secondary-icon: var(--info-action-default-secondary-icon);
2786
- --slab-action-secondary-text: var(--info-action-default-secondary-text);
2787
- --slab-action-tertiary-bg: var(--info-action-default-tertiary-bg);
2788
- --slab-action-tertiary-focus-border: var(--info-action-default-tertiary-focus-border);
2789
- --slab-action-tertiary-icon: var(--info-action-default-tertiary-icon);
2790
- --slab-action-tertiary-text: var(--info-action-default-tertiary-text);
2791
- --slab-action-disabled-ghost-bg: var(--info-action-disabled-ghost-bg);
2769
+ --slab-action-disabled-ghost-bg: var(--info-action-disabled-ghost-bg);
2792
2770
  --slab-action-disabled-ghost-icon: var(--info-action-disabled-ghost-icon);
2793
2771
  --slab-action-disabled-ghost-text: var(--info-action-disabled-ghost-text);
2794
2772
  --slab-action-disabled-primary-bg: var(--info-action-disabled-primary-bg);
@@ -2806,6 +2784,10 @@
2806
2784
  --slab-action-disabled-tertiary-bg: var(--info-action-disabled-tertiary-bg);
2807
2785
  --slab-action-disabled-tertiary-icon: var(--info-action-disabled-tertiary-icon);
2808
2786
  --slab-action-disabled-tertiary-text: var(--info-action-disabled-tertiary-text);
2787
+ --slab-action-ghost-bg: var(--info-action-default-ghost-bg);
2788
+ --slab-action-ghost-focus-border: var(--info-action-default-ghost-focus-border);
2789
+ --slab-action-ghost-icon: var(--info-action-default-ghost-icon);
2790
+ --slab-action-ghost-text: var(--info-action-default-ghost-text);
2809
2791
  --slab-action-hover-ghost-bg: var(--info-action-hover-ghost-bg);
2810
2792
  --slab-action-hover-ghost-icon: var(--info-action-hover-ghost-icon);
2811
2793
  --slab-action-hover-ghost-text: var(--info-action-hover-ghost-text);
@@ -2824,6 +2806,24 @@
2824
2806
  --slab-action-hover-tertiary-bg: var(--info-action-hover-tertiary-bg);
2825
2807
  --slab-action-hover-tertiary-icon: var(--info-action-hover-tertiary-icon);
2826
2808
  --slab-action-hover-tertiary-text: var(--info-action-hover-tertiary-text);
2809
+ --slab-action-primary-bg: var(--info-action-default-primary-bg);
2810
+ --slab-action-primary-bg-end: var(--info-action-default-primary-bg-end);
2811
+ --slab-action-primary-bg-start: var(--info-action-default-primary-bg-start);
2812
+ --slab-action-primary-border: var(--info-action-default-primary-border);
2813
+ --slab-action-primary-focus-border: var(--info-action-default-primary-focus-border);
2814
+ --slab-action-primary-icon: var(--info-action-default-primary-icon);
2815
+ --slab-action-primary-text: var(--info-action-default-primary-text);
2816
+ --slab-action-secondary-bg: var(--info-action-default-secondary-bg);
2817
+ --slab-action-secondary-bg-end: var(--info-action-default-secondary-bg-end);
2818
+ --slab-action-secondary-bg-start: var(--info-action-default-secondary-bg-start);
2819
+ --slab-action-secondary-border: var(--info-action-default-secondary-border);
2820
+ --slab-action-secondary-focus-border: var(--info-action-default-secondary-focus-border);
2821
+ --slab-action-secondary-icon: var(--info-action-default-secondary-icon);
2822
+ --slab-action-secondary-text: var(--info-action-default-secondary-text);
2823
+ --slab-action-tertiary-bg: var(--info-action-default-tertiary-bg);
2824
+ --slab-action-tertiary-focus-border: var(--info-action-default-tertiary-focus-border);
2825
+ --slab-action-tertiary-icon: var(--info-action-default-tertiary-icon);
2826
+ --slab-action-tertiary-text: var(--info-action-default-tertiary-text);
2827
2827
  --slab-data-viz-bg: var(--info-data-viz-bg);
2828
2828
  --slab-data-viz-danger-1: var(--info-data-viz-danger-1);
2829
2829
  --slab-data-viz-danger-2: var(--info-data-viz-danger-2);
@@ -2846,17 +2846,17 @@
2846
2846
  --slab-form-active-primary-icon: var(--info-form-active-primary-icon);
2847
2847
  --slab-form-active-primary-text: var(--info-form-active-primary-text);
2848
2848
  --slab-form-active-secondary-text: var(--info-form-active-secondary-text);
2849
+ --slab-form-disabled-primary-bg: var(--info-form-disabled-primary-bg);
2850
+ --slab-form-disabled-primary-border: var(--info-form-disabled-primary-border);
2851
+ --slab-form-disabled-primary-icon: var(--info-form-disabled-primary-icon);
2852
+ --slab-form-disabled-primary-text: var(--info-form-disabled-primary-text);
2853
+ --slab-form-disabled-secondary-text: var(--info-form-disabled-secondary-text);
2849
2854
  --slab-form-primary-bg: var(--info-form-default-primary-bg);
2850
2855
  --slab-form-primary-border: var(--info-form-default-primary-border);
2851
2856
  --slab-form-primary-focus-border: var(--info-form-default-primary-focus-border);
2852
2857
  --slab-form-primary-icon: var(--info-form-default-primary-icon);
2853
2858
  --slab-form-primary-text: var(--info-form-default-primary-text);
2854
2859
  --slab-form-secondary-text: var(--info-form-default-secondary-text);
2855
- --slab-form-disabled-primary-bg: var(--info-form-disabled-primary-bg);
2856
- --slab-form-disabled-primary-border: var(--info-form-disabled-primary-border);
2857
- --slab-form-disabled-primary-icon: var(--info-form-disabled-primary-icon);
2858
- --slab-form-disabled-primary-text: var(--info-form-disabled-primary-text);
2859
- --slab-form-disabled-secondary-text: var(--info-form-disabled-secondary-text);
2860
2860
  --slab-surface-accent-text: var(--info-surface-accent-text);
2861
2861
  --slab-surface-primary-bg: var(--info-surface-primary-bg);
2862
2862
  --slab-surface-primary-border: var(--info-surface-primary-border);
@@ -2871,29 +2871,7 @@
2871
2871
  }
2872
2872
 
2873
2873
  [data-color-mode="success"] {
2874
- --slab-action-ghost-bg: var(--success-action-default-ghost-bg);
2875
- --slab-action-ghost-focus-border: var(--success-action-default-ghost-focus-border);
2876
- --slab-action-ghost-icon: var(--success-action-default-ghost-icon);
2877
- --slab-action-ghost-text: var(--success-action-default-ghost-text);
2878
- --slab-action-primary-bg: var(--success-action-default-primary-bg);
2879
- --slab-action-primary-bg-end: var(--success-action-default-primary-bg-end);
2880
- --slab-action-primary-bg-start: var(--success-action-default-primary-bg-start);
2881
- --slab-action-primary-border: var(--success-action-default-primary-border);
2882
- --slab-action-primary-focus-border: var(--success-action-default-primary-focus-border);
2883
- --slab-action-primary-icon: var(--success-action-default-primary-icon);
2884
- --slab-action-primary-text: var(--success-action-default-primary-text);
2885
- --slab-action-secondary-bg: var(--success-action-default-secondary-bg);
2886
- --slab-action-secondary-bg-end: var(--success-action-default-secondary-bg-end);
2887
- --slab-action-secondary-bg-start: var(--success-action-default-secondary-bg-start);
2888
- --slab-action-secondary-border: var(--success-action-default-secondary-border);
2889
- --slab-action-secondary-focus-border: var(--success-action-default-secondary-focus-border);
2890
- --slab-action-secondary-icon: var(--success-action-default-secondary-icon);
2891
- --slab-action-secondary-text: var(--success-action-default-secondary-text);
2892
- --slab-action-tertiary-bg: var(--success-action-default-tertiary-bg);
2893
- --slab-action-tertiary-focus-border: var(--success-action-default-tertiary-focus-border);
2894
- --slab-action-tertiary-icon: var(--success-action-default-tertiary-icon);
2895
- --slab-action-tertiary-text: var(--success-action-default-tertiary-text);
2896
- --slab-action-disabled-ghost-bg: var(--success-action-disabled-ghost-bg);
2874
+ --slab-action-disabled-ghost-bg: var(--success-action-disabled-ghost-bg);
2897
2875
  --slab-action-disabled-ghost-icon: var(--success-action-disabled-ghost-icon);
2898
2876
  --slab-action-disabled-ghost-text: var(--success-action-disabled-ghost-text);
2899
2877
  --slab-action-disabled-primary-bg: var(--success-action-disabled-primary-bg);
@@ -2911,6 +2889,10 @@
2911
2889
  --slab-action-disabled-tertiary-bg: var(--success-action-disabled-tertiary-bg);
2912
2890
  --slab-action-disabled-tertiary-icon: var(--success-action-disabled-tertiary-icon);
2913
2891
  --slab-action-disabled-tertiary-text: var(--success-action-disabled-tertiary-text);
2892
+ --slab-action-ghost-bg: var(--success-action-default-ghost-bg);
2893
+ --slab-action-ghost-focus-border: var(--success-action-default-ghost-focus-border);
2894
+ --slab-action-ghost-icon: var(--success-action-default-ghost-icon);
2895
+ --slab-action-ghost-text: var(--success-action-default-ghost-text);
2914
2896
  --slab-action-hover-ghost-bg: var(--success-action-hover-ghost-bg);
2915
2897
  --slab-action-hover-ghost-icon: var(--success-action-hover-ghost-icon);
2916
2898
  --slab-action-hover-ghost-text: var(--success-action-hover-ghost-text);
@@ -2929,6 +2911,24 @@
2929
2911
  --slab-action-hover-tertiary-bg: var(--success-action-hover-tertiary-bg);
2930
2912
  --slab-action-hover-tertiary-icon: var(--success-action-hover-tertiary-icon);
2931
2913
  --slab-action-hover-tertiary-text: var(--success-action-hover-tertiary-text);
2914
+ --slab-action-primary-bg: var(--success-action-default-primary-bg);
2915
+ --slab-action-primary-bg-end: var(--success-action-default-primary-bg-end);
2916
+ --slab-action-primary-bg-start: var(--success-action-default-primary-bg-start);
2917
+ --slab-action-primary-border: var(--success-action-default-primary-border);
2918
+ --slab-action-primary-focus-border: var(--success-action-default-primary-focus-border);
2919
+ --slab-action-primary-icon: var(--success-action-default-primary-icon);
2920
+ --slab-action-primary-text: var(--success-action-default-primary-text);
2921
+ --slab-action-secondary-bg: var(--success-action-default-secondary-bg);
2922
+ --slab-action-secondary-bg-end: var(--success-action-default-secondary-bg-end);
2923
+ --slab-action-secondary-bg-start: var(--success-action-default-secondary-bg-start);
2924
+ --slab-action-secondary-border: var(--success-action-default-secondary-border);
2925
+ --slab-action-secondary-focus-border: var(--success-action-default-secondary-focus-border);
2926
+ --slab-action-secondary-icon: var(--success-action-default-secondary-icon);
2927
+ --slab-action-secondary-text: var(--success-action-default-secondary-text);
2928
+ --slab-action-tertiary-bg: var(--success-action-default-tertiary-bg);
2929
+ --slab-action-tertiary-focus-border: var(--success-action-default-tertiary-focus-border);
2930
+ --slab-action-tertiary-icon: var(--success-action-default-tertiary-icon);
2931
+ --slab-action-tertiary-text: var(--success-action-default-tertiary-text);
2932
2932
  --slab-data-viz-bg: var(--success-data-viz-bg);
2933
2933
  --slab-data-viz-danger-1: var(--success-data-viz-danger-1);
2934
2934
  --slab-data-viz-danger-2: var(--success-data-viz-danger-2);
@@ -2951,17 +2951,17 @@
2951
2951
  --slab-form-active-primary-icon: var(--success-form-active-primary-icon);
2952
2952
  --slab-form-active-primary-text: var(--success-form-active-primary-text);
2953
2953
  --slab-form-active-secondary-text: var(--success-form-active-secondary-text);
2954
+ --slab-form-disabled-primary-bg: var(--success-form-disabled-primary-bg);
2955
+ --slab-form-disabled-primary-border: var(--success-form-disabled-primary-border);
2956
+ --slab-form-disabled-primary-icon: var(--success-form-disabled-primary-icon);
2957
+ --slab-form-disabled-primary-text: var(--success-form-disabled-primary-text);
2958
+ --slab-form-disabled-secondary-text: var(--success-form-disabled-secondary-text);
2954
2959
  --slab-form-primary-bg: var(--success-form-default-primary-bg);
2955
2960
  --slab-form-primary-border: var(--success-form-default-primary-border);
2956
2961
  --slab-form-primary-focus-border: var(--success-form-default-primary-focus-border);
2957
2962
  --slab-form-primary-icon: var(--success-form-default-primary-icon);
2958
2963
  --slab-form-primary-text: var(--success-form-default-primary-text);
2959
2964
  --slab-form-secondary-text: var(--success-form-default-secondary-text);
2960
- --slab-form-disabled-primary-bg: var(--success-form-disabled-primary-bg);
2961
- --slab-form-disabled-primary-border: var(--success-form-disabled-primary-border);
2962
- --slab-form-disabled-primary-icon: var(--success-form-disabled-primary-icon);
2963
- --slab-form-disabled-primary-text: var(--success-form-disabled-primary-text);
2964
- --slab-form-disabled-secondary-text: var(--success-form-disabled-secondary-text);
2965
2965
  --slab-surface-accent-text: var(--success-surface-accent-text);
2966
2966
  --slab-surface-primary-bg: var(--success-surface-primary-bg);
2967
2967
  --slab-surface-primary-border: var(--success-surface-primary-border);
@@ -2976,29 +2976,7 @@
2976
2976
  }
2977
2977
 
2978
2978
  [data-color-mode="warning"] {
2979
- --slab-action-ghost-bg: var(--warning-action-default-ghost-bg);
2980
- --slab-action-ghost-focus-border: var(--warning-action-default-ghost-focus-border);
2981
- --slab-action-ghost-icon: var(--warning-action-default-ghost-icon);
2982
- --slab-action-ghost-text: var(--warning-action-default-ghost-text);
2983
- --slab-action-primary-bg: var(--warning-action-default-primary-bg);
2984
- --slab-action-primary-bg-end: var(--warning-action-default-primary-bg-end);
2985
- --slab-action-primary-bg-start: var(--warning-action-default-primary-bg-start);
2986
- --slab-action-primary-border: var(--warning-action-default-primary-border);
2987
- --slab-action-primary-focus-border: var(--warning-action-default-primary-focus-border);
2988
- --slab-action-primary-icon: var(--warning-action-default-primary-icon);
2989
- --slab-action-primary-text: var(--warning-action-default-primary-text);
2990
- --slab-action-secondary-bg: var(--warning-action-default-secondary-bg);
2991
- --slab-action-secondary-bg-end: var(--warning-action-default-secondary-bg-end);
2992
- --slab-action-secondary-bg-start: var(--warning-action-default-secondary-bg-start);
2993
- --slab-action-secondary-border: var(--warning-action-default-secondary-border);
2994
- --slab-action-secondary-focus-border: var(--warning-action-default-secondary-focus-border);
2995
- --slab-action-secondary-icon: var(--warning-action-default-secondary-icon);
2996
- --slab-action-secondary-text: var(--warning-action-default-secondary-text);
2997
- --slab-action-tertiary-bg: var(--warning-action-default-tertiary-bg);
2998
- --slab-action-tertiary-focus-border: var(--warning-action-default-tertiary-focus-border);
2999
- --slab-action-tertiary-icon: var(--warning-action-default-tertiary-icon);
3000
- --slab-action-tertiary-text: var(--warning-action-default-tertiary-text);
3001
- --slab-action-disabled-ghost-bg: var(--warning-action-disabled-ghost-bg);
2979
+ --slab-action-disabled-ghost-bg: var(--warning-action-disabled-ghost-bg);
3002
2980
  --slab-action-disabled-ghost-icon: var(--warning-action-disabled-ghost-icon);
3003
2981
  --slab-action-disabled-ghost-text: var(--warning-action-disabled-ghost-text);
3004
2982
  --slab-action-disabled-primary-bg: var(--warning-action-disabled-primary-bg);
@@ -3016,6 +2994,10 @@
3016
2994
  --slab-action-disabled-tertiary-bg: var(--warning-action-disabled-tertiary-bg);
3017
2995
  --slab-action-disabled-tertiary-icon: var(--warning-action-disabled-tertiary-icon);
3018
2996
  --slab-action-disabled-tertiary-text: var(--warning-action-disabled-tertiary-text);
2997
+ --slab-action-ghost-bg: var(--warning-action-default-ghost-bg);
2998
+ --slab-action-ghost-focus-border: var(--warning-action-default-ghost-focus-border);
2999
+ --slab-action-ghost-icon: var(--warning-action-default-ghost-icon);
3000
+ --slab-action-ghost-text: var(--warning-action-default-ghost-text);
3019
3001
  --slab-action-hover-ghost-bg: var(--warning-action-hover-ghost-bg);
3020
3002
  --slab-action-hover-ghost-icon: var(--warning-action-hover-ghost-icon);
3021
3003
  --slab-action-hover-ghost-text: var(--warning-action-hover-ghost-text);
@@ -3034,6 +3016,24 @@
3034
3016
  --slab-action-hover-tertiary-bg: var(--warning-action-hover-tertiary-bg);
3035
3017
  --slab-action-hover-tertiary-icon: var(--warning-action-hover-tertiary-icon);
3036
3018
  --slab-action-hover-tertiary-text: var(--warning-action-hover-tertiary-text);
3019
+ --slab-action-primary-bg: var(--warning-action-default-primary-bg);
3020
+ --slab-action-primary-bg-end: var(--warning-action-default-primary-bg-end);
3021
+ --slab-action-primary-bg-start: var(--warning-action-default-primary-bg-start);
3022
+ --slab-action-primary-border: var(--warning-action-default-primary-border);
3023
+ --slab-action-primary-focus-border: var(--warning-action-default-primary-focus-border);
3024
+ --slab-action-primary-icon: var(--warning-action-default-primary-icon);
3025
+ --slab-action-primary-text: var(--warning-action-default-primary-text);
3026
+ --slab-action-secondary-bg: var(--warning-action-default-secondary-bg);
3027
+ --slab-action-secondary-bg-end: var(--warning-action-default-secondary-bg-end);
3028
+ --slab-action-secondary-bg-start: var(--warning-action-default-secondary-bg-start);
3029
+ --slab-action-secondary-border: var(--warning-action-default-secondary-border);
3030
+ --slab-action-secondary-focus-border: var(--warning-action-default-secondary-focus-border);
3031
+ --slab-action-secondary-icon: var(--warning-action-default-secondary-icon);
3032
+ --slab-action-secondary-text: var(--warning-action-default-secondary-text);
3033
+ --slab-action-tertiary-bg: var(--warning-action-default-tertiary-bg);
3034
+ --slab-action-tertiary-focus-border: var(--warning-action-default-tertiary-focus-border);
3035
+ --slab-action-tertiary-icon: var(--warning-action-default-tertiary-icon);
3036
+ --slab-action-tertiary-text: var(--warning-action-default-tertiary-text);
3037
3037
  --slab-data-viz-bg: var(--warning-data-viz-bg);
3038
3038
  --slab-data-viz-danger-1: var(--warning-data-viz-danger-1);
3039
3039
  --slab-data-viz-danger-2: var(--warning-data-viz-danger-2);
@@ -3056,17 +3056,17 @@
3056
3056
  --slab-form-active-primary-icon: var(--warning-form-active-primary-icon);
3057
3057
  --slab-form-active-primary-text: var(--warning-form-active-primary-text);
3058
3058
  --slab-form-active-secondary-text: var(--warning-form-active-secondary-text);
3059
+ --slab-form-disabled-primary-bg: var(--warning-form-disabled-primary-bg);
3060
+ --slab-form-disabled-primary-border: var(--warning-form-disabled-primary-border);
3061
+ --slab-form-disabled-primary-icon: var(--warning-form-disabled-primary-icon);
3062
+ --slab-form-disabled-primary-text: var(--warning-form-disabled-primary-text);
3063
+ --slab-form-disabled-secondary-text: var(--warning-form-disabled-secondary-text);
3059
3064
  --slab-form-primary-bg: var(--warning-form-default-primary-bg);
3060
3065
  --slab-form-primary-border: var(--warning-form-default-primary-border);
3061
3066
  --slab-form-primary-focus-border: var(--warning-form-default-primary-focus-border);
3062
3067
  --slab-form-primary-icon: var(--warning-form-default-primary-icon);
3063
3068
  --slab-form-primary-text: var(--warning-form-default-primary-text);
3064
3069
  --slab-form-secondary-text: var(--warning-form-default-secondary-text);
3065
- --slab-form-disabled-primary-bg: var(--warning-form-disabled-primary-bg);
3066
- --slab-form-disabled-primary-border: var(--warning-form-disabled-primary-border);
3067
- --slab-form-disabled-primary-icon: var(--warning-form-disabled-primary-icon);
3068
- --slab-form-disabled-primary-text: var(--warning-form-disabled-primary-text);
3069
- --slab-form-disabled-secondary-text: var(--warning-form-disabled-secondary-text);
3070
3070
  --slab-surface-accent-text: var(--warning-surface-accent-text);
3071
3071
  --slab-surface-primary-bg: var(--warning-surface-primary-bg);
3072
3072
  --slab-surface-primary-border: var(--warning-surface-primary-border);
@@ -3081,29 +3081,7 @@
3081
3081
  }
3082
3082
 
3083
3083
  [data-color-mode="neutral-dark"] {
3084
- --slab-action-ghost-bg: var(--neutral-dark-action-default-ghost-bg);
3085
- --slab-action-ghost-focus-border: var(--neutral-dark-action-default-ghost-focus-border);
3086
- --slab-action-ghost-icon: var(--neutral-dark-action-default-ghost-icon);
3087
- --slab-action-ghost-text: var(--neutral-dark-action-default-ghost-text);
3088
- --slab-action-primary-bg: var(--neutral-dark-action-default-primary-bg);
3089
- --slab-action-primary-bg-end: var(--neutral-dark-action-default-primary-bg-end);
3090
- --slab-action-primary-bg-start: var(--neutral-dark-action-default-primary-bg-start);
3091
- --slab-action-primary-border: var(--neutral-dark-action-default-primary-border);
3092
- --slab-action-primary-focus-border: var(--neutral-dark-action-default-primary-focus-border);
3093
- --slab-action-primary-icon: var(--neutral-dark-action-default-primary-icon);
3094
- --slab-action-primary-text: var(--neutral-dark-action-default-primary-text);
3095
- --slab-action-secondary-bg: var(--neutral-dark-action-default-secondary-bg);
3096
- --slab-action-secondary-bg-end: var(--neutral-dark-action-default-secondary-bg-end);
3097
- --slab-action-secondary-bg-start: var(--neutral-dark-action-default-secondary-bg-start);
3098
- --slab-action-secondary-border: var(--neutral-dark-action-default-secondary-border);
3099
- --slab-action-secondary-focus-border: var(--neutral-dark-action-default-secondary-focus-border);
3100
- --slab-action-secondary-icon: var(--neutral-dark-action-default-secondary-icon);
3101
- --slab-action-secondary-text: var(--neutral-dark-action-default-secondary-text);
3102
- --slab-action-tertiary-bg: var(--neutral-dark-action-default-tertiary-bg);
3103
- --slab-action-tertiary-focus-border: var(--neutral-dark-action-default-tertiary-focus-border);
3104
- --slab-action-tertiary-icon: var(--neutral-dark-action-default-tertiary-icon);
3105
- --slab-action-tertiary-text: var(--neutral-dark-action-default-tertiary-text);
3106
- --slab-action-disabled-ghost-bg: var(--neutral-dark-action-disabled-ghost-bg);
3084
+ --slab-action-disabled-ghost-bg: var(--neutral-dark-action-disabled-ghost-bg);
3107
3085
  --slab-action-disabled-ghost-icon: var(--neutral-dark-action-disabled-ghost-icon);
3108
3086
  --slab-action-disabled-ghost-text: var(--neutral-dark-action-disabled-ghost-text);
3109
3087
  --slab-action-disabled-primary-bg: var(--neutral-dark-action-disabled-primary-bg);
@@ -3121,6 +3099,10 @@
3121
3099
  --slab-action-disabled-tertiary-bg: var(--neutral-dark-action-disabled-tertiary-bg);
3122
3100
  --slab-action-disabled-tertiary-icon: var(--neutral-dark-action-disabled-tertiary-icon);
3123
3101
  --slab-action-disabled-tertiary-text: var(--neutral-dark-action-disabled-tertiary-text);
3102
+ --slab-action-ghost-bg: var(--neutral-dark-action-default-ghost-bg);
3103
+ --slab-action-ghost-focus-border: var(--neutral-dark-action-default-ghost-focus-border);
3104
+ --slab-action-ghost-icon: var(--neutral-dark-action-default-ghost-icon);
3105
+ --slab-action-ghost-text: var(--neutral-dark-action-default-ghost-text);
3124
3106
  --slab-action-hover-ghost-bg: var(--neutral-dark-action-hover-ghost-bg);
3125
3107
  --slab-action-hover-ghost-icon: var(--neutral-dark-action-hover-ghost-icon);
3126
3108
  --slab-action-hover-ghost-text: var(--neutral-dark-action-hover-ghost-text);
@@ -3139,6 +3121,24 @@
3139
3121
  --slab-action-hover-tertiary-bg: var(--neutral-dark-action-hover-tertiary-bg);
3140
3122
  --slab-action-hover-tertiary-icon: var(--neutral-dark-action-hover-tertiary-icon);
3141
3123
  --slab-action-hover-tertiary-text: var(--neutral-dark-action-hover-tertiary-text);
3124
+ --slab-action-primary-bg: var(--neutral-dark-action-default-primary-bg);
3125
+ --slab-action-primary-bg-end: var(--neutral-dark-action-default-primary-bg-end);
3126
+ --slab-action-primary-bg-start: var(--neutral-dark-action-default-primary-bg-start);
3127
+ --slab-action-primary-border: var(--neutral-dark-action-default-primary-border);
3128
+ --slab-action-primary-focus-border: var(--neutral-dark-action-default-primary-focus-border);
3129
+ --slab-action-primary-icon: var(--neutral-dark-action-default-primary-icon);
3130
+ --slab-action-primary-text: var(--neutral-dark-action-default-primary-text);
3131
+ --slab-action-secondary-bg: var(--neutral-dark-action-default-secondary-bg);
3132
+ --slab-action-secondary-bg-end: var(--neutral-dark-action-default-secondary-bg-end);
3133
+ --slab-action-secondary-bg-start: var(--neutral-dark-action-default-secondary-bg-start);
3134
+ --slab-action-secondary-border: var(--neutral-dark-action-default-secondary-border);
3135
+ --slab-action-secondary-focus-border: var(--neutral-dark-action-default-secondary-focus-border);
3136
+ --slab-action-secondary-icon: var(--neutral-dark-action-default-secondary-icon);
3137
+ --slab-action-secondary-text: var(--neutral-dark-action-default-secondary-text);
3138
+ --slab-action-tertiary-bg: var(--neutral-dark-action-default-tertiary-bg);
3139
+ --slab-action-tertiary-focus-border: var(--neutral-dark-action-default-tertiary-focus-border);
3140
+ --slab-action-tertiary-icon: var(--neutral-dark-action-default-tertiary-icon);
3141
+ --slab-action-tertiary-text: var(--neutral-dark-action-default-tertiary-text);
3142
3142
  --slab-data-viz-bg: var(--neutral-dark-data-viz-bg);
3143
3143
  --slab-data-viz-danger-1: var(--neutral-dark-data-viz-danger-1);
3144
3144
  --slab-data-viz-danger-2: var(--neutral-dark-data-viz-danger-2);
@@ -3161,17 +3161,17 @@
3161
3161
  --slab-form-active-primary-icon: var(--neutral-dark-form-active-primary-icon);
3162
3162
  --slab-form-active-primary-text: var(--neutral-dark-form-active-primary-text);
3163
3163
  --slab-form-active-secondary-text: var(--neutral-dark-form-active-secondary-text);
3164
+ --slab-form-disabled-primary-bg: var(--neutral-dark-form-disabled-primary-bg);
3165
+ --slab-form-disabled-primary-border: var(--neutral-dark-form-disabled-primary-border);
3166
+ --slab-form-disabled-primary-icon: var(--neutral-dark-form-disabled-primary-icon);
3167
+ --slab-form-disabled-primary-text: var(--neutral-dark-form-disabled-primary-text);
3168
+ --slab-form-disabled-secondary-text: var(--neutral-dark-form-disabled-secondary-text);
3164
3169
  --slab-form-primary-bg: var(--neutral-dark-form-default-primary-bg);
3165
3170
  --slab-form-primary-border: var(--neutral-dark-form-default-primary-border);
3166
3171
  --slab-form-primary-focus-border: var(--neutral-dark-form-default-primary-focus-border);
3167
3172
  --slab-form-primary-icon: var(--neutral-dark-form-default-primary-icon);
3168
3173
  --slab-form-primary-text: var(--neutral-dark-form-default-primary-text);
3169
3174
  --slab-form-secondary-text: var(--neutral-dark-form-default-secondary-text);
3170
- --slab-form-disabled-primary-bg: var(--neutral-dark-form-disabled-primary-bg);
3171
- --slab-form-disabled-primary-border: var(--neutral-dark-form-disabled-primary-border);
3172
- --slab-form-disabled-primary-icon: var(--neutral-dark-form-disabled-primary-icon);
3173
- --slab-form-disabled-primary-text: var(--neutral-dark-form-disabled-primary-text);
3174
- --slab-form-disabled-secondary-text: var(--neutral-dark-form-disabled-secondary-text);
3175
3175
  --slab-surface-accent-text: var(--neutral-dark-surface-accent-text);
3176
3176
  --slab-surface-primary-bg: var(--neutral-dark-surface-primary-bg);
3177
3177
  --slab-surface-primary-border: var(--neutral-dark-surface-primary-border);
@@ -3186,17 +3186,7 @@
3186
3186
  }
3187
3187
 
3188
3188
  :root {
3189
- --slab-control-md-font-family: var(--family-app);
3190
- --slab-control-md-letter-spacing: var(--letter-spacing-200);
3191
- --slab-control-md-line-height: var(--line-height-200);
3192
- --slab-control-md-size: var(--size-200);
3193
- --slab-control-md-weight: var(--weight-control);
3194
- --slab-control-sm-font-family: var(--family-app);
3195
- --slab-control-sm-letter-spacing: var(--letter-spacing-100);
3196
- --slab-control-sm-line-height: var(--line-height-100);
3197
- --slab-control-sm-size: var(--size-100);
3198
- --slab-control-sm-weight: var(--weight-control);
3199
- --cool-deprecated-blue-50: rgb(93.73% 96.47% 100%);
3189
+ --cool-deprecated-blue-50: rgb(93.73% 96.47% 100%);
3200
3190
  --cool-deprecated-blue-100: rgb(87.84% 94.12% 100%);
3201
3191
  --cool-deprecated-blue-200: rgb(79.22% 90.2% 100%);
3202
3192
  --cool-deprecated-blue-300: rgb(65.88% 84.71% 100%);
@@ -3271,6 +3261,32 @@
3271
3261
  --cool-deprecated-yellow-500: rgb(30.98% 27.84% 0%);
3272
3262
  --cool-deprecated-yellow-600: rgb(20% 18.04% 0%);
3273
3263
  --cool-deprecated-yellow-700: rgb(12.16% 10.98% 0%);
3264
+ --gray-transparent-0: rgb(100% 100% 100% / 0);
3265
+ --gray-transparent-500: rgb(18.82% 18.82% 18.82% / 0.5);
3266
+ --gray-transparent-800: rgb(18.82% 18.82% 18.82% / 0.8);
3267
+ --size-0px: 0rem;
3268
+ --size-2px: 0.125rem;
3269
+ --size-4px: 0.25rem;
3270
+ --size-8px: 0.5rem;
3271
+ --size-12px: 0.75rem;
3272
+ --size-16px: 1rem;
3273
+ --size-24px: 1.5rem;
3274
+ --size-32px: 2rem;
3275
+ --size-40px: 2.5rem;
3276
+ --size-48px: 3rem;
3277
+ --size-64px: 4rem;
3278
+ --size-96px: 6rem;
3279
+ --size-128px: 8rem;
3280
+ --slab-control-md-font-family: var(--family-app);
3281
+ --slab-control-md-letter-spacing: var(--letter-spacing-200);
3282
+ --slab-control-md-line-height: var(--line-height-200);
3283
+ --slab-control-md-size: var(--size-200);
3284
+ --slab-control-md-weight: var(--weight-control);
3285
+ --slab-control-sm-font-family: var(--family-app);
3286
+ --slab-control-sm-letter-spacing: var(--letter-spacing-100);
3287
+ --slab-control-sm-line-height: var(--line-height-100);
3288
+ --slab-control-sm-size: var(--size-100);
3289
+ --slab-control-sm-weight: var(--weight-control);
3274
3290
  --slab-gap-inline-lg: 16px;
3275
3291
  --slab-gap-inline-md: 12px;
3276
3292
  --slab-gap-inline-sm: 8px;
@@ -3284,9 +3300,6 @@
3284
3300
  --slab-gap-stack-sm: 8px;
3285
3301
  --slab-gap-stack-xl: 24px;
3286
3302
  --slab-gap-stack-xs: 4px;
3287
- --gray-transparent-0: rgb(100% 100% 100% / 0);
3288
- --gray-transparent-500: rgb(18.82% 18.82% 18.82% / 0.5);
3289
- --gray-transparent-800: rgb(18.82% 18.82% 18.82% / 0.8);
3290
3303
  --slab-header-lg-font-family: var(--family-heading);
3291
3304
  --slab-header-lg-letter-spacing: var(--letter-spacing-600);
3292
3305
  --slab-header-lg-line-height: var(--line-height-600);
@@ -3315,17 +3328,17 @@
3315
3328
  --slab-inset-squish-md: 16px;
3316
3329
  --slab-inset-squish-offset-lg: 4px;
3317
3330
  --slab-inset-squish-offset-md: 4px;
3318
- --slab-inset-squish-offset-sm: 0;
3319
- --slab-inset-squish-offset-xs: 0;
3331
+ --slab-inset-squish-offset-sm: 0px;
3332
+ --slab-inset-squish-offset-xs: 0px;
3320
3333
  --slab-inset-squish-sm: 8px;
3321
3334
  --slab-inset-squish-xs: 4px;
3322
3335
  --slab-mono-lg-font-family: var(--family-mono);
3323
- --slab-mono-lg-letter-spacing: 0;
3336
+ --slab-mono-lg-letter-spacing: 0px;
3324
3337
  --slab-mono-lg-line-height: var(--line-height-300);
3325
3338
  --slab-mono-lg-size: var(--size-300);
3326
3339
  --slab-mono-lg-weight: var(--weight-regular);
3327
3340
  --slab-mono-md-font-family: var(--family-mono);
3328
- --slab-mono-md-letter-spacing: 0;
3341
+ --slab-mono-md-letter-spacing: 0px;
3329
3342
  --slab-mono-md-line-height: var(--line-height-200);
3330
3343
  --slab-mono-md-size: var(--size-200);
3331
3344
  --slab-mono-md-weight: var(--weight-regular);
@@ -3335,19 +3348,6 @@
3335
3348
  --slab-radius-md: 16px;
3336
3349
  --slab-radius-sm: 12px;
3337
3350
  --slab-radius-xl: 32px;
3338
- --size-0px: 0;
3339
- --size-2px: 0.125rem;
3340
- --size-4px: 0.25rem;
3341
- --size-8px: 0.5rem;
3342
- --size-12px: 0.75rem;
3343
- --size-16px: 1rem;
3344
- --size-24px: 1.5rem;
3345
- --size-32px: 2rem;
3346
- --size-40px: 2.5rem;
3347
- --size-48px: 3rem;
3348
- --size-64px: 4rem;
3349
- --size-96px: 6rem;
3350
- --size-128px: 8rem;
3351
3351
  --slab-stroke-border: 1px;
3352
3352
  --slab-stroke-focus: 1px;
3353
3353
  --warm-blue-50: rgb(97.25% 98.04% 99.61%);