@gitlab/ui 85.9.0 → 85.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/base/datepicker/datepicker.js +1 -1
  3. package/dist/components/base/popover/popover.js +1 -1
  4. package/dist/components/base/search_box_by_click/search_box_by_click.js +1 -1
  5. package/dist/components/base/table/table.js +1 -1
  6. package/dist/components/base/token_selector/token_selector.js +1 -1
  7. package/dist/components/charts/single_stat/single_stat.js +1 -1
  8. package/dist/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.js +1 -1
  9. package/dist/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.js +1 -1
  10. package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js +3 -3
  11. package/dist/components/experimental/duo/chat/duo_chat.js +2 -2
  12. package/dist/index.css +2 -2
  13. package/dist/index.css.map +1 -1
  14. package/dist/tokens/build/js/tokens.dark.js +36 -1
  15. package/dist/tokens/build/js/tokens.js +36 -1
  16. package/dist/tokens/css/tokens.css +35 -0
  17. package/dist/tokens/css/tokens.dark.css +35 -0
  18. package/dist/tokens/js/tokens.dark.js +35 -0
  19. package/dist/tokens/js/tokens.js +35 -0
  20. package/dist/tokens/json/tokens.dark.json +875 -0
  21. package/dist/tokens/json/tokens.json +875 -0
  22. package/dist/tokens/scss/_tokens.dark.scss +35 -0
  23. package/dist/tokens/scss/_tokens.scss +35 -0
  24. package/dist/tokens/scss/_tokens_custom_properties.scss +35 -0
  25. package/dist/tokens/tailwind/tokens.cjs +2 -0
  26. package/package.json +5 -4
  27. package/src/components/base/datepicker/datepicker.vue +1 -1
  28. package/src/components/base/form/form_fields/validators.js +1 -1
  29. package/src/components/base/modal/modal.scss +6 -4
  30. package/src/components/base/popover/popover.vue +1 -1
  31. package/src/components/base/search_box_by_click/search_box_by_click.vue +1 -1
  32. package/src/components/base/skeleton_loader/skeleton_loader.scss +2 -2
  33. package/src/components/base/table/table.vue +1 -1
  34. package/src/components/base/token_selector/token_selector.vue +1 -1
  35. package/src/components/charts/single_stat/single_stat.vue +1 -1
  36. package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.vue +1 -1
  37. package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.vue +1 -1
  38. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue +3 -3
  39. package/src/components/experimental/duo/chat/duo_chat.vue +8 -8
  40. package/src/tokens/action.tokens.json +277 -0
  41. package/src/tokens/background.tokens.json +8 -0
  42. package/src/tokens/build/css/tokens.css +35 -0
  43. package/src/tokens/build/css/tokens.dark.css +35 -0
  44. package/src/tokens/build/js/tokens.dark.js +35 -0
  45. package/src/tokens/build/js/tokens.js +35 -0
  46. package/src/tokens/build/json/tokens.dark.json +875 -0
  47. package/src/tokens/build/json/tokens.json +875 -0
  48. package/src/tokens/build/scss/_tokens.dark.scss +35 -0
  49. package/src/tokens/build/scss/_tokens.scss +35 -0
  50. package/src/tokens/build/scss/_tokens_custom_properties.scss +35 -0
  51. package/src/tokens/build/tailwind/tokens.cjs +2 -0
  52. package/src/tokens/contextual/skeleton-loader.tokens.json +24 -0
package/src/tokens/build/json/tokens.json CHANGED
@@ -881,6 +881,809 @@
881
881
  }
882
882
  }
883
883
  }
