@seed-design/rootage-artifacts 1.1.5 → 1.1.7

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 (19) hide show
  1. package/color.yaml +324 -284
  2. package/components/action-button.yaml +2 -2
  3. package/components/bottom-sheet-handle.yaml +1 -1
  4. package/components/checkmark.yaml +8 -1
  5. package/components/chip-tab.yaml +2 -0
  6. package/components/contextual-floating-button.yaml +1 -8
  7. package/components/control-chip.yaml +1 -1
  8. package/components/floating-action-button.yaml +1 -8
  9. package/components/list-item.yaml +8 -0
  10. package/components/radiomark.yaml +20 -9
  11. package/components/slider-thumb.yaml +14 -1
  12. package/components/slider-tick.yaml +2 -0
  13. package/components/slider.yaml +92 -1
  14. package/components/toggle-button.yaml +2 -2
  15. package/components/top-navigation.yaml +4 -0
  16. package/components/typography.yaml +144 -0
  17. package/gradient.yaml +42 -42
  18. package/package.json +1 -1
  19. package/shadow.yaml +63 -0
package/color.yaml CHANGED
@@ -2,50 +2,54 @@ kind: Tokens
2
2
  metadata:
3
3
  id: color
4
4
  name: Color
5
- lastUpdated: 25-11-18
5
+ lastUpdated: 26-01-06
6
6
  data:
7
7
  collection: color
8
8
  tokens:
9
- $color.palette.blue-100:
9
+ $color.palette.gray-00:
10
10
  values:
11
- theme-light: "#eff6ff"
12
- theme-dark: "#202742"
13
- $color.palette.blue-200:
11
+ theme-light: "#ffffff"
12
+ theme-dark: "#000000"
13
+ $color.palette.gray-100:
14
14
  values:
15
- theme-light: "#e2edfc"
16
- theme-dark: "#1e3352"
17
- $color.palette.blue-300:
15
+ theme-light: "#f7f8f9"
16
+ theme-dark: "#16171b"
17
+ $color.palette.gray-200:
18
18
  values:
19
- theme-light: "#cbdffa"
20
- theme-dark: "#1a4275"
21
- $color.palette.blue-400:
19
+ theme-light: "#f3f4f5"
20
+ theme-dark: "#1d2025"
21
+ $color.palette.gray-300:
22
22
  values:
23
- theme-light: "#aacefd"
24
- theme-dark: "#0f559e"
25
- $color.palette.blue-500:
23
+ theme-light: "#eeeff1"
24
+ theme-dark: "#2b2e35"
25
+ $color.palette.gray-400:
26
26
  values:
27
- theme-light: "#85b8fd"
28
- theme-dark: "#1964d8"
29
- $color.palette.blue-600:
27
+ theme-light: "#dcdee3"
28
+ theme-dark: "#393d46"
29
+ $color.palette.gray-500:
30
30
  values:
31
- theme-light: "#5e98fe"
32
- theme-dark: "#1e82eb"
33
- $color.palette.blue-700:
31
+ theme-light: "#d1d3d8"
32
+ theme-dark: "#5b606a"
33
+ $color.palette.gray-600:
34
34
  values:
35
- theme-light: "#217cf9"
36
- theme-dark: "#41a2f9"
37
- $color.palette.blue-800:
35
+ theme-light: "#b0b3ba"
36
+ theme-dark: "#868b94"
37
+ $color.palette.gray-700:
38
38
  values:
39
- theme-light: "#135fcd"
40
- theme-dark: "#83bcf9"
41
- $color.palette.blue-900:
39
+ theme-light: "#868b94"
40
+ theme-dark: "#b0b3ba"
41
+ $color.palette.gray-800:
42
42
  values:
43
- theme-light: "#0b4596"
44
- theme-dark: "#b9d7fb"
45
- $color.palette.blue-1000:
43
+ theme-light: "#555d6d"
44
+ theme-dark: "#dcdee3"
45
+ $color.palette.gray-900:
46
46
  values:
47
- theme-light: "#032451"
48
- theme-dark: "#e5f0fe"
47
+ theme-light: "#2a3038"
48
+ theme-dark: "#e9eaec"
49
+ $color.palette.gray-1000:
50
+ values:
51
+ theme-light: "#1a1c20"
52
+ theme-dark: "#f3f4f5"
49
53
  $color.palette.carrot-100:
50
54
  values:
51
55
  theme-light: "#fff2ec"
@@ -86,50 +90,86 @@ data:
86
90
  values:
87
91
  theme-light: "#471601"
