@gitlab/ui 98.1.2 → 98.2.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.
- package/CHANGELOG.md +9 -0
- package/dist/index.css +2 -2
- 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 +46 -46
- package/dist/tokens/js/tokens.dark.js +84 -84
- package/dist/tokens/json/tokens.dark.json +147 -132
- package/dist/tokens/json/tokens.json +63 -48
- package/dist/tokens/scss/_tokens.dark.scss +46 -46
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/package.json +1 -1
- package/src/components/base/form/input_group_text/input_group_text.scss +7 -0
- package/src/scss/components.scss +1 -0
- package/src/tokens/action.tokens.json +21 -12
- package/src/tokens/build/css/tokens.css +1 -1
- package/src/tokens/build/css/tokens.dark.css +46 -46
- package/src/tokens/build/js/tokens.dark.js +84 -84
- package/src/tokens/build/json/tokens.dark.json +147 -132
- package/src/tokens/build/json/tokens.json +63 -48
- package/src/tokens/build/scss/_tokens.dark.scss +46 -46
- package/src/tokens/build/scss/_tokens.scss +1 -1
- package/src/tokens/contextual/button.tokens.json +42 -36
|
@@ -637,7 +637,7 @@
|
|
|
637
637
|
"foreground": {
|
|
638
638
|
"color": {
|
|
639
639
|
"default": {
|
|
640
|
-
"value": "#
|
|
640
|
+
"value": "#9dc7f1",
|
|
641
641
|
"$type": "color",
|
|
642
642
|
"comment": "Used for the foreground of a confirm (positive) action in the default state.",
|
|
643
643
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -645,7 +645,7 @@
|
|
|
645
645
|
"original": {
|
|
646
646
|
"value": {
|
|
647
647
|
"default": "{color.blue.500}",
|
|
648
|
-
"dark": "{color.blue.
|
|
648
|
+
"dark": "{color.blue.200}"
|
|
649
649
|
},
|
|
650
650
|
"$type": "color",
|
|
651
651
|
"comment": "Used for the foreground of a confirm (positive) action in the default state."
|
|
@@ -661,7 +661,7 @@
|
|
|
661
661
|
]
|
|
662
662
|
},
|
|
663
663
|
"hover": {
|
|
664
|
-
"value": "#
|
|
664
|
+
"value": "#cbe2f9",
|
|
665
665
|
"$type": "color",
|
|
666
666
|
"comment": "Used for the foreground of a confirm (positive) action in the hover state.",
|
|
667
667
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
"original": {
|
|
670
670
|
"value": {
|
|
671
671
|
"default": "{color.blue.700}",
|
|
672
|
-
"dark": "{color.blue.
|
|
672
|
+
"dark": "{color.blue.100}"
|
|
673
673
|
},
|
|
674
674
|
"$type": "color",
|
|
675
675
|
"comment": "Used for the foreground of a confirm (positive) action in the hover state."
|
|
@@ -685,7 +685,7 @@
|
|
|
685
685
|
]
|
|
686
686
|
},
|
|
687
687
|
"focus": {
|
|
688
|
-
"value": "#
|
|
688
|
+
"value": "#cbe2f9",
|
|
689
689
|
"$type": "color",
|
|
690
690
|
"comment": "Used for the foreground of a confirm (positive) action in the focus state.",
|
|
691
691
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -706,7 +706,7 @@
|
|
|
706
706
|
]
|
|
707
707
|
},
|
|
708
708
|
"active": {
|
|
709
|
-
"value": "#
|
|
709
|
+
"value": "#cbe2f9",
|
|
710
710
|
"$type": "color",
|
|
711
711
|
"comment": "Used for the foreground of a confirm (positive) action in the active state.",
|
|
712
712
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -714,7 +714,7 @@
|
|
|
714
714
|
"original": {
|
|
715
715
|
"value": {
|
|
716
716
|
"default": "{color.blue.900}",
|
|
717
|
-
"dark": "{color.blue.
|
|
717
|
+
"dark": "{color.blue.100}"
|
|
718
718
|
},
|
|
719
719
|
"$type": "color",
|
|
720
720
|
"comment": "Used for the foreground of a confirm (positive) action in the active state."
|
|
@@ -921,7 +921,7 @@
|
|
|
921
921
|
"foreground": {
|
|
922
922
|
"color": {
|
|
923
923
|
"default": {
|
|
924
|
-
"value": "#
|
|
924
|
+
"value": "#fcb5aa",
|
|
925
925
|
"$type": "color",
|
|
926
926
|
"comment": "Used for the foreground of a danger (destructive) action in the default state.",
|
|
927
927
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -929,7 +929,7 @@
|
|
|
929
929
|
"original": {
|
|
930
930
|
"value": {
|
|
931
931
|
"default": "{color.red.500}",
|
|
932
|
-
"dark": "{color.red.
|
|
932
|
+
"dark": "{color.red.200}"
|
|
933
933
|
},
|
|
934
934
|
"$type": "color",
|
|
935
935
|
"comment": "Used for the foreground of a danger (destructive) action in the default state."
|
|
@@ -945,7 +945,7 @@
|
|
|
945
945
|
]
|
|
946
946
|
},
|
|
947
947
|
"hover": {
|
|
948
|
-
"value": "#
|
|
948
|
+
"value": "#fdd4cd",
|
|
949
949
|
"$type": "color",
|
|
950
950
|
"comment": "Used for the foreground of a danger (destructive) action in the hover state.",
|
|
951
951
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -953,7 +953,7 @@
|
|
|
953
953
|
"original": {
|
|
954
954
|
"value": {
|
|
955
955
|
"default": "{color.red.700}",
|
|
956
|
-
"dark": "{color.red.
|
|
956
|
+
"dark": "{color.red.100}"
|
|
957
957
|
},
|
|
958
958
|
"$type": "color",
|
|
959
959
|
"comment": "Used for the foreground of a danger (destructive) action in the hover state."
|
|
@@ -969,7 +969,7 @@
|
|
|
969
969
|
]
|
|
970
970
|
},
|
|
971
971
|
"focus": {
|
|
972
|
-
"value": "#
|
|
972
|
+
"value": "#fdd4cd",
|
|
973
973
|
"$type": "color",
|
|
974
974
|
"comment": "Used for the foreground of a danger (destructive) action in the focus state.",
|
|
975
975
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -990,7 +990,7 @@
|
|
|
990
990
|
]
|
|
991
991
|
},
|
|
992
992
|
"active": {
|
|
993
|
-
"value": "#
|
|
993
|
+
"value": "#fdd4cd",
|
|
994
994
|
"$type": "color",
|
|
995
995
|
"comment": "Used for the foreground of a danger (destructive) action in the active state.",
|
|
996
996
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -998,7 +998,7 @@
|
|
|
998
998
|
"original": {
|
|
999
999
|
"value": {
|
|
1000
1000
|
"default": "{color.red.900}",
|
|
1001
|
-
"dark": "{color.red.
|
|
1001
|
+
"dark": "{color.red.100}"
|
|
1002
1002
|
},
|
|
1003
1003
|
"$type": "color",
|
|
1004
1004
|
"comment": "Used for the foreground of a danger (destructive) action in the active state."
|
|
@@ -1206,7 +1206,7 @@
|
|
|
1206
1206
|
"background": {
|
|
1207
1207
|
"color": {
|
|
1208
1208
|
"default": {
|
|
1209
|
-
"value": "#
|
|
1209
|
+
"value": "#63a6e9",
|
|
1210
1210
|
"$type": "color",
|
|
1211
1211
|
"comment": "Used for the background of a strong confirm action in the default state.",
|
|
1212
1212
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -1214,7 +1214,7 @@
|
|
|
1214
1214
|
"original": {
|
|
1215
1215
|
"value": {
|
|
1216
1216
|
"default": "{color.blue.500}",
|
|
1217
|
-
"dark": "{color.blue.
|
|
1217
|
+
"dark": "{color.blue.300}"
|
|
1218
1218
|
},
|
|
1219
1219
|
"$type": "color",
|
|
1220
1220
|
"comment": "Used for the background of a strong confirm action in the default state."
|
|
@@ -1231,7 +1231,7 @@
|
|
|
1231
1231
|
]
|
|
1232
1232
|
},
|
|
1233
1233
|
"hover": {
|
|
1234
|
-
"value": "#
|
|
1234
|
+
"value": "#9dc7f1",
|
|
1235
1235
|
"$type": "color",
|
|
1236
1236
|
"comment": "Used for the background of a strong confirm action in the hover state.",
|
|
1237
1237
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -1239,7 +1239,7 @@
|
|
|
1239
1239
|
"original": {
|
|
1240
1240
|
"value": {
|
|
1241
1241
|
"default": "{color.blue.600}",
|
|
1242
|
-
"dark": "{color.blue.
|
|
1242
|
+
"dark": "{color.blue.200}"
|
|
1243
1243
|
},
|
|
1244
1244
|
"$type": "color",
|
|
1245
1245
|
"comment": "Used for the background of a strong confirm action in the hover state."
|
|
@@ -1256,7 +1256,7 @@
|
|
|
1256
1256
|
]
|
|
1257
1257
|
},
|
|
1258
1258
|
"focus": {
|
|
1259
|
-
"value": "#
|
|
1259
|
+
"value": "#9dc7f1",
|
|
1260
1260
|
"$type": "color",
|
|
1261
1261
|
"comment": "Used for the background of a strong confirm action in the focus state.",
|
|
1262
1262
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -1278,7 +1278,7 @@
|
|
|
1278
1278
|
]
|
|
1279
1279
|
},
|
|
1280
1280
|
"active": {
|
|
1281
|
-
"value": "#
|
|
1281
|
+
"value": "#428fdc",
|
|
1282
1282
|
"$type": "color",
|
|
1283
1283
|
"comment": "Used for the background of a strong confirm action in the active state.",
|
|
1284
1284
|
"filePath": "src/tokens/action.tokens.json",
|
|
@@ -1286,7 +1286,7 @@
|
|
|
1286
1286
|
"original": {
|
|
1287
1287
|
"value": {
|
|
1288
1288
|
"default": "{color.blue.700}",
|
|
1289
|
-
"dark": "{color.blue.
|
|
1289
|
+
"dark": "{color.blue.400}"
|
|
1290
1290
|
},
|
|
1291
1291
|
"$type": "color",
|
|
1292
1292
|
"comment": "Used for the background of a strong confirm action in the active state."
|
|
@@ -1622,13 +1622,16 @@
|
|
|
1622
1622
|
]
|
|
1623
1623
|
},
|
|
1624
1624
|
"hover": {
|
|
1625
|
-
"value": "#
|
|
1625
|
+
"value": "#fff",
|
|
1626
1626
|
"$type": "color",
|
|
1627
1627
|
"comment": "Used for the foreground of a strong neutral action in the hover state.",
|
|
1628
1628
|
"filePath": "src/tokens/action.tokens.json",
|
|
1629
1629
|
"isSource": true,
|
|
1630
1630
|
"original": {
|
|
1631
|
-
"value":
|
|
1631
|
+
"value": {
|
|
1632
|
+
"default": "{action.strong.neutral.foreground.color.default}",
|
|
1633
|
+
"dark": "{color.neutral.0}"
|
|
1634
|
+
},
|
|
1632
1635
|
"$type": "color",
|
|
1633
1636
|
"comment": "Used for the foreground of a strong neutral action in the hover state."
|
|
1634
1637
|
},
|
|
@@ -1644,13 +1647,16 @@
|
|
|
1644
1647
|
]
|
|
1645
1648
|
},
|
|
1646
1649
|
"focus": {
|
|
1647
|
-
"value": "#
|
|
1650
|
+
"value": "#fff",
|
|
1648
1651
|
"$type": "color",
|
|
1649
1652
|
"comment": "Used for the foreground of a strong neutral action in the focus state.",
|
|
1650
1653
|
"filePath": "src/tokens/action.tokens.json",
|
|
1651
1654
|
"isSource": true,
|
|
1652
1655
|
"original": {
|
|
1653
|
-
"value":
|
|
1656
|
+
"value": {
|
|
1657
|
+
"default": "{action.strong.neutral.foreground.color.hover}",
|
|
1658
|
+
"dark": "{color.neutral.0}"
|
|
1659
|
+
},
|
|
1654
1660
|
"$type": "color",
|
|
1655
1661
|
"comment": "Used for the foreground of a strong neutral action in the focus state."
|
|
1656
1662
|
},
|
|
@@ -1666,13 +1672,16 @@
|
|
|
1666
1672
|
]
|
|
1667
1673
|
},
|
|
1668
1674
|
"active": {
|
|
1669
|
-
"value": "#
|
|
1675
|
+
"value": "#fff",
|
|
1670
1676
|
"$type": "color",
|
|
1671
1677
|
"comment": "Used for the foreground of a strong neutral action in the active state.",
|
|
1672
1678
|
"filePath": "src/tokens/action.tokens.json",
|
|
1673
1679
|
"isSource": true,
|
|
1674
1680
|
"original": {
|
|
1675
|
-
"value":
|
|
1681
|
+
"value": {
|
|
1682
|
+
"default": "{action.strong.neutral.foreground.color.focus}",
|
|
1683
|
+
"dark": "{color.neutral.0}"
|
|
1684
|
+
},
|
|
1676
1685
|
"$type": "color",
|
|
1677
1686
|
"comment": "Used for the foreground of a strong neutral action in the active state."
|
|
1678
1687
|
},
|
|
@@ -10927,7 +10936,7 @@
|
|
|
10927
10936
|
"background": {
|
|
10928
10937
|
"color": {
|
|
10929
10938
|
"default": {
|
|
10930
|
-
"value": "
|
|
10939
|
+
"value": "rgba(137, 136, 141, 0.4)",
|
|
10931
10940
|
"$type": "color",
|
|
10932
10941
|
"comment": "Used for the background of an default primary button in the default state.",
|
|
10933
10942
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -10935,7 +10944,7 @@
|
|
|
10935
10944
|
"original": {
|
|
10936
10945
|
"value": {
|
|
10937
10946
|
"default": "{color.neutral.0}",
|
|
10938
|
-
"dark": "
|
|
10947
|
+
"dark": "rgba(137, 136, 141, 0.4)"
|
|
10939
10948
|
},
|
|
10940
10949
|
"$type": "color",
|
|
10941
10950
|
"comment": "Used for the background of an default primary button in the default state."
|
|
@@ -10952,7 +10961,7 @@
|
|
|
10952
10961
|
]
|
|
10953
10962
|
},
|
|
10954
10963
|
"hover": {
|
|
10955
|
-
"value": "
|
|
10964
|
+
"value": "rgba(137, 136, 141, 0.64)",
|
|
10956
10965
|
"$type": "color",
|
|
10957
10966
|
"comment": "Used for the background of an default primary button in the hover state.",
|
|
10958
10967
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -10960,7 +10969,7 @@
|
|
|
10960
10969
|
"original": {
|
|
10961
10970
|
"value": {
|
|
10962
10971
|
"default": "{color.neutral.50}",
|
|
10963
|
-
"dark": "
|
|
10972
|
+
"dark": "rgba(137, 136, 141, 0.64)"
|
|
10964
10973
|
},
|
|
10965
10974
|
"$type": "color",
|
|
10966
10975
|
"comment": "Used for the background of an default primary button in the hover state."
|
|
@@ -10977,7 +10986,7 @@
|
|
|
10977
10986
|
]
|
|
10978
10987
|
},
|
|
10979
10988
|
"focus": {
|
|
10980
|
-
"value": "
|
|
10989
|
+
"value": "rgba(137, 136, 141, 0.64)",
|
|
10981
10990
|
"$type": "color",
|
|
10982
10991
|
"comment": "Used for the background of an default primary button in the focus state.",
|
|
10983
10992
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -10999,7 +11008,7 @@
|
|
|
10999
11008
|
]
|
|
11000
11009
|
},
|
|
11001
11010
|
"active": {
|
|
11002
|
-
"value": "
|
|
11011
|
+
"value": "rgba(137, 136, 141, 0.32)",
|
|
11003
11012
|
"$type": "color",
|
|
11004
11013
|
"comment": "Used for the background of an default primary button in the active state.",
|
|
11005
11014
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11007,7 +11016,7 @@
|
|
|
11007
11016
|
"original": {
|
|
11008
11017
|
"value": {
|
|
11009
11018
|
"default": "{color.neutral.100}",
|
|
11010
|
-
"dark": "
|
|
11019
|
+
"dark": "rgba(137, 136, 141, 0.32)"
|
|
11011
11020
|
},
|
|
11012
11021
|
"$type": "color",
|
|
11013
11022
|
"comment": "Used for the background of an default primary button in the active state."
|
|
@@ -11028,7 +11037,7 @@
|
|
|
11028
11037
|
"border": {
|
|
11029
11038
|
"color": {
|
|
11030
11039
|
"default": {
|
|
11031
|
-
"value": "
|
|
11040
|
+
"value": "transparent",
|
|
11032
11041
|
"$type": "color",
|
|
11033
11042
|
"comment": "Used for the border of an default primary button in the default state.",
|
|
11034
11043
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11036,7 +11045,7 @@
|
|
|
11036
11045
|
"original": {
|
|
11037
11046
|
"value": {
|
|
11038
11047
|
"default": "{color.neutral.200}",
|
|
11039
|
-
"dark": "{color.
|
|
11048
|
+
"dark": "{color.alpha.0}"
|
|
11040
11049
|
},
|
|
11041
11050
|
"$type": "color",
|
|
11042
11051
|
"comment": "Used for the border of an default primary button in the default state."
|
|
@@ -11053,7 +11062,7 @@
|
|
|
11053
11062
|
]
|
|
11054
11063
|
},
|
|
11055
11064
|
"hover": {
|
|
11056
|
-
"value": "
|
|
11065
|
+
"value": "transparent",
|
|
11057
11066
|
"$type": "color",
|
|
11058
11067
|
"comment": "Used for the border of an default primary button in the hover state.",
|
|
11059
11068
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11061,7 +11070,7 @@
|
|
|
11061
11070
|
"original": {
|
|
11062
11071
|
"value": {
|
|
11063
11072
|
"default": "{color.neutral.400}",
|
|
11064
|
-
"dark": "{color.
|
|
11073
|
+
"dark": "{color.alpha.0}"
|
|
11065
11074
|
},
|
|
11066
11075
|
"$type": "color",
|
|
11067
11076
|
"comment": "Used for the border of an default primary button in the hover state."
|
|
@@ -11078,7 +11087,7 @@
|
|
|
11078
11087
|
]
|
|
11079
11088
|
},
|
|
11080
11089
|
"focus": {
|
|
11081
|
-
"value": "
|
|
11090
|
+
"value": "transparent",
|
|
11082
11091
|
"$type": "color",
|
|
11083
11092
|
"comment": "Used for the border of an default primary button in the focus state.",
|
|
11084
11093
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11100,7 +11109,7 @@
|
|
|
11100
11109
|
]
|
|
11101
11110
|
},
|
|
11102
11111
|
"active": {
|
|
11103
|
-
"value": "
|
|
11112
|
+
"value": "transparent",
|
|
11104
11113
|
"$type": "color",
|
|
11105
11114
|
"comment": "Used for the border of an default primary button in the active state.",
|
|
11106
11115
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11108,7 +11117,7 @@
|
|
|
11108
11117
|
"original": {
|
|
11109
11118
|
"value": {
|
|
11110
11119
|
"default": "{color.neutral.600}",
|
|
11111
|
-
"dark": "{color.
|
|
11120
|
+
"dark": "{color.alpha.0}"
|
|
11112
11121
|
},
|
|
11113
11122
|
"$type": "color",
|
|
11114
11123
|
"comment": "Used for the border of an default primary button in the active state."
|
|
@@ -11417,7 +11426,10 @@
|
|
|
11417
11426
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
11418
11427
|
"isSource": true,
|
|
11419
11428
|
"original": {
|
|
11420
|
-
"value":
|
|
11429
|
+
"value": {
|
|
11430
|
+
"default": "{color.neutral.0}",
|
|
11431
|
+
"dark": "{color.neutral.950}"
|
|
11432
|
+
},
|
|
11421
11433
|
"$type": "color",
|
|
11422
11434
|
"comment": "Used for the foreground of a confirm (positive) primary button in the default state."
|
|
11423
11435
|
},
|
|
@@ -11503,7 +11515,7 @@
|
|
|
11503
11515
|
"background": {
|
|
11504
11516
|
"color": {
|
|
11505
11517
|
"default": {
|
|
11506
|
-
"value": "#
|
|
11518
|
+
"value": "#63a6e9",
|
|
11507
11519
|
"$type": "color",
|
|
11508
11520
|
"comment": "Used for the background of a confirm (positive) primary button in the default state.",
|
|
11509
11521
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11525,7 +11537,7 @@
|
|
|
11525
11537
|
]
|
|
11526
11538
|
},
|
|
11527
11539
|
"hover": {
|
|
11528
|
-
"value": "#
|
|
11540
|
+
"value": "#9dc7f1",
|
|
11529
11541
|
"$type": "color",
|
|
11530
11542
|
"comment": "Used for the background of a confirm (positive) primary button in the hover state.",
|
|
11531
11543
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11547,7 +11559,7 @@
|
|
|
11547
11559
|
]
|
|
11548
11560
|
},
|
|
11549
11561
|
"focus": {
|
|
11550
|
-
"value": "#
|
|
11562
|
+
"value": "#9dc7f1",
|
|
11551
11563
|
"$type": "color",
|
|
11552
11564
|
"comment": "Used for the background of a confirm (positive) primary button in the focus state.",
|
|
11553
11565
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11569,7 +11581,7 @@
|
|
|
11569
11581
|
]
|
|
11570
11582
|
},
|
|
11571
11583
|
"active": {
|
|
11572
|
-
"value": "#
|
|
11584
|
+
"value": "#428fdc",
|
|
11573
11585
|
"$type": "color",
|
|
11574
11586
|
"comment": "Used for the background of a confirm (positive) primary button in the active state.",
|
|
11575
11587
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11595,7 +11607,7 @@
|
|
|
11595
11607
|
"border": {
|
|
11596
11608
|
"color": {
|
|
11597
11609
|
"default": {
|
|
11598
|
-
"value": "
|
|
11610
|
+
"value": "transparent",
|
|
11599
11611
|
"$type": "color",
|
|
11600
11612
|
"comment": "Used for the border of a confirm (positive) primary button in the default state.",
|
|
11601
11613
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11603,7 +11615,7 @@
|
|
|
11603
11615
|
"original": {
|
|
11604
11616
|
"value": {
|
|
11605
11617
|
"default": "{color.blue.600}",
|
|
11606
|
-
"dark": "{color.
|
|
11618
|
+
"dark": "{color.alpha.0}"
|
|
11607
11619
|
},
|
|
11608
11620
|
"$type": "color",
|
|
11609
11621
|
"comment": "Used for the border of a confirm (positive) primary button in the default state."
|
|
@@ -11620,7 +11632,7 @@
|
|
|
11620
11632
|
]
|
|
11621
11633
|
},
|
|
11622
11634
|
"hover": {
|
|
11623
|
-
"value": "
|
|
11635
|
+
"value": "transparent",
|
|
11624
11636
|
"$type": "color",
|
|
11625
11637
|
"comment": "Used for the border of a confirm (positive) primary button in the hover state.",
|
|
11626
11638
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11628,7 +11640,7 @@
|
|
|
11628
11640
|
"original": {
|
|
11629
11641
|
"value": {
|
|
11630
11642
|
"default": "{color.blue.800}",
|
|
11631
|
-
"dark": "{color.
|
|
11643
|
+
"dark": "{color.alpha.0}"
|
|
11632
11644
|
},
|
|
11633
11645
|
"$type": "color",
|
|
11634
11646
|
"comment": "Used for the border of a confirm (positive) primary button in the hover state."
|
|
@@ -11645,7 +11657,7 @@
|
|
|
11645
11657
|
]
|
|
11646
11658
|
},
|
|
11647
11659
|
"focus": {
|
|
11648
|
-
"value": "
|
|
11660
|
+
"value": "transparent",
|
|
11649
11661
|
"$type": "color",
|
|
11650
11662
|
"comment": "Used for the border of a confirm (positive) primary button in the focus state.",
|
|
11651
11663
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11667,7 +11679,7 @@
|
|
|
11667
11679
|
]
|
|
11668
11680
|
},
|
|
11669
11681
|
"active": {
|
|
11670
|
-
"value": "
|
|
11682
|
+
"value": "transparent",
|
|
11671
11683
|
"$type": "color",
|
|
11672
11684
|
"comment": "Used for the border of a confirm (positive) primary button in the active state.",
|
|
11673
11685
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11675,7 +11687,7 @@
|
|
|
11675
11687
|
"original": {
|
|
11676
11688
|
"value": {
|
|
11677
11689
|
"default": "{color.blue.900}",
|
|
11678
|
-
"dark": "{color.
|
|
11690
|
+
"dark": "{color.alpha.0}"
|
|
11679
11691
|
},
|
|
11680
11692
|
"$type": "color",
|
|
11681
11693
|
"comment": "Used for the border of a confirm (positive) primary button in the active state."
|
|
@@ -11698,7 +11710,7 @@
|
|
|
11698
11710
|
"foreground": {
|
|
11699
11711
|
"color": {
|
|
11700
11712
|
"default": {
|
|
11701
|
-
"value": "#
|
|
11713
|
+
"value": "#cbe2f9",
|
|
11702
11714
|
"$type": "color",
|
|
11703
11715
|
"comment": "Used for the foreground of a confirm (positive) button in the default state.",
|
|
11704
11716
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11706,7 +11718,7 @@
|
|
|
11706
11718
|
"original": {
|
|
11707
11719
|
"value": {
|
|
11708
11720
|
"default": "{color.blue.500}",
|
|
11709
|
-
"dark": "{color.blue.
|
|
11721
|
+
"dark": "{color.blue.100}"
|
|
11710
11722
|
},
|
|
11711
11723
|
"$type": "color",
|
|
11712
11724
|
"comment": "Used for the foreground of a confirm (positive) button in the default state."
|
|
@@ -11723,7 +11735,7 @@
|
|
|
11723
11735
|
]
|
|
11724
11736
|
},
|
|
11725
11737
|
"hover": {
|
|
11726
|
-
"value": "#
|
|
11738
|
+
"value": "#cbe2f9",
|
|
11727
11739
|
"$type": "color",
|
|
11728
11740
|
"comment": "Used for the foreground of a confirm (positive) button in the hover state.",
|
|
11729
11741
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11731,7 +11743,7 @@
|
|
|
11731
11743
|
"original": {
|
|
11732
11744
|
"value": {
|
|
11733
11745
|
"default": "{color.blue.700}",
|
|
11734
|
-
"dark": "{color.blue.
|
|
11746
|
+
"dark": "{color.blue.100}"
|
|
11735
11747
|
},
|
|
11736
11748
|
"$type": "color",
|
|
11737
11749
|
"comment": "Used for the foreground of a confirm (positive) button in the hover state."
|
|
@@ -11748,7 +11760,7 @@
|
|
|
11748
11760
|
]
|
|
11749
11761
|
},
|
|
11750
11762
|
"focus": {
|
|
11751
|
-
"value": "#
|
|
11763
|
+
"value": "#cbe2f9",
|
|
11752
11764
|
"$type": "color",
|
|
11753
11765
|
"comment": "Used for the foreground of a confirm (positive) button in the focus state.",
|
|
11754
11766
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11770,7 +11782,7 @@
|
|
|
11770
11782
|
]
|
|
11771
11783
|
},
|
|
11772
11784
|
"active": {
|
|
11773
|
-
"value": "#
|
|
11785
|
+
"value": "#cbe2f9",
|
|
11774
11786
|
"$type": "color",
|
|
11775
11787
|
"comment": "Used for the foreground of a confirm (positive) button in the active state.",
|
|
11776
11788
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11778,7 +11790,7 @@
|
|
|
11778
11790
|
"original": {
|
|
11779
11791
|
"value": {
|
|
11780
11792
|
"default": "{color.blue.900}",
|
|
11781
|
-
"dark": "{color.blue.
|
|
11793
|
+
"dark": "{color.blue.100}"
|
|
11782
11794
|
},
|
|
11783
11795
|
"$type": "color",
|
|
11784
11796
|
"comment": "Used for the foreground of a confirm (positive) button in the active state."
|
|
@@ -11799,7 +11811,7 @@
|
|
|
11799
11811
|
"background": {
|
|
11800
11812
|
"color": {
|
|
11801
11813
|
"default": {
|
|
11802
|
-
"value": "
|
|
11814
|
+
"value": "rgba(66, 143, 220, 0.4)",
|
|
11803
11815
|
"$type": "color",
|
|
11804
11816
|
"comment": "Used for the background of an outlined confirm (positive) button in the default state.",
|
|
11805
11817
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11807,7 +11819,7 @@
|
|
|
11807
11819
|
"original": {
|
|
11808
11820
|
"value": {
|
|
11809
11821
|
"default": "{color.neutral.0}",
|
|
11810
|
-
"dark": "
|
|
11822
|
+
"dark": "rgba(66, 143, 220, 0.4)"
|
|
11811
11823
|
},
|
|
11812
11824
|
"$type": "color",
|
|
11813
11825
|
"comment": "Used for the background of an outlined confirm (positive) button in the default state."
|
|
@@ -11824,7 +11836,7 @@
|
|
|
11824
11836
|
]
|
|
11825
11837
|
},
|
|
11826
11838
|
"hover": {
|
|
11827
|
-
"value": "
|
|
11839
|
+
"value": "rgba(66, 143, 220, 0.64)",
|
|
11828
11840
|
"$type": "color",
|
|
11829
11841
|
"comment": "Used for the background of an outlined confirm (positive) button in the hover state.",
|
|
11830
11842
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11832,7 +11844,7 @@
|
|
|
11832
11844
|
"original": {
|
|
11833
11845
|
"value": {
|
|
11834
11846
|
"default": "{color.blue.50}",
|
|
11835
|
-
"dark": "
|
|
11847
|
+
"dark": "rgba(66, 143, 220, 0.64)"
|
|
11836
11848
|
},
|
|
11837
11849
|
"$type": "color",
|
|
11838
11850
|
"comment": "Used for the background of an outlined confirm (positive) button in the hover state."
|
|
@@ -11849,7 +11861,7 @@
|
|
|
11849
11861
|
]
|
|
11850
11862
|
},
|
|
11851
11863
|
"focus": {
|
|
11852
|
-
"value": "
|
|
11864
|
+
"value": "rgba(66, 143, 220, 0.64)",
|
|
11853
11865
|
"$type": "color",
|
|
11854
11866
|
"comment": "Used for the background of an outlined confirm (positive) button in the focus state.",
|
|
11855
11867
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11871,7 +11883,7 @@
|
|
|
11871
11883
|
]
|
|
11872
11884
|
},
|
|
11873
11885
|
"active": {
|
|
11874
|
-
"value": "
|
|
11886
|
+
"value": "rgba(66, 143, 220, 0.32)",
|
|
11875
11887
|
"$type": "color",
|
|
11876
11888
|
"comment": "Used for the background of an outlined confirm (positive) button in the active state.",
|
|
11877
11889
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11879,7 +11891,7 @@
|
|
|
11879
11891
|
"original": {
|
|
11880
11892
|
"value": {
|
|
11881
11893
|
"default": "{color.blue.100}",
|
|
11882
|
-
"dark": "
|
|
11894
|
+
"dark": "rgba(66, 143, 220, 0.32)"
|
|
11883
11895
|
},
|
|
11884
11896
|
"$type": "color",
|
|
11885
11897
|
"comment": "Used for the background of an outlined confirm (positive) button in the active state."
|
|
@@ -11900,7 +11912,7 @@
|
|
|
11900
11912
|
"border": {
|
|
11901
11913
|
"color": {
|
|
11902
11914
|
"default": {
|
|
11903
|
-
"value": "
|
|
11915
|
+
"value": "transparent",
|
|
11904
11916
|
"$type": "color",
|
|
11905
11917
|
"comment": "Used for the border of an outlined confirm (positive) button in the default state.",
|
|
11906
11918
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11908,7 +11920,7 @@
|
|
|
11908
11920
|
"original": {
|
|
11909
11921
|
"value": {
|
|
11910
11922
|
"default": "{color.blue.500}",
|
|
11911
|
-
"dark": "{color.
|
|
11923
|
+
"dark": "{color.alpha.0}"
|
|
11912
11924
|
},
|
|
11913
11925
|
"$type": "color",
|
|
11914
11926
|
"comment": "Used for the border of an outlined confirm (positive) button in the default state."
|
|
@@ -11925,7 +11937,7 @@
|
|
|
11925
11937
|
]
|
|
11926
11938
|
},
|
|
11927
11939
|
"hover": {
|
|
11928
|
-
"value": "
|
|
11940
|
+
"value": "transparent",
|
|
11929
11941
|
"$type": "color",
|
|
11930
11942
|
"comment": "Used for the border of an outlined confirm (positive) button in the hover state.",
|
|
11931
11943
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11933,7 +11945,7 @@
|
|
|
11933
11945
|
"original": {
|
|
11934
11946
|
"value": {
|
|
11935
11947
|
"default": "{color.blue.700}",
|
|
11936
|
-
"dark": "{color.
|
|
11948
|
+
"dark": "{color.alpha.0}"
|
|
11937
11949
|
},
|
|
11938
11950
|
"$type": "color",
|
|
11939
11951
|
"comment": "Used for the border of an outlined confirm (positive) button in the hover state."
|
|
@@ -11950,7 +11962,7 @@
|
|
|
11950
11962
|
]
|
|
11951
11963
|
},
|
|
11952
11964
|
"focus": {
|
|
11953
|
-
"value": "
|
|
11965
|
+
"value": "transparent",
|
|
11954
11966
|
"$type": "color",
|
|
11955
11967
|
"comment": "Used for the border of an outlined confirm (positive) button in the focus state.",
|
|
11956
11968
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11972,7 +11984,7 @@
|
|
|
11972
11984
|
]
|
|
11973
11985
|
},
|
|
11974
11986
|
"active": {
|
|
11975
|
-
"value": "
|
|
11987
|
+
"value": "transparent",
|
|
11976
11988
|
"$type": "color",
|
|
11977
11989
|
"comment": "Used for the border of an outlined confirm (positive) button in the active state.",
|
|
11978
11990
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -11980,7 +11992,7 @@
|
|
|
11980
11992
|
"original": {
|
|
11981
11993
|
"value": {
|
|
11982
11994
|
"default": "{color.blue.900}",
|
|
11983
|
-
"dark": "{color.
|
|
11995
|
+
"dark": "{color.alpha.0}"
|
|
11984
11996
|
},
|
|
11985
11997
|
"$type": "color",
|
|
11986
11998
|
"comment": "Used for the border of an outlined confirm (positive) button in the active state."
|
|
@@ -12003,7 +12015,7 @@
|
|
|
12003
12015
|
"foreground": {
|
|
12004
12016
|
"color": {
|
|
12005
12017
|
"default": {
|
|
12006
|
-
"value": "#
|
|
12018
|
+
"value": "#9dc7f1",
|
|
12007
12019
|
"$type": "color",
|
|
12008
12020
|
"comment": "Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.",
|
|
12009
12021
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12025,7 +12037,7 @@
|
|
|
12025
12037
|
]
|
|
12026
12038
|
},
|
|
12027
12039
|
"hover": {
|
|
12028
|
-
"value": "#
|
|
12040
|
+
"value": "#cbe2f9",
|
|
12029
12041
|
"$type": "color",
|
|
12030
12042
|
"comment": "Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.",
|
|
12031
12043
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12047,7 +12059,7 @@
|
|
|
12047
12059
|
]
|
|
12048
12060
|
},
|
|
12049
12061
|
"focus": {
|
|
12050
|
-
"value": "#
|
|
12062
|
+
"value": "#cbe2f9",
|
|
12051
12063
|
"$type": "color",
|
|
12052
12064
|
"comment": "Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.",
|
|
12053
12065
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12069,7 +12081,7 @@
|
|
|
12069
12081
|
]
|
|
12070
12082
|
},
|
|
12071
12083
|
"active": {
|
|
12072
|
-
"value": "#
|
|
12084
|
+
"value": "#cbe2f9",
|
|
12073
12085
|
"$type": "color",
|
|
12074
12086
|
"comment": "Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.",
|
|
12075
12087
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12283,13 +12295,16 @@
|
|
|
12283
12295
|
"foreground": {
|
|
12284
12296
|
"color": {
|
|
12285
12297
|
"default": {
|
|
12286
|
-
"value": "#
|
|
12298
|
+
"value": "#18171d",
|
|
12287
12299
|
"$type": "color",
|
|
12288
12300
|
"comment": "Used for the foreground of a danger (destructive) primary button in the default state.",
|
|
12289
12301
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
12290
12302
|
"isSource": true,
|
|
12291
12303
|
"original": {
|
|
12292
|
-
"value":
|
|
12304
|
+
"value": {
|
|
12305
|
+
"default": "{color.neutral.0}",
|
|
12306
|
+
"dark": "{color.neutral.950}"
|
|
12307
|
+
},
|
|
12293
12308
|
"$type": "color",
|
|
12294
12309
|
"comment": "Used for the foreground of a danger (destructive) primary button in the default state."
|
|
12295
12310
|
},
|
|
@@ -12305,7 +12320,7 @@
|
|
|
12305
12320
|
]
|
|
12306
12321
|
},
|
|
12307
12322
|
"hover": {
|
|
12308
|
-
"value": "#
|
|
12323
|
+
"value": "#18171d",
|
|
12309
12324
|
"$type": "color",
|
|
12310
12325
|
"comment": "Used for the foreground of a danger (destructive) primary button in the hover state.",
|
|
12311
12326
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12327,7 +12342,7 @@
|
|
|
12327
12342
|
]
|
|
12328
12343
|
},
|
|
12329
12344
|
"focus": {
|
|
12330
|
-
"value": "#
|
|
12345
|
+
"value": "#18171d",
|
|
12331
12346
|
"$type": "color",
|
|
12332
12347
|
"comment": "Used for the foreground of a danger (destructive) primary button in the focus state.",
|
|
12333
12348
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12349,7 +12364,7 @@
|
|
|
12349
12364
|
]
|
|
12350
12365
|
},
|
|
12351
12366
|
"active": {
|
|
12352
|
-
"value": "#
|
|
12367
|
+
"value": "#18171d",
|
|
12353
12368
|
"$type": "color",
|
|
12354
12369
|
"comment": "Used for the foreground of a danger (destructive) primary button in the active state.",
|
|
12355
12370
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12375,7 +12390,7 @@
|
|
|
12375
12390
|
"background": {
|
|
12376
12391
|
"color": {
|
|
12377
12392
|
"default": {
|
|
12378
|
-
"value": "#
|
|
12393
|
+
"value": "#f57f6c",
|
|
12379
12394
|
"$type": "color",
|
|
12380
12395
|
"comment": "Used for the background of a danger (destructive) primary button in the default state.",
|
|
12381
12396
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12383,7 +12398,7 @@
|
|
|
12383
12398
|
"original": {
|
|
12384
12399
|
"value": {
|
|
12385
12400
|
"default": "{color.red.500}",
|
|
12386
|
-
"dark": "{color.red.
|
|
12401
|
+
"dark": "{color.red.300}"
|
|
12387
12402
|
},
|
|
12388
12403
|
"$type": "color",
|
|
12389
12404
|
"comment": "Used for the background of a danger (destructive) primary button in the default state."
|
|
@@ -12400,7 +12415,7 @@
|
|
|
12400
12415
|
]
|
|
12401
12416
|
},
|
|
12402
12417
|
"hover": {
|
|
12403
|
-
"value": "#
|
|
12418
|
+
"value": "#fcb5aa",
|
|
12404
12419
|
"$type": "color",
|
|
12405
12420
|
"comment": "Used for the background of a danger (destructive) primary button in the hover state.",
|
|
12406
12421
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12408,7 +12423,7 @@
|
|
|
12408
12423
|
"original": {
|
|
12409
12424
|
"value": {
|
|
12410
12425
|
"default": "{color.red.600}",
|
|
12411
|
-
"dark": "{color.red.
|
|
12426
|
+
"dark": "{color.red.200}"
|
|
12412
12427
|
},
|
|
12413
12428
|
"$type": "color",
|
|
12414
12429
|
"comment": "Used for the background of a danger (destructive) primary button in the hover state."
|
|
@@ -12425,7 +12440,7 @@
|
|
|
12425
12440
|
]
|
|
12426
12441
|
},
|
|
12427
12442
|
"focus": {
|
|
12428
|
-
"value": "#
|
|
12443
|
+
"value": "#fcb5aa",
|
|
12429
12444
|
"$type": "color",
|
|
12430
12445
|
"comment": "Used for the background of a danger (destructive) primary button in the focus state.",
|
|
12431
12446
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12447,7 +12462,7 @@
|
|
|
12447
12462
|
]
|
|
12448
12463
|
},
|
|
12449
12464
|
"active": {
|
|
12450
|
-
"value": "#
|
|
12465
|
+
"value": "#ec5941",
|
|
12451
12466
|
"$type": "color",
|
|
12452
12467
|
"comment": "Used for the background of a danger (destructive) primary button in the active state.",
|
|
12453
12468
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12455,7 +12470,7 @@
|
|
|
12455
12470
|
"original": {
|
|
12456
12471
|
"value": {
|
|
12457
12472
|
"default": "{color.red.800}",
|
|
12458
|
-
"dark": "{color.red.
|
|
12473
|
+
"dark": "{color.red.400}"
|
|
12459
12474
|
},
|
|
12460
12475
|
"$type": "color",
|
|
12461
12476
|
"comment": "Used for the background of a danger (destructive) primary button in the active state."
|
|
@@ -12476,7 +12491,7 @@
|
|
|
12476
12491
|
"border": {
|
|
12477
12492
|
"color": {
|
|
12478
12493
|
"default": {
|
|
12479
|
-
"value": "
|
|
12494
|
+
"value": "transparent",
|
|
12480
12495
|
"$type": "color",
|
|
12481
12496
|
"comment": "Used for the border of a danger (destructive) primary button in the default state.",
|
|
12482
12497
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12484,7 +12499,7 @@
|
|
|
12484
12499
|
"original": {
|
|
12485
12500
|
"value": {
|
|
12486
12501
|
"default": "{color.red.600}",
|
|
12487
|
-
"dark": "{color.
|
|
12502
|
+
"dark": "{color.alpha.0}"
|
|
12488
12503
|
},
|
|
12489
12504
|
"$type": "color",
|
|
12490
12505
|
"comment": "Used for the border of a danger (destructive) primary button in the default state."
|
|
@@ -12501,7 +12516,7 @@
|
|
|
12501
12516
|
]
|
|
12502
12517
|
},
|
|
12503
12518
|
"hover": {
|
|
12504
|
-
"value": "
|
|
12519
|
+
"value": "transparent",
|
|
12505
12520
|
"$type": "color",
|
|
12506
12521
|
"comment": "Used for the border of a danger (destructive) primary button in the hover state.",
|
|
12507
12522
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12509,7 +12524,7 @@
|
|
|
12509
12524
|
"original": {
|
|
12510
12525
|
"value": {
|
|
12511
12526
|
"default": "{color.red.800}",
|
|
12512
|
-
"dark": "{color.
|
|
12527
|
+
"dark": "{color.alpha.0}"
|
|
12513
12528
|
},
|
|
12514
12529
|
"$type": "color",
|
|
12515
12530
|
"comment": "Used for the border of a danger (destructive) primary button in the hover state."
|
|
@@ -12526,7 +12541,7 @@
|
|
|
12526
12541
|
]
|
|
12527
12542
|
},
|
|
12528
12543
|
"focus": {
|
|
12529
|
-
"value": "
|
|
12544
|
+
"value": "transparent",
|
|
12530
12545
|
"$type": "color",
|
|
12531
12546
|
"comment": "Used for the border of a danger (destructive) primary button in the focus state.",
|
|
12532
12547
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12548,7 +12563,7 @@
|
|
|
12548
12563
|
]
|
|
12549
12564
|
},
|
|
12550
12565
|
"active": {
|
|
12551
|
-
"value": "
|
|
12566
|
+
"value": "transparent",
|
|
12552
12567
|
"$type": "color",
|
|
12553
12568
|
"comment": "Used for the border of a danger (destructive) primary button in the active state.",
|
|
12554
12569
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12556,7 +12571,7 @@
|
|
|
12556
12571
|
"original": {
|
|
12557
12572
|
"value": {
|
|
12558
12573
|
"default": "{color.red.900}",
|
|
12559
|
-
"dark": "{color.
|
|
12574
|
+
"dark": "{color.alpha.0}"
|
|
12560
12575
|
},
|
|
12561
12576
|
"$type": "color",
|
|
12562
12577
|
"comment": "Used for the border of a danger (destructive) primary button in the active state."
|
|
@@ -12579,7 +12594,7 @@
|
|
|
12579
12594
|
"foreground": {
|
|
12580
12595
|
"color": {
|
|
12581
12596
|
"default": {
|
|
12582
|
-
"value": "#
|
|
12597
|
+
"value": "#fdd4cd",
|
|
12583
12598
|
"$type": "color",
|
|
12584
12599
|
"comment": "Used for the foreground of a danger (destructive) button in the default state.",
|
|
12585
12600
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12587,7 +12602,7 @@
|
|
|
12587
12602
|
"original": {
|
|
12588
12603
|
"value": {
|
|
12589
12604
|
"default": "{color.red.500}",
|
|
12590
|
-
"dark": "{color.red.
|
|
12605
|
+
"dark": "{color.red.100}"
|
|
12591
12606
|
},
|
|
12592
12607
|
"$type": "color",
|
|
12593
12608
|
"comment": "Used for the foreground of a danger (destructive) button in the default state."
|
|
@@ -12604,7 +12619,7 @@
|
|
|
12604
12619
|
]
|
|
12605
12620
|
},
|
|
12606
12621
|
"hover": {
|
|
12607
|
-
"value": "#
|
|
12622
|
+
"value": "#fcf1ef",
|
|
12608
12623
|
"$type": "color",
|
|
12609
12624
|
"comment": "Used for the foreground of a danger (destructive) button in the hover state.",
|
|
12610
12625
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12612,7 +12627,7 @@
|
|
|
12612
12627
|
"original": {
|
|
12613
12628
|
"value": {
|
|
12614
12629
|
"default": "{color.red.700}",
|
|
12615
|
-
"dark": "{color.red.
|
|
12630
|
+
"dark": "{color.red.50}"
|
|
12616
12631
|
},
|
|
12617
12632
|
"$type": "color",
|
|
12618
12633
|
"comment": "Used for the foreground of a danger (destructive) button in the hover state."
|
|
@@ -12629,7 +12644,7 @@
|
|
|
12629
12644
|
]
|
|
12630
12645
|
},
|
|
12631
12646
|
"focus": {
|
|
12632
|
-
"value": "#
|
|
12647
|
+
"value": "#fcf1ef",
|
|
12633
12648
|
"$type": "color",
|
|
12634
12649
|
"comment": "Used for the foreground of a danger (destructive) button in the focus state.",
|
|
12635
12650
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12680,7 +12695,7 @@
|
|
|
12680
12695
|
"background": {
|
|
12681
12696
|
"color": {
|
|
12682
12697
|
"default": {
|
|
12683
|
-
"value": "
|
|
12698
|
+
"value": "rgba(236, 89, 65, 0.40)",
|
|
12684
12699
|
"$type": "color",
|
|
12685
12700
|
"comment": "Used for the background of an outlined danger (destructive) button in the default state.",
|
|
12686
12701
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12688,7 +12703,7 @@
|
|
|
12688
12703
|
"original": {
|
|
12689
12704
|
"value": {
|
|
12690
12705
|
"default": "{color.neutral.0}",
|
|
12691
|
-
"dark": "
|
|
12706
|
+
"dark": "rgba(236, 89, 65, 0.40)"
|
|
12692
12707
|
},
|
|
12693
12708
|
"$type": "color",
|
|
12694
12709
|
"comment": "Used for the background of an outlined danger (destructive) button in the default state."
|
|
@@ -12705,7 +12720,7 @@
|
|
|
12705
12720
|
]
|
|
12706
12721
|
},
|
|
12707
12722
|
"hover": {
|
|
12708
|
-
"value": "
|
|
12723
|
+
"value": "rgba(236, 89, 65, 0.64)",
|
|
12709
12724
|
"$type": "color",
|
|
12710
12725
|
"comment": "Used for the background of an outlined danger (destructive) button in the hover state.",
|
|
12711
12726
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12713,7 +12728,7 @@
|
|
|
12713
12728
|
"original": {
|
|
12714
12729
|
"value": {
|
|
12715
12730
|
"default": "{color.red.50}",
|
|
12716
|
-
"dark": "
|
|
12731
|
+
"dark": "rgba(236, 89, 65, 0.64)"
|
|
12717
12732
|
},
|
|
12718
12733
|
"$type": "color",
|
|
12719
12734
|
"comment": "Used for the background of an outlined danger (destructive) button in the hover state."
|
|
@@ -12730,7 +12745,7 @@
|
|
|
12730
12745
|
]
|
|
12731
12746
|
},
|
|
12732
12747
|
"focus": {
|
|
12733
|
-
"value": "
|
|
12748
|
+
"value": "rgba(236, 89, 65, 0.64)",
|
|
12734
12749
|
"$type": "color",
|
|
12735
12750
|
"comment": "Used for the background of an outlined danger (destructive) button in the focus state.",
|
|
12736
12751
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12752,7 +12767,7 @@
|
|
|
12752
12767
|
]
|
|
12753
12768
|
},
|
|
12754
12769
|
"active": {
|
|
12755
|
-
"value": "
|
|
12770
|
+
"value": "rgba(236, 89, 65, 0.32)",
|
|
12756
12771
|
"$type": "color",
|
|
12757
12772
|
"comment": "Used for the background of an outlined danger (destructive) button in the active state.",
|
|
12758
12773
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12760,7 +12775,7 @@
|
|
|
12760
12775
|
"original": {
|
|
12761
12776
|
"value": {
|
|
12762
12777
|
"default": "{color.red.100}",
|
|
12763
|
-
"dark": "
|
|
12778
|
+
"dark": "rgba(236, 89, 65, 0.32)"
|
|
12764
12779
|
},
|
|
12765
12780
|
"$type": "color",
|
|
12766
12781
|
"comment": "Used for the background of an outlined danger (destructive) button in the active state."
|
|
@@ -12781,7 +12796,7 @@
|
|
|
12781
12796
|
"border": {
|
|
12782
12797
|
"color": {
|
|
12783
12798
|
"default": {
|
|
12784
|
-
"value": "
|
|
12799
|
+
"value": "transparent",
|
|
12785
12800
|
"$type": "color",
|
|
12786
12801
|
"comment": "Used for the border of an outlined danger (destructive) button in the default state.",
|
|
12787
12802
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12789,7 +12804,7 @@
|
|
|
12789
12804
|
"original": {
|
|
12790
12805
|
"value": {
|
|
12791
12806
|
"default": "{color.red.500}",
|
|
12792
|
-
"dark": "{color.
|
|
12807
|
+
"dark": "{color.alpha.0}"
|
|
12793
12808
|
},
|
|
12794
12809
|
"$type": "color",
|
|
12795
12810
|
"comment": "Used for the border of an outlined danger (destructive) button in the default state."
|
|
@@ -12806,7 +12821,7 @@
|
|
|
12806
12821
|
]
|
|
12807
12822
|
},
|
|
12808
12823
|
"hover": {
|
|
12809
|
-
"value": "
|
|
12824
|
+
"value": "transparent",
|
|
12810
12825
|
"$type": "color",
|
|
12811
12826
|
"comment": "Used for the border of an outlined danger (destructive) button in the hover state.",
|
|
12812
12827
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12814,7 +12829,7 @@
|
|
|
12814
12829
|
"original": {
|
|
12815
12830
|
"value": {
|
|
12816
12831
|
"default": "{color.red.700}",
|
|
12817
|
-
"dark": "{color.
|
|
12832
|
+
"dark": "{color.alpha.0}"
|
|
12818
12833
|
},
|
|
12819
12834
|
"$type": "color",
|
|
12820
12835
|
"comment": "Used for the border of an outlined danger (destructive) button in the hover state."
|
|
@@ -12831,7 +12846,7 @@
|
|
|
12831
12846
|
]
|
|
12832
12847
|
},
|
|
12833
12848
|
"focus": {
|
|
12834
|
-
"value": "
|
|
12849
|
+
"value": "transparent",
|
|
12835
12850
|
"$type": "color",
|
|
12836
12851
|
"comment": "Used for the border of an outlined danger (destructive) button in the focus state.",
|
|
12837
12852
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12853,7 +12868,7 @@
|
|
|
12853
12868
|
]
|
|
12854
12869
|
},
|
|
12855
12870
|
"active": {
|
|
12856
|
-
"value": "
|
|
12871
|
+
"value": "transparent",
|
|
12857
12872
|
"$type": "color",
|
|
12858
12873
|
"comment": "Used for the border of an outlined danger (destructive) button in the active state.",
|
|
12859
12874
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12861,7 +12876,7 @@
|
|
|
12861
12876
|
"original": {
|
|
12862
12877
|
"value": {
|
|
12863
12878
|
"default": "{color.red.900}",
|
|
12864
|
-
"dark": "{color.
|
|
12879
|
+
"dark": "{color.alpha.0}"
|
|
12865
12880
|
},
|
|
12866
12881
|
"$type": "color",
|
|
12867
12882
|
"comment": "Used for the border of an outlined danger (destructive) button in the active state."
|
|
@@ -12884,7 +12899,7 @@
|
|
|
12884
12899
|
"foreground": {
|
|
12885
12900
|
"color": {
|
|
12886
12901
|
"default": {
|
|
12887
|
-
"value": "#
|
|
12902
|
+
"value": "#fcb5aa",
|
|
12888
12903
|
"$type": "color",
|
|
12889
12904
|
"comment": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.",
|
|
12890
12905
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12906,7 +12921,7 @@
|
|
|
12906
12921
|
]
|
|
12907
12922
|
},
|
|
12908
12923
|
"hover": {
|
|
12909
|
-
"value": "#
|
|
12924
|
+
"value": "#fdd4cd",
|
|
12910
12925
|
"$type": "color",
|
|
12911
12926
|
"comment": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.",
|
|
12912
12927
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12928,7 +12943,7 @@
|
|
|
12928
12943
|
]
|
|
12929
12944
|
},
|
|
12930
12945
|
"focus": {
|
|
12931
|
-
"value": "#
|
|
12946
|
+
"value": "#fdd4cd",
|
|
12932
12947
|
"$type": "color",
|
|
12933
12948
|
"comment": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.",
|
|
12934
12949
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -12950,7 +12965,7 @@
|
|
|
12950
12965
|
]
|
|
12951
12966
|
},
|
|
12952
12967
|
"active": {
|
|
12953
|
-
"value": "#
|
|
12968
|
+
"value": "#fdd4cd",
|
|
12954
12969
|
"$type": "color",
|
|
12955
12970
|
"comment": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.",
|
|
12956
12971
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13434,7 +13449,7 @@
|
|
|
13434
13449
|
"background": {
|
|
13435
13450
|
"color": {
|
|
13436
13451
|
"default": {
|
|
13437
|
-
"value": "
|
|
13452
|
+
"value": "rgba(137, 136, 141, 0.4)",
|
|
13438
13453
|
"$type": "color",
|
|
13439
13454
|
"comment": "Used for the background of a selected button in the default state.",
|
|
13440
13455
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13455,7 +13470,7 @@
|
|
|
13455
13470
|
]
|
|
13456
13471
|
},
|
|
13457
13472
|
"hover": {
|
|
13458
|
-
"value": "
|
|
13473
|
+
"value": "rgba(137, 136, 141, 0.64)",
|
|
13459
13474
|
"$type": "color",
|
|
13460
13475
|
"comment": "Used for the background of a selected button in the hover state.",
|
|
13461
13476
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13476,7 +13491,7 @@
|
|
|
13476
13491
|
]
|
|
13477
13492
|
},
|
|
13478
13493
|
"focus": {
|
|
13479
|
-
"value": "
|
|
13494
|
+
"value": "rgba(137, 136, 141, 0.64)",
|
|
13480
13495
|
"$type": "color",
|
|
13481
13496
|
"comment": "Used for the background of a selected button in the focus state.",
|
|
13482
13497
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13497,7 +13512,7 @@
|
|
|
13497
13512
|
]
|
|
13498
13513
|
},
|
|
13499
13514
|
"active": {
|
|
13500
|
-
"value": "
|
|
13515
|
+
"value": "rgba(137, 136, 141, 0.32)",
|
|
13501
13516
|
"$type": "color",
|
|
13502
13517
|
"comment": "Used for the background of a selected button in the active state.",
|
|
13503
13518
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13645,7 +13660,7 @@
|
|
|
13645
13660
|
},
|
|
13646
13661
|
"background": {
|
|
13647
13662
|
"color": {
|
|
13648
|
-
"value": "
|
|
13663
|
+
"value": "rgba(137, 136, 141, 0.16)",
|
|
13649
13664
|
"$type": "color",
|
|
13650
13665
|
"comment": "Used for the background of a disabled button.",
|
|
13651
13666
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13653,7 +13668,7 @@
|
|
|
13653
13668
|
"original": {
|
|
13654
13669
|
"value": {
|
|
13655
13670
|
"default": "{color.neutral.10}",
|
|
13656
|
-
"dark": "
|
|
13671
|
+
"dark": "rgba(137, 136, 141, 0.16)"
|
|
13657
13672
|
},
|
|
13658
13673
|
"$type": "color",
|
|
13659
13674
|
"comment": "Used for the background of a disabled button."
|
|
@@ -13670,7 +13685,7 @@
|
|
|
13670
13685
|
},
|
|
13671
13686
|
"border": {
|
|
13672
13687
|
"color": {
|
|
13673
|
-
"value": "
|
|
13688
|
+
"value": "transparent",
|
|
13674
13689
|
"$type": "color",
|
|
13675
13690
|
"comment": "Used for the border of a disabled button.",
|
|
13676
13691
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
@@ -13678,7 +13693,7 @@
|
|
|
13678
13693
|
"original": {
|
|
13679
13694
|
"value": {
|
|
13680
13695
|
"default": "{color.neutral.100}",
|
|
13681
|
-
"dark": "{color.
|
|
13696
|
+
"dark": "{color.alpha.0}"
|
|
13682
13697
|
},
|
|
13683
13698
|
"$type": "color",
|
|
13684
13699
|
"comment": "Used for the border of a disabled button."
|
|
@@ -15236,7 +15251,7 @@
|
|
|
15236
15251
|
},
|
|
15237
15252
|
"checked": {
|
|
15238
15253
|
"default": {
|
|
15239
|
-
"value": "#
|
|
15254
|
+
"value": "#63a6e9",
|
|
15240
15255
|
"$type": "color",
|
|
15241
15256
|
"comment": "Used for the icon color of a checked toggle switch in the default state.",
|
|
15242
15257
|
"filePath": "src/tokens/contextual/toggle.tokens.json",
|
|
@@ -15258,7 +15273,7 @@
|
|
|
15258
15273
|
]
|
|
15259
15274
|
},
|
|
15260
15275
|
"hover": {
|
|
15261
|
-
"value": "#
|
|
15276
|
+
"value": "#9dc7f1",
|
|
15262
15277
|
"$type": "color",
|
|
15263
15278
|
"comment": "Used for the icon color of a checked toggle switch in the hover state.",
|
|
15264
15279
|
"filePath": "src/tokens/contextual/toggle.tokens.json",
|
|
@@ -15280,7 +15295,7 @@
|
|
|
15280
15295
|
]
|
|
15281
15296
|
},
|
|
15282
15297
|
"focus": {
|
|
15283
|
-
"value": "#
|
|
15298
|
+
"value": "#9dc7f1",
|
|
15284
15299
|
"$type": "color",
|
|
15285
15300
|
"comment": "Used for the icon color of a checked toggle switch in the focus state.",
|
|
15286
15301
|
"filePath": "src/tokens/contextual/toggle.tokens.json",
|
|
@@ -15302,7 +15317,7 @@
|
|
|
15302
15317
|
]
|
|
15303
15318
|
},
|
|
15304
15319
|
"active": {
|
|
15305
|
-
"value": "#
|
|
15320
|
+
"value": "#428fdc",
|
|
15306
15321
|
"$type": "color",
|
|
15307
15322
|
"comment": "Used for the icon color of a checked toggle switch in the active state.",
|
|
15308
15323
|
"filePath": "src/tokens/contextual/toggle.tokens.json",
|