884
+ },
885
+ "confirm": {
886
+ "background": {
887
+ "color": {
888
+ "default": {
889
+ "value": "#fff",
890
+ "$type": "color",
891
+ "comment": "Used for the background of an outlined confirm (positive) action in the default state.",
892
+ "filePath": "src/tokens/action.tokens.json",
893
+ "isSource": true,
894
+ "original": {
895
+ "value": {
896
+ "default": "{color.neutral.0}",
897
+ "dark": "{color.neutral.900}"
898
+ },
899
+ "$type": "color",
900
+ "comment": "Used for the background of an outlined confirm (positive) action in the default state."
901
+ },
902
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT",
903
+ "attributes": {},
904
+ "path": [
905
+ "action",
906
+ "confirm",
907
+ "background",
908
+ "color",
909
+ "default"
910
+ ]
911
+ },
912
+ "hover": {
913
+ "value": "#e9f3fc",
914
+ "$type": "color",
915
+ "comment": "Used for the background of an outlined confirm (positive) action in the hover state.",
916
+ "filePath": "src/tokens/action.tokens.json",
917
+ "isSource": true,
918
+ "original": {
919
+ "value": {
920
+ "default": "{color.blue.50}",
921
+ "dark": "{color.blue.900}"
922
+ },
923
+ "$type": "color",
924
+ "comment": "Used for the background of an outlined confirm (positive) action in the hover state."
925
+ },
926
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_HOVER",
927
+ "attributes": {},
928
+ "path": [
929
+ "action",
930
+ "confirm",
931
+ "background",
932
+ "color",
933
+ "hover"
934
+ ]
935
+ },
936
+ "focus": {
937
+ "value": "#e9f3fc",
938
+ "$type": "color",
939
+ "comment": "Used for the background of an outlined confirm (positive) action in the focus state.",
940
+ "filePath": "src/tokens/action.tokens.json",
941
+ "isSource": true,
942
+ "original": {
943
+ "value": {
944
+ "default": "{color.blue.50}",
945
+ "dark": "{color.blue.900}"
946
+ },
947
+ "$type": "color",
948
+ "comment": "Used for the background of an outlined confirm (positive) action in the focus state."
949
+ },
950
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS",
951
+ "attributes": {},
952
+ "path": [
953
+ "action",
954
+ "confirm",
955
+ "background",
956
+ "color",
957
+ "focus"
958
+ ]
959
+ },
960
+ "active": {
961
+ "value": "#cbe2f9",
962
+ "$type": "color",
963
+ "comment": "Used for the background of an outlined confirm (positive) action in the active state.",
964
+ "filePath": "src/tokens/action.tokens.json",
965
+ "isSource": true,
966
+ "original": {
967
+ "value": {
968
+ "default": "{color.blue.100}",
969
+ "dark": "{color.blue.800}"
970
+ },
971
+ "$type": "color",
972
+ "comment": "Used for the background of an outlined confirm (positive) action in the active state."
973
+ },
974
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE",
975
+ "attributes": {},
976
+ "path": [
977
+ "action",
978
+ "confirm",
979
+ "background",
980
+ "color",
981
+ "active"
982
+ ]
983
+ },
984
+ "subtle": {
985
+ "default": {
986
+ "value": "transparent",
987
+ "$type": "color",
988
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the default state.",
989
+ "filePath": "src/tokens/action.tokens.json",
990
+ "isSource": true,
991
+ "original": {
992
+ "value": "{color.alpha.0}",
993
+ "$type": "color",
994
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the default state."
995
+ },
996
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT",
997
+ "attributes": {},
998
+ "path": [
999
+ "action",
1000
+ "confirm",
1001
+ "background",
1002
+ "color",
1003
+ "subtle",
1004
+ "default"
1005
+ ]
1006
+ },
1007
+ "hover": {
1008
+ "value": "#e9f3fc",
1009
+ "$type": "color",
1010
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the hover state.",
1011
+ "filePath": "src/tokens/action.tokens.json",
1012
+ "isSource": true,
1013
+ "original": {
1014
+ "value": {
1015
+ "default": "{color.blue.50}",
1016
+ "dark": "{color.blue.900}"
1017
+ },
1018
+ "$type": "color",
1019
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the hover state."
1020
+ },
1021
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER",
1022
+ "attributes": {},
1023
+ "path": [
1024
+ "action",
1025
+ "confirm",
1026
+ "background",
1027
+ "color",
1028
+ "subtle",
1029
+ "hover"
1030
+ ]
1031
+ },
1032
+ "focus": {
1033
+ "value": "#e9f3fc",
1034
+ "$type": "color",
1035
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the focus state.",
1036
+ "filePath": "src/tokens/action.tokens.json",
1037
+ "isSource": true,
1038
+ "original": {
1039
+ "value": {
1040
+ "default": "{color.blue.50}",
1041
+ "dark": "{color.blue.900}"
1042
+ },
1043
+ "$type": "color",
1044
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the focus state."
1045
+ },
1046
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS",
1047
+ "attributes": {},
1048
+ "path": [
1049
+ "action",
1050
+ "confirm",
1051
+ "background",
1052
+ "color",
1053
+ "subtle",
1054
+ "focus"
1055
+ ]
1056
+ },
1057
+ "active": {
1058
+ "value": "#cbe2f9",
1059
+ "$type": "color",
1060
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the active state.",
1061
+ "filePath": "src/tokens/action.tokens.json",
1062
+ "isSource": true,
1063
+ "original": {
1064
+ "value": {
1065
+ "default": "{color.blue.100}",
1066
+ "dark": "{color.blue.800}"
1067
+ },
1068
+ "$type": "color",
1069
+ "comment": "Used for the background of a borderless, subtle confirm (positive) action in the active state."
1070
+ },
1071
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE",
1072
+ "attributes": {},
1073
+ "path": [
1074
+ "action",
1075
+ "confirm",
1076
+ "background",
1077
+ "color",
1078
+ "subtle",
1079
+ "active"
1080
+ ]
1081
+ }
1082
+ },
1083
+ "strong": {
1084
+ "default": {
1085
+ "value": "#1f75cb",
1086
+ "$type": "color",
1087
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the default state.",
1088
+ "filePath": "src/tokens/action.tokens.json",
1089
+ "isSource": true,
1090
+ "original": {
1091
+ "value": {
1092
+ "default": "{color.blue.500}",
1093
+ "dark": "{color.blue.400}"
1094
+ },
1095
+ "$type": "color",
1096
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the default state."
1097
+ },
1098
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT",
1099
+ "attributes": {},
1100
+ "path": [
1101
+ "action",
1102
+ "confirm",
1103
+ "background",
1104
+ "color",
1105
+ "strong",
1106
+ "default"
1107
+ ]
1108
+ },
1109
+ "hover": {
1110
+ "value": "#1068bf",
1111
+ "$type": "color",
1112
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the hover state.",
1113
+ "filePath": "src/tokens/action.tokens.json",
1114
+ "isSource": true,
1115
+ "original": {
1116
+ "value": {
1117
+ "default": "{color.blue.600}",
1118
+ "dark": "{color.blue.300}"
1119
+ },
1120
+ "$type": "color",
1121
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the hover state."
1122
+ },
1123
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER",
1124
+ "attributes": {},
1125
+ "path": [
1126
+ "action",
1127
+ "confirm",
1128
+ "background",
1129
+ "color",
1130
+ "strong",
1131
+ "hover"
1132
+ ]
1133
+ },
1134
+ "focus": {
1135
+ "value": "#1068bf",
1136
+ "$type": "color",
1137
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the focus state.",
1138
+ "filePath": "src/tokens/action.tokens.json",
1139
+ "isSource": true,
1140
+ "original": {
1141
+ "value": {
1142
+ "default": "{color.blue.600}",
1143
+ "dark": "{color.blue.300}"
1144
+ },
1145
+ "$type": "color",
1146
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the focus state."
1147
+ },
1148
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS",
1149
+ "attributes": {},
1150
+ "path": [
1151
+ "action",
1152
+ "confirm",
1153
+ "background",
1154
+ "color",
1155
+ "strong",
1156
+ "focus"
1157
+ ]
1158
+ },
1159
+ "active": {
1160
+ "value": "#0b5cad",
1161
+ "$type": "color",
1162
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the active state.",
1163
+ "filePath": "src/tokens/action.tokens.json",
1164
+ "isSource": true,
1165
+ "original": {
1166
+ "value": {
1167
+ "default": "{color.blue.700}",
1168
+ "dark": "{color.blue.200}"
1169
+ },
1170
+ "$type": "color",
1171
+ "comment": "Used for the background of a solid, strong confirm (positive) action in the active state."
1172
+ },
1173
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE",
1174
+ "attributes": {},
1175
+ "path": [
1176
+ "action",
1177
+ "confirm",
1178
+ "background",
1179
+ "color",
1180
+ "strong",
1181
+ "active"
1182
+ ]
1183
+ },
1184
+ "selected": {
1185
+ "value": "#1f75cb",
1186
+ "$type": "color",
1187
+ "comment": "Used for the background of a solid, strong confirm (positive) action when in a selected or current state.",
1188
+ "filePath": "src/tokens/action.tokens.json",
1189
+ "isSource": true,
1190
+ "original": {
1191
+ "value": {
1192
+ "default": "{color.blue.500}",
1193
+ "dark": "{color.blue.400}"
1194
+ },
1195
+ "$type": "color",
1196
+ "comment": "Used for the background of a solid, strong confirm (positive) action when in a selected or current state."
1197
+ },
1198
+ "name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED",
1199
+ "attributes": {},
1200
+ "path": [
1201
+ "action",
1202
+ "confirm",
1203
+ "background",
1204
+ "color",
1205
+ "strong",
1206
+ "selected"
1207
+ ]
1208
+ }
1209
+ }
1210
+ }
1211
+ },
1212
+ "border": {
1213
+ "color": {
1214
+ "default": {
1215
+ "value": "#1f75cb",
1216
+ "$type": "color",
1217
+ "comment": "Used for the border of an outlined confirm (positive) action in the default state.",
1218
+ "filePath": "src/tokens/action.tokens.json",
1219
+ "isSource": true,
1220
+ "original": {
1221
+ "value": {
1222
+ "default": "{color.blue.500}",
1223
+ "dark": "{color.blue.400}"
1224
+ },
1225
+ "$type": "color",
1226
+ "comment": "Used for the border of an outlined confirm (positive) action in the default state."
1227
+ },
1228
+ "name": "ACTION_CONFIRM_BORDER_COLOR_DEFAULT",
1229
+ "attributes": {},
1230
+ "path": [
1231
+ "action",
1232
+ "confirm",
1233
+ "border",
1234
+ "color",
1235
+ "default"
1236
+ ]
1237
+ },
1238
+ "hover": {
1239
+ "value": "#0b5cad",
1240
+ "$type": "color",
1241
+ "comment": "Used for the border of an outlined confirm (positive) action in the hover state.",
1242
+ "filePath": "src/tokens/action.tokens.json",
1243
+ "isSource": true,
1244
+ "original": {
1245
+ "value": {
1246
+ "default": "{color.blue.700}",
1247
+ "dark": "{color.blue.200}"
1248
+ },
1249
+ "$type": "color",
1250
+ "comment": "Used for the border of an outlined confirm (positive) action in the hover state."
1251
+ },
1252
+ "name": "ACTION_CONFIRM_BORDER_COLOR_HOVER",
1253
+ "attributes": {},
1254
+ "path": [
1255
+ "action",
1256
+ "confirm",
1257
+ "border",
1258
+ "color",
1259
+ "hover"
1260
+ ]
1261
+ },
1262
+ "focus": {
1263
+ "value": "#0b5cad",
1264
+ "$type": "color",
1265
+ "comment": "Used for the border of an outlined confirm (positive) action in the focus state.",
1266
+ "filePath": "src/tokens/action.tokens.json",
1267
+ "isSource": true,
1268
+ "original": {
1269
+ "value": {
1270
+ "default": "{color.blue.700}",
1271
+ "dark": "{color.blue.200}"
1272
+ },
1273
+ "$type": "color",
1274
+ "comment": "Used for the border of an outlined confirm (positive) action in the focus state."
1275
+ },
1276
+ "name": "ACTION_CONFIRM_BORDER_COLOR_FOCUS",
1277
+ "attributes": {},
1278
+ "path": [
1279
+ "action",
1280
+ "confirm",
1281
+ "border",
1282
+ "color",
1283
+ "focus"
1284
+ ]
1285
+ },
1286
+ "active": {
1287
+ "value": "#033464",
1288
+ "$type": "color",
1289
+ "comment": "Used for the border of an outlined confirm (positive) action in the active state.",
1290
+ "filePath": "src/tokens/action.tokens.json",
1291
+ "isSource": true,
1292
+ "original": {
1293
+ "value": {
1294
+ "default": "{color.blue.900}",
1295
+ "dark": "{color.blue.50}"
1296
+ },
1297
+ "$type": "color",
1298
+ "comment": "Used for the border of an outlined confirm (positive) action in the active state."
1299
+ },
1300
+ "name": "ACTION_CONFIRM_BORDER_COLOR_ACTIVE",
1301
+ "attributes": {},
1302
+ "path": [
1303
+ "action",
1304
+ "confirm",
1305
+ "border",
1306
+ "color",
1307
+ "active"
1308
+ ]
1309
+ },
1310
+ "strong": {
1311
+ "default": {
1312
+ "value": "#1068bf",
1313
+ "$type": "color",
1314
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the default state.",
1315
+ "filePath": "src/tokens/action.tokens.json",
1316
+ "isSource": true,
1317
+ "original": {
1318
+ "value": {
1319
+ "default": "{color.blue.600}",
1320
+ "dark": "{color.blue.300}"
1321
+ },
1322
+ "$type": "color",
1323
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the default state."
1324
+ },
1325
+ "name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT",
1326
+ "attributes": {},
1327
+ "path": [
1328
+ "action",
1329
+ "confirm",
1330
+ "border",
1331
+ "color",
1332
+ "strong",
1333
+ "default"
1334
+ ]
1335
+ },
1336
+ "hover": {
1337
+ "value": "#064787",
1338
+ "$type": "color",
1339
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the hover state.",
1340
+ "filePath": "src/tokens/action.tokens.json",
1341
+ "isSource": true,
1342
+ "original": {
1343
+ "value": {
1344
+ "default": "{color.blue.800}",
1345
+ "dark": "{color.blue.100}"
1346
+ },
1347
+ "$type": "color",
1348
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the hover state."
1349
+ },
1350
+ "name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER",
1351
+ "attributes": {},
1352
+ "path": [
1353
+ "action",
1354
+ "confirm",
1355
+ "border",
1356
+ "color",
1357
+ "strong",
1358
+ "hover"
1359
+ ]
1360
+ },
1361
+ "focus": {
1362
+ "value": "#064787",
1363
+ "$type": "color",
1364
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the focus state.",
1365
+ "filePath": "src/tokens/action.tokens.json",
1366
+ "isSource": true,
1367
+ "original": {
1368
+ "value": {
1369
+ "default": "{color.blue.800}",
1370
+ "dark": "{color.blue.100}"
1371
+ },
1372
+ "$type": "color",
1373
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the focus state."
1374
+ },
1375
+ "name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS",
1376
+ "attributes": {},
1377
+ "path": [
1378
+ "action",
1379
+ "confirm",
1380
+ "border",
1381
+ "color",
1382
+ "strong",
1383
+ "focus"
1384
+ ]
1385
+ },
1386
+ "active": {
1387
+ "value": "#033464",
1388
+ "$type": "color",
1389
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the active state.",
1390
+ "filePath": "src/tokens/action.tokens.json",
1391
+ "isSource": true,
1392
+ "original": {
1393
+ "value": {
1394
+ "default": "{color.blue.900}",
1395
+ "dark": "{color.blue.50}"
1396
+ },
1397
+ "$type": "color",
1398
+ "comment": "Used for the border of a solid, strong confirm (positive) action in the active state."
1399
+ },
1400
+ "name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE",
1401
+ "attributes": {},
1402
+ "path": [
1403
+ "action",
1404
+ "confirm",
1405
+ "border",
1406
+ "color",
1407
+ "strong",
1408
+ "active"
1409
+ ]
1410
+ },
1411
+ "selected": {
1412
+ "value": "#1068bf",
1413
+ "$type": "color",
1414
+ "comment": "Used for the border of a solid, strong confirm (positive) action when in a selected or current state.",
1415
+ "filePath": "src/tokens/action.tokens.json",
1416
+ "isSource": true,
1417
+ "original": {
1418
+ "value": {
1419
+ "default": "{color.blue.600}",
1420
+ "dark": "{color.blue.300}"
1421
+ },
1422
+ "$type": "color",
1423
+ "comment": "Used for the border of a solid, strong confirm (positive) action when in a selected or current state."
1424
+ },
1425
+ "name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED",
1426
+ "attributes": {},
1427
+ "path": [
1428
+ "action",
1429
+ "confirm",
1430
+ "border",
1431
+ "color",
1432
+ "strong",
1433
+ "selected"
1434
+ ]
1435
+ }
1436
+ }
1437
+ }
1438
+ },
1439
+ "text": {
1440
+ "color": {
1441
+ "default": {
1442
+ "value": "#1f75cb",
1443
+ "$type": "color",
1444
+ "comment": "Used for the text of a confirm (positive) action in the default state.",
1445
+ "filePath": "src/tokens/action.tokens.json",
1446
+ "isSource": true,
1447
+ "original": {
1448
+ "value": {
1449
+ "default": "{color.blue.500}",
1450
+ "dark": "{color.blue.400}"
1451
+ },
1452
+ "$type": "color",
1453
+ "comment": "Used for the text of a confirm (positive) action in the default state."
1454
+ },
1455
+ "name": "ACTION_CONFIRM_TEXT_COLOR_DEFAULT",
1456
+ "attributes": {},
1457
+ "path": [
1458
+ "action",
1459
+ "confirm",
1460
+ "text",
1461
+ "color",
1462
+ "default"
1463
+ ]
1464
+ },
1465
+ "hover": {
1466
+ "value": "#0b5cad",
1467
+ "$type": "color",
1468
+ "comment": "Used for the text of a confirm (positive) action in the hover state.",
1469
+ "filePath": "src/tokens/action.tokens.json",
1470
+ "isSource": true,
1471
+ "original": {
1472
+ "value": {
1473
+ "default": "{color.blue.700}",
1474
+ "dark": "{color.blue.200}"
1475
+ },
1476
+ "$type": "color",
1477
+ "comment": "Used for the text of a confirm (positive) action in the hover state."
1478
+ },
1479
+ "name": "ACTION_CONFIRM_TEXT_COLOR_HOVER",
1480
+ "attributes": {},
1481
+ "path": [
1482
+ "action",
1483
+ "confirm",
1484
+ "text",
1485
+ "color",
1486
+ "hover"
1487
+ ]
1488
+ },
1489
+ "focus": {
1490
+ "value": "#0b5cad",
1491
+ "$type": "color",
1492
+ "comment": "Used for the text of a confirm (positive) action in the focus state.",
1493
+ "filePath": "src/tokens/action.tokens.json",
1494
+ "isSource": true,
1495
+ "original": {
1496
+ "value": {
1497
+ "default": "{color.blue.700}",
1498
+ "dark": "{color.blue.200}"
1499
+ },
1500
+ "$type": "color",
1501
+ "comment": "Used for the text of a confirm (positive) action in the focus state."
1502
+ },
1503
+ "name": "ACTION_CONFIRM_TEXT_COLOR_FOCUS",
1504
+ "attributes": {},
1505
+ "path": [
1506
+ "action",
1507
+ "confirm",
1508
+ "text",
1509
+ "color",
1510
+ "focus"
1511
+ ]
1512
+ },
1513
+ "active": {
1514
+ "value": "#033464",
1515
+ "$type": "color",
1516
+ "comment": "Used for the text of a confirm (positive) action in the active state.",
1517
+ "filePath": "src/tokens/action.tokens.json",
1518
+ "isSource": true,
1519
+ "original": {
1520
+ "value": {
1521
+ "default": "{color.blue.900}",
1522
+ "dark": "{color.blue.50}"
1523
+ },
1524
+ "$type": "color",
1525
+ "comment": "Used for the text of a confirm (positive) action in the active state."
1526
+ },
1527
+ "name": "ACTION_CONFIRM_TEXT_COLOR_ACTIVE",
1528
+ "attributes": {},
1529
+ "path": [
1530
+ "action",
1531
+ "confirm",
1532
+ "text",
1533
+ "color",
1534
+ "active"
1535
+ ]
1536
+ },
1537
+ "strong": {
1538
+ "value": "#fff",
1539
+ "$type": "color",
1540
+ "comment": "Used for the text on a solid, strong confirm (positive) action background.",
1541
+ "filePath": "src/tokens/action.tokens.json",
1542
+ "isSource": true,
1543
+ "original": {
1544
+ "value": {
1545
+ "default": "{color.neutral.0}",
1546
+ "dark": "{color.neutral.900}"
1547
+ },
1548
+ "$type": "color",
1549
+ "comment": "Used for the text on a solid, strong confirm (positive) action background."
1550
+ },
1551
+ "name": "ACTION_CONFIRM_TEXT_COLOR_STRONG",
1552
+ "attributes": {},
1553
+ "path": [
1554
+ "action",
1555
+ "confirm",
1556
+ "text",
1557
+ "color",
1558
+ "strong"
1559
+ ]
1560
+ }
1561
+ }
1562
+ },
1563
+ "icon": {
1564
+ "color": {
1565
+ "default": {
1566
+ "value": "#1f75cb",
1567
+ "$type": "color",
1568
+ "comment": "Used for the icon of a confirm (positive) action in the default state.",
1569
+ "filePath": "src/tokens/action.tokens.json",
1570
+ "isSource": true,
1571
+ "original": {
1572
+ "value": {
1573
+ "default": "{color.blue.500}",
1574
+ "dark": "{color.blue.400}"
1575
+ },
1576
+ "$type": "color",
1577
+ "comment": "Used for the icon of a confirm (positive) action in the default state."
1578
+ },
1579
+ "name": "ACTION_CONFIRM_ICON_COLOR_DEFAULT",
1580
+ "attributes": {},
1581
+ "path": [
1582
+ "action",
1583
+ "confirm",
1584
+ "icon",
1585
+ "color",
1586
+ "default"
1587
+ ]
1588
+ },
1589
+ "hover": {
1590
+ "value": "#0b5cad",
1591
+ "$type": "color",
1592
+ "comment": "Used for the icon of a confirm (positive) action in the hover state.",
1593
+ "filePath": "src/tokens/action.tokens.json",
1594
+ "isSource": true,
1595
+ "original": {
1596
+ "value": {
1597
+ "default": "{color.blue.700}",
1598
+ "dark": "{color.blue.200}"
1599
+ },
1600
+ "$type": "color",
1601
+ "comment": "Used for the icon of a confirm (positive) action in the hover state."
1602
+ },
1603
+ "name": "ACTION_CONFIRM_ICON_COLOR_HOVER",
1604
+ "attributes": {},
1605
+ "path": [
1606
+ "action",
1607
+ "confirm",
1608
+ "icon",
1609
+ "color",
1610
+ "hover"
1611
+ ]
1612
+ },
1613
+ "focus": {
1614
+ "value": "#0b5cad",
1615
+ "$type": "color",
1616
+ "comment": "Used for the icon of a confirm (positive) action in the focus state.",
1617
+ "filePath": "src/tokens/action.tokens.json",
1618
+ "isSource": true,
1619
+ "original": {
1620
+ "value": {
1621
+ "default": "{color.blue.700}",
1622
+ "dark": "{color.blue.200}"
1623
+ },
1624
+ "$type": "color",
1625
+ "comment": "Used for the icon of a confirm (positive) action in the focus state."
1626
+ },
1627
+ "name": "ACTION_CONFIRM_ICON_COLOR_FOCUS",
1628
+ "attributes": {},
1629
+ "path": [
1630
+ "action",
1631
+ "confirm",
1632
+ "icon",
1633
+ "color",
1634
+ "focus"
1635
+ ]
1636
+ },
1637
+ "active": {
1638
+ "value": "#033464",
1639
+ "$type": "color",
1640
+ "comment": "Used for the icon of a confirm (positive) action in the active state.",
1641
+ "filePath": "src/tokens/action.tokens.json",
1642
+ "isSource": true,
1643
+ "original": {
1644
+ "value": {
1645
+ "default": "{color.blue.900}",
1646
+ "dark": "{color.blue.50}"
1647
+ },
1648
+ "$type": "color",
1649
+ "comment": "Used for the icon of a confirm (positive) action in the active state."
1650
+ },
1651
+ "name": "ACTION_CONFIRM_ICON_COLOR_ACTIVE",
1652
+ "attributes": {},
1653
+ "path": [
1654
+ "action",
1655
+ "confirm",
1656
+ "icon",
1657
+ "color",
1658
+ "active"
1659
+ ]
1660
+ },
1661
+ "strong": {
1662
+ "value": "#fff",
1663
+ "$type": "color",
1664
+ "comment": "Used for the icon on a solid, strong confirm (positive) action background.",
1665
+ "filePath": "src/tokens/action.tokens.json",
1666
+ "isSource": true,
1667
+ "original": {
1668
+ "value": {
1669
+ "default": "{color.neutral.0}",
1670
+ "dark": "{color.neutral.900}"
1671
+ },
1672
+ "$type": "color",
1673
+ "comment": "Used for the icon on a solid, strong confirm (positive) action background."
1674
+ },
1675
+ "name": "ACTION_CONFIRM_ICON_COLOR_STRONG",
1676
+ "attributes": {},
1677
+ "path": [
1678
+ "action",
1679
+ "confirm",
1680
+ "icon",
1681
+ "color",
1682
+ "strong"
1683
+ ]
1684
+ }
1685
+ }
1686
+ }
884
1687
  }
