@wistia/vhs-design-tokens 2.1.4-beta.93248f6b.a87bdb6 → 2.1.4-beta.9e74d934.e256ec7

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 (9) hide show
  1. package/dist/css/design-tokens.css +1 -1
  2. package/dist/js/colorMetadata.cjs +198 -0
  3. package/dist/js/colorMetadata.mjs +198 -0
  4. package/dist/js/designTokens.cjs +2 -2
  5. package/dist/js/designTokens.mjs +2 -2
  6. package/dist/scss/_design-tokens.scss +1 -1
  7. package/package.json +4 -12
  8. package/dist/index.d.cts +0 -218
  9. package/dist/index.d.mts +0 -218
package/dist/js/colorMetadata.mjs CHANGED
@@ -6,6 +6,7 @@ export const colorMetadata = {
6
6
  color: {
7
7
  brandBlue: {
8
8
  100: {
9
+ key: "{color.brandBlue.100}",
9
10
  value: "#E5E9FF",
10
11
  conformance: {
11
12
  black: "AAA",
@@ -19,6 +20,7 @@ export const colorMetadata = {
19
20
  black: "AAA",
20
21
  white: null,
21
22
  },
23
+ key: "{color.brandBlue.100}",
22
24
  },
23
25
  name: "ColorBrandBlue100",
24
26
  attributes: {
@@ -29,6 +31,7 @@ export const colorMetadata = {
29
31
  path: ["color", "brandBlue", "100"],
30
32
  },
31
33
  200: {
34
+ key: "{color.brandBlue.200}",
32
35
  value: "#CCD5FF",
33
36
  conformance: {
34
37
  black: "AAA",
@@ -42,6 +45,7 @@ export const colorMetadata = {
42
45
  black: "AAA",
43
46
  white: null,
44
47
  },
48
+ key: "{color.brandBlue.200}",
45
49
  },
46
50
  name: "ColorBrandBlue200",
47
51
  attributes: {
@@ -52,6 +56,7 @@ export const colorMetadata = {
52
56
  path: ["color", "brandBlue", "200"],
53
57
  },
54
58
  300: {
59
+ key: "{color.brandBlue.300}",
55
60
  value: "#99ABFF",
56
61
  conformance: {
57
62
  black: "AAA",
@@ -65,6 +70,7 @@ export const colorMetadata = {
65
70
  black: "AAA",
66
71
  white: null,
67
72
  },
73
+ key: "{color.brandBlue.300}",
68
74
  },
69
75
  name: "ColorBrandBlue300",
70
76
  attributes: {
@@ -75,6 +81,7 @@ export const colorMetadata = {
75
81
  path: ["color", "brandBlue", "300"],
76
82
  },
77
83
  400: {
84
+ key: "{color.brandBlue.400}",
78
85
  value: "#6B84FF",
79
86
  conformance: {
80
87
  black: "AAA",
@@ -88,6 +95,7 @@ export const colorMetadata = {
88
95
  black: "AAA",
89
96
  white: null,
90
97
  },
98
+ key: "{color.brandBlue.400}",
91
99
  },
92
100
  name: "ColorBrandBlue400",
93
101
  attributes: {
@@ -98,6 +106,7 @@ export const colorMetadata = {
98
106
  path: ["color", "brandBlue", "400"],
99
107
  },
100
108
  500: {
109
+ key: "{color.brandBlue.500}",
101
110
  value: "#2949E5",
102
111
  conformance: {
103
112
  black: "AA",
@@ -111,6 +120,7 @@ export const colorMetadata = {
111
120
  black: "AA",
112
121
  white: "AAA",
113
122
  },
123
+ key: "{color.brandBlue.500}",
114
124
  },
115
125
  name: "ColorBrandBlue500",
116
126
  attributes: {
@@ -121,6 +131,7 @@ export const colorMetadata = {
121
131
  path: ["color", "brandBlue", "500"],
122
132
  },
123
133
  600: {
134
+ key: "{color.brandBlue.600}",
124
135
  value: "#1F3399",
125
136
  conformance: {
126
137
  black: null,
@@ -134,6 +145,7 @@ export const colorMetadata = {
134
145
  black: null,
135
146
  white: "AAA",
136
147
  },
148
+ key: "{color.brandBlue.600}",
137
149
  },
138
150
  name: "ColorBrandBlue600",
139
151
  attributes: {
@@ -144,6 +156,7 @@ export const colorMetadata = {
144
156
  path: ["color", "brandBlue", "600"],
145
157
  },
146
158
  700: {
159
+ key: "{color.brandBlue.700}",
147
160
  value: "#222D66",
148
161
  conformance: {
149
162
  black: null,
@@ -157,6 +170,7 @@ export const colorMetadata = {
157
170
  black: null,
158
171
  white: "AAA",
159
172
  },
173
+ key: "{color.brandBlue.700}",
160
174
  },
161
175
  name: "ColorBrandBlue700",
162
176
  attributes: {
@@ -167,6 +181,7 @@ export const colorMetadata = {
167
181
  path: ["color", "brandBlue", "700"],
168
182
  },
169
183
  800: {
184
+ key: "{color.brandBlue.800}",
170
185
  value: "#000934",
171
186
  conformance: {
172
187
  black: null,
@@ -180,6 +195,7 @@ export const colorMetadata = {
180
195
  black: null,
181
196
  white: "AAA",
182
197
  },
198
+ key: "{color.brandBlue.800}",
183
199
  },
184
200
  name: "ColorBrandBlue800",
185
201
  attributes: {
@@ -192,6 +208,7 @@ export const colorMetadata = {
192
208
  },
193
209
  purple: {
194
210
  100: {
211
+ key: "{color.purple.100}",
195
212
  value: "#FDF7FF",
196
213
  conformance: {
197
214
  black: "AAA",
@@ -205,6 +222,7 @@ export const colorMetadata = {
205
222
  black: "AAA",
206
223
  white: null,
207
224
  },
225
+ key: "{color.purple.100}",
208
226
  },
209
227
  name: "ColorPurple100",
210
228
  attributes: {
@@ -215,6 +233,7 @@ export const colorMetadata = {
215
233
  path: ["color", "purple", "100"],
216
234
  },
217
235
  200: {
236
+ key: "{color.purple.200}",
218
237
  value: "#F9E5FF",
219
238
  conformance: {
220
239
  black: "AAA",
@@ -228,6 +247,7 @@ export const colorMetadata = {
228
247
  black: "AAA",
229
248
  white: null,
230
249
  },
250
+ key: "{color.purple.200}",
231
251
  },
232
252
  name: "ColorPurple200",
233
253
  attributes: {
@@ -238,6 +258,7 @@ export const colorMetadata = {
238
258
  path: ["color", "purple", "200"],
239
259
  },
240
260
  300: {
261
+ key: "{color.purple.300}",
241
262
  value: "#F2CAFF",
242
263
  conformance: {
243
264
  black: "AAA",
@@ -251,6 +272,7 @@ export const colorMetadata = {
251
272
  black: "AAA",
252
273
  white: null,
253
274
  },
275
+ key: "{color.purple.300}",
254
276
  },
255
277
  name: "ColorPurple300",
256
278
  attributes: {
@@ -261,6 +283,7 @@ export const colorMetadata = {
261
283
  path: ["color", "purple", "300"],
262
284
  },
263
285
  400: {
286
+ key: "{color.purple.400}",
264
287
  value: "#E093FA",
265
288
  conformance: {
266
289
  black: "AAA",
@@ -274,6 +297,7 @@ export const colorMetadata = {
274
297
  black: "AAA",
275
298
  white: null,
276
299
  },
300
+ key: "{color.purple.400}",
277
301
  },
278
302
  name: "ColorPurple400",
279
303
  attributes: {
@@ -284,6 +308,7 @@ export const colorMetadata = {
284
308
  path: ["color", "purple", "400"],
285
309
  },
286
310
  500: {
311
+ key: "{color.purple.500}",
287
312
  value: "#D65CFF",
288
313
  conformance: {
289
314
  black: "AAA",
@@ -297,6 +322,7 @@ export const colorMetadata = {
297
322
  black: "AAA",
298
323
  white: "AA",
299
324
  },
325
+ key: "{color.purple.500}",
300
326
  },
301
327
  name: "ColorPurple500",
302
328
  attributes: {
@@ -307,6 +333,7 @@ export const colorMetadata = {
307
333
  path: ["color", "purple", "500"],
308
334
  },
309
335
  600: {
336
+ key: "{color.purple.600}",
310
337
  value: "#AC12E0",
311
338
  conformance: {
312
339
  black: "AA",
@@ -320,6 +347,7 @@ export const colorMetadata = {
320
347
  black: "AA",
321
348
  white: "AA",
322
349
  },
350
+ key: "{color.purple.600}",
323
351
  },
324
352
  name: "ColorPurple600",
325
353
  attributes: {
@@ -330,6 +358,7 @@ export const colorMetadata = {
330
358
  path: ["color", "purple", "600"],
331
359
  },
332
360
  700: {
361
+ key: "{color.purple.700}",
333
362
  value: "#752E8C",
334
363
  conformance: {
335
364
  black: null,
@@ -343,6 +372,7 @@ export const colorMetadata = {
343
372
  black: null,
344
373
  white: "AAA",
345
374
  },
375
+ key: "{color.purple.700}",
346
376
  },
347
377
  name: "ColorPurple700",
348
378
  attributes: {
@@ -353,6 +383,7 @@ export const colorMetadata = {
353
383
  path: ["color", "purple", "700"],
354
384
  },
355
385
  800: {
386
+ key: "{color.purple.800}",
356
387
  value: "#39004D",
357
388
  conformance: {
358
389
  black: null,
@@ -366,6 +397,7 @@ export const colorMetadata = {
366
397
  black: null,
367
398
  white: "AAA",
368
399
  },
400
+ key: "{color.purple.800}",
369
401
  },
370
402
  name: "ColorPurple800",
371
403
  attributes: {
@@ -378,6 +410,7 @@ export const colorMetadata = {
378
410
  },
379
411
  green: {
380
412
  100: {
413
+ key: "{color.green.100}",
381
414
  value: "#F4FFF2",
382
415
  conformance: {
383
416
  black: "AAA",
@@ -391,6 +424,7 @@ export const colorMetadata = {
391
424
  black: "AAA",
392
425
  white: null,
393
426
  },
427
+ key: "{color.green.100}",
394
428
  },
395
429
  name: "ColorGreen100",
396
430
  attributes: {
@@ -401,6 +435,7 @@ export const colorMetadata = {
401
435
  path: ["color", "green", "100"],
402
436
  },
403
437
  200: {
438
+ key: "{color.green.200}",
404
439
  value: "#DFFFD9",
405
440
  conformance: {
406
441
  black: "AAA",
@@ -414,6 +449,7 @@ export const colorMetadata = {
414
449
  black: "AAA",
415
450
  white: null,
416
451
  },
452
+ key: "{color.green.200}",
417
453
  },
418
454
  name: "ColorGreen200",
419
455
  attributes: {
@@ -424,6 +460,7 @@ export const colorMetadata = {
424
460
  path: ["color", "green", "200"],
425
461
  },
426
462
  300: {
463
+ key: "{color.green.300}",
427
464
  value: "#B0E5A5",
428
465
  conformance: {
429
466
  black: "AAA",
@@ -437,6 +474,7 @@ export const colorMetadata = {
437
474
  black: "AAA",
438
475
  white: null,
439
476
  },
477
+ key: "{color.green.300}",
440
478
  },
441
479
  name: "ColorGreen300",
442
480
  attributes: {
@@ -447,6 +485,7 @@ export const colorMetadata = {
447
485
  path: ["color", "green", "300"],
448
486
  },
449
487
  400: {
488
+ key: "{color.green.400}",
450
489
  value: "#76D962",
451
490
  conformance: {
452
491
  black: "AAA",
@@ -460,6 +499,7 @@ export const colorMetadata = {
460
499
  black: "AAA",
461
500
  white: null,
462
501
  },
502
+ key: "{color.green.400}",
463
503
  },
464
504
  name: "ColorGreen400",
465
505
  attributes: {
@@ -470,6 +510,7 @@ export const colorMetadata = {
470
510
  path: ["color", "green", "400"],
471
511
  },
472
512
  500: {
513
+ key: "{color.green.500}",
473
514
  value: "#44B62D",
474
515
  conformance: {
475
516
  black: "AAA",
@@ -483,6 +524,7 @@ export const colorMetadata = {
483
524
  black: "AAA",
484
525
  white: null,
485
526
  },
527
+ key: "{color.green.500}",
486
528
  },
487
529
  name: "ColorGreen500",
488
530
  attributes: {
@@ -493,6 +535,7 @@ export const colorMetadata = {
493
535
  path: ["color", "green", "500"],
494
536
  },
495
537
  600: {
538
+ key: "{color.green.600}",
496
539
  value: "#268713",
497
540
  conformance: {
498
541
  black: "AAA",
@@ -506,6 +549,7 @@ export const colorMetadata = {
506
549
  black: "AAA",
507
550
  white: "AA",
508
551
  },
552
+ key: "{color.green.600}",
509
553
  },
510
554
  name: "ColorGreen600",
511
555
  attributes: {
@@ -516,6 +560,7 @@ export const colorMetadata = {
516
560
  path: ["color", "green", "600"],
517
561
  },
518
562
  700: {
563
+ key: "{color.green.700}",
519
564
  value: "#38662E",
520
565
  conformance: {
521
566
  black: "AA",
@@ -529,6 +574,7 @@ export const colorMetadata = {
529
574
  black: "AA",
530
575
  white: "AAA",
531
576
  },
577
+ key: "{color.green.700}",
532
578
  },
533
579
  name: "ColorGreen700",
534
580
  attributes: {
@@ -539,6 +585,7 @@ export const colorMetadata = {
539
585
  path: ["color", "green", "700"],
540
586
  },
541
587
  800: {
588
+ key: "{color.green.800}",
542
589
  value: "#093300",
543
590
  conformance: {
544
591
  black: null,
@@ -552,6 +599,7 @@ export const colorMetadata = {
552
599
  black: null,
553
600
  white: "AAA",
554
601
  },
602
+ key: "{color.green.800}",
555
603
  },
556
604
  name: "ColorGreen800",
557
605
  attributes: {
@@ -564,6 +612,7 @@ export const colorMetadata = {
564
612
  },
565
613
  blue: {
566
614
  100: {
615
+ key: "{color.blue.100}",
567
616
  value: "#E9F5FF",
568
617
  conformance: {
569
618
  black: "AAA",
@@ -577,6 +626,7 @@ export const colorMetadata = {
577
626
  black: "AAA",
578
627
  white: null,
579
628
  },
629
+ key: "{color.blue.100}",
580
630
  },
581
631
  name: "ColorBlue100",
582
632
  attributes: {
@@ -587,6 +637,7 @@ export const colorMetadata = {
587
637
  path: ["color", "blue", "100"],
588
638
  },
589
639
  200: {
640
+ key: "{color.blue.200}",
590
641
  value: "#C7E7FF",
591
642
  conformance: {
592
643
  black: "AAA",
@@ -600,6 +651,7 @@ export const colorMetadata = {
600
651
  black: "AAA",
601
652
  white: null,
602
653
  },
654
+ key: "{color.blue.200}",
603
655
  },
604
656
  name: "ColorBlue200",
605
657
  attributes: {
@@ -610,6 +662,7 @@ export const colorMetadata = {
610
662
  path: ["color", "blue", "200"],
611
663
  },
612
664
  300: {
665
+ key: "{color.blue.300}",
613
666
  value: "#91CEFF",
614
667
  conformance: {
615
668
  black: "AAA",
@@ -623,6 +676,7 @@ export const colorMetadata = {
623
676
  black: "AAA",
624
677
  white: null,
625
678
  },
679
+ key: "{color.blue.300}",
626
680
  },
627
681
  name: "ColorBlue300",
628
682
  attributes: {
@@ -633,6 +687,7 @@ export const colorMetadata = {
633
687
  path: ["color", "blue", "300"],
634
688
  },
635
689
  400: {
690
+ key: "{color.blue.400}",
636
691
  value: "#58B7FE",
637
692
  conformance: {
638
693
  black: "AAA",
@@ -646,6 +701,7 @@ export const colorMetadata = {
646
701
  black: "AAA",
647
702
  white: null,
648
703
  },
704
+ key: "{color.blue.400}",
649
705
  },
650
706
  name: "ColorBlue400",
651
707
  attributes: {
@@ -656,6 +712,7 @@ export const colorMetadata = {
656
712
  path: ["color", "blue", "400"],
657
713
  },
658
714
  500: {
715
+ key: "{color.blue.500}",
659
716
  value: "#229FFF",
660
717
  conformance: {
661
718
  black: "AAA",
@@ -669,6 +726,7 @@ export const colorMetadata = {
669
726
  black: "AAA",
670
727
  white: null,
671
728
  },
729
+ key: "{color.blue.500}",
672
730
  },
673
731
  name: "ColorBlue500",
674
732
  attributes: {
@@ -679,6 +737,7 @@ export const colorMetadata = {
679
737
  path: ["color", "blue", "500"],
680
738
  },
681
739
  600: {
740
+ key: "{color.blue.600}",
682
741
  value: "#1B7FDE",
683
742
  conformance: {
684
743
  black: "AAA",
@@ -692,6 +751,7 @@ export const colorMetadata = {
692
751
  black: "AAA",
693
752
  white: "AA",
694
753
  },
754
+ key: "{color.blue.600}",
695
755
  },
696
756
  name: "ColorBlue600",
697
757
  attributes: {
@@ -702,6 +762,7 @@ export const colorMetadata = {
702
762
  path: ["color", "blue", "600"],
703
763
  },
704
764
  700: {
765
+ key: "{color.blue.700}",
705
766
  value: "#165FAC",
706
767
  conformance: {
707
768
  black: "AA",
@@ -715,6 +776,7 @@ export const colorMetadata = {
715
776
  black: "AA",
716
777
  white: "AAA",
717
778
  },
779
+ key: "{color.blue.700}",
718
780
  },
719
781
  name: "ColorBlue700",
720
782
  attributes: {
@@ -725,6 +787,7 @@ export const colorMetadata = {
725
787
  path: ["color", "blue", "700"],
726
788
  },
727
789
  800: {
790
+ key: "{color.blue.800}",
728
791
  value: "#0D407A",
729
792
  conformance: {
730
793
  black: null,
@@ -738,6 +801,7 @@ export const colorMetadata = {
738
801
  black: null,
739
802
  white: "AAA",
740
803
  },
804
+ key: "{color.blue.800}",
741
805
  },
742
806
  name: "ColorBlue800",
743
807
  attributes: {
@@ -750,6 +814,7 @@ export const colorMetadata = {
750
814
  },
751
815
  pink: {
752
816
  100: {
817
+ key: "{color.pink.100}",
753
818
  value: "#FFF8FC",
754
819
  conformance: {
755
820
  black: "AAA",
@@ -763,6 +828,7 @@ export const colorMetadata = {
763
828
  black: "AAA",
764
829
  white: null,
765
830
  },
831
+ key: "{color.pink.100}",
766
832
  },
767
833
  name: "ColorPink100",
768
834
  attributes: {
@@ -773,6 +839,7 @@ export const colorMetadata = {
773
839
  path: ["color", "pink", "100"],
774
840
  },
775
841
  200: {
842
+ key: "{color.pink.200}",
776
843
  value: "#FFE5F4",
777
844
  conformance: {
778
845
  black: "AAA",
@@ -786,6 +853,7 @@ export const colorMetadata = {
786
853
  black: "AAA",
787
854
  white: null,
788
855
  },
856
+ key: "{color.pink.200}",
789
857
  },
790
858
  name: "ColorPink200",
791
859
  attributes: {
@@ -796,6 +864,7 @@ export const colorMetadata = {
796
864
  path: ["color", "pink", "200"],
797
865
  },
798
866
  300: {
867
+ key: "{color.pink.300}",
799
868
  value: "#FFC7E8",
800
869
  conformance: {
801
870
  black: "AAA",
@@ -809,6 +878,7 @@ export const colorMetadata = {
809
878
  black: "AAA",
810
879
  white: null,
811
880
  },
881
+ key: "{color.pink.300}",
812
882
  },
813
883
  name: "ColorPink300",
814
884
  attributes: {
@@ -819,6 +889,7 @@ export const colorMetadata = {
819
889
  path: ["color", "pink", "300"],
820
890
  },
821
891
  400: {
892
+ key: "{color.pink.400}",
822
893
  value: "#FF8CD0",
823
894
  conformance: {
824
895
  black: "AAA",
@@ -832,6 +903,7 @@ export const colorMetadata = {
832
903
  black: "AAA",
833
904
  white: null,
834
905
  },
906
+ key: "{color.pink.400}",
835
907
  },
836
908
  name: "ColorPink400",
837
909
  attributes: {
@@ -842,6 +914,7 @@ export const colorMetadata = {
842
914
  path: ["color", "pink", "400"],
843
915
  },
844
916
  500: {
917
+ key: "{color.pink.500}",
845
918
  value: "#FF40B3",
846
919
  conformance: {
847
920
  black: "AAA",
@@ -855,6 +928,7 @@ export const colorMetadata = {
855
928
  black: "AAA",
856
929
  white: "AA",
857
930
  },
931
+ key: "{color.pink.500}",
858
932
  },
859
933
  name: "ColorPink500",
860
934
  attributes: {
@@ -865,6 +939,7 @@ export const colorMetadata = {
865
939
  path: ["color", "pink", "500"],
866
940
  },
867
941
  600: {
942
+ key: "{color.pink.600}",
868
943
  value: "#E0128E",
869
944
  conformance: {
870
945
  black: "AA",
@@ -878,6 +953,7 @@ export const colorMetadata = {
878
953
  black: "AA",
879
954
  white: "AAA",
880
955
  },
956
+ key: "{color.pink.600}",
881
957
  },
882
958
  name: "ColorPink600",
883
959
  attributes: {
@@ -888,6 +964,7 @@ export const colorMetadata = {
888
964
  path: ["color", "pink", "600"],
889
965
  },
890
966
  700: {
967
+ key: "{color.pink.700}",
891
968
  value: "#661F4A",
892
969
  conformance: {
893
970
  black: null,
@@ -901,6 +978,7 @@ export const colorMetadata = {
901
978
  black: null,
902
979
  white: "AAA",
903
980
  },
981
+ key: "{color.pink.700}",
904
982
  },
905
983
  name: "ColorPink700",
906
984
  attributes: {
@@ -911,6 +989,7 @@ export const colorMetadata = {
911
989
  path: ["color", "pink", "700"],
912
990
  },
913
991
  800: {
992
+ key: "{color.pink.800}",
914
993
  value: "#4D002E",
915
994
  conformance: {
916
995
  black: null,
@@ -924,6 +1003,7 @@ export const colorMetadata = {
924
1003
  black: null,
925
1004
  white: "AAA",
926
1005
  },
1006
+ key: "{color.pink.800}",
927
1007
  },
928
1008
  name: "ColorPink800",
929
1009
  attributes: {
@@ -936,6 +1016,7 @@ export const colorMetadata = {
936
1016
  },
937
1017
  red: {
938
1018
  100: {
1019
+ key: "{color.red.100}",
939
1020
  value: "#FFF7F9",
940
1021
  conformance: {
941
1022
  black: "AAA",
@@ -949,6 +1030,7 @@ export const colorMetadata = {
949
1030
  black: "AAA",
950
1031
  white: null,
951
1032
  },
1033
+ key: "{color.red.100}",
952
1034
  },
953
1035
  name: "ColorRed100",
954
1036
  attributes: {
@@ -959,6 +1041,7 @@ export const colorMetadata = {
959
1041
  path: ["color", "red", "100"],
960
1042
  },
961
1043
  200: {
1044
+ key: "{color.red.200}",
962
1045
  value: "#FFCCD5",
963
1046
  conformance: {
964
1047
  black: "AAA",
@@ -972,6 +1055,7 @@ export const colorMetadata = {
972
1055
  black: "AAA",
973
1056
  white: null,
974
1057
  },
1058
+ key: "{color.red.200}",
975
1059
  },
976
1060
  name: "ColorRed200",
977
1061
  attributes: {
@@ -982,6 +1066,7 @@ export const colorMetadata = {
982
1066
  path: ["color", "red", "200"],
983
1067
  },
984
1068
  300: {
1069
+ key: "{color.red.300}",
985
1070
  value: "#FF99AB",
986
1071
  conformance: {
987
1072
  black: "AAA",
@@ -995,6 +1080,7 @@ export const colorMetadata = {
995
1080
  black: "AAA",
996
1081
  white: null,
997
1082
  },
1083
+ key: "{color.red.300}",
998
1084
  },
999
1085
  name: "ColorRed300",
1000
1086
  attributes: {
@@ -1005,6 +1091,7 @@ export const colorMetadata = {
1005
1091
  path: ["color", "red", "300"],
1006
1092
  },
1007
1093
  400: {
1094
+ key: "{color.red.400}",
1008
1095
  value: "#FF6682",
1009
1096
  conformance: {
1010
1097
  black: "AAA",
@@ -1018,6 +1105,7 @@ export const colorMetadata = {
1018
1105
  black: "AAA",
1019
1106
  white: null,
1020
1107
  },
1108
+ key: "{color.red.400}",
1021
1109
  },
1022
1110
  name: "ColorRed400",
1023
1111
  attributes: {
@@ -1028,6 +1116,7 @@ export const colorMetadata = {
1028
1116
  path: ["color", "red", "400"],
1029
1117
  },
1030
1118
  500: {
1119
+ key: "{color.red.500}",
1031
1120
  value: "#FF2B51",
1032
1121
  conformance: {
1033
1122
  black: "AAA",
@@ -1041,6 +1130,7 @@ export const colorMetadata = {
1041
1130
  black: "AAA",
1042
1131
  white: "AA",
1043
1132
  },
1133
+ key: "{color.red.500}",
1044
1134
  },
1045
1135
  name: "ColorRed500",
1046
1136
  attributes: {
@@ -1051,6 +1141,7 @@ export const colorMetadata = {
1051
1141
  path: ["color", "red", "500"],
1052
1142
  },
1053
1143
  600: {
1144
+ key: "{color.red.600}",
1054
1145
  value: "#D60027",
1055
1146
  conformance: {
1056
1147
  black: "AAA",
@@ -1064,6 +1155,7 @@ export const colorMetadata = {
1064
1155
  black: "AAA",
1065
1156
  white: "AAA",
1066
1157
  },
1158
+ key: "{color.red.600}",
1067
1159
  },
1068
1160
  name: "ColorRed600",
1069
1161
  attributes: {
@@ -1074,6 +1166,7 @@ export const colorMetadata = {
1074
1166
  path: ["color", "red", "600"],
1075
1167
  },
1076
1168
  700: {
1169
+ key: "{color.red.700}",
1077
1170
  value: "#99001C",
1078
1171
  conformance: {
1079
1172
  black: null,
@@ -1087,6 +1180,7 @@ export const colorMetadata = {
1087
1180
  black: null,
1088
1181
  white: "AAA",
1089
1182
  },
1183
+ key: "{color.red.700}",
1090
1184
  },
1091
1185
  name: "ColorRed700",
1092
1186
  attributes: {
@@ -1097,6 +1191,7 @@ export const colorMetadata = {
1097
1191
  path: ["color", "red", "700"],
1098
1192
  },
1099
1193
  800: {
1194
+ key: "{color.red.800}",
1100
1195
  value: "#660013",
1101
1196
  conformance: {
1102
1197
  black: null,
@@ -1110,6 +1205,7 @@ export const colorMetadata = {
1110
1205
  black: null,
1111
1206
  white: "AAA",
1112
1207
  },
1208
+ key: "{color.red.800}",
1113
1209
  },
1114
1210
  name: "ColorRed800",
1115
1211
  attributes: {
@@ -1122,6 +1218,7 @@ export const colorMetadata = {
1122
1218
  },
1123
1219
  yellow: {
1124
1220
  100: {
1221
+ key: "{color.yellow.100}",
1125
1222
  value: "#FFFFF0",
1126
1223
  conformance: {
1127
1224
  black: "AAA",
@@ -1135,6 +1232,7 @@ export const colorMetadata = {
1135
1232
  black: "AAA",
1136
1233
  white: null,
1137
1234
  },
1235
+ key: "{color.yellow.100}",
1138
1236
  },
1139
1237
  name: "ColorYellow100",
1140
1238
  attributes: {
@@ -1145,6 +1243,7 @@ export const colorMetadata = {
1145
1243
  path: ["color", "yellow", "100"],
1146
1244
  },
1147
1245
  200: {
1246
+ key: "{color.yellow.200}",
1148
1247
  value: "#EFF18D",
1149
1248
  conformance: {
1150
1249
  black: "AAA",
@@ -1158,6 +1257,7 @@ export const colorMetadata = {
1158
1257
  black: "AAA",
1159
1258
  white: null,
1160
1259
  },
1260
+ key: "{color.yellow.200}",
1161
1261
  },
1162
1262
  name: "ColorYellow200",
1163
1263
  attributes: {
@@ -1168,6 +1268,7 @@ export const colorMetadata = {
1168
1268
  path: ["color", "yellow", "200"],
1169
1269
  },
1170
1270
  300: {
1271
+ key: "{color.yellow.300}",
1171
1272
  value: "#E8EC1E",
1172
1273
  conformance: {
1173
1274
  black: "AAA",
@@ -1181,6 +1282,7 @@ export const colorMetadata = {
1181
1282
  black: "AAA",
1182
1283
  white: null,
1183
1284
  },
1285
+ key: "{color.yellow.300}",
1184
1286
  },
1185
1287
  name: "ColorYellow300",
1186
1288
  attributes: {
@@ -1191,6 +1293,7 @@ export const colorMetadata = {
1191
1293
  path: ["color", "yellow", "300"],
1192
1294
  },
1193
1295
  400: {
1296
+ key: "{color.yellow.400}",
1194
1297
  value: "#D9DC25",
1195
1298
  conformance: {
1196
1299
  black: "AAA",
@@ -1204,6 +1307,7 @@ export const colorMetadata = {
1204
1307
  black: "AAA",
1205
1308
  white: null,
1206
1309
  },
1310
+ key: "{color.yellow.400}",
1207
1311
  },
1208
1312
  name: "ColorYellow400",
1209
1313
  attributes: {
@@ -1214,6 +1318,7 @@ export const colorMetadata = {
1214
1318
  path: ["color", "yellow", "400"],
1215
1319
  },
1216
1320
  500: {
1321
+ key: "{color.yellow.500}",
1217
1322
  value: "#BCBF19",
1218
1323
  conformance: {
1219
1324
  black: "AAA",
@@ -1227,6 +1332,7 @@ export const colorMetadata = {
1227
1332
  black: "AAA",
1228
1333
  white: null,
1229
1334
  },
1335
+ key: "{color.yellow.500}",
1230
1336
  },
1231
1337
  name: "ColorYellow500",
1232
1338
  attributes: {
@@ -1237,6 +1343,7 @@ export const colorMetadata = {
1237
1343
  path: ["color", "yellow", "500"],
1238
1344
  },
1239
1345
  600: {
1346
+ key: "{color.yellow.600}",
1240
1347
  value: "#9EA00F",
1241
1348
  conformance: {
1242
1349
  black: "AAA",
@@ -1250,6 +1357,7 @@ export const colorMetadata = {
1250
1357
  black: "AAA",
1251
1358
  white: null,
1252
1359
  },
1360
+ key: "{color.yellow.600}",
1253
1361
  },
1254
1362
  name: "ColorYellow600",
1255
1363
  attributes: {
@@ -1260,6 +1368,7 @@ export const colorMetadata = {
1260
1368
  path: ["color", "yellow", "600"],
1261
1369
  },
1262
1370
  700: {
1371
+ key: "{color.yellow.700}",
1263
1372
  value: "#7C7E07",
1264
1373
  conformance: {
1265
1374
  black: "AAA",
@@ -1273,6 +1382,7 @@ export const colorMetadata = {
1273
1382
  black: "AAA",
1274
1383
  white: "AA",
1275
1384
  },
1385
+ key: "{color.yellow.700}",
1276
1386
  },
1277
1387
  name: "ColorYellow700",
1278
1388
  attributes: {
@@ -1283,6 +1393,7 @@ export const colorMetadata = {
1283
1393
  path: ["color", "yellow", "700"],
1284
1394
  },
1285
1395
  800: {
1396
+ key: "{color.yellow.800}",
1286
1397
  value: "#4A4D00",
1287
1398
  conformance: {
1288
1399
  black: "AA",
@@ -1296,6 +1407,7 @@ export const colorMetadata = {
1296
1407
  black: "AA",
1297
1408
  white: "AAA",
1298
1409
  },
1410
+ key: "{color.yellow.800}",
1299
1411
  },
1300
1412
  name: "ColorYellow800",
1301
1413
  attributes: {
@@ -1308,6 +1420,7 @@ export const colorMetadata = {
1308
1420
  },
1309
1421
  orange: {
1310
1422
  100: {
1423
+ key: "{color.orange.100}",
1311
1424
  value: "#FFF9F8",
1312
1425
  conformance: {
1313
1426
  black: "AAA",
@@ -1321,6 +1434,7 @@ export const colorMetadata = {
1321
1434
  black: "AAA",
1322
1435
  white: null,
1323
1436
  },
1437
+ key: "{color.orange.100}",
1324
1438
  },
1325
1439
  name: "ColorOrange100",
1326
1440
  attributes: {
@@ -1331,6 +1445,7 @@ export const colorMetadata = {
1331
1445
  path: ["color", "orange", "100"],
1332
1446
  },
1333
1447
  200: {
1448
+ key: "{color.orange.200}",
1334
1449
  value: "#FFCABA",
1335
1450
  conformance: {
1336
1451
  black: "AAA",
@@ -1344,6 +1459,7 @@ export const colorMetadata = {
1344
1459
  black: "AAA",
1345
1460
  white: null,
1346
1461
  },
1462
+ key: "{color.orange.200}",
1347
1463
  },
1348
1464
  name: "ColorOrange200",
1349
1465
  attributes: {
@@ -1354,6 +1470,7 @@ export const colorMetadata = {
1354
1470
  path: ["color", "orange", "200"],
1355
1471
  },
1356
1472
  300: {
1473
+ key: "{color.orange.300}",
1357
1474
  value: "#FF9D80",
1358
1475
  conformance: {
1359
1476
  black: "AAA",
@@ -1367,6 +1484,7 @@ export const colorMetadata = {
1367
1484
  black: "AAA",
1368
1485
  white: null,
1369
1486
  },
1487
+ key: "{color.orange.300}",
1370
1488
  },
1371
1489
  name: "ColorOrange300",
1372
1490
  attributes: {
@@ -1377,6 +1495,7 @@ export const colorMetadata = {
1377
1495
  path: ["color", "orange", "300"],
1378
1496
  },
1379
1497
  400: {
1498
+ key: "{color.orange.400}",
1380
1499
  value: "#FF6C40",
1381
1500
  conformance: {
1382
1501
  black: "AAA",
@@ -1390,6 +1509,7 @@ export const colorMetadata = {
1390
1509
  black: "AAA",
1391
1510
  white: null,
1392
1511
  },
1512
+ key: "{color.orange.400}",
1393
1513
  },
1394
1514
  name: "ColorOrange400",
1395
1515
  attributes: {
@@ -1400,6 +1520,7 @@ export const colorMetadata = {
1400
1520
  path: ["color", "orange", "400"],
1401
1521
  },
1402
1522
  500: {
1523
+ key: "{color.orange.500}",
1403
1524
  value: "#D1451A",
1404
1525
  conformance: {
1405
1526
  black: "AA",
@@ -1413,6 +1534,7 @@ export const colorMetadata = {
1413
1534
  black: "AA",
1414
1535
  white: "AA",
1415
1536
  },
1537
+ key: "{color.orange.500}",
1416
1538
  },
1417
1539
  name: "ColorOrange500",
1418
1540
  attributes: {
@@ -1423,6 +1545,7 @@ export const colorMetadata = {
1423
1545
  path: ["color", "orange", "500"],
1424
1546
  },
1425
1547
  600: {
1548
+ key: "{color.orange.600}",
1426
1549
  value: "#B23009",
1427
1550
  conformance: {
1428
1551
  black: null,
@@ -1436,6 +1559,7 @@ export const colorMetadata = {
1436
1559
  black: null,
1437
1560
  white: "AA",
1438
1561
  },
1562
+ key: "{color.orange.600}",
1439
1563
  },
1440
1564
  name: "ColorOrange600",
1441
1565
  attributes: {
@@ -1446,6 +1570,7 @@ export const colorMetadata = {
1446
1570
  path: ["color", "orange", "600"],
1447
1571
  },
1448
1572
  700: {
1573
+ key: "{color.orange.700}",
1449
1574
  value: "#80280D",
1450
1575
  conformance: {
1451
1576
  black: null,
@@ -1459,6 +1584,7 @@ export const colorMetadata = {
1459
1584
  black: null,
1460
1585
  white: "AAA",
1461
1586
  },
1587
+ key: "{color.orange.700}",
1462
1588
  },
1463
1589
  name: "ColorOrange700",
1464
1590
  attributes: {
@@ -1469,6 +1595,7 @@ export const colorMetadata = {
1469
1595
  path: ["color", "orange", "700"],
1470
1596
  },
1471
1597
  800: {
1598
+ key: "{color.orange.800}",
1472
1599
  value: "#4D1200",
1473
1600
  conformance: {
1474
1601
  black: null,
@@ -1482,6 +1609,7 @@ export const colorMetadata = {
1482
1609
  black: null,
1483
1610
  white: "AAA",
1484
1611
  },
1612
+ key: "{color.orange.800}",
1485
1613
  },
1486
1614
  name: "ColorOrange800",
1487
1615
  attributes: {
@@ -1494,6 +1622,7 @@ export const colorMetadata = {
1494
1622
  },
1495
1623
  grey: {
1496
1624
  100: {
1625
+ key: "{color.grey.100}",
1497
1626
  value: "#F8F8F9",
1498
1627
  conformance: {
1499
1628
  black: "AAA",
@@ -1507,6 +1636,7 @@ export const colorMetadata = {
1507
1636
  black: "AAA",
1508
1637
  white: null,
1509
1638
  },
1639
+ key: "{color.grey.100}",
1510
1640
  },
1511
1641
  name: "ColorGrey100",
1512
1642
  attributes: {
@@ -1517,6 +1647,7 @@ export const colorMetadata = {
1517
1647
  path: ["color", "grey", "100"],
1518
1648
  },
1519
1649
  200: {
1650
+ key: "{color.grey.200}",
1520
1651
  value: "#EBEBED",
1521
1652
  conformance: {
1522
1653
  black: "AAA",
@@ -1530,6 +1661,7 @@ export const colorMetadata = {
1530
1661
  black: "AAA",
1531
1662
  white: null,
1532
1663
  },
1664
+ key: "{color.grey.200}",
1533
1665
  },
1534
1666
  name: "ColorGrey200",
1535
1667
  attributes: {
@@ -1540,6 +1672,7 @@ export const colorMetadata = {
1540
1672
  path: ["color", "grey", "200"],
1541
1673
  },
1542
1674
  300: {
1675
+ key: "{color.grey.300}",
1543
1676
  value: "#DEDEE1",
1544
1677
  conformance: {
1545
1678
  black: "AAA",
@@ -1553,6 +1686,7 @@ export const colorMetadata = {
1553
1686
  black: "AAA",
1554
1687
  white: null,
1555
1688
  },
1689
+ key: "{color.grey.300}",
1556
1690
  },
1557
1691
  name: "ColorGrey300",
1558
1692
  attributes: {
@@ -1563,6 +1697,7 @@ export const colorMetadata = {
1563
1697
  path: ["color", "grey", "300"],
1564
1698
  },
1565
1699
  400: {
1700
+ key: "{color.grey.400}",
1566
1701
  value: "#C4C4C8",
1567
1702
  conformance: {
1568
1703
  black: "AAA",
@@ -1576,6 +1711,7 @@ export const colorMetadata = {
1576
1711
  black: "AAA",
1577
1712
  white: null,
1578
1713
  },
1714
+ key: "{color.grey.400}",
1579
1715
  },
1580
1716
  name: "ColorGrey400",
1581
1717
  attributes: {
@@ -1586,6 +1722,7 @@ export const colorMetadata = {
1586
1722
  path: ["color", "grey", "400"],
1587
1723
  },
1588
1724
  500: {
1725
+ key: "{color.grey.500}",
1589
1726
  value: "#A3A3AA",
1590
1727
  conformance: {
1591
1728
  black: "AAA",
@@ -1599,6 +1736,7 @@ export const colorMetadata = {
1599
1736
  black: "AAA",
1600
1737
  white: null,
1601
1738
  },
1739
+ key: "{color.grey.500}",
1602
1740
  },
1603
1741
  name: "ColorGrey500",
1604
1742
  attributes: {
@@ -1609,6 +1747,7 @@ export const colorMetadata = {
1609
1747
  path: ["color", "grey", "500"],
1610
1748
  },
1611
1749
  600: {
1750
+ key: "{color.grey.600}",
1612
1751
  value: "#7B7B87",
1613
1752
  conformance: {
1614
1753
  black: "AA",
@@ -1622,6 +1761,7 @@ export const colorMetadata = {
1622
1761
  black: "AA",
1623
1762
  white: "AA",
1624
1763
  },
1764
+ key: "{color.grey.600}",
1625
1765
  },
1626
1766
  name: "ColorGrey600",
1627
1767
  attributes: {
@@ -1632,6 +1772,7 @@ export const colorMetadata = {
1632
1772
  path: ["color", "grey", "600"],
1633
1773
  },
1634
1774
  700: {
1775
+ key: "{color.grey.700}",
1635
1776
  value: "#62626C",
1636
1777
  conformance: {
1637
1778
  black: "AA",
@@ -1645,6 +1786,7 @@ export const colorMetadata = {
1645
1786
  black: "AA",
1646
1787
  white: "AAA",
1647
1788
  },
1789
+ key: "{color.grey.700}",
1648
1790
  },
1649
1791
  name: "ColorGrey700",
1650
1792
  attributes: {
@@ -1655,6 +1797,7 @@ export const colorMetadata = {
1655
1797
  path: ["color", "grey", "700"],
1656
1798
  },
1657
1799
  800: {
1800
+ key: "{color.grey.800}",
1658
1801
  value: "#4A4A51",
1659
1802
  conformance: {
1660
1803
  black: null,
@@ -1668,6 +1811,7 @@ export const colorMetadata = {
1668
1811
  black: null,
1669
1812
  white: "AAA",
1670
1813
  },
1814
+ key: "{color.grey.800}",
1671
1815
  },
1672
1816
  name: "ColorGrey800",
1673
1817
  attributes: {
@@ -1678,6 +1822,7 @@ export const colorMetadata = {
1678
1822
  path: ["color", "grey", "800"],
1679
1823
  },
1680
1824
  900: {
1825
+ key: "{color.grey.900}",
1681
1826
  value: "#37373C",
1682
1827
  conformance: {
1683
1828
  black: null,
@@ -1691,6 +1836,7 @@ export const colorMetadata = {
1691
1836
  black: null,
1692
1837
  white: "AAA",
1693
1838
  },
1839
+ key: "{color.grey.900}",
1694
1840
  },
1695
1841
  name: "ColorGrey900",
1696
1842
  attributes: {
@@ -1701,6 +1847,7 @@ export const colorMetadata = {
1701
1847
  path: ["color", "grey", "900"],
1702
1848
  },
1703
1849
  1000: {
1850
+ key: "{color.grey.1000}",
1704
1851
  value: "#1F1F22",
1705
1852
  conformance: {
1706
1853
  black: null,
@@ -1714,6 +1861,7 @@ export const colorMetadata = {
1714
1861
  black: null,
1715
1862
  white: "AAA",
1716
1863
  },
1864
+ key: "{color.grey.1000}",
1717
1865
  },
1718
1866
  name: "ColorGrey1000",
1719
1867
  attributes: {
@@ -1724,6 +1872,7 @@ export const colorMetadata = {
1724
1872
  path: ["color", "grey", "1000"],
1725
1873
  },
1726
1874
  1100: {
1875
+ key: "{color.grey.1100}",
1727
1876
  value: "#0B0D0E",
1728
1877
  conformance: {
1729
1878
  black: null,
@@ -1737,6 +1886,7 @@ export const colorMetadata = {
1737
1886
  black: null,
1738
1887
  white: "AAA",
1739
1888
  },
1889
+ key: "{color.grey.1100}",
1740
1890
  },
1741
1891
  name: "ColorGrey1100",
1742
1892
  attributes: {
@@ -1749,6 +1899,7 @@ export const colorMetadata = {
1749
1899
  },
1750
1900
  error: {
1751
1901
  100: {
1902
+ key: "{color.error.100}",
1752
1903
  value: "#FFECEC",
1753
1904
  conformance: {
1754
1905
  black: "AAA",
@@ -1762,6 +1913,7 @@ export const colorMetadata = {
1762
1913
  black: "AAA",
1763
1914
  white: null,
1764
1915
  },
1916
+ key: "{color.error.100}",
1765
1917
  },
1766
1918
  name: "ColorError100",
1767
1919
  attributes: {
@@ -1772,6 +1924,7 @@ export const colorMetadata = {
1772
1924
  path: ["color", "error", "100"],
1773
1925
  },
1774
1926
  200: {
1927
+ key: "{color.error.200}",
1775
1928
  value: "#FFCACA",
1776
1929
  conformance: {
1777
1930
  black: "AAA",
@@ -1785,6 +1938,7 @@ export const colorMetadata = {
1785
1938
  black: "AAA",
1786
1939
  white: null,
1787
1940
  },
1941
+ key: "{color.error.200}",
1788
1942
  },
1789
1943
  name: "ColorError200",
1790
1944
  attributes: {
@@ -1795,6 +1949,7 @@ export const colorMetadata = {
1795
1949
  path: ["color", "error", "200"],
1796
1950
  },
1797
1951
  300: {
1952
+ key: "{color.error.300}",
1798
1953
  value: "#FF9A9A",
1799
1954
  conformance: {
1800
1955
  black: "AAA",
@@ -1808,6 +1963,7 @@ export const colorMetadata = {
1808
1963
  black: "AAA",
1809
1964
  white: null,
1810
1965
  },
1966
+ key: "{color.error.300}",
1811
1967
  },
1812
1968
  name: "ColorError300",
1813
1969
  attributes: {
@@ -1818,6 +1974,7 @@ export const colorMetadata = {
1818
1974
  path: ["color", "error", "300"],
1819
1975
  },
1820
1976
  400: {
1977
+ key: "{color.error.400}",
1821
1978
  value: "#FF6962",
1822
1979
  conformance: {
1823
1980
  black: "AAA",
@@ -1831,6 +1988,7 @@ export const colorMetadata = {
1831
1988
  black: "AAA",
1832
1989
  white: null,
1833
1990
  },
1991
+ key: "{color.error.400}",
1834
1992
  },
1835
1993
  name: "ColorError400",
1836
1994
  attributes: {
@@ -1841,6 +1999,7 @@ export const colorMetadata = {
1841
1999
  path: ["color", "error", "400"],
1842
2000
  },
1843
2001
  500: {
2002
+ key: "{color.error.500}",
1844
2003
  value: "#FA4040",
1845
2004
  conformance: {
1846
2005
  black: "AAA",
@@ -1854,6 +2013,7 @@ export const colorMetadata = {
1854
2013
  black: "AAA",
1855
2014
  white: "AA",
1856
2015
  },
2016
+ key: "{color.error.500}",
1857
2017
  },
1858
2018
  name: "ColorError500",
1859
2019
  attributes: {
@@ -1864,6 +2024,7 @@ export const colorMetadata = {
1864
2024
  path: ["color", "error", "500"],
1865
2025
  },
1866
2026
  600: {
2027
+ key: "{color.error.600}",
1867
2028
  value: "#D63727",
1868
2029
  conformance: {
1869
2030
  black: "AAA",
@@ -1877,6 +2038,7 @@ export const colorMetadata = {
1877
2038
  black: "AAA",
1878
2039
  white: "AAA",
1879
2040
  },
2041
+ key: "{color.error.600}",
1880
2042
  },
1881
2043
  name: "ColorError600",
1882
2044
  attributes: {
@@ -1887,6 +2049,7 @@ export const colorMetadata = {
1887
2049
  path: ["color", "error", "600"],
1888
2050
  },
1889
2051
  700: {
2052
+ key: "{color.error.700}",
1890
2053
  value: "#AA0D15",
1891
2054
  conformance: {
1892
2055
  black: null,
@@ -1900,6 +2063,7 @@ export const colorMetadata = {
1900
2063
  black: null,
1901
2064
  white: "AAA",
1902
2065
  },
2066
+ key: "{color.error.700}",
1903
2067
  },
1904
2068
  name: "ColorError700",
1905
2069
  attributes: {
@@ -1910,6 +2074,7 @@ export const colorMetadata = {
1910
2074
  path: ["color", "error", "700"],
1911
2075
  },
1912
2076
  800: {
2077
+ key: "{color.error.800}",
1913
2078
  value: "#860011",
1914
2079
  conformance: {
1915
2080
  black: null,
@@ -1923,6 +2088,7 @@ export const colorMetadata = {
1923
2088
  black: null,
1924
2089
  white: "AAA",
1925
2090
  },
2091
+ key: "{color.error.800}",
1926
2092
  },
1927
2093
  name: "ColorError800",
1928
2094
  attributes: {
@@ -1935,6 +2101,7 @@ export const colorMetadata = {
1935
2101
  },
1936
2102
  success: {
1937
2103
  100: {
2104
+ key: "{color.success.100}",
1938
2105
  value: "#E6F9F3",
1939
2106
  conformance: {
1940
2107
  black: "AAA",
@@ -1948,6 +2115,7 @@ export const colorMetadata = {
1948
2115
  black: "AAA",
1949
2116
  white: null,
1950
2117
  },
2118
+ key: "{color.success.100}",
1951
2119
  },
1952
2120
  name: "ColorSuccess100",
1953
2121
  attributes: {
@@ -1958,6 +2126,7 @@ export const colorMetadata = {
1958
2126
  path: ["color", "success", "100"],
1959
2127
  },
1960
2128
  200: {
2129
+ key: "{color.success.200}",
1961
2130
  value: "#BFEFE0",
1962
2131
  conformance: {
1963
2132
  black: "AAA",
@@ -1971,6 +2140,7 @@ export const colorMetadata = {
1971
2140
  black: "AAA",
1972
2141
  white: null,
1973
2142
  },
2143
+ key: "{color.success.200}",
1974
2144
  },
1975
2145
  name: "ColorSuccess200",
1976
2146
  attributes: {
@@ -1981,6 +2151,7 @@ export const colorMetadata = {
1981
2151
  path: ["color", "success", "200"],
1982
2152
  },
1983
2153
  300: {
2154
+ key: "{color.success.300}",
1984
2155
  value: "#81E0C1",
1985
2156
  conformance: {
1986
2157
  black: "AAA",
@@ -1994,6 +2165,7 @@ export const colorMetadata = {
1994
2165
  black: "AAA",
1995
2166
  white: null,
1996
2167
  },
2168
+ key: "{color.success.300}",
1997
2169
  },
1998
2170
  name: "ColorSuccess300",
1999
2171
  attributes: {
@@ -2004,6 +2176,7 @@ export const colorMetadata = {
2004
2176
  path: ["color", "success", "300"],
2005
2177
  },
2006
2178
  400: {
2179
+ key: "{color.success.400}",
2007
2180
  value: "#41D0A3",
2008
2181
  conformance: {
2009
2182
  black: "AAA",
@@ -2017,6 +2190,7 @@ export const colorMetadata = {
2017
2190
  black: "AAA",
2018
2191
  white: null,
2019
2192
  },
2193
+ key: "{color.success.400}",
2020
2194
  },
2021
2195
  name: "ColorSuccess400",
2022
2196
  attributes: {
@@ -2027,6 +2201,7 @@ export const colorMetadata = {
2027
2201
  path: ["color", "success", "400"],
2028
2202
  },
2029
2203
  500: {
2204
+ key: "{color.success.500}",
2030
2205
  value: "#00C185",
2031
2206
  conformance: {
2032
2207
  black: "AAA",
@@ -2040,6 +2215,7 @@ export const colorMetadata = {
2040
2215
  black: "AAA",
2041
2216
  white: null,
2042
2217
  },
2218
+ key: "{color.success.500}",
2043
2219
  },
2044
2220
  name: "ColorSuccess500",
2045
2221
  attributes: {
@@ -2050,6 +2226,7 @@ export const colorMetadata = {
2050
2226
  path: ["color", "success", "500"],
2051
2227
  },
2052
2228
  600: {
2229
+ key: "{color.success.600}",
2053
2230
  value: "#00966E",
2054
2231
  conformance: {
2055
2232
  black: "AAA",
@@ -2063,6 +2240,7 @@ export const colorMetadata = {
2063
2240
  black: "AAA",
2064
2241
  white: "AA",
2065
2242
  },
2243
+ key: "{color.success.600}",
2066
2244
  },
2067
2245
  name: "ColorSuccess600",
2068
2246
  attributes: {
@@ -2073,6 +2251,7 @@ export const colorMetadata = {
2073
2251
  path: ["color", "success", "600"],
2074
2252
  },
2075
2253
  700: {
2254
+ key: "{color.success.700}",
2076
2255
  value: "#047063",
2077
2256
  conformance: {
2078
2257
  black: "AA",
@@ -2086,6 +2265,7 @@ export const colorMetadata = {
2086
2265
  black: "AA",
2087
2266
  white: "AAA",
2088
2267
  },
2268
+ key: "{color.success.700}",
2089
2269
  },
2090
2270
  name: "ColorSuccess700",
2091
2271
  attributes: {
@@ -2096,6 +2276,7 @@ export const colorMetadata = {
2096
2276
  path: ["color", "success", "700"],
2097
2277
  },
2098
2278
  800: {
2279
+ key: "{color.success.800}",
2099
2280
  value: "#025050",
2100
2281
  conformance: {
2101
2282
  black: null,
@@ -2109,6 +2290,7 @@ export const colorMetadata = {
2109
2290
  black: null,
2110
2291
  white: "AAA",
2111
2292
  },
2293
+ key: "{color.success.800}",
2112
2294
  },
2113
2295
  name: "ColorSuccess800",
2114
2296
  attributes: {
@@ -2121,6 +2303,7 @@ export const colorMetadata = {
2121
2303
  },
2122
2304
  warning: {
2123
2305
  100: {
2306
+ key: "{color.warning.100}",
2124
2307
  value: "#FFF8E6",
2125
2308
  conformance: {
2126
2309
  black: "AAA",
@@ -2134,6 +2317,7 @@ export const colorMetadata = {
2134
2317
  black: "AAA",
2135
2318
  white: null,
2136
2319
  },
2320
+ key: "{color.warning.100}",
2137
2321
  },
2138
2322
  name: "ColorWarning100",
2139
2323
  attributes: {
@@ -2144,6 +2328,7 @@ export const colorMetadata = {
2144
2328
  path: ["color", "warning", "100"],
2145
2329
  },
2146
2330
  200: {
2331
+ key: "{color.warning.200}",
2147
2332
  value: "#FFEFC8",
2148
2333
  conformance: {
2149
2334
  black: "AAA",
@@ -2157,6 +2342,7 @@ export const colorMetadata = {
2157
2342
  black: "AAA",
2158
2343
  white: null,
2159
2344
  },
2345
+ key: "{color.warning.200}",
2160
2346
  },
2161
2347
  name: "ColorWarning200",
2162
2348
  attributes: {
@@ -2167,6 +2353,7 @@ export const colorMetadata = {
2167
2353
  path: ["color", "warning", "200"],
2168
2354
  },
2169
2355
  300: {
2356
+ key: "{color.warning.300}",
2170
2357
  value: "#FFDF96",
2171
2358
  conformance: {
2172
2359
  black: "AAA",
@@ -2180,6 +2367,7 @@ export const colorMetadata = {
2180
2367
  black: "AAA",
2181
2368
  white: null,
2182
2369
  },
2370
+ key: "{color.warning.300}",
2183
2371
  },
2184
2372
  name: "ColorWarning300",
2185
2373
  attributes: {
@@ -2190,6 +2378,7 @@ export const colorMetadata = {
2190
2378
  path: ["color", "warning", "300"],
2191
2379
  },
2192
2380
  400: {
2381
+ key: "{color.warning.400}",
2193
2382
  value: "#FFCE5A",
2194
2383
  conformance: {
2195
2384
  black: "AAA",
@@ -2203,6 +2392,7 @@ export const colorMetadata = {
2203
2392
  black: "AAA",
2204
2393
  white: null,
2205
2394
  },
2395
+ key: "{color.warning.400}",
2206
2396
  },
2207
2397
  name: "ColorWarning400",
2208
2398
  attributes: {
@@ -2213,6 +2403,7 @@ export const colorMetadata = {
2213
2403
  path: ["color", "warning", "400"],
2214
2404
  },
2215
2405
  500: {
2406
+ key: "{color.warning.500}",
2216
2407
  value: "#FABE1F",
2217
2408
  conformance: {
2218
2409
  black: "AAA",
@@ -2226,6 +2417,7 @@ export const colorMetadata = {
2226
2417
  black: "AAA",
2227
2418
  white: null,
2228
2419
  },
2420
+ key: "{color.warning.500}",
2229
2421
  },
2230
2422
  name: "ColorWarning500",
2231
2423
  attributes: {
@@ -2236,6 +2428,7 @@ export const colorMetadata = {
2236
2428
  path: ["color", "warning", "500"],
2237
2429
  },
2238
2430
  600: {
2431
+ key: "{color.warning.600}",
2239
2432
  value: "#DC9601",
2240
2433
  conformance: {
2241
2434
  black: "AAA",
@@ -2249,6 +2442,7 @@ export const colorMetadata = {
2249
2442
  black: "AAA",
2250
2443
  white: null,
2251
2444
  },
2445
+ key: "{color.warning.600}",
2252
2446
  },
2253
2447
  name: "ColorWarning600",
2254
2448
  attributes: {
@@ -2259,6 +2453,7 @@ export const colorMetadata = {
2259
2453
  path: ["color", "warning", "600"],
2260
2454
  },
2261
2455
  700: {
2456
+ key: "{color.warning.700}",
2262
2457
  value: "#BE7200",
2263
2458
  conformance: {
2264
2459
  black: "AAA",
@@ -2272,6 +2467,7 @@ export const colorMetadata = {
2272
2467
  black: "AAA",
2273
2468
  white: "AA",
2274
2469
  },
2470
+ key: "{color.warning.700}",
2275
2471
  },
2276
2472
  name: "ColorWarning700",
2277
2473
  attributes: {
@@ -2282,6 +2478,7 @@ export const colorMetadata = {
2282
2478
  path: ["color", "warning", "700"],
2283
2479
  },
2284
2480
  800: {
2481
+ key: "{color.warning.800}",
2285
2482
  value: "#B45101",
2286
2483
  conformance: {
2287
2484
  black: "AA",
@@ -2295,6 +2492,7 @@ export const colorMetadata = {
2295
2492
  black: "AA",
2296
2493
  white: "AAA",
2297
2494
  },
2495
+ key: "{color.warning.800}",
2298
2496
  },
2299
2497
  name: "ColorWarning800",
2300
2498
  attributes: {