@gitlab/ui 89.2.0 → 89.4.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 (30) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +116 -92
  5. package/dist/tokens/build/js/tokens.js +33 -9
  6. package/dist/tokens/css/tokens.css +38 -14
  7. package/dist/tokens/css/tokens.dark.css +95 -71
  8. package/dist/tokens/js/tokens.dark.js +115 -91
  9. package/dist/tokens/js/tokens.js +32 -8
  10. package/dist/tokens/json/tokens.dark.json +744 -177
  11. package/dist/tokens/json/tokens.json +661 -94
  12. package/dist/tokens/scss/_tokens.dark.scss +95 -71
  13. package/dist/tokens/scss/_tokens.scss +38 -14
  14. package/dist/tokens/scss/_tokens_custom_properties.scss +24 -0
  15. package/package.json +3 -3
  16. package/src/components/base/badge/badge.scss +65 -32
  17. package/src/components/base/datepicker/datepicker.scss +5 -0
  18. package/src/components/base/toggle/toggle.scss +8 -5
  19. package/src/tokens/action.tokens.json +171 -3
  20. package/src/tokens/build/css/tokens.css +38 -14
  21. package/src/tokens/build/css/tokens.dark.css +95 -71
  22. package/src/tokens/build/js/tokens.dark.js +115 -91
  23. package/src/tokens/build/js/tokens.js +32 -8
  24. package/src/tokens/build/json/tokens.dark.json +744 -177
  25. package/src/tokens/build/json/tokens.json +661 -94
  26. package/src/tokens/build/scss/_tokens.dark.scss +95 -71
  27. package/src/tokens/build/scss/_tokens.scss +38 -14
  28. package/src/tokens/build/scss/_tokens_custom_properties.scss +24 -0
  29. package/src/tokens/contextual/badge.tokens.json +69 -69
  30. package/src/tokens/contextual/button.tokens.json +8 -17