885
1688
  },
886
1689
  "background": {
@@ -972,6 +1775,28 @@
972
1775
  "color",
973
1776
  "disabled"
974
1777
  ]
1778
+ },
1779
+ "overlay": {
1780
+ "value": "rgba(31, 30, 36, 0.24)",
1781
+ "$type": "color",
1782
+ "comment": "Used for an overlay that covers other content.",
1783
+ "filePath": "src/tokens/background.tokens.json",
1784
+ "isSource": true,
1785
+ "original": {
1786
+ "value": {
1787
+ "default": "{color.alpha.dark.24}",
1788
+ "dark": "rgba(0,0,0,0.64)"
1789
+ },
1790
+ "$type": "color",
1791
+ "comment": "Used for an overlay that covers other content."
1792
+ },
1793
+ "name": "BACKGROUND_COLOR_OVERLAY",
1794
+ "attributes": {},
1795
+ "path": [
1796
+ "background",
1797
+ "color",
1798
+ "overlay"
1799
+ ]
975
1800
  }
976
1801
  }
977
1802
  },
@@ -9247,6 +10072,56 @@
9247
10072
  }
9248
10073
  }
9249
10074
  },
10075
+ "skeleton-loader": {
10076
+ "background": {
10077
+ "color": {
10078
+ "value": "#dcdcde",
10079
+ "$type": "color",
10080
+ "comment": "Used for the skeleton loader background color.",
10081
+ "filePath": "src/tokens/contextual/skeleton-loader.tokens.json",
10082
+ "isSource": true,
10083
+ "original": {
10084
+ "value": {
10085
+ "default": "{color.neutral.100}",
10086
+ "dark": "{color.neutral.800}"
10087
+ },
10088
+ "$type": "color",
10089
+ "comment": "Used for the skeleton loader background color."
10090
+ },
10091
+ "name": "SKELETON_LOADER_BACKGROUND_COLOR",
10092
+ "attributes": {},
10093
+ "path": [
10094
+ "skeleton-loader",
10095
+ "background",
10096
+ "color"
10097
+ ]
10098
+ }
10099
+ },
10100
+ "shimmer": {
10101
+ "color": {
10102
+ "value": "#ececef",
10103
+ "$type": "color",
10104
+ "comment": "Used for the animated shimmer effect in a skeleton loader.",
10105
+ "filePath": "src/tokens/contextual/skeleton-loader.tokens.json",
10106
+ "isSource": true,
10107
+ "original": {
10108
+ "value": {
10109
+ "default": "{color.neutral.50}",
10110
+ "dark": "{color.neutral.700}"
10111
+ },
10112
+ "$type": "color",
10113
+ "comment": "Used for the animated shimmer effect in a skeleton loader."
10114
+ },
10115
+ "name": "SKELETON_LOADER_SHIMMER_COLOR",
10116
+ "attributes": {},
10117
+ "path": [
10118
+ "skeleton-loader",
10119
+ "shimmer",
10120
+ "color"
10121
+ ]
10122
+ }
10123
+ }
10124
+ },
9250
10125
  "control": {
9251
10126
  "background": {
9252
10127
  "color": {