@gitlab/ui 98.1.0 → 98.1.2
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.
- package/CHANGELOG.md +14 -0
- package/dist/components/base/breadcrumb/breadcrumb.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +84 -84
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +47 -47
- package/dist/tokens/js/tokens.dark.js +84 -84
- package/dist/tokens/json/tokens.dark.json +133 -148
- package/dist/tokens/json/tokens.json +49 -64
- package/dist/tokens/scss/_tokens.dark.scss +47 -47
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/package.json +3 -4
- package/src/components/base/breadcrumb/breadcrumb.vue +1 -1
- package/src/tokens/action.tokens.json +12 -21
- package/src/tokens/build/css/tokens.css +1 -1
- package/src/tokens/build/css/tokens.dark.css +47 -47
- package/src/tokens/build/js/tokens.dark.js +84 -84
- package/src/tokens/build/json/tokens.dark.json +133 -148
- package/src/tokens/build/json/tokens.json +49 -64
- package/src/tokens/build/scss/_tokens.dark.scss +47 -47
- package/src/tokens/build/scss/_tokens.scss +1 -1
- package/src/tokens/contextual/button.tokens.json +37 -43
|
@@ -645,7 +645,7 @@
|
|
|
645
645
|
"original": {
|
|
646
646
|
"value": {
|
|
647
647
|
"default": "{color.blue.500}",
|
|
648
|
-
"dark": "{color.blue.
|
|
648
|
+
"dark": "{color.blue.400}"
|
|
649
649
|
},
|
|
650
650
|
"$type": "color",
|
|
651
651
|
"comment": "Used for the foreground of a confirm (positive) action in the default state."
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
"original": {
|
|
670
670
|
"value": {
|
|
671
671
|
"default": "{color.blue.700}",
|
|
672
|
-
"dark": "{color.blue.
|
|
672
|
+
"dark": "{color.blue.200}"
|
|
673
673
|
},
|
|
674
674
|
"$type": "color",
|
|
675
675
|
"comment": "Used for the foreground of a confirm (positive) action in the hover state."
|
|
@@ -714,7 +714,7 @@
|
|
|
714
714
|
"original": {
|
|
715
715
|
"value": {
|
|
716
716
|
"default": "{color.blue.900}",
|
|
717
|
-
"dark": "{color.blue.
|
|
717
|
+
"dark": "{color.blue.50}"
|
|
718
718
|
},
|
|
719
719
|
"$type": "color",
|
|
720
720
|
"comment": "Used for the foreground of a confirm (positive) action in the active state."
|
|
@@ -929,7 +929,7 @@
|
|
|
929
929
|
"original": {
|
|
930
930
|
"value": {
|
|
931
931
|
"default": "{color.red.500}",
|
|
932
|
-
"dark": "{color.red.
|
|
932
|
+
"dark": "{color.red.400}"
|
|
933
933
|
},
|
|
934
934
|
"$type": "color",
|
|
935
935
|
"comment": "Used for the foreground of a danger (destructive) action in the default state."
|
|
@@ -953,7 +953,7 @@
|
|
|
953
953
|
"original": {
|
|
954
954
|
"value": {
|
|
955
955
|
"default": "{color.red.700}",
|
|
956
|
-
"dark": "{color.red.
|
|
956
|
+
"dark": "{color.red.200}"
|
|
957
957
|
},
|
|
958
958
|
"$type": "color",
|
|
959
959
|
"comment": "Used for the foreground of a danger (destructive) action in the hover state."
|
|
@@ -998,7 +998,7 @@
|
|
|
998
998
|
"original": {
|
|
999
999
|
"value": {
|
|
1000
1000
|
"default": "{color.red.900}",
|
|
1001
|
-
"dark": "{color.red.
|
|
1001
|
+
"dark": "{color.red.50}"
|
|
1002
1002
|
},
|
|
1003
1003
|
"$type": "color",
|
|
1004
1004
|
"comment": "Used for the foreground of a danger (destructive) action in the active state."
|
|
@@ -1214,7 +1214,7 @@
|
|
|
1214
1214
|
"original": {
|
|
1215
1215
|
"value": {
|
|
1216
1216
|
"default": "{color.blue.500}",
|
|
1217
|
-
"dark": "{color.blue.
|
|
1217
|
+
"dark": "{color.blue.400}"
|
|
1218
1218
|
},
|
|
1219
1219
|
"$type": "color",
|
|
1220
1220
|
"comment": "Used for the background of a strong confirm action in the default state."
|
|
@@ -1239,7 +1239,7 @@
|
|
|
1239
1239
|
"original": {
|
|
1240
1240
|
"value": {
|
|
1241
1241
|
"default": "{color.blue.600}",
|
|
1242
|
-
"dark": "{color.blue.
|
|
1242
|
+
"dark": "{color.blue.300}"
|
|
1243
1243
|
},
|
|
1244
1244
|
"$type": "color",
|
|
1245
1245
|
"comment": "Used for the background of a strong confirm action in the hover state."
|
|
@@ -1286,7 +1286,7 @@
|
|
|
1286
1286
|
"original": {
|
|
1287
1287
|
"value": {
|
|
1288
1288
|
"default": "{color.blue.700}",
|
|
1289
|
-
"dark": "{color.blue.
|
|
1289
|
+
"dark": "{color.blue.200}"
|
|
1290
1290
|
},
|
|
1291
1291
|
"$type": "color",
|
|
1292
1292
|
"comment": "Used for the background of a strong confirm action in the active state."
|
|
@@ -1628,10 +1628,7 @@
|
|
|
1628
1628
|
"filePath": "src/tokens/action.tokens.json",
|
|
1629
1629
|
"isSource": true,
|
|
1630
1630
|
"original": {
|
|
1631
|
-
"value": {
|
|
1632
|
-
"default": "{action.strong.neutral.foreground.color.default}",
|
|
1633
|
-
"dark": "{color.neutral.0}"
|
|
1634
|
-
},
|
|
1631
|
+
"value": "{action.strong.neutral.foreground.color.default}",
|
|
1635
1632
|
"$type": "color",
|
|
1636
1633
|
"comment": "Used for the foreground of a strong neutral action in the hover state."
|
|
1637
1634
|
},
|
|
@@ -1653,10 +1650,7 @@
|
|
|
1653
1650
|
"filePath": "src/tokens/action.tokens.json",
|
|
1654
1651
|
"isSource": true,
|
|
1655
1652
|
"original": {
|
|
1656
|
-
"value": {
|
|
1657
|
-
"default": "{action.strong.neutral.foreground.color.hover}",
|
|
1658
|
-
"dark": "{color.neutral.0}"
|
|
1659
|
-
},
|
|
1653
|
+
"value": "{action.strong.neutral.foreground.color.hover}",
|
|
1660
1654
|
"$type": "color",
|
|
1661
1655
|
"comment": "Used for the foreground of a strong neutral action in the focus state."
|
|
1662
1656
|
},
|
|
@@ -1678,10 +1672,7 @@
|
|
|
1678
1672
|
"filePath": "src/tokens/action.tokens.json",
|
|
1679
1673
|
"isSource": true,
|
|
1680
1674
|
"original": {
|
|
1681
|
-
"value": {
|
|
1682
|
-
"default": "{action.strong.neutral.foreground.color.focus}",
|
|
1683
|
-
"dark": "{color.neutral.0}"
|
|
1684
|
-
},
|
|
1675
|
+
"value": "{action.strong.neutral.foreground.color.focus}",
|
|
1685
1676
|
"$type": "color",
|
|
1686
1677
|
"comment": "Used for the foreground of a strong neutral action in the active state."
|
|
1687
1678
|
},
|
|
@@ -10944,7 +10935,7 @@
|
|
|
10944
10935
|
"original": {
|
|
10945
10936
|
"value": {
|
|
10946
10937
|
"default": "{color.neutral.0}",
|
|
10947
|
-
"dark": "
|
|
10938
|
+
"dark": "{color.neutral.900}"
|
|
10948
10939
|
},
|
|
10949
10940
|
"$type": "color",
|
|
10950
10941
|
"comment": "Used for the background of an default primary button in the default state."
|
|
@@ -10969,7 +10960,7 @@
|
|
|
10969
10960
|
"original": {
|
|
10970
10961
|
"value": {
|
|
10971
10962
|
"default": "{color.neutral.50}",
|
|
10972
|
-
"dark": "
|
|
10963
|
+
"dark": "{color.neutral.900}"
|
|
10973
10964
|
},
|
|
10974
10965
|
"$type": "color",
|
|
10975
10966
|
"comment": "Used for the background of an default primary button in the hover state."
|
|
@@ -11016,7 +11007,7 @@
|
|
|
11016
11007
|
"original": {
|
|
11017
11008
|
"value": {
|
|
11018
11009
|
"default": "{color.neutral.100}",
|
|
11019
|
-
"dark": "
|
|
11010
|
+
"dark": "{color.neutral.800}"
|
|
11020
11011
|
},
|
|
11021
11012
|
"$type": "color",
|
|
11022
11013
|
"comment": "Used for the background of an default primary button in the active state."
|
|
@@ -11045,7 +11036,7 @@
|
|
|
11045
11036
|
"original": {
|
|
11046
11037
|
"value": {
|
|
11047
11038
|
"default": "{color.neutral.200}",
|
|
11048
|
-
"dark": "{color.
|
|
11039
|
+
"dark": "{color.neutral.700}"
|
|
11049
11040
|
},
|
|
11050
11041
|
"$type": "color",
|
|
11051
11042
|
"comment": "Used for the border of an default primary button in the default state."
|
|
@@ -11070,7 +11061,7 @@
|
|
|
11070
11061
|
"original": {
|
|
11071
11062
|
"value": {
|
|
11072
11063
|
"default": "{color.neutral.400}",
|
|
11073
|
-
"dark": "{color.
|
|
11064
|
+
"dark": "{color.neutral.500}"
|
|
11074
11065
|
},
|
|
11075
11066
|
"$type": "color",
|
|
11076
11067
|
"comment": "Used for the border of an default primary button in the hover state."
|
|
@@ -11117,7 +11108,7 @@
|
|
|
11117
11108
|
"original": {
|
|
11118
11109
|
"value": {
|
|
11119
11110
|
"default": "{color.neutral.600}",
|
|
11120
|
-
"dark": "{color.
|
|
11111
|
+
"dark": "{color.neutral.300}"
|
|
11121
11112
|
},
|
|
11122
11113
|
"$type": "color",
|
|
11123
11114
|
"comment": "Used for the border of an default primary button in the active state."
|
|
@@ -11426,10 +11417,7 @@
|
|
|
11426
11417
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
11427
11418
|
"isSource": true,
|
|
11428
11419
|
"original": {
|
|
11429
|
-
"value": {
|
|
11430
|
-
"default": "{color.neutral.0}",
|
|
11431
|
-
"dark": "{color.neutral.950}"
|
|
11432
|
-
},
|
|
11420
|
+
"value": "{action.strong.confirm.foreground.color.default}",
|
|
11433
11421
|
"$type": "color",
|
|
11434
11422
|
"comment": "Used for the foreground of a confirm (positive) primary button in the default state."
|
|
11435
11423
|
},
|
|
@@ -11615,7 +11603,7 @@
|
|
|
11615
11603
|
"original": {
|
|
11616
11604
|
"value": {
|
|
11617
11605
|
"default": "{color.blue.600}",
|
|
11618
|
-
"dark": "{color.
|
|
11606
|
+
"dark": "{color.blue.300}"
|
|
11619
11607
|
},
|
|
11620
11608
|
"$type": "color",
|
|
11621
11609
|
"comment": "Used for the border of a confirm (positive) primary button in the default state."
|
|
@@ -11640,7 +11628,7 @@
|
|
|
11640
11628
|
"original": {
|
|
11641
11629
|
"value": {
|
|
11642
11630
|
"default": "{color.blue.800}",
|
|
11643
|
-
"dark": "{color.
|
|
11631
|
+
"dark": "{color.blue.100}"
|
|
11644
11632
|
},
|
|
11645
11633
|
"$type": "color",
|
|
11646
11634
|
"comment": "Used for the border of a confirm (positive) primary button in the hover state."
|
|
@@ -11687,7 +11675,7 @@
|
|
|
11687
11675
|
"original": {
|
|
11688
11676
|
"value": {
|
|
11689
11677
|
"default": "{color.blue.900}",
|
|
11690
|
-
"dark": "{color.
|
|
11678
|
+
"dark": "{color.blue.50}"
|
|
11691
11679
|
},
|
|
11692
11680
|
"$type": "color",
|
|
11693
11681
|
"comment": "Used for the border of a confirm (positive) primary button in the active state."
|
|
@@ -11718,7 +11706,7 @@
|
|
|
11718
11706
|
"original": {
|
|
11719
11707
|
"value": {
|
|
11720
11708
|
"default": "{color.blue.500}",
|
|
11721
|
-
"dark": "{color.blue.
|
|
11709
|
+
"dark": "{color.blue.400}"
|
|
11722
11710
|
},
|
|
11723
11711
|
"$type": "color",
|
|
11724
11712
|
"comment": "Used for the foreground of a confirm (positive) button in the default state."
|
|
@@ -11743,7 +11731,7 @@
|
|
|
11743
11731
|
"original": {
|
|
11744
11732
|
"value": {
|
|
11745
11733
|
"default": "{color.blue.700}",
|
|
11746
|
-
"dark": "{color.blue.
|
|
11734
|
+
"dark": "{color.blue.200}"
|
|
11747
11735
|
},
|
|
11748
11736
|
"$type": "color",
|
|
11749
11737
|
"comment": "Used for the foreground of a confirm (positive) button in the hover state."
|
|
@@ -11790,7 +11778,7 @@
|
|
|
11790
11778
|
"original": {
|
|
11791
11779
|
"value": {
|
|
11792
11780
|
"default": "{color.blue.900}",
|
|
11793
|
-
"dark": "{color.blue.
|
|
11781
|
+
"dark": "{color.blue.50}"
|
|
11794
11782
|
},
|
|
11795
11783
|
"$type": "color",
|
|
11796
11784
|
"comment": "Used for the foreground of a confirm (positive) button in the active state."
|
|
@@ -11819,7 +11807,7 @@
|
|
|
11819
11807
|
"original": {
|
|
11820
11808
|
"value": {
|
|
11821
11809
|
"default": "{color.neutral.0}",
|
|
11822
|
-
"dark": "
|
|
11810
|
+
"dark": "{color.neutral.900}"
|
|
11823
11811
|
},
|
|
11824
11812
|
"$type": "color",
|
|
11825
11813
|
"comment": "Used for the background of an outlined confirm (positive) button in the default state."
|
|
@@ -11844,7 +11832,7 @@
|
|
|
11844
11832
|
"original": {
|
|
11845
11833
|
"value": {
|
|
11846
11834
|
"default": "{color.blue.50}",
|
|
11847
|
-
"dark": "
|
|
11835
|
+
"dark": "{color.blue.900}"
|
|
11848
11836
|
},
|
|
11849
11837
|
"$type": "color",
|
|
11850
11838
|
"comment": "Used for the background of an outlined confirm (positive) button in the hover state."
|
|
@@ -11891,7 +11879,7 @@
|
|
|
11891
11879
|
"original": {
|
|
11892
11880
|
"value": {
|
|
11893
11881
|
"default": "{color.blue.100}",
|
|
11894
|
-
"dark": "
|
|
11882
|
+
"dark": "{color.blue.800}"
|
|
11895
11883
|
},
|
|
11896
11884
|
"$type": "color",
|
|
11897
11885
|
"comment": "Used for the background of an outlined confirm (positive) button in the active state."
|
|
@@ -11920,7 +11908,7 @@
|
|
|
11920
11908
|
"original": {
|
|
11921
11909
|
"value": {
|
|
11922
11910
|
"default": "{color.blue.500}",
|
|
11923
|
-
"dark": "{color.
|
|
11911
|
+
"dark": "{color.blue.400}"
|
|
11924
11912
|
},
|
|
11925
11913
|
"$type": "color",
|
|
11926
11914
|
"comment": "Used for the border of an outlined confirm (positive) button in the default state."
|
|
@@ -11945,7 +11933,7 @@
|
|
|
11945
11933
|
"original": {
|
|
11946
11934
|
"value": {
|
|
11947
11935
|
"default": "{color.blue.700}",
|
|
11948
|
-
"dark": "{color.
|
|
11936
|
+
"dark": "{color.blue.200}"
|
|
11949
11937
|
},
|
|
11950
11938
|
"$type": "color",
|
|
11951
11939
|
"comment": "Used for the border of an outlined confirm (positive) button in the hover state."
|
|
@@ -11992,7 +11980,7 @@
|
|
|
11992
11980
|
"original": {
|
|
11993
11981
|
"value": {
|
|
11994
11982
|
"default": "{color.blue.900}",
|
|
11995
|
-
"dark": "{color.
|
|
11983
|
+
"dark": "{color.blue.50}"
|
|
11996
11984
|
},
|
|
11997
11985
|
"$type": "color",
|
|
11998
11986
|
"comment": "Used for the border of an outlined confirm (positive) button in the active state."
|
|
@@ -12301,10 +12289,7 @@
|
|
|
12301
12289
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
12302
12290
|
"isSource": true,
|
|
12303
12291
|
"original": {
|
|
12304
|
-
"value": {
|
|
12305
|
-
"default": "{color.neutral.0}",
|
|
12306
|
-
"dark": "{color.neutral.950}"
|
|
12307
|
-
},
|
|
12292
|
+
"value": "{color.neutral.0}",
|
|
12308
12293
|
"$type": "color",
|
|
12309
12294
|
"comment": "Used for the foreground of a danger (destructive) primary button in the default state."
|
|
12310
12295
|
},
|
|
@@ -12398,7 +12383,7 @@
|
|
|
12398
12383
|
"original": {
|
|
12399
12384
|
"value": {
|
|
12400
12385
|
"default": "{color.red.500}",
|
|
12401
|
-
"dark": "{color.red.
|
|
12386
|
+
"dark": "{color.red.400}"
|
|
12402
12387
|
},
|
|
12403
12388
|
"$type": "color",
|
|
12404
12389
|
"comment": "Used for the background of a danger (destructive) primary button in the default state."
|
|
@@ -12423,7 +12408,7 @@
|
|
|
12423
12408
|
"original": {
|
|
12424
12409
|
"value": {
|
|
12425
12410
|
"default": "{color.red.600}",
|
|
12426
|
-
"dark": "{color.red.
|
|
12411
|
+
"dark": "{color.red.300}"
|
|
12427
12412
|
},
|
|
12428
12413
|
"$type": "color",
|
|
12429
12414
|
"comment": "Used for the background of a danger (destructive) primary button in the hover state."
|
|
@@ -12470,7 +12455,7 @@
|
|
|
12470
12455
|
"original": {
|
|
12471
12456
|
"value": {
|
|
12472
12457
|
"default": "{color.red.800}",
|
|
12473
|
-
"dark": "{color.red.
|
|
12458
|
+
"dark": "{color.red.100}"
|
|
12474
12459
|
},
|
|
12475
12460
|
"$type": "color",
|
|
12476
12461
|
"comment": "Used for the background of a danger (destructive) primary button in the active state."
|
|
@@ -12499,7 +12484,7 @@
|
|
|
12499
12484
|
"original": {
|
|
12500
12485
|
"value": {
|
|
12501
12486
|
"default": "{color.red.600}",
|
|
12502
|
-
"dark": "{color.
|
|
12487
|
+
"dark": "{color.red.300}"
|
|
12503
12488
|
},
|
|
12504
12489
|
"$type": "color",
|
|
12505
12490
|
"comment": "Used for the border of a danger (destructive) primary button in the default state."
|
|
@@ -12524,7 +12509,7 @@
|
|
|
12524
12509
|
"original": {
|
|
12525
12510
|
"value": {
|
|
12526
12511
|
"default": "{color.red.800}",
|
|
12527
|
-
"dark": "{color.
|
|
12512
|
+
"dark": "{color.red.100}"
|
|
12528
12513
|
},
|
|
12529
12514
|
"$type": "color",
|
|
12530
12515
|
"comment": "Used for the border of a danger (destructive) primary button in the hover state."
|
|
@@ -12571,7 +12556,7 @@
|
|
|
12571
12556
|
"original": {
|
|
12572
12557
|
"value": {
|
|
12573
12558
|
"default": "{color.red.900}",
|
|
12574
|
-
"dark": "{color.
|
|
12559
|
+
"dark": "{color.red.50}"
|
|
12575
12560
|
},
|
|
12576
12561
|
"$type": "color",
|
|
12577
12562
|
"comment": "Used for the border of a danger (destructive) primary button in the active state."
|
|
@@ -12602,7 +12587,7 @@
|
|
|
12602
12587
|
"original": {
|
|
12603
12588
|
"value": {
|
|
12604
12589
|
"default": "{color.red.500}",
|
|
12605
|
-
"dark": "{color.red.
|
|
12590
|
+
"dark": "{color.red.400}"
|
|
12606
12591
|
},
|
|
12607
12592
|
"$type": "color",
|
|
12608
12593
|
"comment": "Used for the foreground of a danger (destructive) button in the default state."
|
|
@@ -12627,7 +12612,7 @@
|
|
|
12627
12612
|
"original": {
|
|
12628
12613
|
"value": {
|
|
12629
12614
|
"default": "{color.red.700}",
|
|
12630
|
-
"dark": "{color.red.
|
|
12615
|
+
"dark": "{color.red.200}"
|
|
12631
12616
|
},
|
|
12632
12617
|
"$type": "color",
|
|
12633
12618
|
"comment": "Used for the foreground of a danger (destructive) button in the hover state."
|
|
@@ -12674,7 +12659,7 @@
|
|
|
12674
12659
|
"original": {
|
|
12675
12660
|
"value": {
|
|
12676
12661
|
"default": "{color.red.900}",
|
|
12677
|
-
"dark": "{
|
|
12662
|
+
"dark": "{color.red.50}"
|
|
12678
12663
|
},
|
|
12679
12664
|
"$type": "color",
|
|
12680
12665
|
"comment": "Used for the foreground of a danger (destructive) button in the active state."
|
|
@@ -12703,7 +12688,7 @@
|
|
|
12703
12688
|
"original": {
|
|
12704
12689
|
"value": {
|
|
12705
12690
|
"default": "{color.neutral.0}",
|
|
12706
|
-
"dark": "
|
|
12691
|
+
"dark": "{color.neutral.900}"
|
|
12707
12692
|
},
|
|
12708
12693
|
"$type": "color",
|
|
12709
12694
|
"comment": "Used for the background of an outlined danger (destructive) button in the default state."
|
|
@@ -12728,7 +12713,7 @@
|
|
|
12728
12713
|
"original": {
|
|
12729
12714
|
"value": {
|
|
12730
12715
|
"default": "{color.red.50}",
|
|
12731
|
-
"dark": "
|
|
12716
|
+
"dark": "{color.red.900}"
|
|
12732
12717
|
},
|
|
12733
12718
|
"$type": "color",
|
|
12734
12719
|
"comment": "Used for the background of an outlined danger (destructive) button in the hover state."
|
|
@@ -12775,7 +12760,7 @@
|
|
|
12775
12760
|
"original": {
|
|
12776
12761
|
"value": {
|
|
12777
12762
|
"default": "{color.red.100}",
|
|
12778
|
-
"dark": "
|
|
12763
|
+
"dark": "{color.red.800}"
|
|
12779
12764
|
},
|
|
12780
12765
|
"$type": "color",
|
|
12781
12766
|
"comment": "Used for the background of an outlined danger (destructive) button in the active state."
|
|
@@ -12804,7 +12789,7 @@
|
|
|
12804
12789
|
"original": {
|
|
12805
12790
|
"value": {
|
|
12806
12791
|
"default": "{color.red.500}",
|
|
12807
|
-
"dark": "{color.
|
|
12792
|
+
"dark": "{color.red.400}"
|
|
12808
12793
|
},
|
|
12809
12794
|
"$type": "color",
|
|
12810
12795
|
"comment": "Used for the border of an outlined danger (destructive) button in the default state."
|
|
@@ -12829,7 +12814,7 @@
|
|
|
12829
12814
|
"original": {
|
|
12830
12815
|
"value": {
|
|
12831
12816
|
"default": "{color.red.700}",
|
|
12832
|
-
"dark": "{color.
|
|
12817
|
+
"dark": "{color.red.200}"
|
|
12833
12818
|
},
|
|
12834
12819
|
"$type": "color",
|
|
12835
12820
|
"comment": "Used for the border of an outlined danger (destructive) button in the hover state."
|
|
@@ -12876,7 +12861,7 @@
|
|
|
12876
12861
|
"original": {
|
|
12877
12862
|
"value": {
|
|
12878
12863
|
"default": "{color.red.900}",
|
|
12879
|
-
"dark": "{color.
|
|
12864
|
+
"dark": "{color.red.50}"
|
|
12880
12865
|
},
|
|
12881
12866
|
"$type": "color",
|
|
12882
12867
|
"comment": "Used for the border of an outlined danger (destructive) button in the active state."
|
|
@@ -13668,7 +13653,7 @@
|
|
|
13668
13653
|
"original": {
|
|
13669
13654
|
"value": {
|
|
13670
13655
|
"default": "{color.neutral.10}",
|
|
13671
|
-
"dark": "
|
|
13656
|
+
"dark": "{color.neutral.950}"
|
|
13672
13657
|
},
|
|
13673
13658
|
"$type": "color",
|
|
13674
13659
|
"comment": "Used for the background of a disabled button."
|
|
@@ -13693,7 +13678,7 @@
|
|
|
13693
13678
|
"original": {
|
|
13694
13679
|
"value": {
|
|
13695
13680
|
"default": "{color.neutral.100}",
|
|
13696
|
-
"dark": "{color.
|
|
13681
|
+
"dark": "{color.neutral.800}"
|
|
13697
13682
|
},
|
|
13698
13683
|
"$type": "color",
|
|
13699
13684
|
"comment": "Used for the border of a disabled button."
|
|
@@ -536,8 +536,8 @@ $gl-dropdown-option-background-color-unselected-default: $gl-action-neutral-back
|
|
|
536
536
|
$gl-dropdown-option-indicator-color-selected-active: $gl-color-neutral-100; // Used for the dropdown selected option indicator in the active state.
|
|
537
537
|
$gl-dropdown-border-color: $gl-color-neutral-700; // Used for the border of a dropdown.
|
|
538
538
|
$gl-datepicker-background-color: $gl-color-neutral-900; // Used for the background color of datepicker.
|
|
539
|
-
$gl-button-disabled-border-color: $gl-color-
|
|
540
|
-
$gl-button-disabled-background-color:
|
|
539
|
+
$gl-button-disabled-border-color: $gl-color-neutral-800; // Used for the border of a disabled button.
|
|
540
|
+
$gl-button-disabled-background-color: $gl-color-neutral-950; // Used for the background of a disabled button.
|
|
541
541
|
$gl-button-disabled-foreground-color: $gl-color-neutral-400; // Used for the foreground of a disabled button.
|
|
542
542
|
$gl-button-selected-border-color-active: $gl-color-neutral-300; // Used for the border of a selected button in the active state.
|
|
543
543
|
$gl-button-selected-border-color-hover: $gl-color-neutral-500; // Used for the border of a selected button in the hover state.
|
|
@@ -546,47 +546,46 @@ $gl-button-dashed-border-color-active: $gl-color-neutral-300; // Used for the bo
|
|
|
546
546
|
$gl-button-danger-tertiary-background-color-active: $gl-action-danger-background-color-active; // Used for the background of a borderless, tertiary danger (destructive) button in the active state.
|
|
547
547
|
$gl-button-danger-tertiary-background-color-hover: $gl-action-danger-background-color-hover; // Used for the background of a borderless, tertiary danger (destructive) button in the hover state.
|
|
548
548
|
$gl-button-danger-tertiary-background-color-default: $gl-action-danger-background-color-default; // Used for the background of a borderless, tertiary danger (destructive) button in the default state.
|
|
549
|
-
$gl-button-danger-secondary-border-color-active: $gl-color-
|
|
550
|
-
$gl-button-danger-secondary-border-color-hover: $gl-color-
|
|
551
|
-
$gl-button-danger-secondary-border-color-default: $gl-color-
|
|
552
|
-
$gl-button-danger-secondary-background-color-active:
|
|
553
|
-
$gl-button-danger-secondary-background-color-hover:
|
|
554
|
-
$gl-button-danger-secondary-background-color-default:
|
|
555
|
-
$gl-button-danger-secondary-foreground-color-active: $gl-
|
|
556
|
-
$gl-button-danger-secondary-foreground-color-hover: $gl-color-red-
|
|
557
|
-
$gl-button-danger-secondary-foreground-color-default: $gl-color-red-
|
|
558
|
-
$gl-button-danger-primary-border-color-active: $gl-color-
|
|
559
|
-
$gl-button-danger-primary-border-color-hover: $gl-color-
|
|
560
|
-
$gl-button-danger-primary-border-color-default: $gl-color-
|
|
561
|
-
$gl-button-danger-primary-background-color-active: $gl-color-red-
|
|
562
|
-
$gl-button-danger-primary-background-color-hover: $gl-color-red-
|
|
563
|
-
$gl-button-danger-primary-background-color-default: $gl-color-red-
|
|
564
|
-
$gl-button-danger-primary-foreground-color-default: $gl-color-neutral-
|
|
549
|
+
$gl-button-danger-secondary-border-color-active: $gl-color-red-50; // Used for the border of an outlined danger (destructive) button in the active state.
|
|
550
|
+
$gl-button-danger-secondary-border-color-hover: $gl-color-red-200; // Used for the border of an outlined danger (destructive) button in the hover state.
|
|
551
|
+
$gl-button-danger-secondary-border-color-default: $gl-color-red-400; // Used for the border of an outlined danger (destructive) button in the default state.
|
|
552
|
+
$gl-button-danger-secondary-background-color-active: $gl-color-red-800; // Used for the background of an outlined danger (destructive) button in the active state.
|
|
553
|
+
$gl-button-danger-secondary-background-color-hover: $gl-color-red-900; // Used for the background of an outlined danger (destructive) button in the hover state.
|
|
554
|
+
$gl-button-danger-secondary-background-color-default: $gl-color-neutral-900; // Used for the background of an outlined danger (destructive) button in the default state.
|
|
555
|
+
$gl-button-danger-secondary-foreground-color-active: $gl-color-red-50; // Used for the foreground of a danger (destructive) button in the active state.
|
|
556
|
+
$gl-button-danger-secondary-foreground-color-hover: $gl-color-red-200; // Used for the foreground of a danger (destructive) button in the hover state.
|
|
557
|
+
$gl-button-danger-secondary-foreground-color-default: $gl-color-red-400; // Used for the foreground of a danger (destructive) button in the default state.
|
|
558
|
+
$gl-button-danger-primary-border-color-active: $gl-color-red-50; // Used for the border of a danger (destructive) primary button in the active state.
|
|
559
|
+
$gl-button-danger-primary-border-color-hover: $gl-color-red-100; // Used for the border of a danger (destructive) primary button in the hover state.
|
|
560
|
+
$gl-button-danger-primary-border-color-default: $gl-color-red-300; // Used for the border of a danger (destructive) primary button in the default state.
|
|
561
|
+
$gl-button-danger-primary-background-color-active: $gl-color-red-100; // Used for the background of a danger (destructive) primary button in the active state.
|
|
562
|
+
$gl-button-danger-primary-background-color-hover: $gl-color-red-300; // Used for the background of a danger (destructive) primary button in the hover state.
|
|
563
|
+
$gl-button-danger-primary-background-color-default: $gl-color-red-400; // Used for the background of a danger (destructive) primary button in the default state.
|
|
564
|
+
$gl-button-danger-primary-foreground-color-default: $gl-color-neutral-0; // Used for the foreground of a danger (destructive) primary button in the default state.
|
|
565
565
|
$gl-button-confirm-tertiary-background-color-active: $gl-action-confirm-background-color-active; // Used for the background of a borderless, tertiary confirm (positive) button in the active state.
|
|
566
566
|
$gl-button-confirm-tertiary-background-color-hover: $gl-action-confirm-background-color-hover; // Used for the background of a borderless, tertiary confirm (positive) button in the hover state.
|
|
567
567
|
$gl-button-confirm-tertiary-background-color-default: $gl-action-confirm-background-color-default; // Used for the background of a borderless, tertiary confirm (positive) button in the default state.
|
|
568
|
-
$gl-button-confirm-secondary-border-color-active: $gl-color-
|
|
569
|
-
$gl-button-confirm-secondary-border-color-hover: $gl-color-
|
|
570
|
-
$gl-button-confirm-secondary-border-color-default: $gl-color-
|
|
571
|
-
$gl-button-confirm-secondary-background-color-active:
|
|
572
|
-
$gl-button-confirm-secondary-background-color-hover:
|
|
573
|
-
$gl-button-confirm-secondary-background-color-default:
|
|
574
|
-
$gl-button-confirm-secondary-foreground-color-active: $gl-color-blue-
|
|
575
|
-
$gl-button-confirm-secondary-foreground-color-hover: $gl-color-blue-
|
|
576
|
-
$gl-button-confirm-secondary-foreground-color-default: $gl-color-blue-
|
|
577
|
-
$gl-button-confirm-primary-border-color-active: $gl-color-
|
|
578
|
-
$gl-button-confirm-primary-border-color-hover: $gl-color-
|
|
579
|
-
$gl-button-confirm-primary-border-color-default: $gl-color-
|
|
580
|
-
$gl-button-confirm-primary-foreground-color-default: $gl-color-neutral-950; // Used for the foreground of a confirm (positive) primary button in the default state.
|
|
568
|
+
$gl-button-confirm-secondary-border-color-active: $gl-color-blue-50; // Used for the border of an outlined confirm (positive) button in the active state.
|
|
569
|
+
$gl-button-confirm-secondary-border-color-hover: $gl-color-blue-200; // Used for the border of an outlined confirm (positive) button in the hover state.
|
|
570
|
+
$gl-button-confirm-secondary-border-color-default: $gl-color-blue-400; // Used for the border of an outlined confirm (positive) button in the default state.
|
|
571
|
+
$gl-button-confirm-secondary-background-color-active: $gl-color-blue-800; // Used for the background of an outlined confirm (positive) button in the active state.
|
|
572
|
+
$gl-button-confirm-secondary-background-color-hover: $gl-color-blue-900; // Used for the background of an outlined confirm (positive) button in the hover state.
|
|
573
|
+
$gl-button-confirm-secondary-background-color-default: $gl-color-neutral-900; // Used for the background of an outlined confirm (positive) button in the default state.
|
|
574
|
+
$gl-button-confirm-secondary-foreground-color-active: $gl-color-blue-50; // Used for the foreground of a confirm (positive) button in the active state.
|
|
575
|
+
$gl-button-confirm-secondary-foreground-color-hover: $gl-color-blue-200; // Used for the foreground of a confirm (positive) button in the hover state.
|
|
576
|
+
$gl-button-confirm-secondary-foreground-color-default: $gl-color-blue-400; // Used for the foreground of a confirm (positive) button in the default state.
|
|
577
|
+
$gl-button-confirm-primary-border-color-active: $gl-color-blue-50; // Used for the border of a confirm (positive) primary button in the active state.
|
|
578
|
+
$gl-button-confirm-primary-border-color-hover: $gl-color-blue-100; // Used for the border of a confirm (positive) primary button in the hover state.
|
|
579
|
+
$gl-button-confirm-primary-border-color-default: $gl-color-blue-300; // Used for the border of a confirm (positive) primary button in the default state.
|
|
581
580
|
$gl-button-default-tertiary-background-color-active: $gl-action-neutral-background-color-active; // Used for the background of a default borderless, tertiary button in the active state.
|
|
582
581
|
$gl-button-default-tertiary-background-color-hover: $gl-action-neutral-background-color-hover; // Used for the background of a default borderless, tertiary button in the hover state.
|
|
583
582
|
$gl-button-default-tertiary-background-color-default: $gl-action-neutral-background-color-default; // Used for the background of a default borderless, tertiary button in the default state.
|
|
584
|
-
$gl-button-default-primary-border-color-active: $gl-color-
|
|
585
|
-
$gl-button-default-primary-border-color-hover: $gl-color-
|
|
586
|
-
$gl-button-default-primary-border-color-default: $gl-color-
|
|
587
|
-
$gl-button-default-primary-background-color-active:
|
|
588
|
-
$gl-button-default-primary-background-color-hover:
|
|
589
|
-
$gl-button-default-primary-background-color-default:
|
|
583
|
+
$gl-button-default-primary-border-color-active: $gl-color-neutral-300; // Used for the border of an default primary button in the active state.
|
|
584
|
+
$gl-button-default-primary-border-color-hover: $gl-color-neutral-500; // Used for the border of an default primary button in the hover state.
|
|
585
|
+
$gl-button-default-primary-border-color-default: $gl-color-neutral-700; // Used for the border of an default primary button in the default state.
|
|
586
|
+
$gl-button-default-primary-background-color-active: $gl-color-neutral-800; // Used for the background of an default primary button in the active state.
|
|
587
|
+
$gl-button-default-primary-background-color-hover: $gl-color-neutral-900; // Used for the background of an default primary button in the hover state.
|
|
588
|
+
$gl-button-default-primary-background-color-default: $gl-color-neutral-900; // Used for the background of an default primary button in the default state.
|
|
590
589
|
$gl-button-default-primary-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of a default primary button in the default state.
|
|
591
590
|
$gl-broadcast-banner-text-color-red: $gl-color-neutral-0; // Used for the text for the red banner type.
|
|
592
591
|
$gl-broadcast-banner-text-color-lightred: $gl-color-neutral-0; // Used for the text for the lightred banner type.
|
|
@@ -752,19 +751,19 @@ $gl-action-strong-neutral-background-color-hover: $gl-color-neutral-600; // Used
|
|
|
752
751
|
$gl-action-strong-neutral-background-color-default: $gl-color-neutral-700; // Used for the background of a strong neutral action in the default state.
|
|
753
752
|
$gl-action-strong-confirm-border-color-default: $gl-color-alpha-0; // Used for the border of a strong confirm action in the default state.
|
|
754
753
|
$gl-action-strong-confirm-foreground-color-default: $gl-color-neutral-950; // Used for the foreground of a strong confirm action in the default state.
|
|
755
|
-
$gl-action-strong-confirm-background-color-active: $gl-color-blue-
|
|
756
|
-
$gl-action-strong-confirm-background-color-hover: $gl-color-blue-
|
|
757
|
-
$gl-action-strong-confirm-background-color-default: $gl-color-blue-
|
|
754
|
+
$gl-action-strong-confirm-background-color-active: $gl-color-blue-200; // Used for the background of a strong confirm action in the active state.
|
|
755
|
+
$gl-action-strong-confirm-background-color-hover: $gl-color-blue-300; // Used for the background of a strong confirm action in the hover state.
|
|
756
|
+
$gl-action-strong-confirm-background-color-default: $gl-color-blue-400; // Used for the background of a strong confirm action in the default state.
|
|
758
757
|
$gl-action-danger-border-color-default: $gl-color-alpha-0; // Used for the border of a danger action in the default state.
|
|
759
758
|
$gl-action-danger-background-color-focus: $gl-action-danger-background-color-hover; // Used for the background of a danger (destructive) action in the focus state.
|
|
760
|
-
$gl-action-danger-foreground-color-active: $gl-color-red-
|
|
761
|
-
$gl-action-danger-foreground-color-hover: $gl-color-red-
|
|
762
|
-
$gl-action-danger-foreground-color-default: $gl-color-red-
|
|
759
|
+
$gl-action-danger-foreground-color-active: $gl-color-red-50; // Used for the foreground of a danger (destructive) action in the active state.
|
|
760
|
+
$gl-action-danger-foreground-color-hover: $gl-color-red-200; // Used for the foreground of a danger (destructive) action in the hover state.
|
|
761
|
+
$gl-action-danger-foreground-color-default: $gl-color-red-400; // Used for the foreground of a danger (destructive) action in the default state.
|
|
763
762
|
$gl-action-confirm-border-color-default: $gl-color-alpha-0; // Used for the border of a confirm action in the default state.
|
|
764
763
|
$gl-action-confirm-background-color-focus: $gl-action-confirm-background-color-hover; // Used for the background of a confirm (positive) action in the focus state.
|
|
765
|
-
$gl-action-confirm-foreground-color-active: $gl-color-blue-
|
|
766
|
-
$gl-action-confirm-foreground-color-hover: $gl-color-blue-
|
|
767
|
-
$gl-action-confirm-foreground-color-default: $gl-color-blue-
|
|
764
|
+
$gl-action-confirm-foreground-color-active: $gl-color-blue-50; // Used for the foreground of a confirm (positive) action in the active state.
|
|
765
|
+
$gl-action-confirm-foreground-color-hover: $gl-color-blue-200; // Used for the foreground of a confirm (positive) action in the hover state.
|
|
766
|
+
$gl-action-confirm-foreground-color-default: $gl-color-blue-400; // Used for the foreground of a confirm (positive) action in the default state.
|
|
768
767
|
$gl-action-neutral-border-color-default: $gl-color-alpha-0; // Used for the border of a neutral action in the default state.
|
|
769
768
|
$gl-action-neutral-background-color-focus: $gl-action-neutral-background-color-hover; // Used for the background of a neutral action in the focus state.
|
|
770
769
|
$gl-action-neutral-foreground-color-default: $gl-color-neutral-50; // Used for the foreground of a neutral action in the default state.
|
|
@@ -834,6 +833,7 @@ $gl-button-confirm-primary-border-color-focus: $gl-button-confirm-primary-border
|
|
|
834
833
|
$gl-button-confirm-primary-background-color-active: $gl-action-strong-confirm-background-color-active; // Used for the background of a confirm (positive) primary button in the active state.
|
|
835
834
|
$gl-button-confirm-primary-background-color-hover: $gl-action-strong-confirm-background-color-hover; // Used for the background of a confirm (positive) primary button in the hover state.
|
|
836
835
|
$gl-button-confirm-primary-background-color-default: $gl-action-strong-confirm-background-color-default; // Used for the background of a confirm (positive) primary button in the default state.
|
|
836
|
+
$gl-button-confirm-primary-foreground-color-default: $gl-action-strong-confirm-foreground-color-default; // Used for the foreground of a confirm (positive) primary button in the default state.
|
|
837
837
|
$gl-button-default-tertiary-border-color-default: $gl-action-neutral-border-color-default; // Used for the border of a default borderless, tertiary button in the default state.
|
|
838
838
|
$gl-button-default-tertiary-background-color-focus: $gl-action-neutral-background-color-focus; // Used for the background of a default borderless, tertiary button in the focus state.
|
|
839
839
|
$gl-button-default-tertiary-foreground-color-default: $gl-action-neutral-foreground-color-default; // Used for the foreground of a default borderless, tertiary button in the default state.
|
|
@@ -875,7 +875,7 @@ $gl-alert-neutral-background-color: $gl-feedback-neutral-background-color; // Us
|
|
|
875
875
|
$gl-alert-neutral-title-color: $gl-text-color-heading; // Used for the title color of a neutral alert.
|
|
876
876
|
$gl-border-color-section: $gl-background-color-default; // Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.
|
|
877
877
|
$gl-action-strong-neutral-border-color-hover: $gl-action-strong-neutral-border-color-default; // Used for the border of a strong neutral action in the hover state.
|
|
878
|
-
$gl-action-strong-neutral-foreground-color-hover: $gl-
|
|
878
|
+
$gl-action-strong-neutral-foreground-color-hover: $gl-action-strong-neutral-foreground-color-default; // Used for the foreground of a strong neutral action in the hover state.
|
|
879
879
|
$gl-action-strong-neutral-background-color-focus: $gl-action-strong-neutral-background-color-hover; // Used for the background of a strong neutral action in the focus state.
|
|
880
880
|
$gl-action-strong-confirm-border-color-hover: $gl-action-strong-confirm-border-color-default; // Used for the border of a strong confirm action in the hover state.
|
|
881
881
|
$gl-action-strong-confirm-foreground-color-hover: $gl-action-strong-confirm-foreground-color-default; // Used for the foreground of a strong confirm action in the hover state.
|
|
@@ -577,7 +577,6 @@ $gl-button-confirm-secondary-foreground-color-default: $gl-color-blue-500; // Us
|
|
|
577
577
|
$gl-button-confirm-primary-border-color-active: $gl-color-blue-900; // Used for the border of a confirm (positive) primary button in the active state.
|
|
578
578
|
$gl-button-confirm-primary-border-color-hover: $gl-color-blue-800; // Used for the border of a confirm (positive) primary button in the hover state.
|
|
579
579
|
$gl-button-confirm-primary-border-color-default: $gl-color-blue-600; // Used for the border of a confirm (positive) primary button in the default state.
|
|
580
|
-
$gl-button-confirm-primary-foreground-color-default: $gl-color-neutral-0; // Used for the foreground of a confirm (positive) primary button in the default state.
|
|
581
580
|
$gl-button-default-tertiary-background-color-active: $gl-action-neutral-background-color-active; // Used for the background of a default borderless, tertiary button in the active state.
|
|
582
581
|
$gl-button-default-tertiary-background-color-hover: $gl-action-neutral-background-color-hover; // Used for the background of a default borderless, tertiary button in the hover state.
|
|
583
582
|
$gl-button-default-tertiary-background-color-default: $gl-action-neutral-background-color-default; // Used for the background of a default borderless, tertiary button in the default state.
|
|
@@ -834,6 +833,7 @@ $gl-button-confirm-primary-border-color-focus: $gl-button-confirm-primary-border
|
|
|
834
833
|
$gl-button-confirm-primary-background-color-active: $gl-action-strong-confirm-background-color-active; // Used for the background of a confirm (positive) primary button in the active state.
|
|
835
834
|
$gl-button-confirm-primary-background-color-hover: $gl-action-strong-confirm-background-color-hover; // Used for the background of a confirm (positive) primary button in the hover state.
|
|
836
835
|
$gl-button-confirm-primary-background-color-default: $gl-action-strong-confirm-background-color-default; // Used for the background of a confirm (positive) primary button in the default state.
|
|
836
|
+
$gl-button-confirm-primary-foreground-color-default: $gl-action-strong-confirm-foreground-color-default; // Used for the foreground of a confirm (positive) primary button in the default state.
|
|
837
837
|
$gl-button-default-tertiary-border-color-default: $gl-action-neutral-border-color-default; // Used for the border of a default borderless, tertiary button in the default state.
|
|
838
838
|
$gl-button-default-tertiary-background-color-focus: $gl-action-neutral-background-color-focus; // Used for the background of a default borderless, tertiary button in the focus state.
|
|
839
839
|
$gl-button-default-tertiary-foreground-color-default: $gl-action-neutral-foreground-color-default; // Used for the foreground of a default borderless, tertiary button in the default state.
|