@gitlab/ui 85.9.0 → 85.10.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 (48) hide show
  1. package/CHANGELOG.md +8 -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 +35 -1
  15. package/dist/tokens/build/js/tokens.js +35 -1
  16. package/dist/tokens/css/tokens.css +34 -0
  17. package/dist/tokens/css/tokens.dark.css +34 -0
  18. package/dist/tokens/js/tokens.dark.js +34 -0
  19. package/dist/tokens/js/tokens.js +34 -0
  20. package/dist/tokens/json/tokens.dark.json +853 -0
  21. package/dist/tokens/json/tokens.json +853 -0
  22. package/dist/tokens/scss/_tokens.dark.scss +34 -0
  23. package/dist/tokens/scss/_tokens.scss +34 -0
  24. package/dist/tokens/scss/_tokens_custom_properties.scss +34 -0
  25. package/package.json +5 -4
  26. package/src/components/base/datepicker/datepicker.vue +1 -1
  27. package/src/components/base/form/form_fields/validators.js +1 -1
  28. package/src/components/base/popover/popover.vue +1 -1
  29. package/src/components/base/search_box_by_click/search_box_by_click.vue +1 -1
  30. package/src/components/base/skeleton_loader/skeleton_loader.scss +2 -2
  31. package/src/components/base/table/table.vue +1 -1
  32. package/src/components/base/token_selector/token_selector.vue +1 -1
  33. package/src/components/charts/single_stat/single_stat.vue +1 -1
  34. package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.vue +1 -1
  35. package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.vue +1 -1
  36. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue +3 -3
  37. package/src/components/experimental/duo/chat/duo_chat.vue +8 -8
  38. package/src/tokens/action.tokens.json +277 -0
  39. package/src/tokens/build/css/tokens.css +34 -0
  40. package/src/tokens/build/css/tokens.dark.css +34 -0
  41. package/src/tokens/build/js/tokens.dark.js +34 -0
  42. package/src/tokens/build/js/tokens.js +34 -0
  43. package/src/tokens/build/json/tokens.dark.json +853 -0
  44. package/src/tokens/build/json/tokens.json +853 -0
  45. package/src/tokens/build/scss/_tokens.dark.scss +34 -0
  46. package/src/tokens/build/scss/_tokens.scss +34 -0
  47. package/src/tokens/build/scss/_tokens_custom_properties.scss +34 -0
  48. 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": {
@@ -9247,6 +10050,56 @@
9247
10050
  }
9248
10051
  }
9249
10052
  },
10053
+ "skeleton-loader": {
10054
+ "background": {
10055
+ "color": {
10056
+ "value": "#dcdcde",
10057
+ "$type": "color",
10058
+ "comment": "Used for the skeleton loader background color.",
10059
+ "filePath": "src/tokens/contextual/skeleton-loader.tokens.json",
10060
+ "isSource": true,
10061
+ "original": {
10062
+ "value": {
10063
+ "default": "{color.neutral.100}",
10064
+ "dark": "{color.neutral.800}"
10065
+ },
10066
+ "$type": "color",
10067
+ "comment": "Used for the skeleton loader background color."
10068
+ },
10069
+ "name": "SKELETON_LOADER_BACKGROUND_COLOR",
10070
+ "attributes": {},
10071
+ "path": [
10072
+ "skeleton-loader",
10073
+ "background",
10074
+ "color"
10075
+ ]
10076
+ }
10077
+ },
10078
+ "shimmer": {
10079
+ "color": {
10080
+ "value": "#ececef",
10081
+ "$type": "color",
10082
+ "comment": "Used for the animated shimmer effect in a skeleton loader.",
10083
+ "filePath": "src/tokens/contextual/skeleton-loader.tokens.json",
10084
+ "isSource": true,
10085
+ "original": {
10086
+ "value": {
10087
+ "default": "{color.neutral.50}",
10088
+ "dark": "{color.neutral.700}"
10089
+ },
10090
+ "$type": "color",
10091
+ "comment": "Used for the animated shimmer effect in a skeleton loader."
10092
+ },
10093
+ "name": "SKELETON_LOADER_SHIMMER_COLOR",
10094
+ "attributes": {},
10095
+ "path": [
10096
+ "skeleton-loader",
10097
+ "shimmer",
10098
+ "color"
10099
+ ]
10100
+ }
10101
+ }
10102
+ },
9250
10103
  "control": {
9251
10104
  "background": {
9252
10105
  "color": {