@gitlab/ui 89.3.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 +7 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +25 -1
- package/dist/tokens/build/js/tokens.js +25 -1
- package/dist/tokens/css/tokens.css +32 -8
- package/dist/tokens/css/tokens.dark.css +32 -8
- package/dist/tokens/js/tokens.dark.js +24 -0
- package/dist/tokens/js/tokens.js +24 -0
- package/dist/tokens/json/tokens.dark.json +584 -17
- package/dist/tokens/json/tokens.json +584 -17
- package/dist/tokens/scss/_tokens.dark.scss +32 -8
- package/dist/tokens/scss/_tokens.scss +32 -8
- package/dist/tokens/scss/_tokens_custom_properties.scss +24 -0
- package/package.json +3 -3
- package/src/tokens/action.tokens.json +171 -3
- package/src/tokens/build/css/tokens.css +32 -8
- package/src/tokens/build/css/tokens.dark.css +32 -8
- package/src/tokens/build/js/tokens.dark.js +24 -0
- package/src/tokens/build/js/tokens.js +24 -0
- package/src/tokens/build/json/tokens.dark.json +584 -17
- package/src/tokens/build/json/tokens.json +584 -17
- package/src/tokens/build/scss/_tokens.dark.scss +32 -8
- package/src/tokens/build/scss/_tokens.scss +32 -8
- package/src/tokens/build/scss/_tokens_custom_properties.scss +24 -0
- 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": {
|
|
@@ -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
|
},
|