package/src/tokens/contextual/badge.tokens.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "default": {
7
7
  "$value": {
8
8
  "default": "{color.neutral.50}",
9
- "dark": "{color.neutral.900}"
9
+ "dark": "{color.neutral.400}"
10
10
  },
11
11
  "$type": "color",
12
12
  "$description": "Used for the background of a muted badge when static or the default state when linked."
@@ -24,7 +24,7 @@
24
24
  "active": {
25
25
  "$value": {
26
26
  "default": "{color.neutral.100}",
27
- "dark": "{color.neutral.800}"
27
+ "dark": "{color.neutral.300}"
28
28
  },
29
29
  "$type": "color",
30
30
  "$description": "Used for the background of a muted badge in the active state."
@@ -41,7 +41,7 @@
41
41
  "hover": {
42
42
  "$value": {
43
43
  "default": "{color.neutral.200}",
44
- "dark": "{color.neutral.700}"
44
+ "dark": "{color.neutral.300}"
45
45
  },
46
46
  "$type": "color",
47
47
  "$description": "Used for the border of a muted badge in the hover state."
@@ -63,7 +63,7 @@
63
63
  "default": {
64
64
  "$value": {
65
65
  "default": "{color.neutral.600}",
66
- "dark": "{color.neutral.300}"
66
+ "dark": "{color.neutral.950}"
67
67
  },
68
68
  "$type": "color",
69
69
  "$description": "Used for the text of a muted badge when static or the default state when linked."
@@ -71,7 +71,7 @@
71
71
  "hover": {
72
72
  "$value": {
73
73
  "default": "{color.neutral.700}",
74
- "dark": "{color.neutral.200}"
74
+ "dark": "{color.neutral.950}"
75
75
  },
76
76
  "$type": "color",
77
77
  "$description": "Used for the text of a muted badge in the hover state."
@@ -84,7 +84,7 @@
84
84
  "active": {
85
85
  "$value": {
86
86
  "default": "{color.neutral.800}",
87
- "dark": "{color.neutral.100}"
87
+ "dark": "{color.neutral.950}"
88
88
  },
89
89
  "$type": "color",
90
90
  "$description": "Used for the text of a muted badge in the active state."
@@ -96,7 +96,7 @@
96
96
  "default": {
97
97
  "$value": {
98
98
  "default": "{color.neutral.500}",
99
- "dark": "{color.neutral.400}"
99
+ "dark": "{color.neutral.950}"
100
100
  },
101
101
  "$type": "color",
102
102
  "$description": "Used for the icon of a muted badge when static or the default state when linked."
@@ -104,7 +104,7 @@
104
104
  "hover": {
105
105
  "$value": {
106
106
  "default": "{color.neutral.600}",
107
- "dark": "{color.neutral.300}"
107
+ "dark": "{color.neutral.950}"
108
108
  },
109
109
  "$type": "color",
110
110
  "$description": "Used for the icon of a muted badge in the hover state."
@@ -117,7 +117,7 @@
117
117
  "active": {
118
118
  "$value": {
119
119
  "default": "{color.neutral.700}",
120
- "dark": "{color.neutral.200}"
120
+ "dark": "{color.neutral.950}"
121
121
  },
122
122
  "$type": "color",
123
123
  "$description": "Used for the icon of a muted badge in the active state."
@@ -131,7 +131,7 @@
131
131
  "default": {
132
132
  "$value": {
133
133
  "default": "{color.neutral.100}",
134
- "dark": "{color.neutral.800}"
134
+ "dark": "{color.neutral.300}"
135
135
  },
136
136
  "$type": "color",
137
137
  "$description": "Used for the background of a neutral badge when static or the default state when linked."
@@ -149,7 +149,7 @@
149
149
  "active": {
150
150
  "$value": {
151
151
  "default": "{color.neutral.200}",
152
- "dark": "{color.neutral.700}"
152
+ "dark": "{color.neutral.200}"
153
153
  },
154
154
  "$type": "color",
155
155
  "$description": "Used for the background of a neutral badge in the active state."
@@ -166,7 +166,7 @@
166
166
  "hover": {
167
167
  "$value": {
168
168
  "default": "{color.neutral.200}",
169
- "dark": "{color.neutral.700}"
169
+ "dark": "{color.neutral.200}"
170
170
  },
171
171
  "$type": "color",
172
172
  "$description": "Used for the border of a neutral badge in the hover state."
@@ -188,7 +188,7 @@
188
188
  "default": {
189
189
  "$value": {
190
190
  "default": "{color.neutral.700}",
191
- "dark": "{color.neutral.200}"
191
+ "dark": "{color.neutral.950}"
192
192
  },
193
193
  "$type": "color",
194
194
  "$description": "Used for the text of a neutral badge when static or the default state when linked."
@@ -196,7 +196,7 @@
196
196
  "hover": {
197
197
  "$value": {
198
198
  "default": "{color.neutral.800}",
199
- "dark": "{color.neutral.100}"
199
+ "dark": "{color.neutral.950}"
200
200
  },
201
201
  "$type": "color",
202
202
  "$description": "Used for the text of a neutral badge in the hover state."
@@ -209,7 +209,7 @@
209
209
  "active": {
210
210
  "$value": {
211
211
  "default": "{color.neutral.900}",
212
- "dark": "{color.neutral.50}"
212
+ "dark": "{color.neutral.950}"
213
213
  },
214
214
  "$type": "color",
215
215
  "$description": "Used for the text of a neutral badge in the active state."
@@ -221,7 +221,7 @@
221
221
  "default": {
222
222
  "$value": {
223
223
  "default": "{color.neutral.500}",
224
- "dark": "{color.neutral.400}"
224
+ "dark": "{color.neutral.950}"
225
225
  },
226
226
  "$type": "color",
227
227
  "$description": "Used for the icon of a neutral badge when static or the default state when linked."
@@ -229,7 +229,7 @@
229
229
  "hover": {
230
230
  "$value": {
231
231
  "default": "{color.neutral.600}",
232
- "dark": "{color.neutral.300}"
232
+ "dark": "{color.neutral.950}"
233
233
  },
234
234
  "$type": "color",
235
235
  "$description": "Used for the icon of a neutral badge in the hover state."
@@ -242,7 +242,7 @@
242
242
  "active": {
243
243
  "$value": {
244
244
  "default": "{color.neutral.700}",
245
- "dark": "{color.neutral.200}"
245
+ "dark": "{color.neutral.950}"
246
246
  },
247
247
  "$type": "color",
248
248
  "$description": "Used for the icon of a neutral badge in the active state."
@@ -256,7 +256,7 @@
256
256
  "default": {
257
257
  "$value": {
258
258
  "default": "{color.blue.100}",
259
- "dark": "{color.blue.800}"
259
+ "dark": "{color.blue.300}"
260
260
  },
261
261
  "$type": "color",
262
262
  "$description": "Used for the background of an informational badge when static or the default state when linked."
@@ -274,7 +274,7 @@
274
274
  "active": {
275
275
  "$value": {
276
276
  "default": "{color.blue.200}",
277
- "dark": "{color.blue.700}"
277
+ "dark": "{color.blue.200}"
278
278
  },
279
279
  "$type": "color",
280
280
  "$description": "Used for the background of an informational badge in the active state."
@@ -291,7 +291,7 @@
291
291
  "hover": {
292
292
  "$value": {
293
293
  "default": "{color.blue.200}",
294
- "dark": "{color.blue.700}"
294
+ "dark": "{color.blue.200}"
295
295
  },
296
296
  "$type": "color",
297
297
  "$description": "Used for the border of an informational badge in the hover state."
@@ -313,7 +313,7 @@
313
313
  "default": {
314
314
  "$value": {
315
315
  "default": "{color.blue.700}",
316
- "dark": "{color.blue.200}"
316
+ "dark": "{color.blue.950}"
317
317
  },
318
318
  "$type": "color",
319
319
  "$description": "Used for the text of an informational badge when static or the default state when linked."
@@ -321,7 +321,7 @@
321
321
  "hover": {
322
322
  "$value": {
323
323
  "default": "{color.blue.800}",
324
- "dark": "{color.blue.100}"
324
+ "dark": "{color.blue.950}"
325
325
  },
326
326
  "$type": "color",
327
327
  "$description": "Used for the text of an informational badge in the hover state."
@@ -334,7 +334,7 @@
334
334
  "active": {
335
335
  "$value": {
336
336
  "default": "{color.blue.900}",
337
- "dark": "{color.blue.50}"
337
+ "dark": "{color.blue.950}"
338
338
  },
339
339
  "$type": "color",
340
340
  "$description": "Used for the text of an informational badge in the active state."
@@ -346,7 +346,7 @@
346
346
  "default": {
347
347
  "$value": {
348
348
  "default": "{color.blue.500}",
349
- "dark": "{color.blue.400}"
349
+ "dark": "{color.blue.950}"
350
350
  },
351
351
  "$type": "color",
352
352
  "$description": "Used for the icon of an informational badge when static or the default state when linked."
@@ -354,7 +354,7 @@
354
354
  "hover": {
355
355
  "$value": {
356
356
  "default": "{color.blue.600}",
357
- "dark": "{color.blue.300}"
357
+ "dark": "{color.blue.950}"
358
358
  },
359
359
  "$type": "color",
360
360
  "$description": "Used for the icon of an informational badge in the hover state."
@@ -367,7 +367,7 @@
367
367
  "active": {
368
368
  "$value": {
369
369
  "default": "{color.blue.700}",
370
- "dark": "{color.blue.200}"
370
+ "dark": "{color.blue.950}"
371
371
  },
372
372
  "$type": "color",
373
373
  "$description": "Used for the icon of an informational badge in the active state."
@@ -381,7 +381,7 @@
381
381
  "default": {
382
382
  "$value": {
383
383
  "default": "{color.green.100}",
384
- "dark": "{color.green.800}"
384
+ "dark": "{color.green.300}"
385
385
  },
386
386
  "$type": "color",
387
387
  "$description": "Used for the background of a success badge when static or the default state when linked."
@@ -399,7 +399,7 @@
399
399
  "active": {
400
400
  "$value": {
401
401
  "default": "{color.green.200}",
402
- "dark": "{color.green.700}"
402
+ "dark": "{color.green.200}"
403
403
  },
404
404
  "$type": "color",
405
405
  "$description": "Used for the background of a success badge in the active state."
@@ -416,7 +416,7 @@
416
416
  "hover": {
417
417
  "$value": {
418
418
  "default": "{color.green.200}",
419
- "dark": "{color.green.700}"
419
+ "dark": "{color.green.200}"
420
420
  },
421
421
  "$type": "color",
422
422
  "$description": "Used for the border of a success badge in the hover state."
@@ -438,7 +438,7 @@
438
438
  "default": {
439
439
  "$value": {
440
440
  "default": "{color.green.700}",
441
- "dark": "{color.green.200}"
441
+ "dark": "{color.green.950}"
442
442
  },
443
443
  "$type": "color",
444
444
  "$description": "Used for the text of a success badge when static or the default state when linked."
@@ -446,7 +446,7 @@
446
446
  "hover": {
447
447
  "$value": {
448
448
  "default": "{color.green.800}",
449
- "dark": "{color.green.100}"
449
+ "dark": "{color.green.950}"
450
450
  },
451
451
  "$type": "color",
452
452
  "$description": "Used for the text of a success badge in the hover state."
@@ -459,7 +459,7 @@
459
459
  "active": {
460
460
  "$value": {
461
461
  "default": "{color.green.900}",
462
- "dark": "{color.green.50}"
462
+ "dark": "{color.green.950}"
463
463
  },
464
464
  "$type": "color",
465
465
  "$description": "Used for the text of a success badge in the active state."
@@ -471,7 +471,7 @@
471
471
  "default": {
472
472
  "$value": {
473
473
  "default": "{color.green.500}",
474
- "dark": "{color.green.400}"
474
+ "dark": "{color.green.950}"
475
475
  },
476
476
  "$type": "color",
477
477
  "$description": "Used for the icon of a success badge when static or the default state when linked."
@@ -479,7 +479,7 @@
479
479
  "hover": {
480
480
  "$value": {
481
481
  "default": "{color.green.600}",
482
- "dark": "{color.green.300}"
482
+ "dark": "{color.green.950}"
483
483
  },
484
484
  "$type": "color",
485
485
  "$description": "Used for the icon of a success badge in the hover state."
@@ -492,7 +492,7 @@
492
492
  "active": {
493
493
  "$value": {
494
494
  "default": "{color.green.700}",
495
- "dark": "{color.green.200}"
495
+ "dark": "{color.green.950}"
496
496
  },
497
497
  "$type": "color",
498
498
  "$description": "Used for the icon of a success badge in the active state."
@@ -506,7 +506,7 @@
506
506
  "default": {
507
507
  "$value": {
508
508
  "default": "{color.orange.100}",
509
- "dark": "{color.orange.800}"
509
+ "dark": "{color.orange.300}"
510
510
  },
511
511
  "$type": "color",
512
512
  "$description": "Used for the background of a warning badge when static or the default state when linked."
@@ -524,7 +524,7 @@
524
524
  "active": {
525
525
  "$value": {
526
526
  "default": "{color.orange.200}",
527
- "dark": "{color.orange.700}"
527
+ "dark": "{color.orange.200}"
528
528
  },
529
529
  "$type": "color",
530
530
  "$description": "Used for the background of a warning badge in the active state."
@@ -541,7 +541,7 @@
541
541
  "hover": {
542
542
  "$value": {
543
543
  "default": "{color.orange.200}",
544
- "dark": "{color.orange.700}"
544
+ "dark": "{color.orange.200}"
545
545
  },
546
546
  "$type": "color",
547
547
  "$description": "Used for the border of a warning badge in the hover state."
@@ -563,7 +563,7 @@
563
563
  "default": {
564
564
  "$value": {
565
565
  "default": "{color.orange.700}",
566
- "dark": "{color.orange.200}"
566
+ "dark": "{color.orange.950}"
567
567
  },
568
568
  "$type": "color",
569
569
  "$description": "Used for the text of a warning badge when static or the default state when linked."
@@ -571,7 +571,7 @@
571
571
  "hover": {
572
572
  "$value": {
573
573
  "default": "{color.orange.800}",
574
- "dark": "{color.orange.100}"
574
+ "dark": "{color.orange.950}"
575
575
  },
576
576
  "$type": "color",
577
577
  "$description": "Used for the text of a warning badge in the hover state."
@@ -584,7 +584,7 @@
584
584
  "active": {
585
585
  "$value": {
586
586
  "default": "{color.orange.900}",
587
- "dark": "{color.orange.50}"
587
+ "dark": "{color.orange.950}"
588
588
  },
589
589
  "$type": "color",
590
590
  "$description": "Used for the text of a warning badge in the active state."
@@ -596,7 +596,7 @@
596
596
  "default": {
597
597
  "$value": {
598
598
  "default": "{color.orange.500}",
599
- "dark": "{color.orange.400}"
599
+ "dark": "{color.orange.950}"
600
600
  },
601
601
  "$type": "color",
602
602
  "$description": "Used for the icon of a warning badge when static or the default state when linked."
@@ -604,7 +604,7 @@
604
604
  "hover": {
605
605
  "$value": {
606
606
  "default": "{color.orange.600}",
607
- "dark": "{color.orange.300}"
607
+ "dark": "{color.orange.950}"
608
608
  },
609
609
  "$type": "color",
610
610
  "$description": "Used for the icon of a warning badge in the hover state."
@@ -617,7 +617,7 @@
617
617
  "active": {
618
618
  "$value": {
619
619
  "default": "{color.orange.700}",
620
- "dark": "{color.orange.200}"
620
+ "dark": "{color.orange.950}"
621
621
  },
622
622
  "$type": "color",
623
623
  "$description": "Used for the icon of a warning badge in the active state."
@@ -631,7 +631,7 @@
631
631
  "default": {
632
632
  "$value": {
633
633
  "default": "{color.red.100}",
634
- "dark": "{color.red.800}"
634
+ "dark": "{color.red.300}"
635
635
  },
636
636
  "$type": "color",
637
637
  "$description": "Used for the background of a danger badge when static or the default state when linked."
@@ -649,7 +649,7 @@
649
649
  "active": {
650
650
  "$value": {
651
651
  "default": "{color.red.200}",
652
- "dark": "{color.red.700}"
652
+ "dark": "{color.red.200}"
653
653
  },
654
654
  "$type": "color",
655
655
  "$description": "Used for the background of a danger badge in the active state."
@@ -666,7 +666,7 @@
666
666
  "hover": {
667
667
  "$value": {
668
668
  "default": "{color.red.200}",
669
- "dark": "{color.red.700}"
669
+ "dark": "{color.red.200}"
670
670
  },
671
671
  "$type": "color",
672
672
  "$description": "Used for the border of a danger badge in the hover state."
@@ -688,7 +688,7 @@
688
688
  "default": {
689
689
  "$value": {
690
690
  "default": "{color.red.700}",
691
- "dark": "{color.red.200}"
691
+ "dark": "{color.red.950}"
692
692
  },
693
693
  "$type": "color",
694
694
  "$description": "Used for the text of a danger badge when static or the default state when linked."
@@ -696,7 +696,7 @@
696
696
  "hover": {
697
697
  "$value": {
698
698
  "default": "{color.red.800}",
699
- "dark": "{color.red.100}"
699
+ "dark": "{color.red.950}"
700
700
  },
701
701
  "$type": "color",
702
702
  "$description": "Used for the text of a danger badge in the hover state."
@@ -709,7 +709,7 @@
709
709
  "active": {
710
710
  "$value": {
711
711
  "default": "{color.red.900}",
712
- "dark": "{color.red.50}"
712
+ "dark": "{color.red.950}"
713
713
  },
714
714
  "$type": "color",
715
715
  "$description": "Used for the text of a danger badge in the active state."
@@ -720,16 +720,16 @@
720
720
  "color": {
721
721
  "default": {
722
722
  "$value": {
723
- "default": "{color.red.500}",
724
- "dark": "{color.red.400}"
723
+ "default": "{color.red.700}",
724
+ "dark": "{color.red.950}"
725
725
  },
726
726
  "$type": "color",
727
727
  "$description": "Used for the icon of a danger badge when static or the default state when linked."
728
728
  },
729
729
  "hover": {
730
730
  "$value": {
731
- "default": "{color.red.600}",
732
- "dark": "{color.red.300}"
731
+ "default": "{color.red.800}",
732
+ "dark": "{color.red.950}"
733
733
  },
734
734
  "$type": "color",
735
735
  "$description": "Used for the icon of a danger badge in the hover state."
@@ -741,8 +741,8 @@
741
741
  },
742
742
  "active": {
743
743
  "$value": {
744
- "default": "{color.red.700}",
745
- "dark": "{color.red.200}"
744
+ "default": "{color.red.900}",
745
+ "dark": "{color.red.950}"
746
746
  },
747
747
  "$type": "color",
748
748
  "$description": "Used for the icon of a danger badge in the active state."
@@ -756,7 +756,7 @@
756
756
  "default": {
757
757
  "$value": {
758
758
  "default": "{color.purple.100}",
759
- "dark": "{color.purple.900}"
759
+ "dark": "{color.purple.300}"
760
760
  },
761
761
  "$type": "color",
762
762
  "$description": "Used for the background of a tier related badge when static or the default state when linked."
@@ -774,7 +774,7 @@
774
774
  "active": {
775
775
  "$value": {
776
776
  "default": "{color.purple.200}",
777
- "dark": "{color.purple.800}"
777
+ "dark": "{color.purple.200}"
778
778
  },
779
779
  "$type": "color",
780
780
  "$description": "Used for the background of a tier related badge in the active state."
@@ -791,7 +791,7 @@
791
791
  "hover": {
792
792
  "$value": {
793
793
  "default": "{color.purple.200}",
794
- "dark": "{color.purple.800}"
794
+ "dark": "{color.purple.200}"
795
795
  },
796
796
  "$type": "color",
797
797
  "$description": "Used for the border of a tier related badge in the hover state."
@@ -813,7 +813,7 @@
813
813
  "default": {
814
814
  "$value": {
815
815
  "default": "{color.purple.700}",
816
- "dark": "{color.purple.300}"
816
+ "dark": "{color.purple.950}"
817
817
  },
818
818
  "$type": "color",
819
819
  "$description": "Used for the text of a tier related badge when static or the default state when linked."
@@ -821,7 +821,7 @@
821
821
  "hover": {
822
822
  "$value": {
823
823
  "default": "{color.purple.800}",
824
- "dark": "{color.purple.200}"
824
+ "dark": "{color.purple.950}"
825
825
  },
826
826
  "$type": "color",
827
827
  "$description": "Used for the text of a tier related badge in the hover state."
@@ -834,7 +834,7 @@
834
834
  "active": {
835
835
  "$value": {
836
836
  "default": "{color.purple.900}",
837
- "dark": "{color.purple.100}"
837
+ "dark": "{color.purple.950}"
838
838
  },
839
839
  "$type": "color",
840
840
  "$description": "Used for the text of a tier related badge in the active state."
@@ -845,16 +845,16 @@
845
845
  "color": {
846
846
  "default": {
847
847
  "$value": {
848
- "default": "{color.purple.500}",
849
- "dark": "{color.purple.500}"
848
+ "default": "{color.purple.700}",
849
+ "dark": "{color.purple.950}"
850
850
  },
851
851
  "$type": "color",
852
852
  "$description": "Used for the icon of a tier related badge when static or the default state when linked."
853
853
  },
854
854
  "hover": {
855
855
  "$value": {
856
- "default": "{color.purple.600}",
857
- "dark": "{color.purple.400}"
856
+ "default": "{color.purple.800}",
857
+ "dark": "{color.purple.950}"
858
858
  },
859
859
  "$type": "color",
860
860
  "$description": "Used for the icon of a tier related badge in the hover state."
@@ -866,8 +866,8 @@
866
866
  },
867
867
  "active": {
868
868
  "$value": {
869
- "default": "{color.purple.700}",
870
- "dark": "{color.purple.300}"
869
+ "default": "{color.purple.900}",
870
+ "dark": "{color.purple.950}"
871
871
  },
872
872
  "$type": "color",
873
873
  "$description": "Used for the icon of a tier related badge in the active state."
package/src/tokens/contextual/button.tokens.json CHANGED
@@ -176,22 +176,22 @@
176
176
  "foreground": {
177
177
  "color": {
178
178
  "default": {
179
- "$value": "{color.neutral.0}",
179
+ "$value": "{action.strong.confirm.foreground.color.default}",
180
180
  "$type": "color",
181
181
  "$description": "Used for the foreground of a confirm (positive) primary button in the default state."
182
182
  },
183
183
  "hover": {
184
- "$value": "{button.confirm.primary.foreground.color.default}",
184
+ "$value": "{action.strong.confirm.foreground.color.hover}",
185
185
  "$type": "color",
186
186
  "$description": "Used for the foreground of a confirm (positive) primary button in the hover state."
187
187
  },
188
188
  "focus": {
189
- "$value": "{button.confirm.primary.foreground.color.default}",
189
+ "$value": "{action.strong.confirm.foreground.color.focus}",
190
190
  "$type": "color",
191
191
  "$description": "Used for the foreground of a confirm (positive) primary button in the focus state."
192
192
  },
193
193
  "active": {
194
- "$value": "{button.confirm.primary.foreground.color.default}",
194
+ "$value": "{action.strong.confirm.foreground.color.active}",
195
195
  "$type": "color",
196
196
  "$description": "Used for the foreground of a confirm (positive) primary button in the active state."
197
197
  }
@@ -200,31 +200,22 @@
200
200
  "background": {
201
201
  "color": {
202
202
  "default": {
203
- "$value": {
204
- "default": "{color.blue.500}",
205
- "dark": "{color.blue.400}"
206
- },
203
+ "$value": "{action.strong.confirm.background.color.default}",
207
204
  "$type": "color",
208
205
  "$description": "Used for the background of a confirm (positive) primary button in the default state."
209
206
  },
210
207
  "hover": {
211
- "$value": {
212
- "default": "{color.blue.600}",
213
- "dark": "{color.blue.300}"
214
- },
208
+ "$value": "{action.strong.confirm.background.color.hover}",
215
209
  "$type": "color",
216
210
  "$description": "Used for the background of a confirm (positive) primary button in the hover state."
217
211
  },
218
212
  "focus": {
219
- "$value": "{button.confirm.primary.background.color.hover}",
213
+ "$value": "{action.strong.confirm.background.color.focus}",
220
214
  "$type": "color",
221
215
  "$description": "Used for the background of a confirm (positive) primary button in the focus state."
222
216
  },
223
217
  "active": {
224
- "$value": {
225
- "default": "{color.blue.700}",
226
- "dark": "{color.blue.200}"
227
- },
218
+ "$value": "{action.strong.confirm.background.color.active}",
228
219
  "$type": "color",
229
220
  "$description": "Used for the background of a confirm (positive) primary button in the active state."
230
221
  }