@oxide/design-system 2.8.0 → 2.8.1--canary.2cfc995.0

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 (25) hide show
  1. package/dist/asciidoc.css +26 -28
  2. package/dist/button.css +1 -1
  3. package/dist/{chunk-BTKC2KJ2.js → chunk-EZCJJGCD.js} +234 -325
  4. package/dist/chunk-EZCJJGCD.js.map +1 -0
  5. package/dist/components/src/index.js +12 -12
  6. package/dist/components/src/index.js.map +1 -1
  7. package/dist/icons/index.d.ts +0 -9
  8. package/dist/icons/react/index.d.ts +158 -176
  9. package/dist/icons/react/index.js +1 -7
  10. package/dist/tabs.css +1 -1
  11. package/icons/sprite.svg +1 -1
  12. package/icons/svg/open-link-12.svg +1 -1
  13. package/package.json +3 -1
  14. package/styles/dist/blue.css +178 -643
  15. package/styles/dist/green.css +178 -641
  16. package/styles/dist/main.css +650 -855
  17. package/styles/dist/purple.css +178 -643
  18. package/styles/dist/red.css +178 -643
  19. package/styles/dist/tailwind.css +51 -0
  20. package/styles/dist/yellow.css +178 -641
  21. package/dist/chunk-BTKC2KJ2.js.map +0 -1
  22. package/icons/svg/download-outline-12.svg +0 -1
  23. package/icons/svg/size-outline-12.svg +0 -1
  24. package/icons/svg/time-outline-12.svg +0 -1
  25. package/styles/dist/tailwind-tokens.ts +0 -2988