88
92
  theme-dark: "#f4eeea"
89
- $color.palette.gray-00:
93
+ $color.palette.blue-100:
90
94
  values:
91
- theme-light: "#ffffff"
92
- theme-dark: "#000000"
93
- $color.palette.gray-100:
95
+ theme-light: "#eff6ff"
96
+ theme-dark: "#202742"
97
+ $color.palette.blue-200:
94
98
  values:
95
- theme-light: "#f7f8f9"
96
- theme-dark: "#16171b"
97
- $color.palette.gray-200:
99
+ theme-light: "#e2edfc"
100
+ theme-dark: "#1e3352"
101
+ $color.palette.blue-300:
98
102
  values:
99
- theme-light: "#f3f4f5"
100
- theme-dark: "#1d2025"
101
- $color.palette.gray-300:
103
+ theme-light: "#cbdffa"
104
+ theme-dark: "#1a4275"
105
+ $color.palette.blue-400:
102
106
  values:
103
- theme-light: "#eeeff1"
104
- theme-dark: "#2b2e35"
105
- $color.palette.gray-400:
107
+ theme-light: "#aacefd"
108
+ theme-dark: "#0f559e"
109
+ $color.palette.blue-500:
106
110
  values:
107
- theme-light: "#dcdee3"
108
- theme-dark: "#393d46"
109
- $color.palette.gray-500:
111
+ theme-light: "#85b8fd"
112
+ theme-dark: "#1964d8"
113
+ $color.palette.blue-600:
110
114
  values:
111
- theme-light: "#d1d3d8"
112
- theme-dark: "#5b606a"
113
- $color.palette.gray-600:
115
+ theme-light: "#5e98fe"
116
+ theme-dark: "#1e82eb"
117
+ $color.palette.blue-700:
114
118
  values:
115
- theme-light: "#b0b3ba"
116
- theme-dark: "#868b94"
117
- $color.palette.gray-700:
119
+ theme-light: "#217cf9"
120
+ theme-dark: "#41a2f9"
121
+ $color.palette.blue-800:
118
122
  values:
119
- theme-light: "#868b94"
120
- theme-dark: "#b0b3ba"
121
- $color.palette.gray-800:
123
+ theme-light: "#135fcd"
124
+ theme-dark: "#83bcf9"
125
+ $color.palette.blue-900:
122
126
  values:
123
- theme-light: "#555d6d"
124
- theme-dark: "#dcdee3"
125
- $color.palette.gray-900:
127
+ theme-light: "#0b4596"
128
+ theme-dark: "#b9d7fb"
129
+ $color.palette.blue-1000:
126
130
  values:
127
- theme-light: "#2a3038"
128
- theme-dark: "#e9eaec"
129
- $color.palette.gray-1000:
131
+ theme-light: "#032451"
132
+ theme-dark: "#e5f0fe"
133
+ $color.palette.red-100:
130
134
  values:
131
- theme-light: "#1a1c20"
132
- theme-dark: "#f3f4f5"
135
+ theme-light: "#fdf0f0"
136
+ theme-dark: "#322323"
137
+ $color.palette.red-200:
138
+ values:
139
+ theme-light: "#fde7e7"
140
+ theme-dark: "#4f2624"
141
+ $color.palette.red-300:
142
+ values:
143
+ theme-light: "#fed4d2"
144
+ theme-dark: "#742826"
145
+ $color.palette.red-400:
146
+ values:
147
+ theme-light: "#feb7b3"
148
+ theme-dark: "#a12621"
149
+ $color.palette.red-500:
150
+ values:
151
+ theme-light: "#fe928d"
152
+ theme-dark: "#ca2319"
153
+ $color.palette.red-600:
154
+ values:
155
+ theme-light: "#fc6a66"
156
+ theme-dark: "#f73526"
157
+ $color.palette.red-700:
158
+ values:
159
+ theme-light: "#fa342c"
160
+ theme-dark: "#ff6e60"
161
+ $color.palette.red-800:
162
+ values:
163
+ theme-light: "#ca1d13"
164
+ theme-dark: "#ffa299"
165
+ $color.palette.red-900:
166
+ values:
167
+ theme-light: "#921708"
168
+ theme-dark: "#f8c5c3"
169
+ $color.palette.red-1000:
170
+ values:
171
+ theme-light: "#4a1209"
172
+ theme-dark: "#fdf2f2"
133
173
  $color.palette.green-100:
134
174
  values:
135
175
  theme-light: "#edfaf6"
@@ -170,6 +210,46 @@ data:
170
210
  values:
