@gitlab/ui 89.2.0 → 89.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +116 -92
- package/dist/tokens/build/js/tokens.js +33 -9
- package/dist/tokens/css/tokens.css +38 -14
- package/dist/tokens/css/tokens.dark.css +95 -71
- package/dist/tokens/js/tokens.dark.js +115 -91
- package/dist/tokens/js/tokens.js +32 -8
- package/dist/tokens/json/tokens.dark.json +744 -177
- package/dist/tokens/json/tokens.json +661 -94
- package/dist/tokens/scss/_tokens.dark.scss +95 -71
- package/dist/tokens/scss/_tokens.scss +38 -14
- package/dist/tokens/scss/_tokens_custom_properties.scss +24 -0
- package/package.json +3 -3
- package/src/components/base/badge/badge.scss +65 -32
- package/src/components/base/datepicker/datepicker.scss +5 -0
- package/src/components/base/toggle/toggle.scss +8 -5
- package/src/tokens/action.tokens.json +171 -3
- package/src/tokens/build/css/tokens.css +38 -14
- package/src/tokens/build/css/tokens.dark.css +95 -71
- package/src/tokens/build/js/tokens.dark.js +115 -91
- package/src/tokens/build/js/tokens.js +32 -8
- package/src/tokens/build/json/tokens.dark.json +744 -177
- package/src/tokens/build/json/tokens.json +661 -94
- package/src/tokens/build/scss/_tokens.dark.scss +95 -71
- package/src/tokens/build/scss/_tokens.scss +38 -14
- package/src/tokens/build/scss/_tokens_custom_properties.scss +24 -0
- package/src/tokens/contextual/badge.tokens.json +69 -69
- package/src/tokens/contextual/button.tokens.json +8 -17
|
@@ -922,6 +922,582 @@
|
|
|
922
922
|
}
|
|
923
923
|
}
|
|
924
924
|
}
|
|
925
|
+
},
|
|
926
|
+
"strong": {
|
|
927
|
+
"confirm": {
|
|
928
|
+
"background": {
|
|
929
|
+
"color": {
|
|
930
|
+
"default": {
|
|
931
|
+
"value": "#1f75cb",
|
|
932
|
+
"$type": "color",
|
|
933
|
+
"comment": "Used for the background of a strong confirm action in the default state.",
|
|
934
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
935
|
+
"isSource": true,
|
|
936
|
+
"original": {
|
|
937
|
+
"value": {
|
|
938
|
+
"default": "{color.blue.500}",
|
|
939
|
+
"dark": "{color.blue.400}"
|
|
940
|
+
},
|
|
941
|
+
"$type": "color",
|
|
942
|
+
"comment": "Used for the background of a strong confirm action in the default state."
|
|
943
|
+
},
|
|
944
|
+
"name": "ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT",
|
|
945
|
+
"attributes": {},
|
|
946
|
+
"path": [
|
|
947
|
+
"action",
|
|
948
|
+
"strong",
|
|
949
|
+
"confirm",
|
|
950
|
+
"background",
|
|
951
|
+
"color",
|
|
952
|
+
"default"
|
|
953
|
+
]
|
|
954
|
+
},
|
|
955
|
+
"hover": {
|
|
956
|
+
"value": "#1068bf",
|
|
957
|
+
"$type": "color",
|
|
958
|
+
"comment": "Used for the background of a strong confirm action in the hover state.",
|
|
959
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
960
|
+
"isSource": true,
|
|
961
|
+
"original": {
|
|
962
|
+
"value": {
|
|
963
|
+
"default": "{color.blue.600}",
|
|
964
|
+
"dark": "{color.blue.300}"
|
|
965
|
+
},
|
|
966
|
+
"$type": "color",
|
|
967
|
+
"comment": "Used for the background of a strong confirm action in the hover state."
|
|
968
|
+
},
|
|
969
|
+
"name": "ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER",
|
|
970
|
+
"attributes": {},
|
|
971
|
+
"path": [
|
|
972
|
+
"action",
|
|
973
|
+
"strong",
|
|
974
|
+
"confirm",
|
|
975
|
+
"background",
|
|
976
|
+
"color",
|
|
977
|
+
"hover"
|
|
978
|
+
]
|
|
979
|
+
},
|
|
980
|
+
"focus": {
|
|
981
|
+
"value": "#1068bf",
|
|
982
|
+
"$type": "color",
|
|
983
|
+
"comment": "Used for the background of a strong confirm action in the focus state.",
|
|
984
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
985
|
+
"isSource": true,
|
|
986
|
+
"original": {
|
|
987
|
+
"value": "{action.strong.confirm.background.color.hover}",
|
|
988
|
+
"$type": "color",
|
|
989
|
+
"comment": "Used for the background of a strong confirm action in the focus state."
|
|
990
|
+
},
|
|
991
|
+
"name": "ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS",
|
|
992
|
+
"attributes": {},
|
|
993
|
+
"path": [
|
|
994
|
+
"action",
|
|
995
|
+
"strong",
|
|
996
|
+
"confirm",
|
|
997
|
+
"background",
|
|
998
|
+
"color",
|
|
999
|
+
"focus"
|
|
1000
|
+
]
|
|
1001
|
+
},
|
|
1002
|
+
"active": {
|
|
1003
|
+
"value": "#0b5cad",
|
|
1004
|
+
"$type": "color",
|
|
1005
|
+
"comment": "Used for the background of a strong confirm action in the active state.",
|
|
1006
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1007
|
+
"isSource": true,
|
|
1008
|
+
"original": {
|
|
1009
|
+
"value": {
|
|
1010
|
+
"default": "{color.blue.700}",
|
|
1011
|
+
"dark": "{color.blue.200}"
|
|
1012
|
+
},
|
|
1013
|
+
"$type": "color",
|
|
1014
|
+
"comment": "Used for the background of a strong confirm action in the active state."
|
|
1015
|
+
},
|
|
1016
|
+
"name": "ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE",
|
|
1017
|
+
"attributes": {},
|
|
1018
|
+
"path": [
|
|
1019
|
+
"action",
|
|
1020
|
+
"strong",
|
|
1021
|
+
"confirm",
|
|
1022
|
+
"background",
|
|
1023
|
+
"color",
|
|
1024
|
+
"active"
|
|
1025
|
+
]
|
|
1026
|
+
}
|
|
1027
|
+
}
|
|
1028
|
+
},
|
|
1029
|
+
"foreground": {
|
|
1030
|
+
"color": {
|
|
1031
|
+
"default": {
|
|
1032
|
+
"value": "#fff",
|
|
1033
|
+
"$type": "color",
|
|
1034
|
+
"comment": "Used for the foreground of a strong confirm action in the default state.",
|
|
1035
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1036
|
+
"isSource": true,
|
|
1037
|
+
"original": {
|
|
1038
|
+
"value": "{color.neutral.0}",
|
|
1039
|
+
"$type": "color",
|
|
1040
|
+
"comment": "Used for the foreground of a strong confirm action in the default state."
|
|
1041
|
+
},
|
|
1042
|
+
"name": "ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT",
|
|
1043
|
+
"attributes": {},
|
|
1044
|
+
"path": [
|
|
1045
|
+
"action",
|
|
1046
|
+
"strong",
|
|
1047
|
+
"confirm",
|
|
1048
|
+
"foreground",
|
|
1049
|
+
"color",
|
|
1050
|
+
"default"
|
|
1051
|
+
]
|
|
1052
|
+
},
|
|
1053
|
+
"hover": {
|
|
1054
|
+
"value": "#fff",
|
|
1055
|
+
"$type": "color",
|
|
1056
|
+
"comment": "Used for the foreground of a strong confirm action in the hover state.",
|
|
1057
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1058
|
+
"isSource": true,
|
|
1059
|
+
"original": {
|
|
1060
|
+
"value": "{action.strong.confirm.foreground.color.default}",
|
|
1061
|
+
"$type": "color",
|
|
1062
|
+
"comment": "Used for the foreground of a strong confirm action in the hover state."
|
|
1063
|
+
},
|
|
1064
|
+
"name": "ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER",
|
|
1065
|
+
"attributes": {},
|
|
1066
|
+
"path": [
|
|
1067
|
+
"action",
|
|
1068
|
+
"strong",
|
|
1069
|
+
"confirm",
|
|
1070
|
+
"foreground",
|
|
1071
|
+
"color",
|
|
1072
|
+
"hover"
|
|
1073
|
+
]
|
|
1074
|
+
},
|
|
1075
|
+
"focus": {
|
|
1076
|
+
"value": "#fff",
|
|
1077
|
+
"$type": "color",
|
|
1078
|
+
"comment": "Used for the foreground of a strong confirm action in the focus state.",
|
|
1079
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1080
|
+
"isSource": true,
|
|
1081
|
+
"original": {
|
|
1082
|
+
"value": "{action.strong.confirm.foreground.color.hover}",
|
|
1083
|
+
"$type": "color",
|
|
1084
|
+
"comment": "Used for the foreground of a strong confirm action in the focus state."
|
|
1085
|
+
},
|
|
1086
|
+
"name": "ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS",
|
|
1087
|
+
"attributes": {},
|
|
1088
|
+
"path": [
|
|
1089
|
+
"action",
|
|
1090
|
+
"strong",
|
|
1091
|
+
"confirm",
|
|
1092
|
+
"foreground",
|
|
1093
|
+
"color",
|
|
1094
|
+
"focus"
|
|
1095
|
+
]
|
|
1096
|
+
},
|
|
1097
|
+
"active": {
|
|
1098
|
+
"value": "#fff",
|
|
1099
|
+
"$type": "color",
|
|
1100
|
+
"comment": "Used for the foreground of a strong confirm action in the active state.",
|
|
1101
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1102
|
+
"isSource": true,
|
|
1103
|
+
"original": {
|
|
1104
|
+
"value": "{action.strong.confirm.foreground.color.focus}",
|
|
1105
|
+
"$type": "color",
|
|
1106
|
+
"comment": "Used for the foreground of a strong confirm action in the active state."
|
|
1107
|
+
},
|
|
1108
|
+
"name": "ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE",
|
|
1109
|
+
"attributes": {},
|
|
1110
|
+
"path": [
|
|
1111
|
+
"action",
|
|
1112
|
+
"strong",
|
|
1113
|
+
"confirm",
|
|
1114
|
+
"foreground",
|
|
1115
|
+
"color",
|
|
1116
|
+
"active"
|
|
1117
|
+
]
|
|
1118
|
+
}
|
|
1119
|
+
}
|
|
1120
|
+
},
|
|
1121
|
+
"border": {
|
|
1122
|
+
"color": {
|
|
1123
|
+
"default": {
|
|
1124
|
+
"value": "transparent",
|
|
1125
|
+
"$type": "color",
|
|
1126
|
+
"comment": "Used for the border of a strong confirm action in the default state.",
|
|
1127
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1128
|
+
"isSource": true,
|
|
1129
|
+
"original": {
|
|
1130
|
+
"value": "{color.alpha.0}",
|
|
1131
|
+
"$type": "color",
|
|
1132
|
+
"comment": "Used for the border of a strong confirm action in the default state."
|
|
1133
|
+
},
|
|
1134
|
+
"name": "ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT",
|
|
1135
|
+
"attributes": {},
|
|
1136
|
+
"path": [
|
|
1137
|
+
"action",
|
|
1138
|
+
"strong",
|
|
1139
|
+
"confirm",
|
|
1140
|
+
"border",
|
|
1141
|
+
"color",
|
|
1142
|
+
"default"
|
|
1143
|
+
]
|
|
1144
|
+
},
|
|
1145
|
+
"hover": {
|
|
1146
|
+
"value": "transparent",
|
|
1147
|
+
"$type": "color",
|
|
1148
|
+
"comment": "Used for the border of a strong confirm action in the hover state.",
|
|
1149
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1150
|
+
"isSource": true,
|
|
1151
|
+
"original": {
|
|
1152
|
+
"value": "{action.strong.confirm.border.color.default}",
|
|
1153
|
+
"$type": "color",
|
|
1154
|
+
"comment": "Used for the border of a strong confirm action in the hover state."
|
|
1155
|
+
},
|
|
1156
|
+
"name": "ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER",
|
|
1157
|
+
"attributes": {},
|
|
1158
|
+
"path": [
|
|
1159
|
+
"action",
|
|
1160
|
+
"strong",
|
|
1161
|
+
"confirm",
|
|
1162
|
+
"border",
|
|
1163
|
+
"color",
|
|
1164
|
+
"hover"
|
|
1165
|
+
]
|
|
1166
|
+
},
|
|
1167
|
+
"focus": {
|
|
1168
|
+
"value": "transparent",
|
|
1169
|
+
"$type": "color",
|
|
1170
|
+
"comment": "Used for the border of a strong confirm action in the focus state.",
|
|
1171
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1172
|
+
"isSource": true,
|
|
1173
|
+
"original": {
|
|
1174
|
+
"value": "{action.strong.confirm.border.color.hover}",
|
|
1175
|
+
"$type": "color",
|
|
1176
|
+
"comment": "Used for the border of a strong confirm action in the focus state."
|
|
1177
|
+
},
|
|
1178
|
+
"name": "ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS",
|
|
1179
|
+
"attributes": {},
|
|
1180
|
+
"path": [
|
|
1181
|
+
"action",
|
|
1182
|
+
"strong",
|
|
1183
|
+
"confirm",
|
|
1184
|
+
"border",
|
|
1185
|
+
"color",
|
|
1186
|
+
"focus"
|
|
1187
|
+
]
|
|
1188
|
+
},
|
|
1189
|
+
"active": {
|
|
1190
|
+
"value": "transparent",
|
|
1191
|
+
"$type": "color",
|
|
1192
|
+
"comment": "Used for the border of a strong confirm action in the active state.",
|
|
1193
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1194
|
+
"isSource": true,
|
|
1195
|
+
"original": {
|
|
1196
|
+
"value": "{action.strong.confirm.border.color.focus}",
|
|
1197
|
+
"$type": "color",
|
|
1198
|
+
"comment": "Used for the border of a strong confirm action in the active state."
|
|
1199
|
+
},
|
|
1200
|
+
"name": "ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE",
|
|
1201
|
+
"attributes": {},
|
|
1202
|
+
"path": [
|
|
1203
|
+
"action",
|
|
1204
|
+
"strong",
|
|
1205
|
+
"confirm",
|
|
1206
|
+
"border",
|
|
1207
|
+
"color",
|
|
1208
|
+
"active"
|
|
1209
|
+
]
|
|
1210
|
+
}
|
|
1211
|
+
}
|
|
1212
|
+
}
|
|
1213
|
+
},
|
|
1214
|
+
"neutral": {
|
|
1215
|
+
"background": {
|
|
1216
|
+
"color": {
|
|
1217
|
+
"default": {
|
|
1218
|
+
"value": "#626168",
|
|
1219
|
+
"$type": "color",
|
|
1220
|
+
"comment": "Used for the background of a strong neutral action in the default state.",
|
|
1221
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1222
|
+
"isSource": true,
|
|
1223
|
+
"original": {
|
|
1224
|
+
"value": {
|
|
1225
|
+
"default": "{color.neutral.600}",
|
|
1226
|
+
"dark": "{color.neutral.300}"
|
|
1227
|
+
},
|
|
1228
|
+
"$type": "color",
|
|
1229
|
+
"comment": "Used for the background of a strong neutral action in the default state."
|
|
1230
|
+
},
|
|
1231
|
+
"name": "ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT",
|
|
1232
|
+
"attributes": {},
|
|
1233
|
+
"path": [
|
|
1234
|
+
"action",
|
|
1235
|
+
"strong",
|
|
1236
|
+
"neutral",
|
|
1237
|
+
"background",
|
|
1238
|
+
"color",
|
|
1239
|
+
"default"
|
|
1240
|
+
]
|
|
1241
|
+
},
|
|
1242
|
+
"hover": {
|
|
1243
|
+
"value": "#4c4b51",
|
|
1244
|
+
"$type": "color",
|
|
1245
|
+
"comment": "Used for the background of a strong neutral action in the hover state.",
|
|
1246
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1247
|
+
"isSource": true,
|
|
1248
|
+
"original": {
|
|
1249
|
+
"value": {
|
|
1250
|
+
"default": "{color.neutral.700}",
|
|
1251
|
+
"dark": "{color.neutral.200}"
|
|
1252
|
+
},
|
|
1253
|
+
"$type": "color",
|
|
1254
|
+
"comment": "Used for the background of a strong neutral action in the hover state."
|
|
1255
|
+
},
|
|
1256
|
+
"name": "ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER",
|
|
1257
|
+
"attributes": {},
|
|
1258
|
+
"path": [
|
|
1259
|
+
"action",
|
|
1260
|
+
"strong",
|
|
1261
|
+
"neutral",
|
|
1262
|
+
"background",
|
|
1263
|
+
"color",
|
|
1264
|
+
"hover"
|
|
1265
|
+
]
|
|
1266
|
+
},
|
|
1267
|
+
"focus": {
|
|
1268
|
+
"value": "#4c4b51",
|
|
1269
|
+
"$type": "color",
|
|
1270
|
+
"comment": "Used for the background of a strong neutral action in the focus state.",
|
|
1271
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1272
|
+
"isSource": true,
|
|
1273
|
+
"original": {
|
|
1274
|
+
"value": "{action.strong.neutral.background.color.hover}",
|
|
1275
|
+
"$type": "color",
|
|
1276
|
+
"comment": "Used for the background of a strong neutral action in the focus state."
|
|
1277
|
+
},
|
|
1278
|
+
"name": "ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS",
|
|
1279
|
+
"attributes": {},
|
|
1280
|
+
"path": [
|
|
1281
|
+
"action",
|
|
1282
|
+
"strong",
|
|
1283
|
+
"neutral",
|
|
1284
|
+
"background",
|
|
1285
|
+
"color",
|
|
1286
|
+
"focus"
|
|
1287
|
+
]
|
|
1288
|
+
},
|
|
1289
|
+
"active": {
|
|
1290
|
+
"value": "#3a383f",
|
|
1291
|
+
"$type": "color",
|
|
1292
|
+
"comment": "Used for the background of a strong neutral action in the active state.",
|
|
1293
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1294
|
+
"isSource": true,
|
|
1295
|
+
"original": {
|
|
1296
|
+
"value": {
|
|
1297
|
+
"default": "{color.neutral.800}",
|
|
1298
|
+
"dark": "{color.neutral.100}"
|
|
1299
|
+
},
|
|
1300
|
+
"$type": "color",
|
|
1301
|
+
"comment": "Used for the background of a strong neutral action in the active state."
|
|
1302
|
+
},
|
|
1303
|
+
"name": "ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE",
|
|
1304
|
+
"attributes": {},
|
|
1305
|
+
"path": [
|
|
1306
|
+
"action",
|
|
1307
|
+
"strong",
|
|
1308
|
+
"neutral",
|
|
1309
|
+
"background",
|
|
1310
|
+
"color",
|
|
1311
|
+
"active"
|
|
1312
|
+
]
|
|
1313
|
+
}
|
|
1314
|
+
}
|
|
1315
|
+
},
|
|
1316
|
+
"foreground": {
|
|
1317
|
+
"color": {
|
|
1318
|
+
"default": {
|
|
1319
|
+
"value": "#fff",
|
|
1320
|
+
"$type": "color",
|
|
1321
|
+
"comment": "Used for the foreground of a strong neutral action in the default state.",
|
|
1322
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1323
|
+
"isSource": true,
|
|
1324
|
+
"original": {
|
|
1325
|
+
"value": "{color.neutral.0}",
|
|
1326
|
+
"$type": "color",
|
|
1327
|
+
"comment": "Used for the foreground of a strong neutral action in the default state."
|
|
1328
|
+
},
|
|
1329
|
+
"name": "ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT",
|
|
1330
|
+
"attributes": {},
|
|
1331
|
+
"path": [
|
|
1332
|
+
"action",
|
|
1333
|
+
"strong",
|
|
1334
|
+
"neutral",
|
|
1335
|
+
"foreground",
|
|
1336
|
+
"color",
|
|
1337
|
+
"default"
|
|
1338
|
+
]
|
|
1339
|
+
},
|
|
1340
|
+
"hover": {
|
|
1341
|
+
"value": "#fff",
|
|
1342
|
+
"$type": "color",
|
|
1343
|
+
"comment": "Used for the foreground of a strong neutral action in the hover state.",
|
|
1344
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1345
|
+
"isSource": true,
|
|
1346
|
+
"original": {
|
|
1347
|
+
"value": "{action.strong.neutral.foreground.color.default}",
|
|
1348
|
+
"$type": "color",
|
|
1349
|
+
"comment": "Used for the foreground of a strong neutral action in the hover state."
|
|
1350
|
+
},
|
|
1351
|
+
"name": "ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER",
|
|
1352
|
+
"attributes": {},
|
|
1353
|
+
"path": [
|
|
1354
|
+
"action",
|
|
1355
|
+
"strong",
|
|
1356
|
+
"neutral",
|
|
1357
|
+
"foreground",
|
|
1358
|
+
"color",
|
|
1359
|
+
"hover"
|
|
1360
|
+
]
|
|
1361
|
+
},
|
|
1362
|
+
"focus": {
|
|
1363
|
+
"value": "#fff",
|
|
1364
|
+
"$type": "color",
|
|
1365
|
+
"comment": "Used for the foreground of a strong neutral action in the focus state.",
|
|
1366
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1367
|
+
"isSource": true,
|
|
1368
|
+
"original": {
|
|
1369
|
+
"value": "{action.strong.neutral.foreground.color.hover}",
|
|
1370
|
+
"$type": "color",
|
|
1371
|
+
"comment": "Used for the foreground of a strong neutral action in the focus state."
|
|
1372
|
+
},
|
|
1373
|
+
"name": "ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS",
|
|
1374
|
+
"attributes": {},
|
|
1375
|
+
"path": [
|
|
1376
|
+
"action",
|
|
1377
|
+
"strong",
|
|
1378
|
+
"neutral",
|
|
1379
|
+
"foreground",
|
|
1380
|
+
"color",
|
|
1381
|
+
"focus"
|
|
1382
|
+
]
|
|
1383
|
+
},
|
|
1384
|
+
"active": {
|
|
1385
|
+
"value": "#fff",
|
|
1386
|
+
"$type": "color",
|
|
1387
|
+
"comment": "Used for the foreground of a strong neutral action in the active state.",
|
|
1388
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1389
|
+
"isSource": true,
|
|
1390
|
+
"original": {
|
|
1391
|
+
"value": "{action.strong.neutral.foreground.color.focus}",
|
|
1392
|
+
"$type": "color",
|
|
1393
|
+
"comment": "Used for the foreground of a strong neutral action in the active state."
|
|
1394
|
+
},
|
|
1395
|
+
"name": "ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE",
|
|
1396
|
+
"attributes": {},
|
|
1397
|
+
"path": [
|
|
1398
|
+
"action",
|
|
1399
|
+
"strong",
|
|
1400
|
+
"neutral",
|
|
1401
|
+
"foreground",
|
|
1402
|
+
"color",
|
|
1403
|
+
"active"
|
|
1404
|
+
]
|
|
1405
|
+
}
|
|
1406
|
+
}
|
|
1407
|
+
},
|
|
1408
|
+
"border": {
|
|
1409
|
+
"color": {
|
|
1410
|
+
"default": {
|
|
1411
|
+
"value": "transparent",
|
|
1412
|
+
"$type": "color",
|
|
1413
|
+
"comment": "Used for the border of a strong neutral action in the default state.",
|
|
1414
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1415
|
+
"isSource": true,
|
|
1416
|
+
"original": {
|
|
1417
|
+
"value": "{color.alpha.0}",
|
|
1418
|
+
"$type": "color",
|
|
1419
|
+
"comment": "Used for the border of a strong neutral action in the default state."
|
|
1420
|
+
},
|
|
1421
|
+
"name": "ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT",
|
|
1422
|
+
"attributes": {},
|
|
1423
|
+
"path": [
|
|
1424
|
+
"action",
|
|
1425
|
+
"strong",
|
|
1426
|
+
"neutral",
|
|
1427
|
+
"border",
|
|
1428
|
+
"color",
|
|
1429
|
+
"default"
|
|
1430
|
+
]
|
|
1431
|
+
},
|
|
1432
|
+
"hover": {
|
|
1433
|
+
"value": "transparent",
|
|
1434
|
+
"$type": "color",
|
|
1435
|
+
"comment": "Used for the border of a strong neutral action in the hover state.",
|
|
1436
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1437
|
+
"isSource": true,
|
|
1438
|
+
"original": {
|
|
1439
|
+
"value": "{action.strong.neutral.border.color.default}",
|
|
1440
|
+
"$type": "color",
|
|
1441
|
+
"comment": "Used for the border of a strong neutral action in the hover state."
|
|
1442
|
+
},
|
|
1443
|
+
"name": "ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER",
|
|
1444
|
+
"attributes": {},
|
|
1445
|
+
"path": [
|
|
1446
|
+
"action",
|
|
1447
|
+
"strong",
|
|
1448
|
+
"neutral",
|
|
1449
|
+
"border",
|
|
1450
|
+
"color",
|
|
1451
|
+
"hover"
|
|
1452
|
+
]
|
|
1453
|
+
},
|
|
1454
|
+
"focus": {
|
|
1455
|
+
"value": "transparent",
|
|
1456
|
+
"$type": "color",
|
|
1457
|
+
"comment": "Used for the border of a strong neutral action in the focus state.",
|
|
1458
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1459
|
+
"isSource": true,
|
|
1460
|
+
"original": {
|
|
1461
|
+
"value": "{action.strong.neutral.border.color.hover}",
|
|
1462
|
+
"$type": "color",
|
|
1463
|
+
"comment": "Used for the border of a strong neutral action in the focus state."
|
|
1464
|
+
},
|
|
1465
|
+
"name": "ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS",
|
|
1466
|
+
"attributes": {},
|
|
1467
|
+
"path": [
|
|
1468
|
+
"action",
|
|
1469
|
+
"strong",
|
|
1470
|
+
"neutral",
|
|
1471
|
+
"border",
|
|
1472
|
+
"color",
|
|
1473
|
+
"focus"
|
|
1474
|
+
]
|
|
1475
|
+
},
|
|
1476
|
+
"active": {
|
|
1477
|
+
"value": "transparent",
|
|
1478
|
+
"$type": "color",
|
|
1479
|
+
"comment": "Used for the border of a strong neutral action in the active state.",
|
|
1480
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
1481
|
+
"isSource": true,
|
|
1482
|
+
"original": {
|
|
1483
|
+
"value": "{action.strong.neutral.border.color.focus}",
|
|
1484
|
+
"$type": "color",
|
|
1485
|
+
"comment": "Used for the border of a strong neutral action in the active state."
|
|
1486
|
+
},
|
|
1487
|
+
"name": "ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE",
|
|
1488
|
+
"attributes": {},
|
|
1489
|
+
"path": [
|
|
1490
|
+
"action",
|
|
1491
|
+
"strong",
|
|
1492
|
+
"neutral",
|
|
1493
|
+
"border",
|
|
1494
|
+
"color",
|
|
1495
|
+
"active"
|
|
1496
|
+
]
|
|
1497
|
+
}
|
|
1498
|
+
}
|
|
1499
|
+
}
|
|
1500
|
+
}
|
|
925
1501
|
}
|
|
926
1502
|
},
|
|
927
1503
|
"background": {
|
|
@@ -5763,7 +6339,7 @@
|
|
|
5763
6339
|
"original": {
|
|
5764
6340
|
"value": {
|
|
5765
6341
|
"default": "{color.neutral.50}",
|
|
5766
|
-
"dark": "{color.neutral.
|
|
6342
|
+
"dark": "{color.neutral.400}"
|
|
5767
6343
|
},
|
|
5768
6344
|
"$type": "color",
|
|
5769
6345
|
"comment": "Used for the background of a muted badge when static or the default state when linked."
|
|
@@ -5829,7 +6405,7 @@
|
|
|
5829
6405
|
"original": {
|
|
5830
6406
|
"value": {
|
|
5831
6407
|
"default": "{color.neutral.100}",
|
|
5832
|
-
"dark": "{color.neutral.
|
|
6408
|
+
"dark": "{color.neutral.300}"
|
|
5833
6409
|
},
|
|
5834
6410
|
"$type": "color",
|
|
5835
6411
|
"comment": "Used for the background of a muted badge in the active state."
|
|
@@ -5878,7 +6454,7 @@
|
|
|
5878
6454
|
"original": {
|
|
5879
6455
|
"value": {
|
|
5880
6456
|
"default": "{color.neutral.200}",
|
|
5881
|
-
"dark": "{color.neutral.
|
|
6457
|
+
"dark": "{color.neutral.300}"
|
|
5882
6458
|
},
|
|
5883
6459
|
"$type": "color",
|
|
5884
6460
|
"comment": "Used for the border of a muted badge in the hover state."
|
|
@@ -5948,7 +6524,7 @@
|
|
|
5948
6524
|
"original": {
|
|
5949
6525
|
"value": {
|
|
5950
6526
|
"default": "{color.neutral.600}",
|
|
5951
|
-
"dark": "{color.neutral.
|
|
6527
|
+
"dark": "{color.neutral.950}"
|
|
5952
6528
|
},
|
|
5953
6529
|
"$type": "color",
|
|
5954
6530
|
"comment": "Used for the text of a muted badge when static or the default state when linked."
|
|
@@ -5972,7 +6548,7 @@
|
|
|
5972
6548
|
"original": {
|
|
5973
6549
|
"value": {
|
|
5974
6550
|
"default": "{color.neutral.700}",
|
|
5975
|
-
"dark": "{color.neutral.
|
|
6551
|
+
"dark": "{color.neutral.950}"
|
|
5976
6552
|
},
|
|
5977
6553
|
"$type": "color",
|
|
5978
6554
|
"comment": "Used for the text of a muted badge in the hover state."
|
|
@@ -6017,7 +6593,7 @@
|
|
|
6017
6593
|
"original": {
|
|
6018
6594
|
"value": {
|
|
6019
6595
|
"default": "{color.neutral.800}",
|
|
6020
|
-
"dark": "{color.neutral.
|
|
6596
|
+
"dark": "{color.neutral.950}"
|
|
6021
6597
|
},
|
|
6022
6598
|
"$type": "color",
|
|
6023
6599
|
"comment": "Used for the text of a muted badge in the active state."
|
|
@@ -6045,7 +6621,7 @@
|
|
|
6045
6621
|
"original": {
|
|
6046
6622
|
"value": {
|
|
6047
6623
|
"default": "{color.neutral.500}",
|
|
6048
|
-
"dark": "{color.neutral.
|
|
6624
|
+
"dark": "{color.neutral.950}"
|
|
6049
6625
|
},
|
|
6050
6626
|
"$type": "color",
|
|
6051
6627
|
"comment": "Used for the icon of a muted badge when static or the default state when linked."
|
|
@@ -6069,7 +6645,7 @@
|
|
|
6069
6645
|
"original": {
|
|
6070
6646
|
"value": {
|
|
6071
6647
|
"default": "{color.neutral.600}",
|
|
6072
|
-
"dark": "{color.neutral.
|
|
6648
|
+
"dark": "{color.neutral.950}"
|
|
6073
6649
|
},
|
|
6074
6650
|
"$type": "color",
|
|
6075
6651
|
"comment": "Used for the icon of a muted badge in the hover state."
|
|
@@ -6114,7 +6690,7 @@
|
|
|
6114
6690
|
"original": {
|
|
6115
6691
|
"value": {
|
|
6116
6692
|
"default": "{color.neutral.700}",
|
|
6117
|
-
"dark": "{color.neutral.
|
|
6693
|
+
"dark": "{color.neutral.950}"
|
|
6118
6694
|
},
|
|
6119
6695
|
"$type": "color",
|
|
6120
6696
|
"comment": "Used for the icon of a muted badge in the active state."
|
|
@@ -6144,7 +6720,7 @@
|
|
|
6144
6720
|
"original": {
|
|
6145
6721
|
"value": {
|
|
6146
6722
|
"default": "{color.neutral.100}",
|
|
6147
|
-
"dark": "{color.neutral.
|
|
6723
|
+
"dark": "{color.neutral.300}"
|
|
6148
6724
|
},
|
|
6149
6725
|
"$type": "color",
|
|
6150
6726
|
"comment": "Used for the background of a neutral badge when static or the default state when linked."
|
|
@@ -6210,7 +6786,7 @@
|
|
|
6210
6786
|
"original": {
|
|
6211
6787
|
"value": {
|
|
6212
6788
|
"default": "{color.neutral.200}",
|
|
6213
|
-
"dark": "{color.neutral.
|
|
6789
|
+
"dark": "{color.neutral.200}"
|
|
6214
6790
|
},
|
|
6215
6791
|
"$type": "color",
|
|
6216
6792
|
"comment": "Used for the background of a neutral badge in the active state."
|
|
@@ -6259,7 +6835,7 @@
|
|
|
6259
6835
|
"original": {
|
|
6260
6836
|
"value": {
|
|
6261
6837
|
"default": "{color.neutral.200}",
|
|
6262
|
-
"dark": "{color.neutral.
|
|
6838
|
+
"dark": "{color.neutral.200}"
|
|
6263
6839
|
},
|
|
6264
6840
|
"$type": "color",
|
|
6265
6841
|
"comment": "Used for the border of a neutral badge in the hover state."
|
|
@@ -6329,7 +6905,7 @@
|
|
|
6329
6905
|
"original": {
|
|
6330
6906
|
"value": {
|
|
6331
6907
|
"default": "{color.neutral.700}",
|
|
6332
|
-
"dark": "{color.neutral.
|
|
6908
|
+
"dark": "{color.neutral.950}"
|
|
6333
6909
|
},
|
|
6334
6910
|
"$type": "color",
|
|
6335
6911
|
"comment": "Used for the text of a neutral badge when static or the default state when linked."
|
|
@@ -6353,7 +6929,7 @@
|
|
|
6353
6929
|
"original": {
|
|
6354
6930
|
"value": {
|
|
6355
6931
|
"default": "{color.neutral.800}",
|
|
6356
|
-
"dark": "{color.neutral.
|
|
6932
|
+
"dark": "{color.neutral.950}"
|
|
6357
6933
|
},
|
|
6358
6934
|
"$type": "color",
|
|
6359
6935
|
"comment": "Used for the text of a neutral badge in the hover state."
|
|
@@ -6398,7 +6974,7 @@
|
|
|
6398
6974
|
"original": {
|
|
6399
6975
|
"value": {
|
|
6400
6976
|
"default": "{color.neutral.900}",
|
|
6401
|
-
"dark": "{color.neutral.
|
|
6977
|
+
"dark": "{color.neutral.950}"
|
|
6402
6978
|
},
|
|
6403
6979
|
"$type": "color",
|
|
6404
6980
|
"comment": "Used for the text of a neutral badge in the active state."
|
|
@@ -6426,7 +7002,7 @@
|
|
|
6426
7002
|
"original": {
|
|
6427
7003
|
"value": {
|
|
6428
7004
|
"default": "{color.neutral.500}",
|
|
6429
|
-
"dark": "{color.neutral.
|
|
7005
|
+
"dark": "{color.neutral.950}"
|
|
6430
7006
|
},
|
|
6431
7007
|
"$type": "color",
|
|
6432
7008
|
"comment": "Used for the icon of a neutral badge when static or the default state when linked."
|
|
@@ -6450,7 +7026,7 @@
|
|
|
6450
7026
|
"original": {
|
|
6451
7027
|
"value": {
|
|
6452
7028
|
"default": "{color.neutral.600}",
|
|
6453
|
-
"dark": "{color.neutral.
|
|
7029
|
+
"dark": "{color.neutral.950}"
|
|
6454
7030
|
},
|
|
6455
7031
|
"$type": "color",
|
|
6456
7032
|
"comment": "Used for the icon of a neutral badge in the hover state."
|
|
@@ -6495,7 +7071,7 @@
|
|
|
6495
7071
|
"original": {
|
|
6496
7072
|
"value": {
|
|
6497
7073
|
"default": "{color.neutral.700}",
|
|
6498
|
-
"dark": "{color.neutral.
|
|
7074
|
+
"dark": "{color.neutral.950}"
|
|
6499
7075
|
},
|
|
6500
7076
|
"$type": "color",
|
|
6501
7077
|
"comment": "Used for the icon of a neutral badge in the active state."
|
|
@@ -6525,7 +7101,7 @@
|
|
|
6525
7101
|
"original": {
|
|
6526
7102
|
"value": {
|
|
6527
7103
|
"default": "{color.blue.100}",
|
|
6528
|
-
"dark": "{color.blue.
|
|
7104
|
+
"dark": "{color.blue.300}"
|
|
6529
7105
|
},
|
|
6530
7106
|
"$type": "color",
|
|
6531
7107
|
"comment": "Used for the background of an informational badge when static or the default state when linked."
|
|
@@ -6591,7 +7167,7 @@
|
|
|
6591
7167
|
"original": {
|
|
6592
7168
|
"value": {
|
|
6593
7169
|
"default": "{color.blue.200}",
|
|
6594
|
-
"dark": "{color.blue.
|
|
7170
|
+
"dark": "{color.blue.200}"
|
|
6595
7171
|
},
|
|
6596
7172
|
"$type": "color",
|
|
6597
7173
|
"comment": "Used for the background of an informational badge in the active state."
|
|
@@ -6640,7 +7216,7 @@
|
|
|
6640
7216
|
"original": {
|
|
6641
7217
|
"value": {
|
|
6642
7218
|
"default": "{color.blue.200}",
|
|
6643
|
-
"dark": "{color.blue.
|
|
7219
|
+
"dark": "{color.blue.200}"
|
|
6644
7220
|
},
|
|
6645
7221
|
"$type": "color",
|
|
6646
7222
|
"comment": "Used for the border of an informational badge in the hover state."
|
|
@@ -6710,7 +7286,7 @@
|
|
|
6710
7286
|
"original": {
|
|
6711
7287
|
"value": {
|
|
6712
7288
|
"default": "{color.blue.700}",
|
|
6713
|
-
"dark": "{color.blue.
|
|
7289
|
+
"dark": "{color.blue.950}"
|
|
6714
7290
|
},
|
|
6715
7291
|
"$type": "color",
|
|
6716
7292
|
"comment": "Used for the text of an informational badge when static or the default state when linked."
|
|
@@ -6734,7 +7310,7 @@
|
|
|
6734
7310
|
"original": {
|
|
6735
7311
|
"value": {
|
|
6736
7312
|
"default": "{color.blue.800}",
|
|
6737
|
-
"dark": "{color.blue.
|
|
7313
|
+
"dark": "{color.blue.950}"
|
|
6738
7314
|
},
|
|
6739
7315
|
"$type": "color",
|
|
6740
7316
|
"comment": "Used for the text of an informational badge in the hover state."
|
|
@@ -6779,7 +7355,7 @@
|
|
|
6779
7355
|
"original": {
|
|
6780
7356
|
"value": {
|
|
6781
7357
|
"default": "{color.blue.900}",
|
|
6782
|
-
"dark": "{color.blue.
|
|
7358
|
+
"dark": "{color.blue.950}"
|
|
6783
7359
|
},
|
|
6784
7360
|
"$type": "color",
|
|
6785
7361
|
"comment": "Used for the text of an informational badge in the active state."
|
|
@@ -6807,7 +7383,7 @@
|
|
|
6807
7383
|
"original": {
|
|
6808
7384
|
"value": {
|
|
6809
7385
|
"default": "{color.blue.500}",
|
|
6810
|
-
"dark": "{color.blue.
|
|
7386
|
+
"dark": "{color.blue.950}"
|
|
6811
7387
|
},
|
|
6812
7388
|
"$type": "color",
|
|
6813
7389
|
"comment": "Used for the icon of an informational badge when static or the default state when linked."
|
|
@@ -6831,7 +7407,7 @@
|
|
|
6831
7407
|
"original": {
|
|
6832
7408
|
"value": {
|
|
6833
7409
|
"default": "{color.blue.600}",
|
|
6834
|
-
"dark": "{color.blue.
|
|
7410
|
+
"dark": "{color.blue.950}"
|
|
6835
7411
|
},
|
|
6836
7412
|
"$type": "color",
|
|
6837
7413
|
"comment": "Used for the icon of an informational badge in the hover state."
|
|
@@ -6876,7 +7452,7 @@
|
|
|
6876
7452
|
"original": {
|
|
6877
7453
|
"value": {
|
|
6878
7454
|
"default": "{color.blue.700}",
|
|
6879
|
-
"dark": "{color.blue.
|
|
7455
|
+
"dark": "{color.blue.950}"
|
|
6880
7456
|
},
|
|
6881
7457
|
"$type": "color",
|
|
6882
7458
|
"comment": "Used for the icon of an informational badge in the active state."
|
|
@@ -6906,7 +7482,7 @@
|
|
|
6906
7482
|
"original": {
|
|
6907
7483
|
"value": {
|
|
6908
7484
|
"default": "{color.green.100}",
|
|
6909
|
-
"dark": "{color.green.
|
|
7485
|
+
"dark": "{color.green.300}"
|
|
6910
7486
|
},
|
|
6911
7487
|
"$type": "color",
|
|
6912
7488
|
"comment": "Used for the background of a success badge when static or the default state when linked."
|
|
@@ -6972,7 +7548,7 @@
|
|
|
6972
7548
|
"original": {
|
|
6973
7549
|
"value": {
|
|
6974
7550
|
"default": "{color.green.200}",
|
|
6975
|
-
"dark": "{color.green.
|
|
7551
|
+
"dark": "{color.green.200}"
|
|
6976
7552
|
},
|
|
6977
7553
|
"$type": "color",
|
|
6978
7554
|
"comment": "Used for the background of a success badge in the active state."
|
|
@@ -7021,7 +7597,7 @@
|
|
|
7021
7597
|
"original": {
|
|
7022
7598
|
"value": {
|
|
7023
7599
|
"default": "{color.green.200}",
|
|
7024
|
-
"dark": "{color.green.
|
|
7600
|
+
"dark": "{color.green.200}"
|
|
7025
7601
|
},
|
|
7026
7602
|
"$type": "color",
|
|
7027
7603
|
"comment": "Used for the border of a success badge in the hover state."
|
|
@@ -7091,7 +7667,7 @@
|
|
|
7091
7667
|
"original": {
|
|
7092
7668
|
"value": {
|
|
7093
7669
|
"default": "{color.green.700}",
|
|
7094
|
-
"dark": "{color.green.
|
|
7670
|
+
"dark": "{color.green.950}"
|
|
7095
7671
|
},
|
|
7096
7672
|
"$type": "color",
|
|
7097
7673
|
"comment": "Used for the text of a success badge when static or the default state when linked."
|
|
@@ -7115,7 +7691,7 @@
|
|
|
7115
7691
|
"original": {
|
|
7116
7692
|
"value": {
|
|
7117
7693
|
"default": "{color.green.800}",
|
|
7118
|
-
"dark": "{color.green.
|
|
7694
|
+
"dark": "{color.green.950}"
|
|
7119
7695
|
},
|
|
7120
7696
|
"$type": "color",
|
|
7121
7697
|
"comment": "Used for the text of a success badge in the hover state."
|
|
@@ -7160,7 +7736,7 @@
|
|
|
7160
7736
|
"original": {
|
|
7161
7737
|
"value": {
|
|
7162
7738
|
"default": "{color.green.900}",
|
|
7163
|
-
"dark": "{color.green.
|
|
7739
|
+
"dark": "{color.green.950}"
|
|
7164
7740
|
},
|
|
7165
7741
|
"$type": "color",
|
|
7166
7742
|
"comment": "Used for the text of a success badge in the active state."
|
|
@@ -7188,7 +7764,7 @@
|
|
|
7188
7764
|
"original": {
|
|
7189
7765
|
"value": {
|
|
7190
7766
|
"default": "{color.green.500}",
|
|
7191
|
-
"dark": "{color.green.
|
|
7767
|
+
"dark": "{color.green.950}"
|
|
7192
7768
|
},
|
|
7193
7769
|
"$type": "color",
|
|
7194
7770
|
"comment": "Used for the icon of a success badge when static or the default state when linked."
|
|
@@ -7212,7 +7788,7 @@
|
|
|
7212
7788
|
"original": {
|
|
7213
7789
|
"value": {
|
|
7214
7790
|
"default": "{color.green.600}",
|
|
7215
|
-
"dark": "{color.green.
|
|
7791
|
+
"dark": "{color.green.950}"
|
|
7216
7792
|
},
|
|
7217
7793
|
"$type": "color",
|
|
7218
7794
|
"comment": "Used for the icon of a success badge in the hover state."
|
|
@@ -7257,7 +7833,7 @@
|
|
|
7257
7833
|
"original": {
|
|
7258
7834
|
"value": {
|
|
7259
7835
|
"default": "{color.green.700}",
|
|
7260
|
-
"dark": "{color.green.
|
|
7836
|
+
"dark": "{color.green.950}"
|
|
7261
7837
|
},
|
|
7262
7838
|
"$type": "color",
|
|
7263
7839
|
"comment": "Used for the icon of a success badge in the active state."
|
|
@@ -7287,7 +7863,7 @@
|
|
|
7287
7863
|
"original": {
|
|
7288
7864
|
"value": {
|
|
7289
7865
|
"default": "{color.orange.100}",
|
|
7290
|
-
"dark": "{color.orange.
|
|
7866
|
+
"dark": "{color.orange.300}"
|
|
7291
7867
|
},
|
|
7292
7868
|
"$type": "color",
|
|
7293
7869
|
"comment": "Used for the background of a warning badge when static or the default state when linked."
|
|
@@ -7353,7 +7929,7 @@
|
|
|
7353
7929
|
"original": {
|
|
7354
7930
|
"value": {
|
|
7355
7931
|
"default": "{color.orange.200}",
|
|
7356
|
-
"dark": "{color.orange.
|
|
7932
|
+
"dark": "{color.orange.200}"
|
|
7357
7933
|
},
|
|
7358
7934
|
"$type": "color",
|
|
7359
7935
|
"comment": "Used for the background of a warning badge in the active state."
|
|
@@ -7402,7 +7978,7 @@
|
|
|
7402
7978
|
"original": {
|
|
7403
7979
|
"value": {
|
|
7404
7980
|
"default": "{color.orange.200}",
|
|
7405
|
-
"dark": "{color.orange.
|
|
7981
|
+
"dark": "{color.orange.200}"
|
|
7406
7982
|
},
|
|
7407
7983
|
"$type": "color",
|
|
7408
7984
|
"comment": "Used for the border of a warning badge in the hover state."
|
|
@@ -7472,7 +8048,7 @@
|
|
|
7472
8048
|
"original": {
|
|
7473
8049
|
"value": {
|
|
7474
8050
|
"default": "{color.orange.700}",
|
|
7475
|
-
"dark": "{color.orange.
|
|
8051
|
+
"dark": "{color.orange.950}"
|
|
7476
8052
|
},
|
|
7477
8053
|
"$type": "color",
|
|
7478
8054
|
"comment": "Used for the text of a warning badge when static or the default state when linked."
|
|
@@ -7496,7 +8072,7 @@
|
|
|
7496
8072
|
"original": {
|
|
7497
8073
|
"value": {
|
|
7498
8074
|
"default": "{color.orange.800}",
|
|
7499
|
-
"dark": "{color.orange.
|
|
8075
|
+
"dark": "{color.orange.950}"
|
|
7500
8076
|
},
|
|
7501
8077
|
"$type": "color",
|
|
7502
8078
|
"comment": "Used for the text of a warning badge in the hover state."
|
|
@@ -7541,7 +8117,7 @@
|
|
|
7541
8117
|
"original": {
|
|
7542
8118
|
"value": {
|
|
7543
8119
|
"default": "{color.orange.900}",
|
|
7544
|
-
"dark": "{color.orange.
|
|
8120
|
+
"dark": "{color.orange.950}"
|
|
7545
8121
|
},
|
|
7546
8122
|
"$type": "color",
|
|
7547
8123
|
"comment": "Used for the text of a warning badge in the active state."
|
|
@@ -7569,7 +8145,7 @@
|
|
|
7569
8145
|
"original": {
|
|
7570
8146
|
"value": {
|
|
7571
8147
|
"default": "{color.orange.500}",
|
|
7572
|
-
"dark": "{color.orange.
|
|
8148
|
+
"dark": "{color.orange.950}"
|
|
7573
8149
|
},
|
|
7574
8150
|
"$type": "color",
|
|
7575
8151
|
"comment": "Used for the icon of a warning badge when static or the default state when linked."
|
|
@@ -7593,7 +8169,7 @@
|
|
|
7593
8169
|
"original": {
|
|
7594
8170
|
"value": {
|
|
7595
8171
|
"default": "{color.orange.600}",
|
|
7596
|
-
"dark": "{color.orange.
|
|
8172
|
+
"dark": "{color.orange.950}"
|
|
7597
8173
|
},
|
|
7598
8174
|
"$type": "color",
|
|
7599
8175
|
"comment": "Used for the icon of a warning badge in the hover state."
|
|
@@ -7638,7 +8214,7 @@
|
|
|
7638
8214
|
"original": {
|
|
7639
8215
|
"value": {
|
|
7640
8216
|
"default": "{color.orange.700}",
|
|
7641
|
-
"dark": "{color.orange.
|
|
8217
|
+
"dark": "{color.orange.950}"
|
|
7642
8218
|
},
|
|
7643
8219
|
"$type": "color",
|
|
7644
8220
|
"comment": "Used for the icon of a warning badge in the active state."
|
|
@@ -7668,7 +8244,7 @@
|
|
|
7668
8244
|
"original": {
|
|
7669
8245
|
"value": {
|
|
7670
8246
|
"default": "{color.red.100}",
|
|
7671
|
-
"dark": "{color.red.
|
|
8247
|
+
"dark": "{color.red.300}"
|
|
7672
8248
|
},
|
|
7673
8249
|
"$type": "color",
|
|
7674
8250
|
"comment": "Used for the background of a danger badge when static or the default state when linked."
|
|
@@ -7734,7 +8310,7 @@
|
|
|
7734
8310
|
"original": {
|
|
7735
8311
|
"value": {
|
|
7736
8312
|
"default": "{color.red.200}",
|
|
7737
|
-
"dark": "{color.red.
|
|
8313
|
+
"dark": "{color.red.200}"
|
|
7738
8314
|
},
|
|
7739
8315
|
"$type": "color",
|
|
7740
8316
|
"comment": "Used for the background of a danger badge in the active state."
|
|
@@ -7783,7 +8359,7 @@
|
|
|
7783
8359
|
"original": {
|
|
7784
8360
|
"value": {
|
|
7785
8361
|
"default": "{color.red.200}",
|
|
7786
|
-
"dark": "{color.red.
|
|
8362
|
+
"dark": "{color.red.200}"
|
|
7787
8363
|
},
|
|
7788
8364
|
"$type": "color",
|
|
7789
8365
|
"comment": "Used for the border of a danger badge in the hover state."
|
|
@@ -7853,7 +8429,7 @@
|
|
|
7853
8429
|
"original": {
|
|
7854
8430
|
"value": {
|
|
7855
8431
|
"default": "{color.red.700}",
|
|
7856
|
-
"dark": "{color.red.
|
|
8432
|
+
"dark": "{color.red.950}"
|
|
7857
8433
|
},
|
|
7858
8434
|
"$type": "color",
|
|
7859
8435
|
"comment": "Used for the text of a danger badge when static or the default state when linked."
|
|
@@ -7877,7 +8453,7 @@
|
|
|
7877
8453
|
"original": {
|
|
7878
8454
|
"value": {
|
|
7879
8455
|
"default": "{color.red.800}",
|
|
7880
|
-
"dark": "{color.red.
|
|
8456
|
+
"dark": "{color.red.950}"
|
|
7881
8457
|
},
|
|
7882
8458
|
"$type": "color",
|
|
7883
8459
|
"comment": "Used for the text of a danger badge in the hover state."
|
|
@@ -7922,7 +8498,7 @@
|
|
|
7922
8498
|
"original": {
|
|
7923
8499
|
"value": {
|
|
7924
8500
|
"default": "{color.red.900}",
|
|
7925
|
-
"dark": "{color.red.
|
|
8501
|
+
"dark": "{color.red.950}"
|
|
7926
8502
|
},
|
|
7927
8503
|
"$type": "color",
|
|
7928
8504
|
"comment": "Used for the text of a danger badge in the active state."
|
|
@@ -7942,15 +8518,15 @@
|
|
|
7942
8518
|
"icon": {
|
|
7943
8519
|
"color": {
|
|
7944
8520
|
"default": {
|
|
7945
|
-
"value": "#
|
|
8521
|
+
"value": "#ae1800",
|
|
7946
8522
|
"$type": "color",
|
|
7947
8523
|
"comment": "Used for the icon of a danger badge when static or the default state when linked.",
|
|
7948
8524
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
7949
8525
|
"isSource": true,
|
|
7950
8526
|
"original": {
|
|
7951
8527
|
"value": {
|
|
7952
|
-
"default": "{color.red.
|
|
7953
|
-
"dark": "{color.red.
|
|
8528
|
+
"default": "{color.red.700}",
|
|
8529
|
+
"dark": "{color.red.950}"
|
|
7954
8530
|
},
|
|
7955
8531
|
"$type": "color",
|
|
7956
8532
|
"comment": "Used for the icon of a danger badge when static or the default state when linked."
|
|
@@ -7966,15 +8542,15 @@
|
|
|
7966
8542
|
]
|
|
7967
8543
|
},
|
|
7968
8544
|
"hover": {
|
|
7969
|
-
"value": "#
|
|
8545
|
+
"value": "#8d1300",
|
|
7970
8546
|
"$type": "color",
|
|
7971
8547
|
"comment": "Used for the icon of a danger badge in the hover state.",
|
|
7972
8548
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
7973
8549
|
"isSource": true,
|
|
7974
8550
|
"original": {
|
|
7975
8551
|
"value": {
|
|
7976
|
-
"default": "{color.red.
|
|
7977
|
-
"dark": "{color.red.
|
|
8552
|
+
"default": "{color.red.800}",
|
|
8553
|
+
"dark": "{color.red.950}"
|
|
7978
8554
|
},
|
|
7979
8555
|
"$type": "color",
|
|
7980
8556
|
"comment": "Used for the icon of a danger badge in the hover state."
|
|
@@ -7990,7 +8566,7 @@
|
|
|
7990
8566
|
]
|
|
7991
8567
|
},
|
|
7992
8568
|
"focus": {
|
|
7993
|
-
"value": "#
|
|
8569
|
+
"value": "#8d1300",
|
|
7994
8570
|
"$type": "color",
|
|
7995
8571
|
"comment": "Used for the icon of a danger badge in the focus state.",
|
|
7996
8572
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
@@ -8011,15 +8587,15 @@
|
|
|
8011
8587
|
]
|
|
8012
8588
|
},
|
|
8013
8589
|
"active": {
|
|
8014
|
-
"value": "#
|
|
8590
|
+
"value": "#660e00",
|
|
8015
8591
|
"$type": "color",
|
|
8016
8592
|
"comment": "Used for the icon of a danger badge in the active state.",
|
|
8017
8593
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
8018
8594
|
"isSource": true,
|
|
8019
8595
|
"original": {
|
|
8020
8596
|
"value": {
|
|
8021
|
-
"default": "{color.red.
|
|
8022
|
-
"dark": "{color.red.
|
|
8597
|
+
"default": "{color.red.900}",
|
|
8598
|
+
"dark": "{color.red.950}"
|
|
8023
8599
|
},
|
|
8024
8600
|
"$type": "color",
|
|
8025
8601
|
"comment": "Used for the icon of a danger badge in the active state."
|
|
@@ -8049,7 +8625,7 @@
|
|
|
8049
8625
|
"original": {
|
|
8050
8626
|
"value": {
|
|
8051
8627
|
"default": "{color.purple.100}",
|
|
8052
|
-
"dark": "{color.purple.
|
|
8628
|
+
"dark": "{color.purple.300}"
|
|
8053
8629
|
},
|
|
8054
8630
|
"$type": "color",
|
|
8055
8631
|
"comment": "Used for the background of a tier related badge when static or the default state when linked."
|
|
@@ -8115,7 +8691,7 @@
|
|
|
8115
8691
|
"original": {
|
|
8116
8692
|
"value": {
|
|
8117
8693
|
"default": "{color.purple.200}",
|
|
8118
|
-
"dark": "{color.purple.
|
|
8694
|
+
"dark": "{color.purple.200}"
|
|
8119
8695
|
},
|
|
8120
8696
|
"$type": "color",
|
|
8121
8697
|
"comment": "Used for the background of a tier related badge in the active state."
|
|
@@ -8164,7 +8740,7 @@
|
|
|
8164
8740
|
"original": {
|
|
8165
8741
|
"value": {
|
|
8166
8742
|
"default": "{color.purple.200}",
|
|
8167
|
-
"dark": "{color.purple.
|
|
8743
|
+
"dark": "{color.purple.200}"
|
|
8168
8744
|
},
|
|
8169
8745
|
"$type": "color",
|
|
8170
8746
|
"comment": "Used for the border of a tier related badge in the hover state."
|
|
@@ -8234,7 +8810,7 @@
|
|
|
8234
8810
|
"original": {
|
|
8235
8811
|
"value": {
|
|
8236
8812
|
"default": "{color.purple.700}",
|
|
8237
|
-
"dark": "{color.purple.
|
|
8813
|
+
"dark": "{color.purple.950}"
|
|
8238
8814
|
},
|
|
8239
8815
|
"$type": "color",
|
|
8240
8816
|
"comment": "Used for the text of a tier related badge when static or the default state when linked."
|
|
@@ -8258,7 +8834,7 @@
|
|
|
8258
8834
|
"original": {
|
|
8259
8835
|
"value": {
|
|
8260
8836
|
"default": "{color.purple.800}",
|
|
8261
|
-
"dark": "{color.purple.
|
|
8837
|
+
"dark": "{color.purple.950}"
|
|
8262
8838
|
},
|
|
8263
8839
|
"$type": "color",
|
|
8264
8840
|
"comment": "Used for the text of a tier related badge in the hover state."
|
|
@@ -8303,7 +8879,7 @@
|
|
|
8303
8879
|
"original": {
|
|
8304
8880
|
"value": {
|
|
8305
8881
|
"default": "{color.purple.900}",
|
|
8306
|
-
"dark": "{color.purple.
|
|
8882
|
+
"dark": "{color.purple.950}"
|
|
8307
8883
|
},
|
|
8308
8884
|
"$type": "color",
|
|
8309
8885
|
"comment": "Used for the text of a tier related badge in the active state."
|
|
@@ -8323,15 +8899,15 @@
|
|
|
8323
8899
|
"icon": {
|
|
8324
8900
|
"color": {
|
|
8325
8901
|
"default": {
|
|
8326
|
-
"value": "#
|
|
8902
|
+
"value": "#5943b6",
|
|
8327
8903
|
"$type": "color",
|
|
8328
8904
|
"comment": "Used for the icon of a tier related badge when static or the default state when linked.",
|
|
8329
8905
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
8330
8906
|
"isSource": true,
|
|
8331
8907
|
"original": {
|
|
8332
8908
|
"value": {
|
|
8333
|
-
"default": "{color.purple.
|
|
8334
|
-
"dark": "{color.purple.
|
|
8909
|
+
"default": "{color.purple.700}",
|
|
8910
|
+
"dark": "{color.purple.950}"
|
|
8335
8911
|
},
|
|
8336
8912
|
"$type": "color",
|
|
8337
8913
|
"comment": "Used for the icon of a tier related badge when static or the default state when linked."
|
|
@@ -8347,15 +8923,15 @@
|
|
|
8347
8923
|
]
|
|
8348
8924
|
},
|
|
8349
8925
|
"hover": {
|
|
8350
|
-
"value": "#
|
|
8926
|
+
"value": "#453894",
|
|
8351
8927
|
"$type": "color",
|
|
8352
8928
|
"comment": "Used for the icon of a tier related badge in the hover state.",
|
|
8353
8929
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
8354
8930
|
"isSource": true,
|
|
8355
8931
|
"original": {
|
|
8356
8932
|
"value": {
|
|
8357
|
-
"default": "{color.purple.
|
|
8358
|
-
"dark": "{color.purple.
|
|
8933
|
+
"default": "{color.purple.800}",
|
|
8934
|
+
"dark": "{color.purple.950}"
|
|
8359
8935
|
},
|
|
8360
8936
|
"$type": "color",
|
|
8361
8937
|
"comment": "Used for the icon of a tier related badge in the hover state."
|
|
@@ -8371,7 +8947,7 @@
|
|
|
8371
8947
|
]
|
|
8372
8948
|
},
|
|
8373
8949
|
"focus": {
|
|
8374
|
-
"value": "#
|
|
8950
|
+
"value": "#453894",
|
|
8375
8951
|
"$type": "color",
|
|
8376
8952
|
"comment": "Used for the icon of a tier related badge in the focus state.",
|
|
8377
8953
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
@@ -8392,15 +8968,15 @@
|
|
|
8392
8968
|
]
|
|
8393
8969
|
},
|
|
8394
8970
|
"active": {
|
|
8395
|
-
"value": "#
|
|
8971
|
+
"value": "#2f2a6b",
|
|
8396
8972
|
"$type": "color",
|
|
8397
8973
|
"comment": "Used for the icon of a tier related badge in the active state.",
|
|
8398
8974
|
"filePath": "src/tokens/contextual/badge.tokens.json",
|
|
8399
8975
|
"isSource": true,
|
|
8400
8976
|
"original": {
|
|
8401
8977
|
"value": {
|
|
8402
|
-
"default": "{color.purple.
|
|
8403
|
-
"dark": "{color.purple.
|
|
8978
|
+
"default": "{color.purple.900}",
|
|
8979
|
+
"dark": "{color.purple.950}"
|
|
8404
8980
|
},
|
|
8405
8981
|
"$type": "color",
|
|
8406
8982
|
"comment": "Used for the icon of a tier related badge in the active state."
|
|
@@ -9089,7 +9665,7 @@
|
|
|
9089
9665
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9090
9666
|
"isSource": true,
|
|
9091
9667
|
"original": {
|
|
9092
|
-
"value": "{color.
|
|
9668
|
+
"value": "{action.strong.confirm.foreground.color.default}",
|
|
9093
9669
|
"$type": "color",
|
|
9094
9670
|
"comment": "Used for the foreground of a confirm (positive) primary button in the default state."
|
|
9095
9671
|
},
|
|
@@ -9111,7 +9687,7 @@
|
|
|
9111
9687
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9112
9688
|
"isSource": true,
|
|
9113
9689
|
"original": {
|
|
9114
|
-
"value": "{
|
|
9690
|
+
"value": "{action.strong.confirm.foreground.color.hover}",
|
|
9115
9691
|
"$type": "color",
|
|
9116
9692
|
"comment": "Used for the foreground of a confirm (positive) primary button in the hover state."
|
|
9117
9693
|
},
|
|
@@ -9133,7 +9709,7 @@
|
|
|
9133
9709
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9134
9710
|
"isSource": true,
|
|
9135
9711
|
"original": {
|
|
9136
|
-
"value": "{
|
|
9712
|
+
"value": "{action.strong.confirm.foreground.color.focus}",
|
|
9137
9713
|
"$type": "color",
|
|
9138
9714
|
"comment": "Used for the foreground of a confirm (positive) primary button in the focus state."
|
|
9139
9715
|
},
|
|
@@ -9155,7 +9731,7 @@
|
|
|
9155
9731
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9156
9732
|
"isSource": true,
|
|
9157
9733
|
"original": {
|
|
9158
|
-
"value": "{
|
|
9734
|
+
"value": "{action.strong.confirm.foreground.color.active}",
|
|
9159
9735
|
"$type": "color",
|
|
9160
9736
|
"comment": "Used for the foreground of a confirm (positive) primary button in the active state."
|
|
9161
9737
|
},
|
|
@@ -9181,10 +9757,7 @@
|
|
|
9181
9757
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9182
9758
|
"isSource": true,
|
|
9183
9759
|
"original": {
|
|
9184
|
-
"value": {
|
|
9185
|
-
"default": "{color.blue.500}",
|
|
9186
|
-
"dark": "{color.blue.400}"
|
|
9187
|
-
},
|
|
9760
|
+
"value": "{action.strong.confirm.background.color.default}",
|
|
9188
9761
|
"$type": "color",
|
|
9189
9762
|
"comment": "Used for the background of a confirm (positive) primary button in the default state."
|
|
9190
9763
|
},
|
|
@@ -9206,10 +9779,7 @@
|
|
|
9206
9779
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9207
9780
|
"isSource": true,
|
|
9208
9781
|
"original": {
|
|
9209
|
-
"value": {
|
|
9210
|
-
"default": "{color.blue.600}",
|
|
9211
|
-
"dark": "{color.blue.300}"
|
|
9212
|
-
},
|
|
9782
|
+
"value": "{action.strong.confirm.background.color.hover}",
|
|
9213
9783
|
"$type": "color",
|
|
9214
9784
|
"comment": "Used for the background of a confirm (positive) primary button in the hover state."
|
|
9215
9785
|
},
|
|
@@ -9231,7 +9801,7 @@
|
|
|
9231
9801
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9232
9802
|
"isSource": true,
|
|
9233
9803
|
"original": {
|
|
9234
|
-
"value": "{
|
|
9804
|
+
"value": "{action.strong.confirm.background.color.focus}",
|
|
9235
9805
|
"$type": "color",
|
|
9236
9806
|
"comment": "Used for the background of a confirm (positive) primary button in the focus state."
|
|
9237
9807
|
},
|
|
@@ -9253,10 +9823,7 @@
|
|
|
9253
9823
|
"filePath": "src/tokens/contextual/button.tokens.json",
|
|
9254
9824
|
"isSource": true,
|
|
9255
9825
|
"original": {
|
|
9256
|
-
"value": {
|
|
9257
|
-
"default": "{color.blue.700}",
|
|
9258
|
-
"dark": "{color.blue.200}"
|
|
9259
|
-
},
|
|
9826
|
+
"value": "{action.strong.confirm.background.color.active}",
|
|
9260
9827
|
"$type": "color",
|
|
9261
9828
|
"comment": "Used for the background of a confirm (positive) primary button in the active state."
|
|
9262
9829
|
},
|