@gitlab/ui 80.11.0 → 80.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +1 -20
  3. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +5 -9
  4. package/dist/components/base/new_dropdowns/constants.js +1 -2
  5. package/dist/tailwind.css +1 -1
  6. package/dist/tailwind.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +106 -1
  8. package/dist/tokens/build/js/tokens.js +70 -1
  9. package/dist/tokens/css/tokens.css +77 -8
  10. package/dist/tokens/css/tokens.dark.css +111 -6
  11. package/dist/tokens/js/tokens.dark.js +105 -0
  12. package/dist/tokens/js/tokens.js +69 -0
  13. package/dist/tokens/json/tokens.dark.json +4002 -2053
  14. package/dist/tokens/json/tokens.json +1207 -14
  15. package/dist/tokens/scss/_tokens.dark.scss +111 -6
  16. package/dist/tokens/scss/_tokens.scss +77 -8
  17. package/dist/tokens/scss/_tokens_custom_properties.scss +69 -0
  18. package/dist/tokens/tailwind/tokens.cjs +9 -8
  19. package/dist/tokens/tokens_table.js +12 -1
  20. package/dist/utils/utils.js +1 -19
  21. package/package.json +1 -1
  22. package/src/components/base/icon/icon.stories.js +3 -1
  23. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.spec.js +17 -55
  24. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +4 -16
  25. package/src/components/base/new_dropdowns/constants.js +0 -1
  26. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.stories.js +0 -28
  27. package/src/tokens/build/css/tokens.css +77 -8
  28. package/src/tokens/build/css/tokens.dark.css +111 -6
  29. package/src/tokens/build/js/tokens.dark.js +105 -0
  30. package/src/tokens/build/js/tokens.js +69 -0
  31. package/src/tokens/build/json/tokens.dark.json +4002 -2053
  32. package/src/tokens/build/json/tokens.json +1207 -14
  33. package/src/tokens/build/scss/_tokens.dark.scss +111 -6
  34. package/src/tokens/build/scss/_tokens.scss +77 -8
  35. package/src/tokens/build/scss/_tokens_custom_properties.scss +69 -0
  36. package/src/tokens/build/tailwind/tokens.cjs +9 -8
  37. package/src/tokens/color.constant.tokens.json +292 -0
  38. package/src/tokens/color.constant.tokens.stories.js +19 -0
  39. package/src/tokens/text.tokens.json +20 -14
  40. package/src/tokens/tokens_table.vue +12 -1
  41. package/src/utils/utils.js +0 -18
  42. package/src/utils/utils.spec.js +0 -52