171
211
  theme-light: "#0a2b24"
172
212
  theme-dark: "#d4f6ef"
213
+ $color.palette.yellow-100:
214
+ values:
215
+ theme-light: "#fff7de"
216
+ theme-dark: "#302819"
217
+ $color.palette.yellow-200:
218
+ values:
219
+ theme-light: "#fdefb9"
220
+ theme-dark: "#413218"
221
+ $color.palette.yellow-300:
222
+ values:
223
+ theme-light: "#fbdc65"
224
+ theme-dark: "#543e15"
225
+ $color.palette.yellow-400:
226
+ values:
227
+ theme-light: "#e9c647"
228
+ theme-dark: "#714e15"
229
+ $color.palette.yellow-500:
230
+ values:
231
+ theme-light: "#d4ab28"
232
+ theme-dark: "#91601b"
233
+ $color.palette.yellow-600:
234
+ values:
235
+ theme-light: "#c49725"
236
+ theme-dark: "#b6720d"
237
+ $color.palette.yellow-700:
238
+ values:
239
+ theme-light: "#9b7821"
240
+ theme-dark: "#ca901c"
241
+ $color.palette.yellow-800:
242
+ values:
243
+ theme-light: "#755b22"
244
+ theme-dark: "#dab156"
245
+ $color.palette.yellow-900:
246
+ values:
247
+ theme-light: "#4f3e1f"
248
+ theme-dark: "#e5d49b"
249
+ $color.palette.yellow-1000:
250
+ values:
251
+ theme-light: "#2c2512"
252
+ theme-dark: "#f7f0cd"
173
253
  $color.palette.purple-100:
174
254
  values:
175
255
  theme-light: "#f5f3fe"
@@ -210,54 +290,10 @@ data:
210
290
  values:
211
291
  theme-light: "#29175d"
212
292
  theme-dark: "#f0edfc"
213
- $color.palette.red-100:
214
- values:
215
- theme-light: "#fdf0f0"
216
- theme-dark: "#322323"
217
- $color.palette.red-200:
218
- values:
219
- theme-light: "#fde7e7"
220
- theme-dark: "#4f2624"
221
- $color.palette.red-300:
222
- values:
223
- theme-light: "#fed4d2"
224
- theme-dark: "#742826"
225
- $color.palette.red-400:
226
- values:
227
- theme-light: "#feb7b3"
228
- theme-dark: "#a12621"
229
- $color.palette.red-500:
230
- values:
231
- theme-light: "#fe928d"
232
- theme-dark: "#ca2319"
233
- $color.palette.red-600:
234
- values:
235
- theme-light: "#fc6a66"
236
- theme-dark: "#f73526"
237
- $color.palette.red-700:
238
- values:
239
- theme-light: "#fa342c"
240
- theme-dark: "#ff6e60"
241
- $color.palette.red-800:
242
- values:
243
- theme-light: "#ca1d13"
244
- theme-dark: "#ffa299"
245
- $color.palette.red-900:
246
- values:
247
- theme-light: "#921708"
248
- theme-dark: "#f8c5c3"
249
- $color.palette.red-1000:
250
- values:
251
- theme-light: "#4a1209"
252
- theme-dark: "#fdf2f2"
253
293
  $color.palette.static-black:
254
294
  values:
255
295
  theme-light: "#000000"
256
296
  theme-dark: "#000000"
257
- $color.palette.static-white:
258
- values:
259
- theme-light: "#ffffff"
260
- theme-dark: "#ffffff"
261
297
  $color.palette.static-black-alpha-100:
262
298
  values:
263
299
  theme-light: "#00000007"
@@ -298,6 +334,10 @@ data:
298
334
  values:
299
335
  theme-light: "#000000e3"
300
336
  theme-dark: "#000000e3"
337
+ $color.palette.static-white:
338
+ values:
339
+ theme-light: "#ffffff"
340
+ theme-dark: "#ffffff"
301
341
  $color.palette.static-white-alpha-50:
302
342
  values:
303
343
  theme-light: "#ffffff0d"
@@ -342,90 +382,42 @@ data:
342
382
  values:
343
383
  theme-light: "#fffffff4"
344
384
  theme-dark: "#fffffff4"