package/styles/dist/red.css CHANGED
@@ -1,645 +1,180 @@
1
- /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
2
-
3
1
  .red-theme {
4
- --surface-default-rgb: var(--base-neutral-0-rgb);
5
- --surface-default-p3: var(--base-neutral-0-p3);
6
- --surface-default: rgb(var(--surface-default-rgb));
7
-
8
- --surface-hover-rgb: var(--base-neutral-200-rgb);
9
- --surface-hover-p3: var(--base-neutral-200-p3);
10
- --surface-hover: rgb(var(--surface-hover-rgb));
11
-
12
- --surface-raise-rgb: var(--base-neutral-50-rgb);
13
- --surface-raise-p3: var(--base-neutral-50-p3);
14
- --surface-raise: rgb(var(--surface-raise-rgb));
15
-
16
- --surface-secondary-rgb: var(--base-neutral-100-rgb);
17
- --surface-secondary-p3: var(--base-neutral-100-p3);
18
- --surface-secondary: rgb(var(--surface-secondary-rgb));
19
-
20
- --surface-tertiary-rgb: var(--base-neutral-200-rgb);
21
- --surface-tertiary-p3: var(--base-neutral-200-p3);
22
- --surface-tertiary: rgb(var(--surface-tertiary-rgb));
23
-
24
- --surface-disabled-rgb: var(--base-neutral-100-rgb);
25
- --surface-disabled-p3: var(--base-neutral-100-p3);
26
- --surface-disabled: rgb(var(--surface-disabled-rgb));
27
-
28
- --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
29
- --surface-scrim-p3: color(display-p3 0.0314 0.0588 0.0667 / 0.4);
30
-
31
- --surface-accent-rgb: var(--theme-accent-800-rgb);
32
- --surface-accent-p3: var(--theme-accent-800-p3);
33
- --surface-accent: rgb(var(--surface-accent-rgb));
34
-
35
- --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
36
- --surface-accent-hover-p3: var(--theme-accent-700-p3);
37
- --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
38
-
39
- --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
40
- --surface-accent-secondary-p3: var(--theme-accent-200-p3);
41
- --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
42
-
43
- --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
44
- --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
45
- --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
46
-
47
- --surface-destructive-rgb: var(--theme-destructive-800-rgb);
48
- --surface-destructive-p3: var(--theme-destructive-800-p3);
49
- --surface-destructive: rgb(var(--surface-destructive-rgb));
50
-
51
- --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
52
- --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
53
- --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
54
-
55
- --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
56
- --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
57
- --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
58
-
59
- --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
60
- --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
61
- --surface-destructive-secondary-hover: rgb(
62
- var(--surface-destructive-secondary-hover-rgb)
63
- );
64
-
65
- --surface-notice-rgb: var(--theme-notice-800-rgb);
66
- --surface-notice-p3: var(--theme-notice-800-p3);
67
- --surface-notice: rgb(var(--surface-notice-rgb));
68
-
69
- --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
70
- --surface-notice-hover-p3: var(--theme-notice-700-p3);
71
- --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
72
-
73
- --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
74
- --surface-notice-secondary-p3: var(--theme-notice-200-p3);
75
- --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
76
-
77
- --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
78
- --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
79
- --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
80
-
81
- --surface-success-rgb: var(--theme-success-800-rgb);
82
- --surface-success-p3: var(--theme-success-800-p3);
83
- --surface-success: rgb(var(--surface-success-rgb));
84
-
85
- --surface-success-secondary-rgb: var(--theme-success-200-rgb);
86
- --surface-success-secondary-p3: var(--theme-success-200-p3);
87
- --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
88
-
89
- --surface-error-rgb: var(--theme-error-800-rgb);
90
- --surface-error-p3: var(--theme-error-800-p3);
91
- --surface-error: rgb(var(--surface-error-rgb));
92
-
93
- --surface-error-secondary-rgb: var(--theme-error-200-rgb);
94
- --surface-error-secondary-p3: var(--theme-error-200-p3);
95
- --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
96
-
97
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
98
- --surface-inverse-raise-p3: var(--content-raise-p3);
99
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
100
-
101
- --surface-inverse-primary-rgb: var(--content-default-rgb);
102
- --surface-inverse-primary-p3: var(--content-default-p3);
103
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
104
-
105
- --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
106
- --surface-inverse-secondary-p3: var(--content-secondary-p3);
107
- --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
108
-
109
- --surface-info-rgb: var(--theme-info-800-rgb);
110
- --surface-info-p3: var(--theme-info-800-p3);
111
- --surface-info: rgb(var(--surface-info-rgb));
112
-
113
- --surface-info-hover-rgb: var(--theme-info-700-rgb);
114
- --surface-info-hover-p3: var(--theme-info-700-p3);
115
- --surface-info-hover: rgb(var(--surface-info-hover-rgb));
116
-
117
- --surface-info-secondary-rgb: var(--theme-info-200-rgb);
118
- --surface-info-secondary-p3: var(--theme-info-200-p3);
119
- --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
120
-
121
- --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
122
- --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
123
- --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
124
-
125
- --content-raise-rgb: var(--base-neutral-900-rgb);
126
- --content-raise-p3: var(--base-neutral-900-p3);
127
- --content-raise: rgb(var(--content-raise-rgb));
128
-
129
- --content-default-rgb: var(--base-neutral-800-rgb);
130
- --content-default-p3: var(--base-neutral-800-p3);
131
- --content-default: rgb(var(--content-default-rgb));
132
-
133
- --content-secondary-rgb: var(--base-neutral-700-rgb);
134
- --content-secondary-p3: var(--base-neutral-700-p3);
135
- --content-secondary: rgb(var(--content-secondary-rgb));
136
-
137
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
- --content-tertiary-p3: var(--base-neutral-600-p3);
139
- --content-tertiary: rgb(var(--content-tertiary-rgb));
140
-
141
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
- --content-quaternary-p3: var(--base-neutral-500-p3);
143
- --content-quaternary: rgb(var(--content-quaternary-rgb));
144
-
145
- --content-disabled-rgb: var(--base-neutral-500-rgb);
146
- --content-disabled-p3: var(--base-neutral-500-p3);
147
- --content-disabled: rgb(var(--content-disabled-rgb));
148
-
149
- --content-accent-rgb: var(--theme-accent-800-rgb);
150
- --content-accent-p3: var(--theme-accent-800-p3);
151
- --content-accent: rgb(var(--content-accent-rgb));
152
-
153
- --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
154
- --content-accent-secondary-p3: var(--theme-accent-700-p3);
155
- --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
156
-
157
- --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
158
- --content-accent-tertiary-p3: var(--theme-accent-600-p3);
159
- --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
160
-
161
- --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
162
- --content-accent-disabled-p3: var(--theme-accent-500-p3);
163
- --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
164
-
165
- --content-destructive-rgb: var(--theme-destructive-800-rgb);
166
- --content-destructive-p3: var(--theme-destructive-800-p3);
167
- --content-destructive: rgb(var(--content-destructive-rgb));
168
-
169
- --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
170
- --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
171
- --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
172
-
173
- --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
174
- --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
175
- --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
176
-
177
- --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
178
- --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
179
- --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
180
-
181
- --content-success-rgb: var(--theme-success-800-rgb);
182
- --content-success-p3: var(--theme-success-800-p3);
183
- --content-success: rgb(var(--content-success-rgb));
184
-
185
- --content-success-secondary-rgb: var(--theme-success-700-rgb);
186
- --content-success-secondary-p3: var(--theme-success-700-p3);
187
- --content-success-secondary: rgb(var(--content-success-secondary-rgb));
188
-
189
- --content-success-tertiary-rgb: var(--theme-success-600-rgb);
190
- --content-success-tertiary-p3: var(--theme-success-600-p3);
191
- --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
192
-
193
- --content-success-disabled-rgb: var(--theme-success-500-rgb);
194
- --content-success-disabled-p3: var(--theme-success-500-p3);
195
- --content-success-disabled: rgb(var(--content-success-disabled-rgb));
196
-
197
- --content-error-rgb: var(--theme-error-800-rgb);
198
- --content-error-p3: var(--theme-error-800-p3);
199
- --content-error: rgb(var(--content-error-rgb));
200
-
201
- --content-error-secondary-rgb: var(--theme-error-700-rgb);
202
- --content-error-secondary-p3: var(--theme-error-700-p3);
203
- --content-error-secondary: rgb(var(--content-error-secondary-rgb));
204
-
205
- --content-error-tertiary-rgb: var(--theme-error-600-rgb);
206
- --content-error-tertiary-p3: var(--theme-error-600-p3);
207
- --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
208
-
209
- --content-error-disabled-rgb: var(--theme-error-500-rgb);
210
- --content-error-disabled-p3: var(--theme-error-500-p3);
211
- --content-error-disabled: rgb(var(--content-error-disabled-rgb));
212
-
213
- --content-notice-rgb: var(--theme-notice-800-rgb);
214
- --content-notice-p3: var(--theme-notice-800-p3);
215
- --content-notice: rgb(var(--content-notice-rgb));
216
-
217
- --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
218
- --content-notice-secondary-p3: var(--theme-notice-700-p3);
219
- --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
220
-
221
- --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
222
- --content-notice-tertiary-p3: var(--theme-notice-600-p3);
223
- --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
224
-
225
- --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
226
- --content-notice-disabled-p3: var(--theme-notice-500-p3);
227
- --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
228
-
229
- --content-inverse-rgb: var(--surface-default-rgb);
230
- --content-inverse-p3: var(--surface-default-p3);
231
- --content-inverse: rgb(var(--content-inverse-rgb));
232
-
233
- --content-inverse-raise-rgb: var(--surface-raise-rgb);
234
- --content-inverse-raise-p3: var(--surface-raise-p3);
235
- --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
236
-
237
- --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
238
- --content-inverse-secondary-p3: var(--surface-secondary-p3);
239
- --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
240
-
241
- --content-info-rgb: var(--theme-info-800-rgb);
242
- --content-info-p3: var(--theme-info-800-p3);
243
- --content-info: rgb(var(--content-info-rgb));
244
-
245
- --content-info-secondary-rgb: var(--theme-info-700-rgb);
246
- --content-info-secondary-p3: var(--theme-info-700-p3);
247
- --content-info-secondary: rgb(var(--content-info-secondary-rgb));
248
-
249
- --content-info-tertiary-rgb: var(--theme-info-600-rgb);
250
- --content-info-tertiary-p3: var(--theme-info-600-p3);
251
- --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
252
-
253
- --content-info-disabled-rgb: var(--theme-info-500-rgb);
254
- --content-info-disabled-p3: var(--theme-info-500-p3);
255
- --content-info-disabled: rgb(var(--content-info-disabled-rgb));
256
-
257
- --stroke-default-rgb: var(--base-neutral-300-rgb);
258
- --stroke-default-p3: var(--base-neutral-300-p3);
259
- --stroke-default: rgb(var(--stroke-default-rgb));
260
-
261
- --stroke-hover-rgb: var(--base-neutral-400-rgb);
262
- --stroke-hover-p3: var(--base-neutral-400-p3);
263
- --stroke-hover: rgb(var(--stroke-hover-rgb));
264
-
265
- --stroke-secondary-rgb: var(--base-neutral-200-rgb);
266
- --stroke-secondary-p3: var(--base-neutral-200-p3);
267
- --stroke-secondary: rgb(var(--stroke-secondary-rgb));
268
-
269
- --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
270
- --stroke-tertiary-p3: var(--base-neutral-100-p3);
271
- --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
272
-
273
- --stroke-raise-rgb: var(--base-neutral-500-rgb);
274
- --stroke-raise-p3: var(--base-neutral-500-p3);
275
- --stroke-raise: rgb(var(--stroke-raise-rgb));
276
-
277
- --stroke-surface-rgb: var(--surface-default-rgb);
278
- --stroke-surface-p3: var(--surface-default-p3);
279
- --stroke-surface: rgb(var(--stroke-surface-rgb));
280
-
281
- --stroke-accent-rgb: var(--theme-accent-800-rgb);
282
- --stroke-accent-p3: var(--theme-accent-800-p3);
283
- --stroke-accent: rgb(var(--stroke-accent-rgb));
284
-
285
- --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
286
- --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
287
- --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
288
-
289
- --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
290
- --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
291
- --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
292
-
293
- --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
294
- --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
295
- --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
296
-
297
- --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
298
- --stroke-destructive-p3: var(--theme-destructive-800-p3);
299
- --stroke-destructive: rgb(var(--stroke-destructive-rgb));
300
-
301
- --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
302
- --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
303
- --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
304
-
305
- --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
306
- --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
307
- --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
308
-
309
- --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
310
- --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
311
- --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
312
-
313
- --stroke-success-rgb: var(--theme-success-800-rgb);
314
- --stroke-success-p3: var(--theme-success-800-p3);
315
- --stroke-success: rgb(var(--stroke-success-rgb));
316
-
317
- --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
318
- --stroke-success-secondary-p3: var(--theme-success-600-p3);
319
- --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
320
-
321
- --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
322
- --stroke-success-tertiary-p3: var(--theme-success-400-p3);
323
- --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
324
-
325
- --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
326
- --stroke-success-quaternary-p3: var(--theme-success-300-p3);
327
- --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
328
-
329
- --stroke-error-rgb: var(--theme-error-800-rgb);
330
- --stroke-error-p3: var(--theme-error-800-p3);
331
- --stroke-error: rgb(var(--stroke-error-rgb));
332
-
333
- --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
334
- --stroke-error-secondary-p3: var(--theme-error-600-p3);
335
- --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
336
-
337
- --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
338
- --stroke-error-tertiary-p3: var(--theme-error-400-p3);
339
- --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
340
-
341
- --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
342
- --stroke-error-quaternary-p3: var(--theme-error-300-p3);
343
- --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
344
-
345
- --stroke-notice-rgb: var(--theme-notice-800-rgb);
346
- --stroke-notice-p3: var(--theme-notice-800-p3);
347
- --stroke-notice: rgb(var(--stroke-notice-rgb));
348
-
349
- --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
350
- --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
351
- --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
352
-
353
- --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
354
- --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
355
- --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
356
-
357
- --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
358
- --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
359
- --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
360
-
361
- --stroke-info-rgb: var(--theme-info-800-rgb);
362
- --stroke-info-p3: var(--theme-info-800-p3);
363
- --stroke-info: rgb(var(--stroke-info-rgb));
364
-
365
- --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
366
- --stroke-info-secondary-p3: var(--theme-info-600-p3);
367
- --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
368
-
369
- --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
370
- --stroke-info-tertiary-p3: var(--theme-info-400-p3);
371
- --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
372
-
373
- --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
374
- --stroke-info-quaternary-p3: var(--theme-info-300-p3);
375
- --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
376
-
377
- --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254);
378
- --chart-fill-area-primary-p3: color(display-p3 0.8549 0.3804 0.4667 / 0.7019607843137254);
379
- --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254);
380
- --chart-fill-area-secondary-p3: color(
381
- display-p3 0.7647 0.3412 0.4157 / 0.7019607843137254
382
- );
383
- --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254);
384
- --chart-fill-area-tertiary-p3: color(
385
- display-p3 0.5843 0.2706 0.3255 / 0.7019607843137254
386
- );
387
- --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2);
388
- --chart-fill-area-quaternary-p3: color(display-p3 0.4157 0.2039 0.2353 / 0.2);
389
-
390
- --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
391
- --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
392
- --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
393
-
394
- --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
395
- --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
396
- --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
397
-
398
- --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
399
- --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
400
- --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
401
-
402
- --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
403
- --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
404
- --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
405
-
406
- --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
407
- --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
408
- --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
409
-
410
- --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
411
- --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
412
- --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
413
-
414
- --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
415
- --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
416
- --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
417
-
418
- --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
419
- --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
420
- --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
421
-
422
- --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
423
- --chart-fill-inactive-p3: var(--base-neutral-50-p3);
424
- --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
425
-
426
- --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
427
- --chart-stroke-line-p3: var(--theme-accent-700-p3);
428
- --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
429
-
430
- --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
431
- --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
432
- --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
433
-
434
- --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
435
- --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
436
- --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
437
-
438
- --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
439
- --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
440
- --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
441
-
442
- --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4);
443
- --chart-stroke-y-axis-p3: color(display-p3 0.1765 0.2 0.2078 / 0.4);
444
- --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4);
445
- --chart-stroke-item-p3: color(display-p3 0.8549 0.3804 0.4667 / 0.4);
446
-
447
- --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
448
- --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
449
- --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
450
-
451
- --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4);
452
- --chart-stroke-error-p3: color(display-p3 0.8549 0.3804 0.4667 / 0.4);
453
-
454
- --theme-accent-100-rgb: var(--base-red-100-rgb);
455
- --theme-accent-100-p3: var(--base-red-100-p3);
456
- --theme-accent-100: rgb(var(--theme-accent-100-rgb));
457
-
458
- --theme-accent-200-rgb: var(--base-red-200-rgb);
459
- --theme-accent-200-p3: var(--base-red-200-p3);
460
- --theme-accent-200: rgb(var(--theme-accent-200-rgb));
461
-
462
- --theme-accent-300-rgb: var(--base-red-300-rgb);
463
- --theme-accent-300-p3: var(--base-red-300-p3);
464
- --theme-accent-300: rgb(var(--theme-accent-300-rgb));
465
-
466
- --theme-accent-400-rgb: var(--base-red-400-rgb);
467
- --theme-accent-400-p3: var(--base-red-400-p3);
468
- --theme-accent-400: rgb(var(--theme-accent-400-rgb));
469
-
470
- --theme-accent-500-rgb: var(--base-red-500-rgb);
471
- --theme-accent-500-p3: var(--base-red-500-p3);
472
- --theme-accent-500: rgb(var(--theme-accent-500-rgb));
473
-
474
- --theme-accent-600-rgb: var(--base-red-600-rgb);
475
- --theme-accent-600-p3: var(--base-red-600-p3);
476
- --theme-accent-600: rgb(var(--theme-accent-600-rgb));
477
-
478
- --theme-accent-700-rgb: var(--base-red-700-rgb);
479
- --theme-accent-700-p3: var(--base-red-700-p3);
480
- --theme-accent-700: rgb(var(--theme-accent-700-rgb));
481
-
482
- --theme-accent-800-rgb: var(--base-red-800-rgb);
483
- --theme-accent-800-p3: var(--base-red-800-p3);
484
- --theme-accent-800: rgb(var(--theme-accent-800-rgb));
485
-
486
- --theme-destructive-100-rgb: var(--base-red-100-rgb);
487
- --theme-destructive-100-p3: var(--base-red-100-p3);
488
- --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
489
-
490
- --theme-destructive-200-rgb: var(--base-red-200-rgb);
491
- --theme-destructive-200-p3: var(--base-red-200-p3);
492
- --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
493
-
494
- --theme-destructive-300-rgb: var(--base-red-300-rgb);
495
- --theme-destructive-300-p3: var(--base-red-300-p3);
496
- --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
497
-
498
- --theme-destructive-400-rgb: var(--base-red-400-rgb);
499
- --theme-destructive-400-p3: var(--base-red-400-p3);
500
- --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
501
-
502
- --theme-destructive-500-rgb: var(--base-red-500-rgb);
503
- --theme-destructive-500-p3: var(--base-red-500-p3);
504
- --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
505
-
506
- --theme-destructive-600-rgb: var(--base-red-600-rgb);
507
- --theme-destructive-600-p3: var(--base-red-600-p3);
508
- --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
509
-
510
- --theme-destructive-700-rgb: var(--base-red-700-rgb);
511
- --theme-destructive-700-p3: var(--base-red-700-p3);
512
- --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
513
-
514
- --theme-destructive-800-rgb: var(--base-red-800-rgb);
515
- --theme-destructive-800-p3: var(--base-red-800-p3);
516
- --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
517
-
518
- --theme-success-100-rgb: var(--base-green-100-rgb);
519
- --theme-success-100-p3: var(--base-green-100-p3);
520
- --theme-success-100: rgb(var(--theme-success-100-rgb));
521
-
522
- --theme-success-200-rgb: var(--base-green-200-rgb);
523
- --theme-success-200-p3: var(--base-green-200-p3);
524
- --theme-success-200: rgb(var(--theme-success-200-rgb));
525
-
526
- --theme-success-300-rgb: var(--base-green-300-rgb);
527
- --theme-success-300-p3: var(--base-green-300-p3);
528
- --theme-success-300: rgb(var(--theme-success-300-rgb));
529
-
530
- --theme-success-400-rgb: var(--base-green-400-rgb);
531
- --theme-success-400-p3: var(--base-green-400-p3);
532
- --theme-success-400: rgb(var(--theme-success-400-rgb));
533
-
534
- --theme-success-500-rgb: var(--base-green-500-rgb);
535
- --theme-success-500-p3: var(--base-green-500-p3);
536
- --theme-success-500: rgb(var(--theme-success-500-rgb));
537
-
538
- --theme-success-600-rgb: var(--base-green-600-rgb);
539
- --theme-success-600-p3: var(--base-green-600-p3);
540
- --theme-success-600: rgb(var(--theme-success-600-rgb));
541
-
542
- --theme-success-700-rgb: var(--base-green-700-rgb);
543
- --theme-success-700-p3: var(--base-green-700-p3);
544
- --theme-success-700: rgb(var(--theme-success-700-rgb));
545
-
546
- --theme-success-800-rgb: var(--base-green-800-rgb);
547
- --theme-success-800-p3: var(--base-green-800-p3);
548
- --theme-success-800: rgb(var(--theme-success-800-rgb));
549
-
550
- --theme-error-100-rgb: var(--base-red-100-rgb);
551
- --theme-error-100-p3: var(--base-red-100-p3);
552
- --theme-error-100: rgb(var(--theme-error-100-rgb));
553
-
554
- --theme-error-200-rgb: var(--base-red-200-rgb);
555
- --theme-error-200-p3: var(--base-red-200-p3);
556
- --theme-error-200: rgb(var(--theme-error-200-rgb));
557
-
558
- --theme-error-300-rgb: var(--base-red-300-rgb);
559
- --theme-error-300-p3: var(--base-red-300-p3);
560
- --theme-error-300: rgb(var(--theme-error-300-rgb));
561
-
562
- --theme-error-400-rgb: var(--base-red-400-rgb);
563
- --theme-error-400-p3: var(--base-red-400-p3);
564
- --theme-error-400: rgb(var(--theme-error-400-rgb));
565
-
566
- --theme-error-500-rgb: var(--base-red-500-rgb);
567
- --theme-error-500-p3: var(--base-red-500-p3);
568
- --theme-error-500: rgb(var(--theme-error-500-rgb));
569
-
570
- --theme-error-600-rgb: var(--base-red-600-rgb);
571
- --theme-error-600-p3: var(--base-red-600-p3);
572
- --theme-error-600: rgb(var(--theme-error-600-rgb));
573
-
574
- --theme-error-700-rgb: var(--base-red-700-rgb);
575
- --theme-error-700-p3: var(--base-red-700-p3);
576
- --theme-error-700: rgb(var(--theme-error-700-rgb));
577
-
578
- --theme-error-800-rgb: var(--base-red-800-rgb);
579
- --theme-error-800-p3: var(--base-red-800-p3);
580
- --theme-error-800: rgb(var(--theme-error-800-rgb));
581
-
582
- --theme-notice-100-rgb: var(--base-yellow-100-rgb);
583
- --theme-notice-100-p3: var(--base-yellow-100-p3);
584
- --theme-notice-100: rgb(var(--theme-notice-100-rgb));
585
-
586
- --theme-notice-200-rgb: var(--base-yellow-200-rgb);
587
- --theme-notice-200-p3: var(--base-yellow-200-p3);
588
- --theme-notice-200: rgb(var(--theme-notice-200-rgb));
589
-
590
- --theme-notice-300-rgb: var(--base-yellow-300-rgb);
591
- --theme-notice-300-p3: var(--base-yellow-300-p3);
592
- --theme-notice-300: rgb(var(--theme-notice-300-rgb));
593
-
594
- --theme-notice-400-rgb: var(--base-yellow-400-rgb);
595
- --theme-notice-400-p3: var(--base-yellow-400-p3);
596
- --theme-notice-400: rgb(var(--theme-notice-400-rgb));
597
-
598
- --theme-notice-500-rgb: var(--base-yellow-500-rgb);
599
- --theme-notice-500-p3: var(--base-yellow-500-p3);
600
- --theme-notice-500: rgb(var(--theme-notice-500-rgb));
601
-
602
- --theme-notice-600-rgb: var(--base-yellow-600-rgb);
603
- --theme-notice-600-p3: var(--base-yellow-600-p3);
604
- --theme-notice-600: rgb(var(--theme-notice-600-rgb));
605
-
606
- --theme-notice-700-rgb: var(--base-yellow-700-rgb);
607
- --theme-notice-700-p3: var(--base-yellow-700-p3);
608
- --theme-notice-700: rgb(var(--theme-notice-700-rgb));
609
-
610
- --theme-notice-800-rgb: var(--base-yellow-800-rgb);
611
- --theme-notice-800-p3: var(--base-yellow-800-p3);
612
- --theme-notice-800: rgb(var(--theme-notice-800-rgb));
613
-
614
- --theme-info-100-rgb: var(--base-blue-100-rgb);
615
- --theme-info-100-p3: var(--base-blue-100-p3);
616
- --theme-info-100: rgb(var(--theme-info-100-rgb));
617
-
618
- --theme-info-200-rgb: var(--base-blue-200-rgb);
619
- --theme-info-200-p3: var(--base-blue-200-p3);
620
- --theme-info-200: rgb(var(--theme-info-200-rgb));
621
-
622
- --theme-info-300-rgb: var(--base-blue-300-rgb);
623
- --theme-info-300-p3: var(--base-blue-300-p3);
624
- --theme-info-300: rgb(var(--theme-info-300-rgb));
625
-
626
- --theme-info-400-rgb: var(--base-blue-400-rgb);
627
- --theme-info-400-p3: var(--base-blue-400-p3);
628
- --theme-info-400: rgb(var(--theme-info-400-rgb));
629
-
630
- --theme-info-500-rgb: var(--base-blue-500-rgb);
631
- --theme-info-500-p3: var(--base-blue-500-p3);
632
- --theme-info-500: rgb(var(--theme-info-500-rgb));
633
-
634
- --theme-info-600-rgb: var(--base-blue-600-rgb);
635
- --theme-info-600-p3: var(--base-blue-600-p3);
636
- --theme-info-600: rgb(var(--theme-info-600-rgb));
637
-
638
- --theme-info-700-rgb: var(--base-blue-700-rgb);
639
- --theme-info-700-p3: var(--base-blue-700-p3);
640
- --theme-info-700: rgb(var(--theme-info-700-rgb));
641
-
642
- --theme-info-800-rgb: var(--base-blue-800-rgb);
643
- --theme-info-800-p3: var(--base-blue-800-p3);
644
- --theme-info-800: rgb(var(--theme-info-800-rgb));
2
+ --surface-default: var(--color-neutral-0);
3
+ --surface-hover: var(--color-neutral-200);
4
+ --surface-raise: var(--color-neutral-50);
5
+ --surface-secondary: var(--color-neutral-100);
6
+ --surface-tertiary: var(--color-neutral-200);
7
+ --surface-disabled: var(--color-neutral-100);
8
+ --surface-scrim: color(
9
+ display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
10
+ ); /* #080f1166 with alpha 0.4 */
11
+ --surface-accent: var(--theme-accent-800);
12
+ --surface-accent-hover: var(--theme-accent-700);
13
+ --surface-accent-secondary: var(--theme-accent-200);
14
+ --surface-accent-secondary-hover: var(--theme-accent-300);
15
+ --surface-destructive: var(--theme-destructive-800);
16
+ --surface-destructive-hover: var(--theme-destructive-700);
17
+ --surface-destructive-secondary: var(--theme-destructive-200);
18
+ --surface-destructive-secondary-hover: var(--theme-destructive-300);
19
+ --surface-notice: var(--theme-notice-800);
20
+ --surface-notice-hover: var(--theme-notice-700);
21
+ --surface-notice-secondary: var(--theme-notice-200);
22
+ --surface-notice-secondary-hover: var(--theme-notice-300);
23
+ --surface-success: var(--theme-success-800);
24
+ --surface-success-secondary: var(--theme-success-200);
25
+ --surface-error: var(--theme-error-800);
26
+ --surface-error-secondary: var(--theme-error-200);
27
+ --surface-inverse-raise: var(--content-raise);
28
+ --surface-inverse-primary: var(--content-default);
29
+ --surface-inverse-secondary: var(--content-secondary);
30
+ --surface-info: var(--theme-info-800);
31
+ --surface-info-hover: var(--theme-info-700);
32
+ --surface-info-secondary: var(--theme-info-200);
33
+ --surface-info-secondary-hover: var(--theme-info-300);
34
+ --content-raise: var(--color-neutral-900);
35
+ --content-default: var(--color-neutral-800);
36
+ --content-secondary: var(--color-neutral-700);
37
+ --content-tertiary: var(--color-neutral-600);
38
+ --content-quaternary: var(--color-neutral-500);
39
+ --content-disabled: var(--color-neutral-500);
40
+ --content-accent: var(--theme-accent-800);
41
+ --content-accent-secondary: var(--theme-accent-700);
42
+ --content-accent-tertiary: var(--theme-accent-600);
43
+ --content-accent-disabled: var(--theme-accent-500);
44
+ --content-destructive: var(--theme-destructive-800);
45
+ --content-destructive-secondary: var(--theme-destructive-700);
46
+ --content-destructive-tertiary: var(--theme-destructive-600);
47
+ --content-destructive-disabled: var(--theme-destructive-500);
48
+ --content-success: var(--theme-success-800);
49
+ --content-success-secondary: var(--theme-success-700);
50
+ --content-success-tertiary: var(--theme-success-600);
51
+ --content-success-disabled: var(--theme-success-500);
52
+ --content-error: var(--theme-error-800);
53
+ --content-error-secondary: var(--theme-error-700);
54
+ --content-error-tertiary: var(--theme-error-600);
55
+ --content-error-disabled: var(--theme-error-500);
56
+ --content-notice: var(--theme-notice-800);
57
+ --content-notice-secondary: var(--theme-notice-700);
58
+ --content-notice-tertiary: var(--theme-notice-600);
59
+ --content-notice-disabled: var(--theme-notice-500);
60
+ --content-inverse: var(--surface-default);
61
+ --content-inverse-raise: var(--surface-raise);
62
+ --content-inverse-secondary: var(--surface-secondary);
63
+ --content-info: var(--theme-info-800);
64
+ --content-info-secondary: var(--theme-info-700);
65
+ --content-info-tertiary: var(--theme-info-600);
66
+ --content-info-disabled: var(--theme-info-500);
67
+ --stroke-default: var(--color-neutral-300);
68
+ --stroke-hover: var(--color-neutral-400);
69
+ --stroke-secondary: var(--color-neutral-200);
70
+ --stroke-tertiary: var(--color-neutral-100);
71
+ --stroke-raise: var(--color-neutral-500);
72
+ --stroke-surface: var(--surface-default);
73
+ --stroke-accent: var(--theme-accent-800);
74
+ --stroke-accent-secondary: var(--theme-accent-600);
75
+ --stroke-accent-tertiary: var(--theme-accent-400);
76
+ --stroke-accent-quaternary: var(--theme-accent-300);
77
+ --stroke-destructive: var(--theme-destructive-800);
78
+ --stroke-destructive-secondary: var(--theme-destructive-600);
79
+ --stroke-destructive-tertiary: var(--theme-destructive-400);
80
+ --stroke-destructive-quaternary: var(--theme-destructive-300);
81
+ --stroke-success: var(--theme-success-800);
82
+ --stroke-success-secondary: var(--theme-success-600);
83
+ --stroke-success-tertiary: var(--theme-success-400);
84
+ --stroke-success-quaternary: var(--theme-success-300);
85
+ --stroke-error: var(--theme-error-800);
86
+ --stroke-error-secondary: var(--theme-error-600);
87
+ --stroke-error-tertiary: var(--theme-error-400);
88
+ --stroke-error-quaternary: var(--theme-error-300);
89
+ --stroke-notice: var(--theme-notice-800);
90
+ --stroke-notice-secondary: var(--theme-notice-600);
91
+ --stroke-notice-tertiary: var(--theme-notice-400);
92
+ --stroke-notice-quaternary: var(--theme-notice-300);
93
+ --stroke-info: var(--theme-info-800);
94
+ --stroke-info-secondary: var(--theme-info-600);
95
+ --stroke-info-tertiary: var(--theme-info-400);
96
+ --stroke-info-quaternary: var(--theme-info-300);
97
+ --chart-fill-area-primary: color(
98
+ display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.7
99
+ ); /* #da6177b3 with alpha 0.7 */
100
+ --chart-fill-area-secondary: color(
101
+ display-p3 0.7123368412346623 0.3659764657543945 0.42018168321468297 / 0.7
102
+ ); /* #c3576ab3 with alpha 0.7 */
103
+ --chart-fill-area-tertiary: color(
104
+ display-p3 0.54467993913213 0.2881585750532095 0.32859275026896756 / 0.7
105
+ ); /* #954553b3 with alpha 0.7 */
106
+ --chart-fill-area-quaternary: color(
107
+ display-p3 0.3880353956012564 0.21503505622273383 0.2377024955644162 / 0.2
108
+ ); /* #6a343c33 with alpha 0.2 */
109
+ --chart-fill-item-primary: var(--theme-accent-700);
110
+ --chart-fill-item-secondary: var(--theme-accent-600);
111
+ --chart-fill-item-tertiary: var(--theme-accent-500);
112
+ --chart-fill-item-quaternary: var(--theme-accent-400);
113
+ --chart-fill-error-primary: var(--theme-destructive-700);
114
+ --chart-fill-error-secondary: var(--theme-destructive-600);
115
+ --chart-fill-error-tertiary: var(--theme-destructive-500);
116
+ --chart-fill-error-quaternary: var(--theme-destructive-400);
117
+ --chart-fill-inactive: var(--color-neutral-50);
118
+ --chart-stroke-line: var(--theme-accent-700);
119
+ --chart-stroke-line-secondary: var(--color-yellow-600);
120
+ --chart-stroke-line-tertiary: var(--color-red-600);
121
+ --chart-stroke-line-quaternary: var(--color-blue-600);
122
+ --chart-stroke-y-axis: color(
123
+ display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
124
+ ); /* #2d333566 with alpha 0.4 */
125
+ --chart-stroke-item: color(
126
+ display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
127
+ ); /* #da617766 with alpha 0.4 */
128
+ --chart-stroke-item-inactive: var(--color-neutral-200);
129
+ --chart-stroke-error: color(
130
+ display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
131
+ ); /* #da617766 with alpha 0.4 */
132
+ --theme-accent-100: var(--color-red-100);
133
+ --theme-accent-200: var(--color-red-200);
134
+ --theme-accent-300: var(--color-red-300);
135
+ --theme-accent-400: var(--color-red-400);
136
+ --theme-accent-500: var(--color-red-500);
137
+ --theme-accent-600: var(--color-red-600);
138
+ --theme-accent-700: var(--color-red-700);
139
+ --theme-accent-800: var(--color-red-800);
140
+ --theme-destructive-100: var(--color-red-100);
141
+ --theme-destructive-200: var(--color-red-200);
142
+ --theme-destructive-300: var(--color-red-300);
143
+ --theme-destructive-400: var(--color-red-400);
144
+ --theme-destructive-500: var(--color-red-500);
145
+ --theme-destructive-600: var(--color-red-600);
146
+ --theme-destructive-700: var(--color-red-700);
147
+ --theme-destructive-800: var(--color-red-800);
148
+ --theme-success-100: var(--color-green-100);
149
+ --theme-success-200: var(--color-green-200);
150
+ --theme-success-300: var(--color-green-300);
151
+ --theme-success-400: var(--color-green-400);
152
+ --theme-success-500: var(--color-green-500);
153
+ --theme-success-600: var(--color-green-600);
154
+ --theme-success-700: var(--color-green-700);
155
+ --theme-success-800: var(--color-green-800);
156
+ --theme-error-100: var(--color-red-100);
157
+ --theme-error-200: var(--color-red-200);
158
+ --theme-error-300: var(--color-red-300);
159
+ --theme-error-400: var(--color-red-400);
160
+ --theme-error-500: var(--color-red-500);
161
+ --theme-error-600: var(--color-red-600);
162
+ --theme-error-700: var(--color-red-700);
163
+ --theme-error-800: var(--color-red-800);
164
+ --theme-notice-100: var(--color-yellow-100);
165
+ --theme-notice-200: var(--color-yellow-200);
166
+ --theme-notice-300: var(--color-yellow-300);
167
+ --theme-notice-400: var(--color-yellow-400);
168
+ --theme-notice-500: var(--color-yellow-500);
169
+ --theme-notice-600: var(--color-yellow-600);
170
+ --theme-notice-700: var(--color-yellow-700);
171
+ --theme-notice-800: var(--color-yellow-800);
172
+ --theme-info-100: var(--color-blue-100);
173
+ --theme-info-200: var(--color-blue-200);
174
+ --theme-info-300: var(--color-blue-300);
175
+ --theme-info-400: var(--color-blue-400);
176
+ --theme-info-500: var(--color-blue-500);
177
+ --theme-info-600: var(--color-blue-600);
178
+ --theme-info-700: var(--color-blue-700);
179
+ --theme-info-800: var(--color-blue-800);
645
180
  }