@oxide/design-system 2.7.1--canary.1bbaaff.0 → 2.7.1--canary.e2e4f77.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 +25 -29
  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 +162 -643
  15. package/styles/dist/green.css +162 -641
  16. package/styles/dist/main.css +634 -855
  17. package/styles/dist/purple.css +162 -643
  18. package/styles/dist/red.css +162 -643
  19. package/styles/dist/tailwind.css +51 -0
  20. package/styles/dist/yellow.css +162 -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/green.css CHANGED
@@ -1,643 +1,164 @@
1
- /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
2
-
3
1
  .green-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.1255 0.6392 0.4235 / 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.1373 0.5412 0.3686 / 0.7019607843137254
382
- );
383
- --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254);
384
- --chart-fill-area-tertiary-p3: color(display-p3 0.1373 0.4157 0.298 / 0.7019607843137254);
385
- --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2);
386
- --chart-fill-area-quaternary-p3: color(display-p3 0.1255 0.302 0.2314 / 0.2);
387
-
388
- --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
389
- --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
390
- --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
391
-
392
- --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
393
- --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
394
- --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
395
-
396
- --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
397
- --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
398
- --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
399
-
400
- --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
401
- --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
402
- --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
403
-
404
- --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
405
- --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
406
- --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
407
-
408
- --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
409
- --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
410
- --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
411
-
412
- --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
413
- --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
414
- --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
415
-
416
- --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
417
- --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
418
- --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
419
-
420
- --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
421
- --chart-fill-inactive-p3: var(--base-neutral-50-p3);
422
- --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
423
-
424
- --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
425
- --chart-stroke-line-p3: var(--theme-accent-700-p3);
426
- --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
427
-
428
- --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
429
- --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
430
- --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
431
-
432
- --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
433
- --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
434
- --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
435
-
436
- --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
437
- --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
438
- --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
439
-
440
- --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4);
441
- --chart-stroke-y-axis-p3: color(display-p3 0.1765 0.2 0.2078 / 0.4);
442
- --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4);
443
- --chart-stroke-item-p3: color(display-p3 0.1255 0.6392 0.4235 / 0.4);
444
-
445
- --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
446
- --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
447
- --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
448
-
449
- --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4);
450
- --chart-stroke-error-p3: color(display-p3 0.8549 0.3804 0.4667 / 0.4);
451
-
452
- --theme-accent-100-rgb: var(--base-green-100-rgb);
453
- --theme-accent-100-p3: var(--base-green-100-p3);
454
- --theme-accent-100: rgb(var(--theme-accent-100-rgb));
455
-
456
- --theme-accent-200-rgb: var(--base-green-200-rgb);
457
- --theme-accent-200-p3: var(--base-green-200-p3);
458
- --theme-accent-200: rgb(var(--theme-accent-200-rgb));
459
-
460
- --theme-accent-300-rgb: var(--base-green-300-rgb);
461
- --theme-accent-300-p3: var(--base-green-300-p3);
462
- --theme-accent-300: rgb(var(--theme-accent-300-rgb));
463
-
464
- --theme-accent-400-rgb: var(--base-green-400-rgb);
465
- --theme-accent-400-p3: var(--base-green-400-p3);
466
- --theme-accent-400: rgb(var(--theme-accent-400-rgb));
467
-
468
- --theme-accent-500-rgb: var(--base-green-500-rgb);
469
- --theme-accent-500-p3: var(--base-green-500-p3);
470
- --theme-accent-500: rgb(var(--theme-accent-500-rgb));
471
-
472
- --theme-accent-600-rgb: var(--base-green-600-rgb);
473
- --theme-accent-600-p3: var(--base-green-600-p3);
474
- --theme-accent-600: rgb(var(--theme-accent-600-rgb));
475
-
476
- --theme-accent-700-rgb: var(--base-green-700-rgb);
477
- --theme-accent-700-p3: var(--base-green-700-p3);
478
- --theme-accent-700: rgb(var(--theme-accent-700-rgb));
479
-
480
- --theme-accent-800-rgb: var(--base-green-800-rgb);
481
- --theme-accent-800-p3: var(--base-green-800-p3);
482
- --theme-accent-800: rgb(var(--theme-accent-800-rgb));
483
-
484
- --theme-destructive-100-rgb: var(--base-red-100-rgb);
485
- --theme-destructive-100-p3: var(--base-red-100-p3);
486
- --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
487
-
488
- --theme-destructive-200-rgb: var(--base-red-200-rgb);
489
- --theme-destructive-200-p3: var(--base-red-200-p3);
490
- --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
491
-
492
- --theme-destructive-300-rgb: var(--base-red-300-rgb);
493
- --theme-destructive-300-p3: var(--base-red-300-p3);
494
- --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
495
-
496
- --theme-destructive-400-rgb: var(--base-red-400-rgb);
497
- --theme-destructive-400-p3: var(--base-red-400-p3);
498
- --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
499
-
500
- --theme-destructive-500-rgb: var(--base-red-500-rgb);
501
- --theme-destructive-500-p3: var(--base-red-500-p3);
502
- --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
503
-
504
- --theme-destructive-600-rgb: var(--base-red-600-rgb);
505
- --theme-destructive-600-p3: var(--base-red-600-p3);
506
- --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
507
-
508
- --theme-destructive-700-rgb: var(--base-red-700-rgb);
509
- --theme-destructive-700-p3: var(--base-red-700-p3);
510
- --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
511
-
512
- --theme-destructive-800-rgb: var(--base-red-800-rgb);
513
- --theme-destructive-800-p3: var(--base-red-800-p3);
514
- --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
515
-
516
- --theme-success-100-rgb: var(--base-green-100-rgb);
517
- --theme-success-100-p3: var(--base-green-100-p3);
518
- --theme-success-100: rgb(var(--theme-success-100-rgb));
519
-
520
- --theme-success-200-rgb: var(--base-green-200-rgb);
521
- --theme-success-200-p3: var(--base-green-200-p3);
522
- --theme-success-200: rgb(var(--theme-success-200-rgb));
523
-
524
- --theme-success-300-rgb: var(--base-green-300-rgb);
525
- --theme-success-300-p3: var(--base-green-300-p3);
526
- --theme-success-300: rgb(var(--theme-success-300-rgb));
527
-
528
- --theme-success-400-rgb: var(--base-green-400-rgb);
529
- --theme-success-400-p3: var(--base-green-400-p3);
530
- --theme-success-400: rgb(var(--theme-success-400-rgb));
531
-
532
- --theme-success-500-rgb: var(--base-green-500-rgb);
533
- --theme-success-500-p3: var(--base-green-500-p3);
534
- --theme-success-500: rgb(var(--theme-success-500-rgb));
535
-
536
- --theme-success-600-rgb: var(--base-green-600-rgb);
537
- --theme-success-600-p3: var(--base-green-600-p3);
538
- --theme-success-600: rgb(var(--theme-success-600-rgb));
539
-
540
- --theme-success-700-rgb: var(--base-green-700-rgb);
541
- --theme-success-700-p3: var(--base-green-700-p3);
542
- --theme-success-700: rgb(var(--theme-success-700-rgb));
543
-
544
- --theme-success-800-rgb: var(--base-green-800-rgb);
545
- --theme-success-800-p3: var(--base-green-800-p3);
546
- --theme-success-800: rgb(var(--theme-success-800-rgb));
547
-
548
- --theme-error-100-rgb: var(--base-red-100-rgb);
549
- --theme-error-100-p3: var(--base-red-100-p3);
550
- --theme-error-100: rgb(var(--theme-error-100-rgb));
551
-
552
- --theme-error-200-rgb: var(--base-red-200-rgb);
553
- --theme-error-200-p3: var(--base-red-200-p3);
554
- --theme-error-200: rgb(var(--theme-error-200-rgb));
555
-
556
- --theme-error-300-rgb: var(--base-red-300-rgb);
557
- --theme-error-300-p3: var(--base-red-300-p3);
558
- --theme-error-300: rgb(var(--theme-error-300-rgb));
559
-
560
- --theme-error-400-rgb: var(--base-red-400-rgb);
561
- --theme-error-400-p3: var(--base-red-400-p3);
562
- --theme-error-400: rgb(var(--theme-error-400-rgb));
563
-
564
- --theme-error-500-rgb: var(--base-red-500-rgb);
565
- --theme-error-500-p3: var(--base-red-500-p3);
566
- --theme-error-500: rgb(var(--theme-error-500-rgb));
567
-
568
- --theme-error-600-rgb: var(--base-red-600-rgb);
569
- --theme-error-600-p3: var(--base-red-600-p3);
570
- --theme-error-600: rgb(var(--theme-error-600-rgb));
571
-
572
- --theme-error-700-rgb: var(--base-red-700-rgb);
573
- --theme-error-700-p3: var(--base-red-700-p3);
574
- --theme-error-700: rgb(var(--theme-error-700-rgb));
575
-
576
- --theme-error-800-rgb: var(--base-red-800-rgb);
577
- --theme-error-800-p3: var(--base-red-800-p3);
578
- --theme-error-800: rgb(var(--theme-error-800-rgb));
579
-
580
- --theme-notice-100-rgb: var(--base-yellow-100-rgb);
581
- --theme-notice-100-p3: var(--base-yellow-100-p3);
582
- --theme-notice-100: rgb(var(--theme-notice-100-rgb));
583
-
584
- --theme-notice-200-rgb: var(--base-yellow-200-rgb);
585
- --theme-notice-200-p3: var(--base-yellow-200-p3);
586
- --theme-notice-200: rgb(var(--theme-notice-200-rgb));
587
-
588
- --theme-notice-300-rgb: var(--base-yellow-300-rgb);
589
- --theme-notice-300-p3: var(--base-yellow-300-p3);
590
- --theme-notice-300: rgb(var(--theme-notice-300-rgb));
591
-
592
- --theme-notice-400-rgb: var(--base-yellow-400-rgb);
593
- --theme-notice-400-p3: var(--base-yellow-400-p3);
594
- --theme-notice-400: rgb(var(--theme-notice-400-rgb));
595
-
596
- --theme-notice-500-rgb: var(--base-yellow-500-rgb);
597
- --theme-notice-500-p3: var(--base-yellow-500-p3);
598
- --theme-notice-500: rgb(var(--theme-notice-500-rgb));
599
-
600
- --theme-notice-600-rgb: var(--base-yellow-600-rgb);
601
- --theme-notice-600-p3: var(--base-yellow-600-p3);
602
- --theme-notice-600: rgb(var(--theme-notice-600-rgb));
603
-
604
- --theme-notice-700-rgb: var(--base-yellow-700-rgb);
605
- --theme-notice-700-p3: var(--base-yellow-700-p3);
606
- --theme-notice-700: rgb(var(--theme-notice-700-rgb));
607
-
608
- --theme-notice-800-rgb: var(--base-yellow-800-rgb);
609
- --theme-notice-800-p3: var(--base-yellow-800-p3);
610
- --theme-notice-800: rgb(var(--theme-notice-800-rgb));
611
-
612
- --theme-info-100-rgb: var(--base-blue-100-rgb);
613
- --theme-info-100-p3: var(--base-blue-100-p3);
614
- --theme-info-100: rgb(var(--theme-info-100-rgb));
615
-
616
- --theme-info-200-rgb: var(--base-blue-200-rgb);
617
- --theme-info-200-p3: var(--base-blue-200-p3);
618
- --theme-info-200: rgb(var(--theme-info-200-rgb));
619
-
620
- --theme-info-300-rgb: var(--base-blue-300-rgb);
621
- --theme-info-300-p3: var(--base-blue-300-p3);
622
- --theme-info-300: rgb(var(--theme-info-300-rgb));
623
-
624
- --theme-info-400-rgb: var(--base-blue-400-rgb);
625
- --theme-info-400-p3: var(--base-blue-400-p3);
626
- --theme-info-400: rgb(var(--theme-info-400-rgb));
627
-
628
- --theme-info-500-rgb: var(--base-blue-500-rgb);
629
- --theme-info-500-p3: var(--base-blue-500-p3);
630
- --theme-info-500: rgb(var(--theme-info-500-rgb));
631
-
632
- --theme-info-600-rgb: var(--base-blue-600-rgb);
633
- --theme-info-600-p3: var(--base-blue-600-p3);
634
- --theme-info-600: rgb(var(--theme-info-600-rgb));
635
-
636
- --theme-info-700-rgb: var(--base-blue-700-rgb);
637
- --theme-info-700-p3: var(--base-blue-700-p3);
638
- --theme-info-700: rgb(var(--theme-info-700-rgb));
639
-
640
- --theme-info-800-rgb: var(--base-blue-800-rgb);
641
- --theme-info-800-p3: var(--base-blue-800-p3);
642
- --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: var(--color-neutral-0);
9
+ --surface-accent: var(--theme-accent-800);
10
+ --surface-accent-hover: var(--theme-accent-700);
11
+ --surface-accent-secondary: var(--theme-accent-200);
12
+ --surface-accent-secondary-hover: var(--theme-accent-300);
13
+ --surface-destructive: var(--theme-destructive-800);
14
+ --surface-destructive-hover: var(--theme-destructive-700);
15
+ --surface-destructive-secondary: var(--theme-destructive-200);
16
+ --surface-destructive-secondary-hover: var(--theme-destructive-300);
17
+ --surface-notice: var(--theme-notice-800);
18
+ --surface-notice-hover: var(--theme-notice-700);
19
+ --surface-notice-secondary: var(--theme-notice-200);
20
+ --surface-notice-secondary-hover: var(--theme-notice-300);
21
+ --surface-success: var(--theme-success-800);
22
+ --surface-success-secondary: var(--theme-success-200);
23
+ --surface-error: var(--theme-error-800);
24
+ --surface-error-secondary: var(--theme-error-200);
25
+ --surface-inverse-raise: var(--content-raise);
26
+ --surface-inverse-primary: var(--content-default);
27
+ --surface-inverse-secondary: var(--content-secondary);
28
+ --surface-info: var(--theme-info-800);
29
+ --surface-info-hover: var(--theme-info-700);
30
+ --surface-info-secondary: var(--theme-info-200);
31
+ --surface-info-secondary-hover: var(--theme-info-300);
32
+ --content-raise: var(--color-neutral-900);
33
+ --content-default: var(--color-neutral-800);
34
+ --content-secondary: var(--color-neutral-700);
35
+ --content-tertiary: var(--color-neutral-600);
36
+ --content-quaternary: var(--color-neutral-500);
37
+ --content-disabled: var(--color-neutral-500);
38
+ --content-accent: var(--theme-accent-800);
39
+ --content-accent-secondary: var(--theme-accent-700);
40
+ --content-accent-tertiary: var(--theme-accent-600);
41
+ --content-accent-disabled: var(--theme-accent-500);
42
+ --content-destructive: var(--theme-destructive-800);
43
+ --content-destructive-secondary: var(--theme-destructive-700);
44
+ --content-destructive-tertiary: var(--theme-destructive-600);
45
+ --content-destructive-disabled: var(--theme-destructive-500);
46
+ --content-success: var(--theme-success-800);
47
+ --content-success-secondary: var(--theme-success-700);
48
+ --content-success-tertiary: var(--theme-success-600);
49
+ --content-success-disabled: var(--theme-success-500);
50
+ --content-error: var(--theme-error-800);
51
+ --content-error-secondary: var(--theme-error-700);
52
+ --content-error-tertiary: var(--theme-error-600);
53
+ --content-error-disabled: var(--theme-error-500);
54
+ --content-notice: var(--theme-notice-800);
55
+ --content-notice-secondary: var(--theme-notice-700);
56
+ --content-notice-tertiary: var(--theme-notice-600);
57
+ --content-notice-disabled: var(--theme-notice-500);
58
+ --content-inverse: var(--surface-default);
59
+ --content-inverse-raise: var(--surface-raise);
60
+ --content-inverse-secondary: var(--surface-secondary);
61
+ --content-info: var(--theme-info-800);
62
+ --content-info-secondary: var(--theme-info-700);
63
+ --content-info-tertiary: var(--theme-info-600);
64
+ --content-info-disabled: var(--theme-info-500);
65
+ --stroke-default: var(--color-neutral-300);
66
+ --stroke-hover: var(--color-neutral-400);
67
+ --stroke-secondary: var(--color-neutral-200);
68
+ --stroke-tertiary: var(--color-neutral-100);
69
+ --stroke-raise: var(--color-neutral-500);
70
+ --stroke-surface: var(--surface-default);
71
+ --stroke-accent: var(--theme-accent-800);
72
+ --stroke-accent-secondary: var(--theme-accent-600);
73
+ --stroke-accent-tertiary: var(--theme-accent-400);
74
+ --stroke-accent-quaternary: var(--theme-accent-300);
75
+ --stroke-destructive: var(--theme-destructive-800);
76
+ --stroke-destructive-secondary: var(--theme-destructive-600);
77
+ --stroke-destructive-tertiary: var(--theme-destructive-400);
78
+ --stroke-destructive-quaternary: var(--theme-destructive-300);
79
+ --stroke-success: var(--theme-success-800);
80
+ --stroke-success-secondary: var(--theme-success-600);
81
+ --stroke-success-tertiary: var(--theme-success-400);
82
+ --stroke-success-quaternary: var(--theme-success-300);
83
+ --stroke-error: var(--theme-error-800);
84
+ --stroke-error-secondary: var(--theme-error-600);
85
+ --stroke-error-tertiary: var(--theme-error-400);
86
+ --stroke-error-quaternary: var(--theme-error-300);
87
+ --stroke-notice: var(--theme-notice-800);
88
+ --stroke-notice-secondary: var(--theme-notice-600);
89
+ --stroke-notice-tertiary: var(--theme-notice-400);
90
+ --stroke-notice-quaternary: var(--theme-notice-300);
91
+ --stroke-info: var(--theme-info-800);
92
+ --stroke-info-secondary: var(--theme-info-600);
93
+ --stroke-info-tertiary: var(--theme-info-400);
94
+ --stroke-info-quaternary: var(--theme-info-300);
95
+ --chart-fill-area-primary: var(--theme-accent-700);
96
+ --chart-fill-area-secondary: var(--theme-accent-600);
97
+ --chart-fill-area-tertiary: var(--theme-accent-500);
98
+ --chart-fill-area-quaternary: var(--theme-accent-400);
99
+ --chart-fill-item-primary: var(--theme-accent-700);
100
+ --chart-fill-item-secondary: var(--theme-accent-600);
101
+ --chart-fill-item-tertiary: var(--theme-accent-500);
102
+ --chart-fill-item-quaternary: var(--theme-accent-400);
103
+ --chart-fill-error-primary: var(--theme-destructive-700);
104
+ --chart-fill-error-secondary: var(--theme-destructive-600);
105
+ --chart-fill-error-tertiary: var(--theme-destructive-500);
106
+ --chart-fill-error-quaternary: var(--theme-destructive-400);
107
+ --chart-fill-inactive: var(--color-neutral-50);
108
+ --chart-stroke-line: var(--theme-accent-700);
109
+ --chart-stroke-line-secondary: var(--color-yellow-600);
110
+ --chart-stroke-line-tertiary: var(--color-red-600);
111
+ --chart-stroke-line-quaternary: var(--color-blue-600);
112
+ --chart-stroke-y-axis: var(--stroke-default);
113
+ --chart-stroke-item: var(--theme-accent-700);
114
+ --chart-stroke-item-inactive: var(--color-neutral-200);
115
+ --chart-stroke-error: var(--theme-destructive-700);
116
+ --theme-accent-100: var(--color-green-100);
117
+ --theme-accent-200: var(--color-green-200);
118
+ --theme-accent-300: var(--color-green-300);
119
+ --theme-accent-400: var(--color-green-400);
120
+ --theme-accent-500: var(--color-green-500);
121
+ --theme-accent-600: var(--color-green-600);
122
+ --theme-accent-700: var(--color-green-700);
123
+ --theme-accent-800: var(--color-green-800);
124
+ --theme-destructive-100: var(--color-red-100);
125
+ --theme-destructive-200: var(--color-red-200);
126
+ --theme-destructive-300: var(--color-red-300);
127
+ --theme-destructive-400: var(--color-red-400);
128
+ --theme-destructive-500: var(--color-red-500);
129
+ --theme-destructive-600: var(--color-red-600);
130
+ --theme-destructive-700: var(--color-red-700);
131
+ --theme-destructive-800: var(--color-red-800);
132
+ --theme-success-100: var(--color-green-100);
133
+ --theme-success-200: var(--color-green-200);
134
+ --theme-success-300: var(--color-green-300);
135
+ --theme-success-400: var(--color-green-400);
136
+ --theme-success-500: var(--color-green-500);
137
+ --theme-success-600: var(--color-green-600);
138
+ --theme-success-700: var(--color-green-700);
139
+ --theme-success-800: var(--color-green-800);
140
+ --theme-error-100: var(--color-red-100);
141
+ --theme-error-200: var(--color-red-200);
142
+ --theme-error-300: var(--color-red-300);
143
+ --theme-error-400: var(--color-red-400);
144
+ --theme-error-500: var(--color-red-500);
145
+ --theme-error-600: var(--color-red-600);
146
+ --theme-error-700: var(--color-red-700);
147
+ --theme-error-800: var(--color-red-800);
148
+ --theme-notice-100: var(--color-yellow-100);
149
+ --theme-notice-200: var(--color-yellow-200);
150
+ --theme-notice-300: var(--color-yellow-300);
151
+ --theme-notice-400: var(--color-yellow-400);
152
+ --theme-notice-500: var(--color-yellow-500);
153
+ --theme-notice-600: var(--color-yellow-600);
154
+ --theme-notice-700: var(--color-yellow-700);
155
+ --theme-notice-800: var(--color-yellow-800);
156
+ --theme-info-100: var(--color-blue-100);
157
+ --theme-info-200: var(--color-blue-200);
158
+ --theme-info-300: var(--color-blue-300);
159
+ --theme-info-400: var(--color-blue-400);
160
+ --theme-info-500: var(--color-blue-500);
161
+ --theme-info-600: var(--color-blue-600);
162
+ --theme-info-700: var(--color-blue-700);
163
+ --theme-info-800: var(--color-blue-800);
643
164
  }