345
- $color.palette.yellow-100:
346
- values:
347
- theme-light: "#fff7de"
348
- theme-dark: "#302819"
349
- $color.palette.yellow-200:
350
- values:
351
- theme-light: "#fdefb9"
352
- theme-dark: "#413218"
353
- $color.palette.yellow-300:
354
- values:
355
- theme-light: "#fbdc65"
356
- theme-dark: "#543e15"
357
- $color.palette.yellow-400:
358
- values:
359
- theme-light: "#e9c647"
360
- theme-dark: "#714e15"
361
- $color.palette.yellow-500:
362
- values:
363
- theme-light: "#d4ab28"
364
- theme-dark: "#91601b"
365
- $color.palette.yellow-600:
366
- values:
367
- theme-light: "#c49725"
368
- theme-dark: "#b6720d"
369
- $color.palette.yellow-700:
370
- values:
371
- theme-light: "#9b7821"
372
- theme-dark: "#ca901c"
373
- $color.palette.yellow-800:
374
- values:
375
- theme-light: "#755b22"
376
- theme-dark: "#dab156"
377
- $color.palette.yellow-900:
378
- values:
379
- theme-light: "#4f3e1f"
380
- theme-dark: "#e5d49b"
381
- $color.palette.yellow-1000:
382
- values:
383
- theme-light: "#2c2512"
384
- theme-dark: "#f7f0cd"
385
- $color.fg.neutral:
386
- values:
387
- theme-light: $color.palette.gray-1000
388
- theme-dark: $color.palette.gray-1000
389
- $color.fg.placeholder:
390
- values:
391
- theme-light: $color.palette.gray-600
392
- theme-dark: $color.palette.gray-600
393
- $color.fg.disabled:
394
- values:
395
- theme-light: $color.palette.gray-500
396
- theme-dark: $color.palette.gray-500
397
- $color.fg.brand:
385
+ $color.fg.brand:
398
386
  values:
399
387
  theme-light: $color.palette.carrot-600
400
388
  theme-dark: $color.palette.carrot-700
401
- $color.fg.informative:
389
+ $color.fg.brand-contrast:
402
390
  values:
403
- theme-light: $color.palette.blue-700
404
- theme-dark: $color.palette.blue-700
391
+ theme-light: $color.palette.carrot-700
392
+ theme-dark: $color.palette.carrot-700
405
393
  $color.fg.critical:
406
394
  values:
407
395
  theme-light: $color.palette.red-700
408
396
  theme-dark: $color.palette.red-700
409
- $color.fg.positive:
410
- values:
411
- theme-light: $color.palette.green-700
412
- theme-dark: $color.palette.green-700
413
- $color.fg.warning:
414
- values:
415
- theme-light: $color.palette.yellow-700
416
- theme-dark: $color.palette.yellow-700
417
- $color.fg.brand-contrast:
418
- values:
419
- theme-light: $color.palette.carrot-700
420
- theme-dark: $color.palette.carrot-700
421
397
  $color.fg.critical-contrast:
422
398
  values:
423
399
  theme-light: $color.palette.red-900
424
400
  theme-dark: $color.palette.red-900
401
+ $color.fg.disabled:
402
+ values:
403
+ theme-light: $color.palette.gray-500
404
+ theme-dark: $color.palette.gray-500
405
+ $color.fg.informative:
406
+ values:
407
+ theme-light: $color.palette.blue-700
408
+ theme-dark: $color.palette.blue-700
425
409
  $color.fg.informative-contrast:
426
410
  values:
427
411
  theme-light: $color.palette.blue-900
428
412
  theme-dark: $color.palette.blue-900
413
+ $color.fg.neutral:
414
+ values:
415
+ theme-light: $color.palette.gray-1000
416
+ theme-dark: $color.palette.gray-1000
417
+ $color.fg.neutral-inverted:
418
+ values:
419
+ theme-light: $color.palette.gray-00
420
+ theme-dark: $color.palette.gray-100
429
421
  $color.fg.neutral-muted:
430
422
  values:
431
423
  theme-light: $color.palette.gray-800
@@ -434,30 +426,26 @@ data:
434
426
  values:
435
427
  theme-light: $color.palette.gray-700
436
428
  theme-dark: $color.palette.gray-700
437
- $color.fg.neutral-inverted:
429
+ $color.fg.placeholder:
438
430
  values:
439
- theme-light: $color.palette.gray-00
440
- theme-dark: $color.palette.gray-100
431
+ theme-light: $color.palette.gray-600
432
+ theme-dark: $color.palette.gray-600
433
+ $color.fg.positive:
434
+ values:
435
+ theme-light: $color.palette.green-700
436
+ theme-dark: $color.palette.green-700
441
437
  $color.fg.positive-contrast:
442
438
  values:
443
439
  theme-light: $color.palette.green-900
444
440
  theme-dark: $color.palette.green-900
