@adobe/spectrum-tokens 12.0.0-beta.44 → 12.0.0-beta.47

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 (6) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/json/drover.json +75 -3
  3. package/dist/json/variables.json +1770 -170
  4. package/package.json +1 -1
  5. package/src/color-alias.json +336 -15
  6. package/src/component-layout.json +106 -51
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
- # [12.0.0-beta.44](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.43...v12.0.0-beta.44) (2022-08-01)
1
+ # [12.0.0-beta.47](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.46...v12.0.0-beta.47) (2022-08-25)
2
2
 
3
3
 
4
- ### Bug Fixes
4
+ ### Features
5
5
 
6
- * correct missing "sets" nesting ([2d709d1](https://github.com/adobe/spectrum-tokens/commit/2d709d152bfa302cc48c377325e5e9971706b962))
6
+ * added new color alias tokens ([33039c4](https://github.com/adobe/spectrum-tokens/commit/33039c40fb01396ff848a502ae40cb828b2306a8))
package/dist/json/drover.json CHANGED
@@ -34,6 +34,7 @@
34
34
  "accent-content-color-down": "rgb(0, 68, 145)",
35
35
  "accent-content-color-hover": "rgb(0, 84, 182)",
36
36
  "accent-content-color-key-focus": "rgb(0, 84, 182)",
37
+ "accent-visual-color": "rgb(2, 101, 220)",
37
38
  "background-base-color": "rgb(230, 230, 230)",
38
39
  "background-layer-1-color": "rgb(248, 248, 248)",
39
40
  "background-layer-2-color": "rgb(255, 255, 255)",
@@ -52,6 +53,7 @@
52
53
  "blue-700": "rgb(56, 146, 243)",
53
54
  "blue-800": "rgb(20, 122, 243)",
54
55
  "blue-900": "rgb(2, 101, 220)",
56
+ "blue-visual-color": "rgb(2, 101, 220)",
55
57
  "celery-100": "rgb(205, 252, 191)",
56
58
  "celery-1000": "rgb(0, 103, 15)",
57
59
  "celery-1100": "rgb(0, 83, 13)",
@@ -66,6 +68,7 @@
66
68
  "celery-700": "rgb(7, 167, 33)",
67
69
  "celery-800": "rgb(0, 145, 18)",
68
70
  "celery-900": "rgb(0, 124, 15)",
71
+ "celery-visual-color": "rgb(0, 124, 15)",
69
72
  "chartreuse-100": "rgb(219, 252, 110)",
70
73
  "chartreuse-1000": "rgb(72, 96, 0)",
71
74
  "chartreuse-1100": "rgb(58, 77, 0)",
@@ -80,6 +83,7 @@
80
83
  "chartreuse-700": "rgb(118, 156, 0)",
81
84
  "chartreuse-800": "rgb(103, 136, 0)",
82
85
  "chartreuse-900": "rgb(87, 116, 0)",
86
+ "chartreuse-visual-color": "rgb(87, 116, 0)",
83
87
  "cyan-100": "rgb(197, 248, 255)",
84
88
  "cyan-1000": "rgb(0, 93, 137)",
85
89
  "cyan-1100": "rgb(0, 74, 115)",
@@ -94,6 +98,7 @@
94
98
  "cyan-700": "rgb(1, 156, 200)",
95
99
  "cyan-800": "rgb(0, 134, 180)",
96
100
  "cyan-900": "rgb(0, 113, 159)",
101
+ "cyan-visual-color": "rgb(0, 113, 159)",
97
102
  "disabled-background-color": "rgb(230, 230, 230)",
98
103
  "disabled-border-color": "rgb(213, 213, 213)",
99
104
  "disabled-content-color": "rgb(177, 177, 177)",
@@ -119,6 +124,7 @@
119
124
  "fuchsia-700": "rgb(224, 85, 226)",
120
125
  "fuchsia-800": "rgb(205, 58, 206)",
121
126
  "fuchsia-900": "rgb(182, 34, 183)",
127
+ "fuchsia-visual-color": "rgb(182, 34, 183)",
122
128
  "gray-100": "rgb(248, 248, 248)",
123
129
  "gray-200": "rgb(230, 230, 230)",
124
130
  "gray-300": "rgb(213, 213, 213)",
@@ -130,6 +136,7 @@
130
136
  "gray-75": "rgb(253, 253, 253)",
131
137
  "gray-800": "rgb(34, 34, 34)",
132
138
  "gray-900": "rgb(0, 0, 0)",
139
+ "gray-visual-color": "rgb(144, 144, 144)",
133
140
  "green-100": "rgb(206, 248, 224)",
134
141
  "green-1000": "rgb(0, 101, 62)",
135
142
  "green-1100": "rgb(0, 81, 50)",
@@ -144,6 +151,7 @@
144
151
  "green-700": "rgb(21, 164, 110)",
145
152
  "green-800": "rgb(0, 143, 93)",
146
153
  "green-900": "rgb(0, 122, 77)",
154
+ "green-visual-color": "rgb(0, 122, 77)",
147
155
  "indigo-100": "rgb(237, 238, 255)",
148
156
  "indigo-1000": "rgb(64, 70, 202)",
149
157
  "indigo-1100": "rgb(50, 54, 168)",
@@ -158,6 +166,7 @@
158
166
  "indigo-700": "rgb(126, 132, 252)",
159
167
  "indigo-800": "rgb(104, 109, 244)",
160
168
  "indigo-900": "rgb(82, 88, 228)",
169
+ "indigo-visual-color": "rgb(82, 88, 228)",
161
170
  "informative-background-color-default": "rgb(2, 101, 220)",
162
171
  "informative-background-color-down": "rgb(0, 68, 145)",
163
172
  "informative-background-color-hover": "rgb(0, 84, 182)",
@@ -176,6 +185,7 @@
176
185
  "informative-color-700": "rgb(56, 146, 243)",
177
186
  "informative-color-800": "rgb(20, 122, 243)",
178
187
  "informative-color-900": "rgb(2, 101, 220)",
188
+ "informative-visual-color": "rgb(2, 101, 220)",
179
189
  "magenta-100": "rgb(255, 234, 241)",
180
190
  "magenta-1000": "rgb(173, 9, 85)",
181
191
  "magenta-1100": "rgb(142, 0, 69)",
@@ -190,6 +200,7 @@
190
200
  "magenta-700": "rgb(239, 90, 152)",
191
201
  "magenta-800": "rgb(222, 61, 130)",
192
202
  "magenta-900": "rgb(200, 34, 105)",
203
+ "magenta-visual-color": "rgb(200, 34, 105)",
193
204
  "negative-background-color-default": "rgb(211, 21, 16)",
194
205
  "negative-background-color-down": "rgb(147, 0, 0)",
195
206
  "negative-background-color-hover": "rgb(180, 0, 0)",
@@ -212,6 +223,7 @@
212
223
  "negative-content-color-down": "rgb(147, 0, 0)",
213
224
  "negative-content-color-hover": "rgb(180, 0, 0)",
214
225
  "negative-content-color-key-focus": "rgb(180, 0, 0)",
226
+ "negative-visual-color": "rgb(211, 21, 16)",
215
227
  "neutral-background-color-default": "rgb(34, 34, 34)",
216
228
  "neutral-background-color-down": "rgb(0, 0, 0)",
217
229
  "neutral-background-color-hover": "rgb(0, 0, 0)",
@@ -228,6 +240,7 @@
228
240
  "neutral-subdued-content-color-down": "rgb(0, 0, 0)",
229
241
  "neutral-subdued-content-color-hover": "rgb(34, 34, 34)",
230
242
  "neutral-subdued-content-color-key-focus": "rgb(34, 34, 34)",
243
+ "neutral-visual-color": "rgb(144, 144, 144)",
231
244
  "notice-color-100": "rgb(255, 236, 204)",
232
245
  "notice-color-1000": "rgb(149, 61, 0)",
233
246
  "notice-color-1100": "rgb(122, 47, 0)",
@@ -242,6 +255,7 @@
242
255
  "notice-color-700": "rgb(228, 111, 0)",
243
256
  "notice-color-800": "rgb(203, 93, 0)",
244
257
  "notice-color-900": "rgb(177, 76, 0)",
258
+ "notice-visual-color": "rgb(177, 76, 0)",
245
259
  "orange-100": "rgb(255, 236, 204)",
246
260
  "orange-1000": "rgb(149, 61, 0)",
247
261
  "orange-1100": "rgb(122, 47, 0)",
@@ -256,6 +270,8 @@
256
270
  "orange-700": "rgb(228, 111, 0)",
257
271
  "orange-800": "rgb(203, 93, 0)",
258
272
  "orange-900": "rgb(177, 76, 0)",
273
+ "orange-visual-color": "rgb(177, 76, 0)",
274
+ "overlay-color": "rgb(0, 0, 0)",
259
275
  "positive-background-color-default": "rgb(0, 122, 77)",
260
276
  "positive-background-color-down": "rgb(0, 81, 50)",
261
277
  "positive-background-color-hover": "rgb(0, 101, 62)",
@@ -274,6 +290,7 @@
274
290
  "positive-color-700": "rgb(21, 164, 110)",
275
291
  "positive-color-800": "rgb(0, 143, 93)",
276
292
  "positive-color-900": "rgb(0, 122, 77)",
293
+ "positive-visual-color": "rgb(0, 122, 77)",
277
294
  "purple-100": "rgb(246, 235, 255)",
278
295
  "purple-1000": "rgb(115, 38, 211)",
279
296
  "purple-1100": "rgb(93, 19, 183)",
@@ -288,6 +305,7 @@
288
305
  "purple-700": "rgb(174, 114, 249)",
289
306
  "purple-800": "rgb(157, 87, 244)",
290
307
  "purple-900": "rgb(137, 61, 231)",
308
+ "purple-visual-color": "rgb(137, 61, 231)",
291
309
  "red-100": "rgb(255, 235, 231)",
292
310
  "red-1000": "rgb(180, 0, 0)",
293
311
  "red-1100": "rgb(147, 0, 0)",
@@ -302,6 +320,7 @@
302
320
  "red-700": "rgb(247, 92, 70)",
303
321
  "red-800": "rgb(234, 56, 41)",
304
322
  "red-900": "rgb(211, 21, 16)",
323
+ "red-visual-color": "rgb(211, 21, 16)",
305
324
  "seafoam-100": "rgb(206, 247, 243)",
306
325
  "seafoam-1000": "rgb(0, 99, 95)",
307
326
  "seafoam-1100": "rgb(12, 79, 76)",
@@ -316,6 +335,7 @@
316
335
  "seafoam-700": "rgb(0, 161, 154)",
317
336
  "seafoam-800": "rgb(0, 140, 135)",
318
337
  "seafoam-900": "rgb(0, 119, 114)",
338
+ "seafoam-visual-color": "rgb(0, 119, 114)",
319
339
  "static-black-focus-ring-color": "rgb(0, 0, 0)",
320
340
  "static-white-focus-ring-color": "rgb(255, 255, 255)",
321
341
  "transparent-black-200": "rgba(0, 0, 0, 0.10)",
@@ -348,7 +368,8 @@
348
368
  "yellow-600": "rgb(196, 159, 0)",
349
369
  "yellow-700": "rgb(176, 140, 0)",
350
370
  "yellow-800": "rgb(155, 120, 0)",
351
- "yellow-900": "rgb(133, 102, 0)"
371
+ "yellow-900": "rgb(133, 102, 0)",
372
+ "yellow-visual-color": "rgb(133, 102, 0)"
352
373
  },
353
374
  "dark": {
354
375
  "accent-background-color-default": "rgb(114, 183, 249)",
@@ -373,6 +394,7 @@
373
394
  "accent-content-color-down": "rgb(174, 219, 254)",
374
395
  "accent-content-color-hover": "rgb(143, 202, 252)",
375
396
  "accent-content-color-key-focus": "rgb(143, 202, 252)",
397
+ "accent-visual-color": "rgb(114, 183, 249)",
376
398
  "background-base-color": "rgb(63, 63, 63)",
377
399
  "background-layer-1-color": "rgb(50, 50, 50)",
378
400
  "background-layer-2-color": "rgb(29, 29, 29)",
@@ -391,6 +413,7 @@
391
413
  "blue-700": "rgb(52, 143, 244)",
392
414
  "blue-800": "rgb(84, 163, 246)",
393
415
  "blue-900": "rgb(114, 183, 249)",
416
+ "blue-visual-color": "rgb(114, 183, 249)",
394
417
  "celery-100": "rgb(0, 69, 10)",
395
418
  "celery-1000": "rgb(105, 220, 99)",
396
419
  "celery-1100": "rgb(142, 235, 127)",
@@ -405,6 +428,7 @@
405
428
  "celery-700": "rgb(4, 165, 30)",
406
429
  "celery-800": "rgb(34, 184, 51)",
407
430
  "celery-900": "rgb(68, 202, 73)",
431
+ "celery-visual-color": "rgb(68, 202, 73)",
408
432
  "chartreuse-100": "rgb(48, 64, 0)",
409
433
  "chartreuse-1000": "rgb(166, 211, 18)",
410
434
  "chartreuse-1100": "rgb(184, 229, 37)",
@@ -419,6 +443,7 @@
419
443
  "chartreuse-700": "rgb(117, 154, 0)",
420
444
  "chartreuse-800": "rgb(132, 173, 1)",
421
445
  "chartreuse-900": "rgb(148, 192, 8)",
446
+ "chartreuse-visual-color": "rgb(148, 192, 8)",
422
447
  "cyan-100": "rgb(0, 61, 98)",
423
448
  "cyan-1000": "rgb(84, 211, 241)",
424
449
  "cyan-1100": "rgb(127, 228, 249)",
@@ -433,6 +458,7 @@
433
458
  "cyan-700": "rgb(0, 153, 198)",
434
459
  "cyan-800": "rgb(14, 173, 215)",
435
460
  "cyan-900": "rgb(44, 193, 230)",
461
+ "cyan-visual-color": "rgb(44, 193, 230)",
436
462
  "disabled-background-color": "rgb(63, 63, 63)",
437
463
  "disabled-border-color": "rgb(84, 84, 84)",
438
464
  "disabled-content-color": "rgb(112, 112, 112)",
@@ -458,6 +484,7 @@
458
484
  "fuchsia-700": "rgb(223, 81, 224)",
459
485
  "fuchsia-800": "rgb(235, 110, 236)",
460
486
  "fuchsia-900": "rgb(244, 140, 242)",
487
+ "fuchsia-visual-color": "rgb(244, 140, 242)",
461
488
  "gray-100": "rgb(50, 50, 50)",
462
489
  "gray-200": "rgb(63, 63, 63)",
463
490
  "gray-300": "rgb(84, 84, 84)",
@@ -469,6 +496,7 @@
469
496
  "gray-75": "rgb(38, 38, 38)",
470
497
  "gray-800": "rgb(235, 235, 235)",
471
498
  "gray-900": "rgb(255, 255, 255)",
499
+ "gray-visual-color": "rgb(144, 144, 144)",
472
500
  "green-100": "rgb(4, 67, 41)",
473
501
  "green-1000": "rgb(94, 217, 162)",
474
502
  "green-1100": "rgb(129, 233, 184)",
@@ -483,6 +511,7 @@
483
511
  "green-700": "rgb(18, 162, 108)",
484
512
  "green-800": "rgb(43, 180, 125)",
485
513
  "green-900": "rgb(67, 199, 143)",
514
+ "green-visual-color": "rgb(67, 199, 143)",
486
515
  "indigo-100": "rgb(40, 44, 140)",
487
516
  "indigo-1000": "rgb(188, 190, 255)",
488
517
  "indigo-1100": "rgb(208, 210, 255)",
@@ -497,6 +526,7 @@
497
526
  "indigo-700": "rgb(124, 129, 251)",
498
527
  "indigo-800": "rgb(145, 149, 255)",
499
528
  "indigo-900": "rgb(167, 170, 255)",
529
+ "indigo-visual-color": "rgb(167, 170, 255)",
500
530
  "informative-background-color-default": "rgb(114, 183, 249)",
501
531
  "informative-background-color-down": "rgb(174, 219, 254)",
502
532
  "informative-background-color-hover": "rgb(143, 202, 252)",
@@ -515,6 +545,7 @@
515
545
  "informative-color-700": "rgb(52, 143, 244)",
516
546
  "informative-color-800": "rgb(84, 163, 246)",
517
547
  "informative-color-900": "rgb(114, 183, 249)",
548
+ "informative-visual-color": "rgb(114, 183, 249)",
518
549
  "magenta-100": "rgb(118, 0, 58)",
519
550
  "magenta-1000": "rgb(255, 172, 202)",
520
551
  "magenta-1100": "rgb(255, 198, 218)",
@@ -529,6 +560,7 @@
529
560
  "magenta-700": "rgb(237, 87, 149)",
530
561
  "magenta-800": "rgb(249, 114, 167)",
531
562
  "magenta-900": "rgb(255, 143, 185)",
563
+ "magenta-visual-color": "rgb(255, 143, 185)",
532
564
  "negative-background-color-default": "rgb(255, 149, 129)",
533
565
  "negative-background-color-down": "rgb(255, 201, 189)",
534
566
  "negative-background-color-hover": "rgb(255, 176, 161)",
@@ -551,6 +583,7 @@
551
583
  "negative-content-color-down": "rgb(255, 201, 189)",
552
584
  "negative-content-color-hover": "rgb(255, 176, 161)",
553
585
  "negative-content-color-key-focus": "rgb(255, 176, 161)",
586
+ "negative-visual-color": "rgb(255, 149, 129)",
554
587
  "neutral-background-color-default": "rgb(235, 235, 235)",
555
588
  "neutral-background-color-down": "rgb(255, 255, 255)",
556
589
  "neutral-background-color-hover": "rgb(255, 255, 255)",
@@ -567,6 +600,7 @@
567
600
  "neutral-subdued-content-color-down": "rgb(255, 255, 255)",
568
601
  "neutral-subdued-content-color-hover": "rgb(235, 235, 235)",
569
602
  "neutral-subdued-content-color-key-focus": "rgb(235, 235, 235)",
603
+ "neutral-visual-color": "rgb(144, 144, 144)",
570
604
  "notice-color-100": "rgb(102, 37, 0)",
571
605
  "notice-color-1000": "rgb(255, 181, 88)",
572
606
  "notice-color-1100": "rgb(253, 206, 136)",
@@ -581,6 +615,7 @@
581
615
  "notice-color-700": "rgb(225, 109, 0)",
582
616
  "notice-color-800": "rgb(244, 129, 12)",
583
617
  "notice-color-900": "rgb(254, 154, 46)",
618
+ "notice-visual-color": "rgb(254, 154, 46)",
584
619
  "orange-100": "rgb(102, 37, 0)",
585
620
  "orange-1000": "rgb(255, 181, 88)",
586
621
  "orange-1100": "rgb(253, 206, 136)",
@@ -595,6 +630,8 @@
595
630
  "orange-700": "rgb(225, 109, 0)",
596
631
  "orange-800": "rgb(244, 129, 12)",
597
632
  "orange-900": "rgb(254, 154, 46)",
633
+ "orange-visual-color": "rgb(254, 154, 46)",
634
+ "overlay-color": "rgb(0, 0, 0)",
598
635
  "positive-background-color-default": "rgb(67, 199, 143)",
599
636
  "positive-background-color-down": "rgb(129, 233, 184)",
600
637
  "positive-background-color-hover": "rgb(94, 217, 162)",
@@ -613,6 +650,7 @@
613
650
  "positive-color-700": "rgb(18, 162, 108)",
614
651
  "positive-color-800": "rgb(43, 180, 125)",
615
652
  "positive-color-900": "rgb(67, 199, 143)",
653
+ "positive-visual-color": "rgb(67, 199, 143)",
616
654
  "purple-100": "rgb(76, 13, 157)",
617
655
  "purple-1000": "rgb(215, 182, 254)",
618
656
  "purple-1100": "rgb(228, 204, 254)",
@@ -627,6 +665,7 @@
627
665
  "purple-700": "rgb(172, 111, 249)",
628
666
  "purple-800": "rgb(187, 135, 251)",
629
667
  "purple-900": "rgb(202, 159, 252)",
668
+ "purple-visual-color": "rgb(202, 159, 252)",
630
669
  "red-100": "rgb(123, 0, 0)",
631
670
  "red-1000": "rgb(255, 176, 161)",
632
671
  "red-1100": "rgb(255, 201, 189)",
@@ -641,6 +680,7 @@
641
680
  "red-700": "rgb(246, 88, 67)",
642
681
  "red-800": "rgb(255, 117, 94)",
643
682
  "red-900": "rgb(255, 149, 129)",
683
+ "red-visual-color": "rgb(255, 149, 129)",
644
684
  "seafoam-100": "rgb(18, 65, 63)",
645
685
  "seafoam-1000": "rgb(93, 214, 207)",
646
686
  "seafoam-1100": "rgb(132, 230, 223)",
@@ -655,6 +695,7 @@
655
695
  "seafoam-700": "rgb(0, 158, 152)",
656
696
  "seafoam-800": "rgb(3, 178, 171)",
657
697
  "seafoam-900": "rgb(54, 197, 189)",
698
+ "seafoam-visual-color": "rgb(54, 197, 189)",
658
699
  "static-black-focus-ring-color": "rgb(0, 0, 0)",
659
700
  "static-white-focus-ring-color": "rgb(255, 255, 255)",
660
701
  "transparent-black-200": "rgba(0, 0, 0, 0.10)",
@@ -687,7 +728,8 @@
687
728
  "yellow-600": "rgb(155, 120, 0)",
688
729
  "yellow-700": "rgb(174, 137, 0)",
689
730
  "yellow-800": "rgb(192, 156, 0)",
690
- "yellow-900": "rgb(211, 174, 0)"
731
+ "yellow-900": "rgb(211, 174, 0)",
732
+ "yellow-visual-color": "rgb(211, 174, 0)"
691
733
  },
692
734
  "darkest": {
693
735
  "accent-background-color-default": "rgb(94, 170, 247)",
@@ -712,6 +754,7 @@
712
754
  "accent-content-color-down": "rgb(152, 206, 253)",
713
755
  "accent-content-color-hover": "rgb(124, 189, 250)",
714
756
  "accent-content-color-key-focus": "rgb(124, 189, 250)",
757
+ "accent-visual-color": "rgb(94, 170, 247)",
715
758
  "background-base-color": "rgb(48, 48, 48)",
716
759
  "background-layer-1-color": "rgb(29, 29, 29)",
717
760
  "background-layer-2-color": "rgb(0, 0, 0)",
@@ -730,6 +773,7 @@
730
773
  "blue-700": "rgb(29, 128, 245)",
731
774
  "blue-800": "rgb(64, 150, 243)",
732
775
  "blue-900": "rgb(94, 170, 247)",
776
+ "blue-visual-color": "rgb(94, 170, 247)",
733
777
  "celery-100": "rgb(0, 47, 7)",
734
778
  "celery-1000": "rgb(80, 208, 82)",
735
779
  "celery-1100": "rgb(115, 224, 107)",
@@ -744,6 +788,7 @@
744
788
  "celery-700": "rgb(0, 151, 20)",
745
789
  "celery-800": "rgb(13, 171, 37)",
746
790
  "celery-900": "rgb(45, 191, 58)",
791
+ "celery-visual-color": "rgb(45, 191, 58)",
747
792
  "chartreuse-100": "rgb(32, 43, 0)",
748
793
  "chartreuse-1000": "rgb(154, 198, 11)",
749
794
  "chartreuse-1100": "rgb(170, 216, 22)",
@@ -758,6 +803,7 @@
758
803
  "chartreuse-700": "rgb(107, 142, 0)",
759
804
  "chartreuse-800": "rgb(122, 161, 0)",
760
805
  "chartreuse-900": "rgb(138, 180, 3)",
806
+ "chartreuse-visual-color": "rgb(138, 180, 3)",
761
807
  "cyan-100": "rgb(0, 41, 68)",
762
808
  "cyan-1000": "rgb(57, 199, 234)",
763
809
  "cyan-1100": "rgb(96, 216, 243)",
@@ -772,6 +818,7 @@
772
818
  "cyan-700": "rgb(0, 140, 186)",
773
819
  "cyan-800": "rgb(4, 160, 205)",
774
820
  "cyan-900": "rgb(23, 180, 221)",
821
+ "cyan-visual-color": "rgb(23, 180, 221)",
775
822
  "disabled-background-color": "rgb(48, 48, 48)",
776
823
  "disabled-border-color": "rgb(75, 75, 75)",
777
824
  "disabled-content-color": "rgb(106, 106, 106)",
@@ -797,6 +844,7 @@
797
844
  "fuchsia-700": "rgb(211, 65, 213)",
798
845
  "fuchsia-800": "rgb(228, 91, 229)",
799
846
  "fuchsia-900": "rgb(239, 120, 238)",
847
+ "fuchsia-visual-color": "rgb(239, 120, 238)",
800
848
  "gray-100": "rgb(29, 29, 29)",
801
849
  "gray-200": "rgb(48, 48, 48)",
802
850
  "gray-300": "rgb(75, 75, 75)",
@@ -808,6 +856,7 @@
808
856
  "gray-75": "rgb(14, 14, 14)",
809
857
  "gray-800": "rgb(235, 235, 235)",
810
858
  "gray-900": "rgb(255, 255, 255)",
859
+ "gray-visual-color": "rgb(141, 141, 141)",
811
860
  "green-100": "rgb(10, 44, 28)",
812
861
  "green-1000": "rgb(75, 205, 149)",
813
862
  "green-1100": "rgb(103, 222, 168)",
@@ -822,6 +871,7 @@
822
871
  "green-700": "rgb(0, 149, 98)",
823
872
  "green-800": "rgb(28, 168, 114)",
824
873
  "green-900": "rgb(52, 187, 132)",
874
+ "green-visual-color": "rgb(52, 187, 132)",
825
875
  "indigo-100": "rgb(26, 29, 97)",
826
876
  "indigo-1000": "rgb(174, 177, 255)",
827
877
  "indigo-1100": "rgb(194, 196, 255)",
@@ -836,6 +886,7 @@
836
886
  "indigo-700": "rgb(110, 115, 246)",
837
887
  "indigo-800": "rgb(132, 136, 253)",
838
888
  "indigo-900": "rgb(153, 157, 255)",
889
+ "indigo-visual-color": "rgb(153, 157, 255)",
839
890
  "informative-background-color-default": "rgb(94, 170, 247)",
840
891
  "informative-background-color-down": "rgb(152, 206, 253)",
841
892
  "informative-background-color-hover": "rgb(124, 189, 250)",
@@ -854,6 +905,7 @@
854
905
  "informative-color-700": "rgb(29, 128, 245)",
855
906
  "informative-color-800": "rgb(64, 150, 243)",
856
907
  "informative-color-900": "rgb(94, 170, 247)",
908
+ "informative-visual-color": "rgb(94, 170, 247)",
857
909
  "magenta-100": "rgb(83, 3, 41)",
858
910
  "magenta-1000": "rgb(255, 152, 191)",
859
911
  "magenta-1100": "rgb(255, 179, 207)",
@@ -868,6 +920,7 @@
868
920
  "magenta-700": "rgb(227, 69, 137)",
869
921
  "magenta-800": "rgb(241, 97, 156)",
870
922
  "magenta-900": "rgb(252, 124, 173)",
923
+ "magenta-visual-color": "rgb(252, 124, 173)",
871
924
  "negative-background-color-default": "rgb(255, 129, 107)",
872
925
  "negative-background-color-down": "rgb(255, 183, 169)",
873
926
  "negative-background-color-hover": "rgb(255, 158, 140)",
@@ -890,6 +943,7 @@
890
943
  "negative-content-color-down": "rgb(255, 183, 169)",
891
944
  "negative-content-color-hover": "rgb(255, 158, 140)",
892
945
  "negative-content-color-key-focus": "rgb(255, 158, 140)",
946
+ "negative-visual-color": "rgb(255, 129, 107)",
893
947
  "neutral-background-color-default": "rgb(235, 235, 235)",
894
948
  "neutral-background-color-down": "rgb(255, 255, 255)",
895
949
  "neutral-background-color-hover": "rgb(255, 255, 255)",
@@ -906,6 +960,7 @@
906
960
  "neutral-subdued-content-color-down": "rgb(255, 255, 255)",
907
961
  "neutral-subdued-content-color-hover": "rgb(235, 235, 235)",
908
962
  "neutral-subdued-content-color-key-focus": "rgb(235, 235, 235)",
963
+ "neutral-visual-color": "rgb(141, 141, 141)",
909
964
  "notice-color-100": "rgb(72, 24, 1)",
910
965
  "notice-color-1000": "rgb(255, 162, 59)",
911
966
  "notice-color-1100": "rgb(255, 188, 102)",
@@ -920,6 +975,7 @@
920
975
  "notice-color-700": "rgb(210, 98, 0)",
921
976
  "notice-color-800": "rgb(232, 116, 0)",
922
977
  "notice-color-900": "rgb(249, 137, 23)",
978
+ "notice-visual-color": "rgb(249, 137, 23)",
923
979
  "orange-100": "rgb(72, 24, 1)",
924
980
  "orange-1000": "rgb(255, 162, 59)",
925
981
  "orange-1100": "rgb(255, 188, 102)",
@@ -934,6 +990,8 @@
934
990
  "orange-700": "rgb(210, 98, 0)",
935
991
  "orange-800": "rgb(232, 116, 0)",
936
992
  "orange-900": "rgb(249, 137, 23)",
993
+ "orange-visual-color": "rgb(249, 137, 23)",
994
+ "overlay-color": "rgb(0, 0, 0)",
937
995
  "positive-background-color-default": "rgb(52, 187, 132)",
938
996
  "positive-background-color-down": "rgb(103, 222, 168)",
939
997
  "positive-background-color-hover": "rgb(75, 205, 149)",
@@ -952,6 +1010,7 @@
952
1010
  "positive-color-700": "rgb(0, 149, 98)",
953
1011
  "positive-color-800": "rgb(28, 168, 114)",
954
1012
  "positive-color-900": "rgb(52, 187, 132)",
1013
+ "positive-visual-color": "rgb(52, 187, 132)",
955
1014
  "purple-100": "rgb(50, 16, 104)",
956
1015
  "purple-1000": "rgb(206, 166, 253)",
957
1016
  "purple-1100": "rgb(219, 188, 254)",
@@ -966,6 +1025,7 @@
966
1025
  "purple-700": "rgb(162, 94, 246)",
967
1026
  "purple-800": "rgb(178, 119, 250)",
968
1027
  "purple-900": "rgb(192, 143, 252)",
1028
+ "purple-visual-color": "rgb(192, 143, 252)",
969
1029
  "red-100": "rgb(87, 0, 0)",
970
1030
  "red-1000": "rgb(255, 158, 140)",
971
1031
  "red-1100": "rgb(255, 183, 169)",
@@ -980,6 +1040,7 @@
980
1040
  "red-700": "rgb(238, 67, 49)",
981
1041
  "red-800": "rgb(249, 99, 76)",
982
1042
  "red-900": "rgb(255, 129, 107)",
1043
+ "red-visual-color": "rgb(255, 129, 107)",
983
1044
  "seafoam-100": "rgb(18, 43, 42)",
984
1045
  "seafoam-1000": "rgb(66, 202, 195)",
985
1046
  "seafoam-1100": "rgb(102, 218, 211)",
@@ -994,6 +1055,7 @@
994
1055
  "seafoam-700": "rgb(0, 146, 140)",
995
1056
  "seafoam-800": "rgb(0, 165, 159)",
996
1057
  "seafoam-900": "rgb(26, 185, 178)",
1058
+ "seafoam-visual-color": "rgb(26, 185, 178)",
997
1059
  "static-black-focus-ring-color": "rgb(0, 0, 0)",
998
1060
  "static-white-focus-ring-color": "rgb(255, 255, 255)",
999
1061
  "transparent-black-200": "rgba(0, 0, 0, 0.10)",
@@ -1026,7 +1088,8 @@
1026
1088
  "yellow-600": "rgb(141, 108, 0)",
1027
1089
  "yellow-700": "rgb(161, 126, 0)",
1028
1090
  "yellow-800": "rgb(180, 144, 0)",
1029
- "yellow-900": "rgb(199, 162, 0)"
1091
+ "yellow-900": "rgb(199, 162, 0)",
1092
+ "yellow-visual-color": "rgb(199, 162, 0)"
1030
1093
  }
1031
1094
  },
1032
1095
  "dimensions": {
@@ -1144,6 +1207,7 @@
1144
1207
  "in-line-alert-minimum-width": "320px",
1145
1208
  "line-height-100": "1.3",
1146
1209
  "line-height-200": "1.5",
1210
+ "overlay-opacity": "0.6",
1147
1211
  "popover-tip-height": "8px",
1148
1212
  "popover-tip-width": "16px",
1149
1213
  "popover-top-to-content-area": "4px",
@@ -1188,6 +1252,14 @@
1188
1252
  "status-light-top-to-dot-large": "15px",
1189
1253
  "status-light-top-to-dot-medium": "12px",
1190
1254
  "status-light-top-to-dot-small": "8px",
1255
+ "swatch-size-extra-small": "16px",
1256
+ "swatch-size-large": "40px",
1257
+ "swatch-size-medium": "32px",
1258
+ "swatch-size-small": "24px",
1259
+ "swatch-slash-thickness-extra-small": "2px",
1260
+ "swatch-slash-thickness-large": "5px",
1261
+ "swatch-slash-thickness-medium": "4px",
1262
+ "swatch-slash-thickness-small": "3px",
1191
1263
  "switch-control-height-extra-large": "18px",
1192
1264
  "switch-control-height-large": "16px",
1193
1265
  "switch-control-height-medium": "14px",