@@ -1,4 +1,1191 @@
1
1
  {
2
+ "color": {
3
+ "blue": {
4
+ "50": {
5
+ "value": "#e9f3fc",
6
+ "$type": "color",
7
+ "filePath": "src/tokens/color.constant.tokens.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "#e9f3fc",
11
+ "$type": "color"
12
+ },
13
+ "name": "COLOR_BLUE_50",
14
+ "attributes": {},
15
+ "path": [
16
+ "color",
17
+ "blue",
18
+ "50"
19
+ ]
20
+ },
21
+ "100": {
22
+ "value": "#cbe2f9",
23
+ "$type": "color",
24
+ "filePath": "src/tokens/color.constant.tokens.json",
25
+ "isSource": true,
26
+ "original": {
27
+ "value": "#cbe2f9",
28
+ "$type": "color"
29
+ },
30
+ "name": "COLOR_BLUE_100",
31
+ "attributes": {},
32
+ "path": [
33
+ "color",
34
+ "blue",
35
+ "100"
36
+ ]
37
+ },
38
+ "200": {
39
+ "value": "#9dc7f1",
40
+ "$type": "color",
41
+ "filePath": "src/tokens/color.constant.tokens.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "#9dc7f1",
45
+ "$type": "color"
46
+ },
47
+ "name": "COLOR_BLUE_200",
48
+ "attributes": {},
49
+ "path": [
50
+ "color",
51
+ "blue",
52
+ "200"
53
+ ]
54
+ },
55
+ "300": {
56
+ "value": "#63a6e9",
57
+ "$type": "color",
58
+ "filePath": "src/tokens/color.constant.tokens.json",
59
+ "isSource": true,
60
+ "original": {
61
+ "value": "#63a6e9",
62
+ "$type": "color"
63
+ },
64
+ "name": "COLOR_BLUE_300",
65
+ "attributes": {},
66
+ "path": [
67
+ "color",
68
+ "blue",
69
+ "300"
70
+ ]
71
+ },
72
+ "400": {
73
+ "value": "#428fdc",
74
+ "$type": "color",
75
+ "filePath": "src/tokens/color.constant.tokens.json",
76
+ "isSource": true,
77
+ "original": {
78
+ "value": "#428fdc",
79
+ "$type": "color"
80
+ },
81
+ "name": "COLOR_BLUE_400",
82
+ "attributes": {},
83
+ "path": [
84
+ "color",
85
+ "blue",
86
+ "400"
87
+ ]
88
+ },
89
+ "500": {
90
+ "value": "#1f75cb",
91
+ "$type": "color",
92
+ "filePath": "src/tokens/color.constant.tokens.json",
93
+ "isSource": true,
94
+ "original": {
95
+ "value": "#1f75cb",
96
+ "$type": "color"
97
+ },
98
+ "name": "COLOR_BLUE_500",
99
+ "attributes": {},
100
+ "path": [
101
+ "color",
102
+ "blue",
103
+ "500"
104
+ ]
105
+ },
106
+ "600": {
107
+ "value": "#1068bf",
108
+ "$type": "color",
109
+ "filePath": "src/tokens/color.constant.tokens.json",
110
+ "isSource": true,
111
+ "original": {
112
+ "value": "#1068bf",
113
+ "$type": "color"
114
+ },
115
+ "name": "COLOR_BLUE_600",
116
+ "attributes": {},
117
+ "path": [
118
+ "color",
119
+ "blue",
120
+ "600"
121
+ ]
122
+ },
123
+ "700": {
124
+ "value": "#0b5cad",
125
+ "$type": "color",
126
+ "filePath": "src/tokens/color.constant.tokens.json",
127
+ "isSource": true,
128
+ "original": {
129
+ "value": "#0b5cad",
130
+ "$type": "color"
131
+ },
132
+ "name": "COLOR_BLUE_700",
133
+ "attributes": {},
134
+ "path": [
135
+ "color",
136
+ "blue",
137
+ "700"
138
+ ]
139
+ },
140
+ "800": {
141
+ "value": "#064787",
142
+ "$type": "color",
143
+ "filePath": "src/tokens/color.constant.tokens.json",
144
+ "isSource": true,
145
+ "original": {
146
+ "value": "#064787",
147
+ "$type": "color"
148
+ },
149
+ "name": "COLOR_BLUE_800",
150
+ "attributes": {},
151
+ "path": [
152
+ "color",
153
+ "blue",
154
+ "800"
155
+ ]
156
+ },
157
+ "900": {
158
+ "value": "#033464",
159
+ "$type": "color",
160
+ "filePath": "src/tokens/color.constant.tokens.json",
161
+ "isSource": true,
162
+ "original": {
163
+ "value": "#033464",
164
+ "$type": "color"
165
+ },
166
+ "name": "COLOR_BLUE_900",
167
+ "attributes": {},
168
+ "path": [
169
+ "color",
170
+ "blue",
171
+ "900"
172
+ ]
173
+ },
174
+ "950": {
175
+ "value": "#002850",
176
+ "$type": "color",
177
+ "filePath": "src/tokens/color.constant.tokens.json",
178
+ "isSource": true,
179
+ "original": {
180
+ "value": "#002850",
181
+ "$type": "color"
182
+ },
183
+ "name": "COLOR_BLUE_950",
184
+ "attributes": {},
185
+ "path": [
186
+ "color",
187
+ "blue",
188
+ "950"
189
+ ]
190
+ }
191
+ },
192
+ "neutral": {
193
+ "0": {
194
+ "value": "#fff",
195
+ "$type": "color",
196
+ "filePath": "src/tokens/color.constant.tokens.json",
197
+ "isSource": true,
198
+ "original": {
199
+ "value": "#fff",
200
+ "$type": "color"
201
+ },
202
+ "name": "COLOR_NEUTRAL_0",
203
+ "attributes": {},
204
+ "path": [
205
+ "color",
206
+ "neutral",
207
+ "0"
208
+ ]
209
+ },
210
+ "10": {
211
+ "value": "#fbfafd",
212
+ "$type": "color",
213
+ "filePath": "src/tokens/color.constant.tokens.json",
214
+ "isSource": true,
215
+ "original": {
216
+ "value": "#fbfafd",
217
+ "$type": "color"
218
+ },
219
+ "name": "COLOR_NEUTRAL_10",
220
+ "attributes": {},
221
+ "path": [
222
+ "color",
223
+ "neutral",
224
+ "10"
225
+ ]
226
+ },
227
+ "50": {
228
+ "value": "#ececef",
229
+ "$type": "color",
230
+ "filePath": "src/tokens/color.constant.tokens.json",
231
+ "isSource": true,
232
+ "original": {
233
+ "value": "#ececef",
234
+ "$type": "color"
235
+ },
236
+ "name": "COLOR_NEUTRAL_50",
237
+ "attributes": {},
238
+ "path": [
239
+ "color",
240
+ "neutral",
241
+ "50"
242
+ ]
243
+ },
244
+ "100": {
245
+ "value": "#dcdcde",
246
+ "$type": "color",
247
+ "filePath": "src/tokens/color.constant.tokens.json",
248
+ "isSource": true,
249
+ "original": {
250
+ "value": "#dcdcde",
251
+ "$type": "color"
252
+ },
253
+ "name": "COLOR_NEUTRAL_100",
254
+ "attributes": {},
255
+ "path": [
256
+ "color",
257
+ "neutral",
258
+ "100"
259
+ ]
260
+ },
261
+ "200": {
262
+ "value": "#bfbfc3",
263
+ "$type": "color",
264
+ "filePath": "src/tokens/color.constant.tokens.json",
265
+ "isSource": true,
266
+ "original": {
267
+ "value": "#bfbfc3",
268
+ "$type": "color"
269
+ },
270
+ "name": "COLOR_NEUTRAL_200",
271
+ "attributes": {},
272
+ "path": [
273
+ "color",
274
+ "neutral",
275
+ "200"
276
+ ]
277
+ },
278
+ "300": {
279
+ "value": "#a4a3a8",
280
+ "$type": "color",
281
+ "filePath": "src/tokens/color.constant.tokens.json",
282
+ "isSource": true,
283
+ "original": {
284
+ "value": "#a4a3a8",
285
+ "$type": "color"
286
+ },
287
+ "name": "COLOR_NEUTRAL_300",
288
+ "attributes": {},
289
+ "path": [
290
+ "color",
291
+ "neutral",
292
+ "300"
293
+ ]
294
+ },
295
+ "400": {
296
+ "value": "#89888d",
297
+ "$type": "color",
298
+ "filePath": "src/tokens/color.constant.tokens.json",
299
+ "isSource": true,
300
+ "original": {
301
+ "value": "#89888d",
302
+ "$type": "color"
303
+ },
304
+ "name": "COLOR_NEUTRAL_400",
305
+ "attributes": {},
306
+ "path": [
307
+ "color",
308
+ "neutral",
309
+ "400"
310
+ ]
311
+ },
312
+ "500": {
313
+ "value": "#737278",
314
+ "$type": "color",
315
+ "filePath": "src/tokens/color.constant.tokens.json",
316
+ "isSource": true,
317
+ "original": {
318
+ "value": "#737278",
319
+ "$type": "color"
320
+ },
321
+ "name": "COLOR_NEUTRAL_500",
322
+ "attributes": {},
323
+ "path": [
324
+ "color",
325
+ "neutral",
326
+ "500"
327
+ ]
328
+ },
329
+ "600": {
330
+ "value": "#626168",
331
+ "$type": "color",
332
+ "filePath": "src/tokens/color.constant.tokens.json",
333
+ "isSource": true,
334
+ "original": {
335
+ "value": "#626168",
336
+ "$type": "color"
337
+ },
338
+ "name": "COLOR_NEUTRAL_600",
339
+ "attributes": {},
340
+ "path": [
341
+ "color",
342
+ "neutral",
343
+ "600"
344
+ ]
345
+ },
346
+ "700": {
347
+ "value": "#535158",
348
+ "$type": "color",
349
+ "filePath": "src/tokens/color.constant.tokens.json",
350
+ "isSource": true,
351
+ "original": {
352
+ "value": "#535158",
353
+ "$type": "color"
354
+ },
355
+ "name": "COLOR_NEUTRAL_700",
356
+ "attributes": {},
357
+ "path": [
358
+ "color",
359
+ "neutral",
360
+ "700"
361
+ ]
362
+ },
363
+ "800": {
364
+ "value": "#434248",
365
+ "$type": "color",
366
+ "filePath": "src/tokens/color.constant.tokens.json",
367
+ "isSource": true,
368
+ "original": {
369
+ "value": "#434248",
370
+ "$type": "color"
371
+ },
372
+ "name": "COLOR_NEUTRAL_800",
373
+ "attributes": {},
374
+ "path": [
375
+ "color",
376
+ "neutral",
377
+ "800"
378
+ ]
379
+ },
380
+ "900": {
381
+ "value": "#333238",
382
+ "$type": "color",
383
+ "filePath": "src/tokens/color.constant.tokens.json",
384
+ "isSource": true,
385
+ "original": {
386
+ "value": "#333238",
387
+ "$type": "color"
388
+ },
389
+ "name": "COLOR_NEUTRAL_900",
390
+ "attributes": {},
391
+ "path": [
392
+ "color",
393
+ "neutral",
394
+ "900"
395
+ ]
396
+ },
397
+ "950": {
398
+ "value": "#1f1e24",
399
+ "$type": "color",
400
+ "filePath": "src/tokens/color.constant.tokens.json",
401
+ "isSource": true,
402
+ "original": {
403
+ "value": "#1f1e24",
404
+ "$type": "color"
405
+ },
406
+ "name": "COLOR_NEUTRAL_950",
407
+ "attributes": {},
408
+ "path": [
409
+ "color",
410
+ "neutral",
411
+ "950"
412
+ ]
413
+ },
414
+ "1000": {
415
+ "value": "#000",
416
+ "$type": "color",
417
+ "filePath": "src/tokens/color.constant.tokens.json",
418
+ "isSource": true,
419
+ "original": {
420
+ "value": "#000",
421
+ "$type": "color"
422
+ },
423
+ "name": "COLOR_NEUTRAL_1000",
424
+ "attributes": {},
425
+ "path": [
426
+ "color",
427
+ "neutral",
428
+ "1000"
429
+ ]
430
+ }
431
+ },
432
+ "green": {
433
+ "50": {
434
+ "value": "#ecf4ee",
435
+ "$type": "color",
436
+ "filePath": "src/tokens/color.constant.tokens.json",
437
+ "isSource": true,
438
+ "original": {
439
+ "value": "#ecf4ee",
440
+ "$type": "color"
441
+ },
442
+ "name": "COLOR_GREEN_50",
443
+ "attributes": {},
444
+ "path": [
445
+ "color",
446
+ "green",
447
+ "50"
448
+ ]
449
+ },
450
+ "100": {
451
+ "value": "#c3e6cd",
452
+ "$type": "color",
453
+ "filePath": "src/tokens/color.constant.tokens.json",
454
+ "isSource": true,
455
+ "original": {
456
+ "value": "#c3e6cd",
457
+ "$type": "color"
458
+ },
459
+ "name": "COLOR_GREEN_100",
460
+ "attributes": {},
461
+ "path": [
462
+ "color",
463
+ "green",
464
+ "100"
465
+ ]
466
+ },
467
+ "200": {
468
+ "value": "#91d4a8",
469
+ "$type": "color",
470
+ "filePath": "src/tokens/color.constant.tokens.json",
471
+ "isSource": true,
472
+ "original": {
473
+ "value": "#91d4a8",
474
+ "$type": "color"
475
+ },
476
+ "name": "COLOR_GREEN_200",
477
+ "attributes": {},
478
+ "path": [
479
+ "color",
480
+ "green",
481
+ "200"
482
+ ]
483
+ },
484
+ "300": {
485
+ "value": "#52b87a",
486
+ "$type": "color",
487
+ "filePath": "src/tokens/color.constant.tokens.json",
488
+ "isSource": true,
489
+ "original": {
490
+ "value": "#52b87a",
491
+ "$type": "color"
492
+ },
493
+ "name": "COLOR_GREEN_300",
494
+ "attributes": {},
495
+ "path": [
496
+ "color",
497
+ "green",
498
+ "300"
499
+ ]
500
+ },
501
+ "400": {
502
+ "value": "#2da160",
503
+ "$type": "color",
504
+ "filePath": "src/tokens/color.constant.tokens.json",
505
+ "isSource": true,
506
+ "original": {
507
+ "value": "#2da160",
508
+ "$type": "color"
509
+ },
510
+ "name": "COLOR_GREEN_400",
511
+ "attributes": {},
512
+ "path": [
513
+ "color",
514
+ "green",
515
+ "400"
516
+ ]
517
+ },
518
+ "500": {
519
+ "value": "#108548",
520
+ "$type": "color",
521
+ "filePath": "src/tokens/color.constant.tokens.json",
522
+ "isSource": true,
523
+ "original": {
524
+ "value": "#108548",
525
+ "$type": "color"
526
+ },
527
+ "name": "COLOR_GREEN_500",
528
+ "attributes": {},
529
+ "path": [
530
+ "color",
531
+ "green",
532
+ "500"
533
+ ]
534
+ },
535
+ "600": {
536
+ "value": "#217645",
537
+ "$type": "color",
538
+ "filePath": "src/tokens/color.constant.tokens.json",
539
+ "isSource": true,
540
+ "original": {
541
+ "value": "#217645",
542
+ "$type": "color"
543
+ },
544
+ "name": "COLOR_GREEN_600",
545
+ "attributes": {},
546
+ "path": [
547
+ "color",
548
+ "green",
549
+ "600"
550
+ ]
551
+ },
552
+ "700": {
553
+ "value": "#24663b",
554
+ "$type": "color",
555
+ "filePath": "src/tokens/color.constant.tokens.json",
556
+ "isSource": true,
557
+ "original": {
558
+ "value": "#24663b",
559
+ "$type": "color"
560
+ },
561
+ "name": "COLOR_GREEN_700",
562
+ "attributes": {},
563
+ "path": [
564
+ "color",
565
+ "green",
566
+ "700"
567
+ ]
568
+ },
569
+ "800": {
570
+ "value": "#0d532a",
571
+ "$type": "color",
572
+ "filePath": "src/tokens/color.constant.tokens.json",
573
+ "isSource": true,
574
+ "original": {
575
+ "value": "#0d532a",
576
+ "$type": "color"
577
+ },
578
+ "name": "COLOR_GREEN_800",
579
+ "attributes": {},
580
+ "path": [
581
+ "color",
582
+ "green",
583
+ "800"
584
+ ]
585
+ },
586
+ "900": {
587
+ "value": "#0a4020",
588
+ "$type": "color",
589
+ "filePath": "src/tokens/color.constant.tokens.json",
590
+ "isSource": true,
591
+ "original": {
592
+ "value": "#0a4020",
593
+ "$type": "color"
594
+ },
595
+ "name": "COLOR_GREEN_900",
596
+ "attributes": {},
597
+ "path": [
598
+ "color",
599
+ "green",
600
+ "900"
601
+ ]
602
+ },
603
+ "950": {
604
+ "value": "#072b15",
605
+ "$type": "color",
606
+ "filePath": "src/tokens/color.constant.tokens.json",
607
+ "isSource": true,
608
+ "original": {
609
+ "value": "#072b15",
610
+ "$type": "color"
611
+ },
612
+ "name": "COLOR_GREEN_950",
613
+ "attributes": {},
614
+ "path": [
615
+ "color",
616
+ "green",
617
+ "950"
618
+ ]
619
+ }
620
+ },
621
+ "orange": {
622
+ "50": {
623
+ "value": "#fdf1dd",
624
+ "$type": "color",
625
+ "filePath": "src/tokens/color.constant.tokens.json",
626
+ "isSource": true,
627
+ "original": {
628
+ "value": "#fdf1dd",
629
+ "$type": "color"
630
+ },
631
+ "name": "COLOR_ORANGE_50",
632
+ "attributes": {},
633
+ "path": [
634
+ "color",
635
+ "orange",
636
+ "50"
637
+ ]
638
+ },
639
+ "100": {
640
+ "value": "#f5d9a8",
641
+ "$type": "color",
642
+ "filePath": "src/tokens/color.constant.tokens.json",
643
+ "isSource": true,
644
+ "original": {
645
+ "value": "#f5d9a8",
646
+ "$type": "color"
647
+ },
648
+ "name": "COLOR_ORANGE_100",
649
+ "attributes": {},
650
+ "path": [
651
+ "color",
652
+ "orange",
653
+ "100"
654
+ ]
655
+ },
656
+ "200": {
657
+ "value": "#e9be74",
658
+ "$type": "color",
659
+ "filePath": "src/tokens/color.constant.tokens.json",
660
+ "isSource": true,
661
+ "original": {
662
+ "value": "#e9be74",
663
+ "$type": "color"
664
+ },
665
+ "name": "COLOR_ORANGE_200",
666
+ "attributes": {},
667
+ "path": [
668
+ "color",
669
+ "orange",
670
+ "200"
671
+ ]
672
+ },
673
+ "300": {
674
+ "value": "#d99530",
675
+ "$type": "color",
676
+ "filePath": "src/tokens/color.constant.tokens.json",
677
+ "isSource": true,
678
+ "original": {
679
+ "value": "#d99530",
680
+ "$type": "color"
681
+ },
682
+ "name": "COLOR_ORANGE_300",
683
+ "attributes": {},
684
+ "path": [
685
+ "color",
686
+ "orange",
687
+ "300"
688
+ ]
689
+ },
690
+ "400": {
691
+ "value": "#c17d10",
692
+ "$type": "color",
693
+ "filePath": "src/tokens/color.constant.tokens.json",
694
+ "isSource": true,
695
+ "original": {
696
+ "value": "#c17d10",
697
+ "$type": "color"
698
+ },
699
+ "name": "COLOR_ORANGE_400",
700
+ "attributes": {},
701
+ "path": [
702
+ "color",
703
+ "orange",
704
+ "400"
705
+ ]
706
+ },
707
+ "500": {
708
+ "value": "#ab6100",
709
+ "$type": "color",
710
+ "filePath": "src/tokens/color.constant.tokens.json",
711
+ "isSource": true,
712
+ "original": {
713
+ "value": "#ab6100",
714
+ "$type": "color"
715
+ },
716
+ "name": "COLOR_ORANGE_500",
717
+ "attributes": {},
718
+ "path": [
719
+ "color",
720
+ "orange",
721
+ "500"
722
+ ]
723
+ },
724
+ "600": {
725
+ "value": "#9e5400",
726
+ "$type": "color",
727
+ "filePath": "src/tokens/color.constant.tokens.json",
728
+ "isSource": true,
729
+ "original": {
730
+ "value": "#9e5400",
731
+ "$type": "color"
732
+ },
733
+ "name": "COLOR_ORANGE_600",
734
+ "attributes": {},
735
+ "path": [
736
+ "color",
737
+ "orange",
738
+ "600"
739
+ ]
740
+ },
741
+ "700": {
742
+ "value": "#8f4700",
743
+ "$type": "color",
744
+ "filePath": "src/tokens/color.constant.tokens.json",
745
+ "isSource": true,
746
+ "original": {
747
+ "value": "#8f4700",
748
+ "$type": "color"
749
+ },
750
+ "name": "COLOR_ORANGE_700",
751
+ "attributes": {},
752
+ "path": [
753
+ "color",
754
+ "orange",
755
+ "700"
756
+ ]
757
+ },
758
+ "800": {
759
+ "value": "#703800",
760
+ "$type": "color",
761
+ "filePath": "src/tokens/color.constant.tokens.json",
762
+ "isSource": true,
763
+ "original": {
764
+ "value": "#703800",
765
+ "$type": "color"
766
+ },
767
+ "name": "COLOR_ORANGE_800",
768
+ "attributes": {},
769
+ "path": [
770
+ "color",
771
+ "orange",
772
+ "800"
773
+ ]
774
+ },
775
+ "900": {
776
+ "value": "#5c2900",
777
+ "$type": "color",
778
+ "filePath": "src/tokens/color.constant.tokens.json",
779
+ "isSource": true,
780
+ "original": {
781
+ "value": "#5c2900",
782
+ "$type": "color"
783
+ },
784
+ "name": "COLOR_ORANGE_900",
785
+ "attributes": {},
786
+ "path": [
787
+ "color",
788
+ "orange",
789
+ "900"
790
+ ]
791
+ },
792
+ "950": {
793
+ "value": "#421f00",
794
+ "$type": "color",
795
+ "filePath": "src/tokens/color.constant.tokens.json",
796
+ "isSource": true,
797
+ "original": {
798
+ "value": "#421f00",
799
+ "$type": "color"
800
+ },
801
+ "name": "COLOR_ORANGE_950",
802
+ "attributes": {},
803
+ "path": [
804
+ "color",
805
+ "orange",
806
+ "950"
807
+ ]
808
+ }
809
+ },
810
+ "purple": {
811
+ "50": {
812
+ "value": "#f4f0ff",
813
+ "$type": "color",
814
+ "filePath": "src/tokens/color.constant.tokens.json",
815
+ "isSource": true,
816
+ "original": {
817
+ "value": "#f4f0ff",
818
+ "$type": "color"
819
+ },
820
+ "name": "COLOR_PURPLE_50",
821
+ "attributes": {},
822
+ "path": [
823
+ "color",
824
+ "purple",
825
+ "50"
826
+ ]
827
+ },
828
+ "100": {
829
+ "value": "#e1d8f9",
830
+ "$type": "color",
831
+ "filePath": "src/tokens/color.constant.tokens.json",
832
+ "isSource": true,
833
+ "original": {
834
+ "value": "#e1d8f9",
835
+ "$type": "color"
836
+ },
837
+ "name": "COLOR_PURPLE_100",
838
+ "attributes": {},
839
+ "path": [
840
+ "color",
841
+ "purple",
842
+ "100"
843
+ ]
844
+ },
845
+ "200": {
846
+ "value": "#cbbbf2",
847
+ "$type": "color",
848
+ "filePath": "src/tokens/color.constant.tokens.json",
849
+ "isSource": true,
850
+ "original": {
851
+ "value": "#cbbbf2",
852
+ "$type": "color"
853
+ },
854
+ "name": "COLOR_PURPLE_200",
855
+ "attributes": {},
856
+ "path": [
857
+ "color",
858
+ "purple",
859
+ "200"
860
+ ]
861
+ },
862
+ "300": {
863
+ "value": "#ac93e6",
864
+ "$type": "color",
865
+ "filePath": "src/tokens/color.constant.tokens.json",
866
+ "isSource": true,
867
+ "original": {
868
+ "value": "#ac93e6",
869
+ "$type": "color"
870
+ },
871
+ "name": "COLOR_PURPLE_300",
872
+ "attributes": {},
873
+ "path": [
874
+ "color",
875
+ "purple",
876
+ "300"
877
+ ]
878
+ },
879
+ "400": {
880
+ "value": "#9475db",
881
+ "$type": "color",
882
+ "filePath": "src/tokens/color.constant.tokens.json",
883
+ "isSource": true,
884
+ "original": {
885
+ "value": "#9475db",
886
+ "$type": "color"
887
+ },
888
+ "name": "COLOR_PURPLE_400",
889
+ "attributes": {},
890
+ "path": [
891
+ "color",
892
+ "purple",
893
+ "400"
894
+ ]
895
+ },
896
+ "500": {
897
+ "value": "#7b58cf",
898
+ "$type": "color",
899
+ "filePath": "src/tokens/color.constant.tokens.json",
900
+ "isSource": true,
901
+ "original": {
902
+ "value": "#7b58cf",
903
+ "$type": "color"
904
+ },
905
+ "name": "COLOR_PURPLE_500",
906
+ "attributes": {},
907
+ "path": [
908
+ "color",
909
+ "purple",
910
+ "500"
911
+ ]
912
+ },
913
+ "600": {
914
+ "value": "#694cc0",
915
+ "$type": "color",
916
+ "filePath": "src/tokens/color.constant.tokens.json",
917
+ "isSource": true,
918
+ "original": {
919
+ "value": "#694cc0",
920
+ "$type": "color"
921
+ },
922
+ "name": "COLOR_PURPLE_600",
923
+ "attributes": {},
924
+ "path": [
925
+ "color",
926
+ "purple",
927
+ "600"
928
+ ]
929
+ },
930
+ "700": {
931
+ "value": "#5943b6",
932
+ "$type": "color",
933
+ "filePath": "src/tokens/color.constant.tokens.json",
934
+ "isSource": true,
935
+ "original": {
936
+ "value": "#5943b6",
937
+ "$type": "color"
938
+ },
939
+ "name": "COLOR_PURPLE_700",
940
+ "attributes": {},
941
+ "path": [
942
+ "color",
943
+ "purple",
944
+ "700"
945
+ ]
946
+ },
947
+ "800": {
948
+ "value": "#453894",
949
+ "$type": "color",
950
+ "filePath": "src/tokens/color.constant.tokens.json",
951
+ "isSource": true,
952
+ "original": {
953
+ "value": "#453894",
954
+ "$type": "color"
955
+ },
956
+ "name": "COLOR_PURPLE_800",
957
+ "attributes": {},
958
+ "path": [
959
+ "color",
960
+ "purple",
961
+ "800"
962
+ ]
963
+ },
964
+ "900": {
965
+ "value": "#2f2a6b",
966
+ "$type": "color",
967
+ "filePath": "src/tokens/color.constant.tokens.json",
968
+ "isSource": true,
969
+ "original": {
970
+ "value": "#2f2a6b",
971
+ "$type": "color"
972
+ },
973
+ "name": "COLOR_PURPLE_900",
974
+ "attributes": {},
975
+ "path": [
976
+ "color",
977
+ "purple",
978
+ "900"
979
+ ]
980
+ },
981
+ "950": {
982
+ "value": "#232150",
983
+ "$type": "color",
984
+ "filePath": "src/tokens/color.constant.tokens.json",
985
+ "isSource": true,
986
+ "original": {
987
+ "value": "#232150",
988
+ "$type": "color"
989
+ },
990
+ "name": "COLOR_PURPLE_950",
991
+ "attributes": {},
992
+ "path": [
993
+ "color",
994
+ "purple",
995
+ "950"
996
+ ]
997
+ }
998
+ },
999
+ "red": {
1000
+ "50": {
1001
+ "value": "#fcf1ef",
1002
+ "$type": "color",
1003
+ "filePath": "src/tokens/color.constant.tokens.json",
1004
+ "isSource": true,
1005
+ "original": {
1006
+ "value": "#fcf1ef",
1007
+ "$type": "color"
1008
+ },
1009
+ "name": "COLOR_RED_50",
1010
+ "attributes": {},
1011
+ "path": [
1012
+ "color",
1013
+ "red",
1014
+ "50"
1015
+ ]
1016
+ },
1017
+ "100": {
1018
+ "value": "#fdd4cd",
1019
+ "$type": "color",
1020
+ "filePath": "src/tokens/color.constant.tokens.json",
1021
+ "isSource": true,
1022
+ "original": {
1023
+ "value": "#fdd4cd",
1024
+ "$type": "color"
1025
+ },
1026
+ "name": "COLOR_RED_100",
1027
+ "attributes": {},
1028
+ "path": [
1029
+ "color",
1030
+ "red",
1031
+ "100"
1032
+ ]
1033
+ },
1034
+ "200": {
1035
+ "value": "#fcb5aa",
1036
+ "$type": "color",
1037
+ "filePath": "src/tokens/color.constant.tokens.json",
1038
+ "isSource": true,
1039
+ "original": {
1040
+ "value": "#fcb5aa",
1041
+ "$type": "color"
1042
+ },
1043
+ "name": "COLOR_RED_200",
1044
+ "attributes": {},
1045
+ "path": [
1046
+ "color",
1047
+ "red",
1048
+ "200"
1049
+ ]
1050
+ },
1051
+ "300": {
1052
+ "value": "#f57f6c",
1053
+ "$type": "color",
1054
+ "filePath": "src/tokens/color.constant.tokens.json",
1055
+ "isSource": true,
1056
+ "original": {
1057
+ "value": "#f57f6c",
1058
+ "$type": "color"
1059
+ },
1060
+ "name": "COLOR_RED_300",
1061
+ "attributes": {},
1062
+ "path": [
1063
+ "color",
1064
+ "red",
1065
+ "300"
1066
+ ]
1067
+ },
1068
+ "400": {
1069
+ "value": "#ec5941",
1070
+ "$type": "color",
1071
+ "filePath": "src/tokens/color.constant.tokens.json",
1072
+ "isSource": true,
1073
+ "original": {
1074
+ "value": "#ec5941",
1075
+ "$type": "color"
1076
+ },
1077
+ "name": "COLOR_RED_400",
1078
+ "attributes": {},
1079
+ "path": [
1080
+ "color",
1081
+ "red",
1082
+ "400"
1083
+ ]
1084
+ },
1085
+ "500": {
1086
+ "value": "#dd2b0e",
1087
+ "$type": "color",
1088
+ "filePath": "src/tokens/color.constant.tokens.json",
1089
+ "isSource": true,
1090
+ "original": {
1091
+ "value": "#dd2b0e",
1092
+ "$type": "color"
1093
+ },
1094
+ "name": "COLOR_RED_500",
1095
+ "attributes": {},
1096
+ "path": [
1097
+ "color",
1098
+ "red",
1099
+ "500"
1100
+ ]
1101
+ },
1102
+ "600": {
1103
+ "value": "#c91c00",
1104
+ "$type": "color",
1105
+ "filePath": "src/tokens/color.constant.tokens.json",
1106
+ "isSource": true,
1107
+ "original": {
1108
+ "value": "#c91c00",
1109
+ "$type": "color"
1110
+ },
1111
+ "name": "COLOR_RED_600",
1112
+ "attributes": {},
1113
+ "path": [
1114
+ "color",
1115
+ "red",
1116
+ "600"
1117
+ ]
1118
+ },
1119
+ "700": {
1120
+ "value": "#ae1800",
1121
+ "$type": "color",
1122
+ "filePath": "src/tokens/color.constant.tokens.json",
1123
+ "isSource": true,
1124
+ "original": {
1125
+ "value": "#ae1800",
1126
+ "$type": "color"
1127
+ },
1128
+ "name": "COLOR_RED_700",
1129
+ "attributes": {},
1130
+ "path": [
1131
+ "color",
1132
+ "red",
1133
+ "700"
1134
+ ]
1135
+ },
1136
+ "800": {
1137
+ "value": "#8d1300",
1138
+ "$type": "color",
1139
+ "filePath": "src/tokens/color.constant.tokens.json",
1140
+ "isSource": true,
1141
+ "original": {
1142
+ "value": "#8d1300",
1143
+ "$type": "color"
1144
+ },
1145
+ "name": "COLOR_RED_800",
1146
+ "attributes": {},
1147
+ "path": [
1148
+ "color",
1149
+ "red",
1150
+ "800"
1151
+ ]
1152
+ },
1153
+ "900": {
1154
+ "value": "#660e00",
1155
+ "$type": "color",
1156
+ "filePath": "src/tokens/color.constant.tokens.json",
1157
+ "isSource": true,
1158
+ "original": {
1159
+ "value": "#660e00",
1160
+ "$type": "color"
1161
+ },
1162
+ "name": "COLOR_RED_900",
1163
+ "attributes": {},
1164
+ "path": [
1165
+ "color",
1166
+ "red",
1167
+ "900"
1168
+ ]
1169
+ },
1170
+ "950": {
1171
+ "value": "#4d0a00",
1172
+ "$type": "color",
1173
+ "filePath": "src/tokens/color.constant.tokens.json",
1174
+ "isSource": true,
1175
+ "original": {
1176
+ "value": "#4d0a00",
1177
+ "$type": "color"
1178
+ },
1179
+ "name": "COLOR_RED_950",
1180
+ "attributes": {},
1181
+ "path": [
1182
+ "color",
1183
+ "red",
1184
+ "950"
1185
+ ]
1186
+ }
1187
+ }
1188
+ },
2
1189
  "data-viz": {
3
1190
  "green": {
4
1191
  "50": {
@@ -5470,8 +6657,8 @@
5470
6657
  "isSource": true,
5471
6658
  "original": {
5472
6659
  "value": {
5473
- "default": "#434248",
5474
- "dark": "#ececef"
6660
+ "default": "{color.neutral.800}",
6661
+ "dark": "{color.neutral.50}"
5475
6662
  },
5476
6663
  "$type": "color",
5477
6664
  "comment": "Used for the default text color.",
@@ -5494,8 +6681,8 @@
5494
6681
  "isSource": true,
5495
6682
  "original": {
5496
6683
  "value": {
5497
- "default": "#626168",
5498
- "dark": "#bfbfc3"
6684
+ "default": "{color.neutral.600}",
6685
+ "dark": "{color.neutral.200}"
5499
6686
  },
5500
6687
  "$type": "color",
5501
6688
  "comment": "Used for supplemental text that doesn't need to be as prominent as other text.",
@@ -5518,8 +6705,8 @@
5518
6705
  "isSource": true,
5519
6706
  "original": {
5520
6707
  "value": {
5521
- "default": "#1f1e24",
5522
- "dark": "#fff"
6708
+ "default": "{color.neutral.950}",
6709
+ "dark": "{color.neutral.0}"
5523
6710
  },
5524
6711
  "$type": "color",
5525
6712
  "comment": "Used for text with the highest contrast.",
@@ -5542,8 +6729,8 @@
5542
6729
  "isSource": true,
5543
6730
  "original": {
5544
6731
  "value": {
5545
- "default": "#1f1e24",
5546
- "dark": "#fff"
6732
+ "default": "{color.neutral.950}",
6733
+ "dark": "{color.neutral.0}"
5547
6734
  },
5548
6735
  "$type": "color",
5549
6736
  "comment": "Used for headings level 1-6.",
@@ -5566,8 +6753,8 @@
5566
6753
  "isSource": true,
5567
6754
  "original": {
5568
6755
  "value": {
5569
- "default": "#0b5cad",
5570
- "dark": "#63a6e9"
6756
+ "default": "{color.blue.700}",
6757
+ "dark": "{color.blue.300}"
5571
6758
  },
5572
6759
  "$type": "color",
5573
6760
  "comment": "Used for default text links.",
@@ -5589,7 +6776,10 @@
5589
6776
  "filePath": "src/tokens/text.tokens.json",
5590
6777
  "isSource": true,
5591
6778
  "original": {
5592
- "value": "#c91c00",
6779
+ "value": {
6780
+ "default": "{color.red.600}",
6781
+ "dark": "{color.red.300}"
6782
+ },
5593
6783
  "$type": "color",
5594
6784
  "comment": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
5595
6785
  "themeable": true
@@ -5610,7 +6800,10 @@
5610
6800
  "filePath": "src/tokens/text.tokens.json",
5611
6801
  "isSource": true,
5612
6802
  "original": {
5613
- "value": "#217645",
6803
+ "value": {
6804
+ "default": "{color.green.600}",
6805
+ "dark": "{color.green.300}"
6806
+ },
5614
6807
  "$type": "color",
5615
6808
  "comment": "Used for text indicating success or validity.",
5616
6809
  "themeable": true
@@ -5632,8 +6825,8 @@
5632
6825
  "isSource": true,
5633
6826
  "original": {
5634
6827
  "value": {
5635
- "default": "#89888d",
5636
- "dark": "#89888d"
6828
+ "default": "{color.neutral.400}",
6829
+ "dark": "{color.neutral.400}"
5637
6830
  },
5638
6831
  "$type": "color",
5639
6832
  "comment": "Used for disabled text.",