441
+ $color.fg.warning:
442
+ values:
443
+ theme-light: $color.palette.yellow-700
444
+ theme-dark: $color.palette.yellow-700
445
445
  $color.fg.warning-contrast:
446
446
  values:
447
447
  theme-light: $color.palette.yellow-900
448
448
  theme-dark: $color.palette.yellow-900
449
- $color.bg.overlay:
450
- values:
451
- theme-light: $color.palette.static-black-alpha-700
452
- theme-dark: $color.palette.static-black-alpha-700
453
- $color.bg.disabled:
454
- values:
455
- theme-light: $color.palette.gray-200
456
- theme-dark: $color.palette.gray-300
457
- $color.bg.brand-weak:
458
- values:
459
- theme-light: $color.palette.carrot-100
460
- theme-dark: $color.palette.carrot-100
461
449
  $color.bg.brand-solid:
462
450
  values:
463
451
  theme-light: $color.palette.carrot-600
@@ -466,14 +454,14 @@ data:
466
454
  values:
467
455
  theme-light: $color.palette.carrot-700
468
456
  theme-dark: $color.palette.carrot-800
457
+ $color.bg.brand-weak:
458
+ values:
459
+ theme-light: $color.palette.carrot-100
460
+ theme-dark: $color.palette.carrot-100
469
461
  $color.bg.brand-weak-pressed:
470
462
  values:
471
463
  theme-light: $color.palette.carrot-200
472
464
  theme-dark: $color.palette.carrot-200
473
- $color.bg.critical-weak:
474
- values:
475
- theme-light: $color.palette.red-100
476
- theme-dark: $color.palette.red-100
477
465
  $color.bg.critical-solid:
478
466
  values:
479
467
  theme-light: $color.palette.red-700
@@ -482,14 +470,18 @@ data:
482
470
  values:
483
471
  theme-light: $color.palette.red-800
484
472
  theme-dark: $color.palette.red-700
473
+ $color.bg.critical-weak:
474
+ values:
475
+ theme-light: $color.palette.red-100
476
+ theme-dark: $color.palette.red-100
485
477
  $color.bg.critical-weak-pressed:
486
478
  values:
487
479
  theme-light: $color.palette.red-200
488
480
  theme-dark: $color.palette.red-200
489
- $color.bg.informative-weak:
481
+ $color.bg.disabled:
490
482
  values:
491
- theme-light: $color.palette.blue-100
492
- theme-dark: $color.palette.blue-100
483
+ theme-light: $color.palette.gray-200
484
+ theme-dark: $color.palette.gray-300
493
485
  $color.bg.informative-solid:
494
486
  values:
495
487
  theme-light: $color.palette.blue-700
@@ -498,6 +490,10 @@ data:
498
490
  values:
499
491
  theme-light: $color.palette.blue-800
500
492
  theme-dark: $color.palette.blue-700
493
+ $color.bg.informative-weak:
494
+ values:
495
+ theme-light: $color.palette.blue-100
496
+ theme-dark: $color.palette.blue-100
501
497
  $color.bg.informative-weak-pressed:
502
498
  values:
503
499
  theme-light: $color.palette.blue-200
@@ -510,6 +506,10 @@ data:
510
506
  values:
511
507
  theme-light: $color.palette.gray-00
512
508
  theme-dark: $color.palette.gray-100
509
+ $color.bg.layer-default-pressed:
510
+ values:
511
+ theme-light: $color.palette.gray-100
512
+ theme-dark: $color.palette.gray-300
513
513
  $color.bg.layer-fill:
514
514
  values:
515
515
  theme-light: $color.palette.gray-100
@@ -518,10 +518,6 @@ data:
518
518
  values:
519
519
  theme-light: $color.palette.gray-00
520
520
  theme-dark: $color.palette.gray-200
521
- $color.bg.layer-default-pressed:
522
- values:
523
- theme-light: $color.palette.gray-100
524
- theme-dark: $color.palette.gray-300
525
521
  $color.bg.layer-floating-pressed:
526
522
  values:
527
523
  theme-light: $color.palette.gray-100
@@ -530,22 +526,18 @@ data:
530
526
  values:
531
527
  theme-light: "#f9f2ee"
532
528
  theme-dark: "#201f1f"
533
- $color.bg.neutral-weak:
534
- values:
535
- theme-light: $color.palette.gray-200
536
- theme-dark: $color.palette.gray-300
537
529
  $color.bg.neutral-inverted:
538
530
  values:
539
531
  theme-light: $color.palette.gray-900
540
532
  theme-dark: $color.palette.gray-1000
541
- $color.bg.neutral-solid:
542
- values:
543
- theme-light: $color.palette.gray-1000
544
- theme-dark: $color.palette.gray-300
545
533
  $color.bg.neutral-inverted-pressed:
546
534
  values:
547
535
  theme-light: $color.palette.gray-800
548
536
  theme-dark: $color.palette.gray-800
537
+ $color.bg.neutral-solid:
538
+ values:
539
+ theme-light: $color.palette.gray-1000
540
+ theme-dark: $color.palette.gray-300
549
541
  $color.bg.neutral-solid-muted:
550
542
  values:
551
543
  theme-light: $color.palette.gray-800
@@ -554,18 +546,22 @@ data:
554
546
  values:
555
547
  theme-light: $color.palette.gray-900
556
548
  theme-dark: $color.palette.gray-500
549
+ $color.bg.neutral-weak:
550
+ values:
551
+ theme-light: $color.palette.gray-200
552
+ theme-dark: $color.palette.gray-300
557
553
  $color.bg.neutral-weak-pressed:
558
554
  values:
559
555
  theme-light: $color.palette.gray-300
560
556
  theme-dark: $color.palette.gray-400
557
+ $color.bg.overlay:
558
+ values:
559
+ theme-light: $color.palette.static-black-alpha-700
560
+ theme-dark: $color.palette.static-black-alpha-700
561
561
  $color.bg.overlay-muted:
562
562
  values:
563
563
  theme-light: $color.palette.static-black-alpha-500
564
564
  theme-dark: $color.palette.static-black-alpha-500
565
- $color.bg.positive-weak:
566
- values:
567
- theme-light: $color.palette.green-100
568
- theme-dark: $color.palette.green-100
569
565
  $color.bg.positive-solid:
570
566
  values:
571
567
  theme-light: $color.palette.green-700
@@ -574,14 +570,22 @@ data:
574
570
  values:
575
571
  theme-light: $color.palette.green-800
576
572
  theme-dark: $color.palette.green-600
573
+ $color.bg.positive-weak:
574
+ values:
575
+ theme-light: $color.palette.green-100
576
+ theme-dark: $color.palette.green-100
577
577
  $color.bg.positive-weak-pressed:
578
578
  values:
579
579
  theme-light: $color.palette.green-200
580
580
  theme-dark: $color.palette.green-200
581
- $color.bg.warning-weak:
581
+ $color.bg.transparent:
582
582
  values:
583
- theme-light: $color.palette.yellow-100
584
- theme-dark: $color.palette.yellow-100
583
+ theme-light: "#00000000"
584
+ theme-dark: "#ffffff00"
585
+ $color.bg.transparent-pressed:
586
+ values:
587
+ theme-light: $color.palette.static-black-alpha-100
588
+ theme-dark: $color.palette.static-white-alpha-50
585
589
  $color.bg.warning-solid:
586
590
  values:
587
591
  theme-light: $color.palette.yellow-300
@@ -590,155 +594,191 @@ data:
590
594
  values:
591
595
  theme-light: $color.palette.yellow-400
592
596
  theme-dark: $color.palette.yellow-900
597
+ $color.bg.warning-weak:
598
+ values:
599
+ theme-light: $color.palette.yellow-100
600
+ theme-dark: $color.palette.yellow-100
593
601
  $color.bg.warning-weak-pressed:
594
602
  values:
595
603
  theme-light: $color.palette.yellow-200
596
604
  theme-dark: $color.palette.yellow-200
597
- $color.bg.transparent:
598
- values:
599
- theme-light: "#00000000"
600
- theme-dark: "#ffffff00"
601
- $color.bg.transparent-pressed:
605
+ $color.stroke.brand-solid:
602
606
  values:
603
- theme-light: $color.palette.static-black-alpha-100
604
- theme-dark: $color.palette.static-white-alpha-50
607
+ theme-light: $color.palette.carrot-700
608
+ theme-dark: $color.palette.carrot-700
605
609
  $color.stroke.brand-weak:
606
610
  values:
607
611
  theme-light: $color.palette.carrot-300
608
612
  theme-dark: $color.palette.carrot-300
609
- $color.stroke.brand-solid:
613
+ $color.stroke.critical-solid:
610
614
  values:
611
- theme-light: $color.palette.carrot-700
612
- theme-dark: $color.palette.carrot-700
615
+ theme-light: $color.palette.red-700
616
+ theme-dark: $color.palette.red-700
613
617
  $color.stroke.critical-weak:
614
618
  values:
615
619
  theme-light: $color.palette.red-300
616
620
  theme-dark: $color.palette.red-300
617
- $color.stroke.critical-solid:
621
+ $color.stroke.informative-solid:
618
622
  values:
619
- theme-light: $color.palette.red-700
620
- theme-dark: $color.palette.red-700
623
+ theme-light: $color.palette.blue-700
624
+ theme-dark: $color.palette.blue-700
621
625
  $color.stroke.informative-weak:
622
626
  values:
623
627
  theme-light: $color.palette.blue-300
624
628
  theme-dark: $color.palette.blue-300
625
- $color.stroke.informative-solid:
626
- values:
627
- theme-light: $color.palette.blue-700
628
- theme-dark: $color.palette.blue-700
629
629
  $color.stroke.neutral-contrast:
630
630
  values:
631
631
  theme-light: $color.palette.gray-1000
632
632
  theme-dark: $color.palette.gray-1000
633
+ $color.stroke.neutral-muted:
634
+ values:
635
+ theme-light: $color.palette.static-black-alpha-300
636
+ theme-dark: $color.palette.static-white-alpha-100
633
637
  $color.stroke.neutral-solid:
634
638
  values:
635
639
  theme-light: $color.palette.gray-800
636
640
  theme-dark: $color.palette.gray-800
641
+ $color.stroke.neutral-subtle:
642
+ values:
643
+ theme-light: $color.palette.static-black-alpha-200
644
+ theme-dark: $color.palette.static-white-alpha-50
637
645
  $color.stroke.neutral-weak:
638
646
  values:
639
647
  theme-light: $color.palette.gray-400
640
648
  theme-dark: $color.palette.gray-400
641
- $color.stroke.neutral-muted:
642
- values:
643
- theme-light: $color.palette.static-black-alpha-300
644
- theme-dark: $color.palette.static-white-alpha-100
645
- $color.stroke.neutral-subtle:
649
+ $color.stroke.positive-solid:
646
650
  values:
647
- theme-light: $color.palette.static-black-alpha-200
648
- theme-dark: $color.palette.static-white-alpha-50
651
+ theme-light: $color.palette.green-700
652
+ theme-dark: $color.palette.green-700
649
653
  $color.stroke.positive-weak:
650
654
  values:
651
655
  theme-light: $color.palette.green-300
652
656
  theme-dark: $color.palette.green-300
653
- $color.stroke.positive-solid:
657
+ $color.stroke.warning-solid:
654
658
  values:
655
- theme-light: $color.palette.green-700
656
- theme-dark: $color.palette.green-700
659
+ theme-light: $color.palette.yellow-700
660
+ theme-dark: $color.palette.yellow-700
657
661
  $color.stroke.warning-weak:
658
662
  values:
659
663
  theme-light: $color.palette.yellow-300
660
664
  theme-dark: $color.palette.yellow-300
661
- $color.stroke.warning-solid:
665
+ $color.manner-temp.l1.bg:
662
666
  values:
663
- theme-light: $color.palette.yellow-700
664
- theme-dark: $color.palette.yellow-700
667
+ theme-light: "#f1f2f3"
668
+ theme-dark: "#292929"
665
669
  $color.manner-temp.l1.text:
666
670
  values:
667
671
  theme-light: "#757b85"
668
672
  theme-dark: "#b8b8b9"
673
+ $color.manner-temp.l10.bg:
674
+ values:
675
+ theme-light: "#ffebee"
676
+ theme-dark: "#34040a"
677
+ $color.manner-temp.l10.text:
678
+ values:
679
+ theme-light: "#cb0123"
680
+ theme-dark: "#fb6f82"
681
+ $color.manner-temp.l2.bg:
682
+ values:
683
+ theme-light: "#f8f4ec"
684
+ theme-dark: "#332605"
669
685
  $color.manner-temp.l2.text:
670
686
  values:
671
687
  theme-light: "#ab863f"
672
688
  theme-dark: "#f5db97"
689
+ $color.manner-temp.l3.bg:
690
+ values:
691
+ theme-light: "#fff5e5"
692
+ theme-dark: "#372b01"
673
693
  $color.manner-temp.l3.text:
674
694
  values:
675
695
  theme-light: "#e08a00"
676
696
  theme-dark: "#fdda65"
697
+ $color.manner-temp.l4.bg:
698
+ values:
699
+ theme-light: "#fff3e5"
700
+ theme-dark: "#372301"
677
701
  $color.manner-temp.l4.text:
678
702
  values:
679
703
  theme-light: "#f57e00"
680
704
  theme-dark: "#fbbe55"
681
- $color.manner-temp.l4.bg:
705
+ $color.manner-temp.l5.bg:
682
706
  values:
683
- theme-light: "#fff3e5"
684
- theme-dark: "#372301"
707
+ theme-light: "#fff1e5"
708
+ theme-dark: "#371f01"
685
709
  $color.manner-temp.l5.text:
686
710
  values:
687
711
  theme-light: "#ff7300"
688
712
  theme-dark: "#faac4b"
713
+ $color.manner-temp.l6.bg:
714
+ values:
715
+ theme-light: "#fff0e5"
716
+ theme-dark: "#351b03"
689
717
  $color.manner-temp.l6.text:
690
718
  values:
691
719
  theme-light: "#ff6600"
692
720
  theme-dark: "#fc9855"
693
- $color.manner-temp.l1.bg:
694
- values:
695
- theme-light: "#f1f2f3"
696
- theme-dark: "#292929"
697
- $color.manner-temp.l2.bg:
698
- values:
699
- theme-light: "#f8f4ec"
700
- theme-dark: "#332605"
701
- $color.manner-temp.l3.bg:
702
- values:
703
- theme-light: "#fff5e5"
704
- theme-dark: "#372b01"
705
- $color.manner-temp.l5.bg:
706
- values:
707
- theme-light: "#fff1e5"
708
- theme-dark: "#371f01"
709
- $color.manner-temp.l6.bg:
721
+ $color.manner-temp.l7.bg:
710
722
  values:
711
- theme-light: "#fff0e5"
712
- theme-dark: "#351b03"
723
+ theme-light: "#ffefe5"
724
+ theme-dark: "#371701"
713
725
  $color.manner-temp.l7.text:
714
726
  values:
715
727
  theme-light: "#ff5100"
716
728
  theme-dark: "#f97a25"
717
- $color.manner-temp.l7.bg:
729
+ $color.manner-temp.l8.bg:
718
730
  values:
719
- theme-light: "#ffefe5"
720
- theme-dark: "#371701"
731
+ theme-light: "#ffeee5"
732
+ theme-dark: "#380f00"
721
733
  $color.manner-temp.l8.text:
722
734
  values:
723
735
  theme-light: "#ff3300"
724
736
  theme-dark: "#fe6a34"
737
+ $color.manner-temp.l9.bg:
738
+ values:
739
+ theme-light: "#fdeded"
740
+ theme-dark: "#380500"
725
741
  $color.manner-temp.l9.text:
726
742
  values:
727
743
  theme-light: "#e82c45"
728
744
  theme-dark: "#fe6a5d"
729
- $color.manner-temp.l8.bg:
745
+ $color.banner.blue:
730
746
  values:
731
- theme-light: "#ffeee5"
732
- theme-dark: "#380f00"
733
- $color.manner-temp.l9.bg:
747
+ theme-light: "#e1f7ff"
748
+ theme-dark: "#0d2a3a"
749
+ $color.banner.cool-gray:
734
750
  values:
735
- theme-light: "#fdeded"
736
- theme-dark: "#380500"
737
- $color.manner-temp.l10.text:
751
+ theme-light: "#ebf1f5"
752
+ theme-dark: "#242c33"
753
+ $color.banner.green:
738
754
  values:
739
- theme-light: "#cb0123"
740
- theme-dark: "#fb6f82"
741
- $color.manner-temp.l10.bg:
755
+ theme-light: "#f0fbe5"
756
+ theme-dark: "#1e361c"
757
+ $color.banner.orange:
742
758
  values:
743
- theme-light: "#ffebee"
744
- theme-dark: "#34040a"
759
+ theme-light: "#fff2e1"
760
+ theme-dark: "#42230a"
761
+ $color.banner.pink:
762
+ values:
763
+ theme-light: "#ffebf1"
764
+ theme-dark: "#3b172c"
765
+ $color.banner.purple:
766
+ values:
767
+ theme-light: "#f5ecff"
768
+ theme-dark: "#2e1e45"
769
+ $color.banner.red:
770
+ values:
771
+ theme-light: "#ffecee"
772
+ theme-dark: "#3a0f15"
773
+ $color.banner.teal:
774
+ values:
775
+ theme-light: "#e6faf6"
776
+ theme-dark: "#143633"
777
+ $color.banner.warm-gray:
778
+ values:
779
+ theme-light: "#f2f0ee"
780
+ theme-dark: "#2f2b27"
781
+ $color.banner.yellow:
782
+ values:
783
+ theme-light: "#fffae1"
784
+ theme-dark: "#3e2b00"