@gitlab/ui 89.5.0 → 89.7.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 (37) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/base/daterange_picker/daterange_picker.js +1 -1
  3. package/dist/components/experimental/duo/chat/duo_chat.js +1 -3
  4. package/dist/index.css +2 -2
  5. package/dist/index.css.map +1 -1
  6. package/dist/tokens/build/js/tokens.dark.js +26 -4
  7. package/dist/tokens/build/js/tokens.js +25 -3
  8. package/dist/tokens/css/tokens.css +24 -2
  9. package/dist/tokens/css/tokens.dark.css +25 -3
  10. package/dist/tokens/js/tokens.dark.js +25 -3
  11. package/dist/tokens/js/tokens.js +24 -2
  12. package/dist/tokens/json/tokens.dark.json +601 -12
  13. package/dist/tokens/json/tokens.json +600 -11
  14. package/dist/tokens/scss/_tokens.dark.scss +25 -3
  15. package/dist/tokens/scss/_tokens.scss +24 -2
  16. package/dist/tokens/scss/_tokens_custom_properties.scss +22 -0
  17. package/package.json +2 -2
  18. package/src/components/base/alert/alert.scss +87 -41
  19. package/src/components/base/banner/banner.scss +1 -1
  20. package/src/components/base/daterange_picker/daterange_picker.scss +2 -6
  21. package/src/components/base/daterange_picker/daterange_picker.vue +8 -1
  22. package/src/components/base/tabs/tabs/tabs.scss +40 -26
  23. package/src/components/experimental/duo/chat/duo_chat.vue +4 -5
  24. package/src/scss/mixins.scss +24 -0
  25. package/src/tokens/build/css/tokens.css +24 -2
  26. package/src/tokens/build/css/tokens.dark.css +25 -3
  27. package/src/tokens/build/js/tokens.dark.js +25 -3
  28. package/src/tokens/build/js/tokens.js +24 -2
  29. package/src/tokens/build/json/tokens.dark.json +601 -12
  30. package/src/tokens/build/json/tokens.json +600 -11
  31. package/src/tokens/build/scss/_tokens.dark.scss +25 -3
  32. package/src/tokens/build/scss/_tokens.scss +24 -2
  33. package/src/tokens/build/scss/_tokens_custom_properties.scss +22 -0
  34. package/src/tokens/contextual/alert.tokens.json +224 -0
  35. package/src/tokens/contextual/banner.tokens.json +16 -6
  36. package/src/tokens/contextual/tabs.tokens.json +18 -0
  37. package/src/tokens/feedback.tokens.json +1 -1
package/dist/tokens/json/tokens.json CHANGED
@@ -5994,6 +5994,538 @@
5994
5994
  }
5995
5995
  }
5996
5996
  },
5997
+ "alert": {
5998
+ "neutral": {
5999
+ "title": {
6000
+ "color": {
6001
+ "value": "#18171d",
6002
+ "$type": "color",
6003
+ "comment": "Used for the title color of a neutral alert.",
6004
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6005
+ "isSource": true,
6006
+ "original": {
6007
+ "value": {
6008
+ "default": "{text.color.heading}",
6009
+ "dark": "{text.color.heading}"
6010
+ },
6011
+ "$type": "color",
6012
+ "comment": "Used for the title color of a neutral alert."
6013
+ },
6014
+ "name": "ALERT_NEUTRAL_TITLE_COLOR",
6015
+ "attributes": {},
6016
+ "path": [
6017
+ "alert",
6018
+ "neutral",
6019
+ "title",
6020
+ "color"
6021
+ ]
6022
+ }
6023
+ },
6024
+ "background": {
6025
+ "color": {
6026
+ "value": "#ececef",
6027
+ "$type": "color",
6028
+ "comment": "Used for the background color of a neutral alert.",
6029
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6030
+ "isSource": true,
6031
+ "original": {
6032
+ "value": {
6033
+ "default": "{feedback.neutral.background.color}",
6034
+ "dark": "{background.color.subtle}"
6035
+ },
6036
+ "$type": "color",
6037
+ "comment": "Used for the background color of a neutral alert."
6038
+ },
6039
+ "name": "ALERT_NEUTRAL_BACKGROUND_COLOR",
6040
+ "attributes": {},
6041
+ "path": [
6042
+ "alert",
6043
+ "neutral",
6044
+ "background",
6045
+ "color"
6046
+ ]
6047
+ }
6048
+ },
6049
+ "border": {
6050
+ "top": {
6051
+ "color": {
6052
+ "value": "transparent",
6053
+ "$type": "color",
6054
+ "comment": "Used for the border center color of a neutral alert.",
6055
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6056
+ "isSource": true,
6057
+ "original": {
6058
+ "value": {
6059
+ "default": "{color.alpha.0}",
6060
+ "dark": "{color.neutral.400}"
6061
+ },
6062
+ "$type": "color",
6063
+ "comment": "Used for the border center color of a neutral alert."
6064
+ },
6065
+ "name": "ALERT_NEUTRAL_BORDER_TOP_COLOR",
6066
+ "attributes": {},
6067
+ "path": [
6068
+ "alert",
6069
+ "neutral",
6070
+ "border",
6071
+ "top",
6072
+ "color"
6073
+ ]
6074
+ }
6075
+ },
6076
+ "bottom": {
6077
+ "color": {
6078
+ "value": "transparent",
6079
+ "$type": "color",
6080
+ "comment": "Used for the border bottom color of a neutral alert.",
6081
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6082
+ "isSource": true,
6083
+ "original": {
6084
+ "value": {
6085
+ "default": "{color.alpha.0}",
6086
+ "dark": "{color.neutral.800}"
6087
+ },
6088
+ "$type": "color",
6089
+ "comment": "Used for the border bottom color of a neutral alert."
6090
+ },
6091
+ "name": "ALERT_NEUTRAL_BORDER_BOTTOM_COLOR",
6092
+ "attributes": {},
6093
+ "path": [
6094
+ "alert",
6095
+ "neutral",
6096
+ "border",
6097
+ "bottom",
6098
+ "color"
6099
+ ]
6100
+ }
6101
+ }
6102
+ }
6103
+ },
6104
+ "info": {
6105
+ "title": {
6106
+ "color": {
6107
+ "value": "#18171d",
6108
+ "$type": "color",
6109
+ "comment": "Used for the title color of an info alert.",
6110
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6111
+ "isSource": true,
6112
+ "original": {
6113
+ "value": {
6114
+ "default": "{text.color.heading}",
6115
+ "dark": "{color.blue.300}"
6116
+ },
6117
+ "$type": "color",
6118
+ "comment": "Used for the title color of an info alert."
6119
+ },
6120
+ "name": "ALERT_INFO_TITLE_COLOR",
6121
+ "attributes": {},
6122
+ "path": [
6123
+ "alert",
6124
+ "info",
6125
+ "title",
6126
+ "color"
6127
+ ]
6128
+ }
6129
+ },
6130
+ "background": {
6131
+ "color": {
6132
+ "value": "#e9f3fc",
6133
+ "$type": "color",
6134
+ "comment": "Used for the background color of an info alert.",
6135
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6136
+ "isSource": true,
6137
+ "original": {
6138
+ "value": {
6139
+ "default": "{feedback.info.background.color}",
6140
+ "dark": "{background.color.subtle}"
6141
+ },
6142
+ "$type": "color",
6143
+ "comment": "Used for the background color of an info alert."
6144
+ },
6145
+ "name": "ALERT_INFO_BACKGROUND_COLOR",
6146
+ "attributes": {},
6147
+ "path": [
6148
+ "alert",
6149
+ "info",
6150
+ "background",
6151
+ "color"
6152
+ ]
6153
+ }
6154
+ },
6155
+ "border": {
6156
+ "top": {
6157
+ "color": {
6158
+ "value": "transparent",
6159
+ "$type": "color",
6160
+ "comment": "Used for the border color of an info alert.",
6161
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6162
+ "isSource": true,
6163
+ "original": {
6164
+ "value": {
6165
+ "default": "{color.alpha.0}",
6166
+ "dark": "{color.blue.400}"
6167
+ },
6168
+ "$type": "color",
6169
+ "comment": "Used for the border color of an info alert."
6170
+ },
6171
+ "name": "ALERT_INFO_BORDER_TOP_COLOR",
6172
+ "attributes": {},
6173
+ "path": [
6174
+ "alert",
6175
+ "info",
6176
+ "border",
6177
+ "top",
6178
+ "color"
6179
+ ]
6180
+ }
6181
+ },
6182
+ "bottom": {
6183
+ "color": {
6184
+ "value": "transparent",
6185
+ "$type": "color",
6186
+ "comment": "Used for the border bottom color of an info alert.",
6187
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6188
+ "isSource": true,
6189
+ "original": {
6190
+ "value": {
6191
+ "default": "{color.alpha.0}",
6192
+ "dark": "{color.neutral.800}"
6193
+ },
6194
+ "$type": "color",
6195
+ "comment": "Used for the border bottom color of an info alert."
6196
+ },
6197
+ "name": "ALERT_INFO_BORDER_BOTTOM_COLOR",
6198
+ "attributes": {},
6199
+ "path": [
6200
+ "alert",
6201
+ "info",
6202
+ "border",
6203
+ "bottom",
6204
+ "color"
6205
+ ]
6206
+ }
6207
+ }
6208
+ }
6209
+ },
6210
+ "success": {
6211
+ "title": {
6212
+ "color": {
6213
+ "value": "#18171d",
6214
+ "$type": "color",
6215
+ "comment": "Used for the title color of a success alert.",
6216
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6217
+ "isSource": true,
6218
+ "original": {
6219
+ "value": {
6220
+ "default": "{text.color.heading}",
6221
+ "dark": "{color.green.300}"
6222
+ },
6223
+ "$type": "color",
6224
+ "comment": "Used for the title color of a success alert."
6225
+ },
6226
+ "name": "ALERT_SUCCESS_TITLE_COLOR",
6227
+ "attributes": {},
6228
+ "path": [
6229
+ "alert",
6230
+ "success",
6231
+ "title",
6232
+ "color"
6233
+ ]
6234
+ }
6235
+ },
6236
+ "background": {
6237
+ "color": {
6238
+ "value": "#ecf4ee",
6239
+ "$type": "color",
6240
+ "comment": "Used for the background color of a success alert.",
6241
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6242
+ "isSource": true,
6243
+ "original": {
6244
+ "value": {
6245
+ "default": "{feedback.success.background.color}",
6246
+ "dark": "{background.color.subtle}"
6247
+ },
6248
+ "$type": "color",
6249
+ "comment": "Used for the background color of a success alert."
6250
+ },
6251
+ "name": "ALERT_SUCCESS_BACKGROUND_COLOR",
6252
+ "attributes": {},
6253
+ "path": [
6254
+ "alert",
6255
+ "success",
6256
+ "background",
6257
+ "color"
6258
+ ]
6259
+ }
6260
+ },
6261
+ "border": {
6262
+ "top": {
6263
+ "color": {
6264
+ "value": "transparent",
6265
+ "$type": "color",
6266
+ "comment": "Used for the border color of a success alert.",
6267
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6268
+ "isSource": true,
6269
+ "original": {
6270
+ "value": {
6271
+ "default": "{color.alpha.0}",
6272
+ "dark": "{color.green.400}"
6273
+ },
6274
+ "$type": "color",
6275
+ "comment": "Used for the border color of a success alert."
6276
+ },
6277
+ "name": "ALERT_SUCCESS_BORDER_TOP_COLOR",
6278
+ "attributes": {},
6279
+ "path": [
6280
+ "alert",
6281
+ "success",
6282
+ "border",
6283
+ "top",
6284
+ "color"
6285
+ ]
6286
+ }
6287
+ },
6288
+ "bottom": {
6289
+ "color": {
6290
+ "value": "transparent",
6291
+ "$type": "color",
6292
+ "comment": "Used for the border bottom color of a success alert.",
6293
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6294
+ "isSource": true,
6295
+ "original": {
6296
+ "value": {
6297
+ "default": "{color.alpha.0}",
6298
+ "dark": "{color.neutral.800}"
6299
+ },
6300
+ "$type": "color",
6301
+ "comment": "Used for the border bottom color of a success alert."
6302
+ },
6303
+ "name": "ALERT_SUCCESS_BORDER_BOTTOM_COLOR",
6304
+ "attributes": {},
6305
+ "path": [
6306
+ "alert",
6307
+ "success",
6308
+ "border",
6309
+ "bottom",
6310
+ "color"
6311
+ ]
6312
+ }
6313
+ }
6314
+ }
6315
+ },
6316
+ "warning": {
6317
+ "title": {
6318
+ "color": {
6319
+ "value": "#18171d",
6320
+ "$type": "color",
6321
+ "comment": "Used for the title color of a warning alert.",
6322
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6323
+ "isSource": true,
6324
+ "original": {
6325
+ "value": {
6326
+ "default": "{text.color.heading}",
6327
+ "dark": "{color.orange.300}"
6328
+ },
6329
+ "$type": "color",
6330
+ "comment": "Used for the title color of a warning alert."
6331
+ },
6332
+ "name": "ALERT_WARNING_TITLE_COLOR",
6333
+ "attributes": {},
6334
+ "path": [
6335
+ "alert",
6336
+ "warning",
6337
+ "title",
6338
+ "color"
6339
+ ]
6340
+ }
6341
+ },
6342
+ "background": {
6343
+ "color": {
6344
+ "value": "#fdf1dd",
6345
+ "$type": "color",
6346
+ "comment": "Used for the background color of a warning alert.",
6347
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6348
+ "isSource": true,
6349
+ "original": {
6350
+ "value": {
6351
+ "default": "{feedback.warning.background.color}",
6352
+ "dark": "{background.color.subtle}"
6353
+ },
6354
+ "$type": "color",
6355
+ "comment": "Used for the background color of a warning alert."
6356
+ },
6357
+ "name": "ALERT_WARNING_BACKGROUND_COLOR",
6358
+ "attributes": {},
6359
+ "path": [
6360
+ "alert",
6361
+ "warning",
6362
+ "background",
6363
+ "color"
6364
+ ]
6365
+ }
6366
+ },
6367
+ "border": {
6368
+ "top": {
6369
+ "color": {
6370
+ "value": "transparent",
6371
+ "$type": "color",
6372
+ "comment": "Used for the border color of a warning alert.",
6373
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6374
+ "isSource": true,
6375
+ "original": {
6376
+ "value": {
6377
+ "default": "{color.alpha.0}",
6378
+ "dark": "{color.orange.400}"
6379
+ },
6380
+ "$type": "color",
6381
+ "comment": "Used for the border color of a warning alert."
6382
+ },
6383
+ "name": "ALERT_WARNING_BORDER_TOP_COLOR",
6384
+ "attributes": {},
6385
+ "path": [
6386
+ "alert",
6387
+ "warning",
6388
+ "border",
6389
+ "top",
6390
+ "color"
6391
+ ]
6392
+ }
6393
+ },
6394
+ "bottom": {
6395
+ "color": {
6396
+ "value": "transparent",
6397
+ "$type": "color",
6398
+ "comment": "Used for the border bottom color of a warning alert.",
6399
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6400
+ "isSource": true,
6401
+ "original": {
6402
+ "value": {
6403
+ "default": "{color.alpha.0}",
6404
+ "dark": "{color.neutral.800}"
6405
+ },
6406
+ "$type": "color",
6407
+ "comment": "Used for the border bottom color of a warning alert."
6408
+ },
6409
+ "name": "ALERT_WARNING_BORDER_BOTTOM_COLOR",
6410
+ "attributes": {},
6411
+ "path": [
6412
+ "alert",
6413
+ "warning",
6414
+ "border",
6415
+ "bottom",
6416
+ "color"
6417
+ ]
6418
+ }
6419
+ }
6420
+ }
6421
+ },
6422
+ "danger": {
6423
+ "title": {
6424
+ "color": {
6425
+ "value": "#18171d",
6426
+ "$type": "color",
6427
+ "comment": "Used for the title color of a danger alert.",
6428
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6429
+ "isSource": true,
6430
+ "original": {
6431
+ "value": {
6432
+ "default": "{text.color.heading}",
6433
+ "dark": "{color.red.300}"
6434
+ },
6435
+ "$type": "color",
6436
+ "comment": "Used for the title color of a danger alert."
6437
+ },
6438
+ "name": "ALERT_DANGER_TITLE_COLOR",
6439
+ "attributes": {},
6440
+ "path": [
6441
+ "alert",
6442
+ "danger",
6443
+ "title",
6444
+ "color"
6445
+ ]
6446
+ }
6447
+ },
6448
+ "background": {
6449
+ "color": {
6450
+ "value": "#fcf1ef",
6451
+ "$type": "color",
6452
+ "comment": "Used for the background color of a danger alert.",
6453
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6454
+ "isSource": true,
6455
+ "original": {
6456
+ "value": {
6457
+ "default": "{feedback.danger.background.color}",
6458
+ "dark": "{background.color.subtle}"
6459
+ },
6460
+ "$type": "color",
6461
+ "comment": "Used for the background color of a danger alert."
6462
+ },
6463
+ "name": "ALERT_DANGER_BACKGROUND_COLOR",
6464
+ "attributes": {},
6465
+ "path": [
6466
+ "alert",
6467
+ "danger",
6468
+ "background",
6469
+ "color"
6470
+ ]
6471
+ }
6472
+ },
6473
+ "border": {
6474
+ "top": {
6475
+ "color": {
6476
+ "value": "transparent",
6477
+ "$type": "color",
6478
+ "comment": "Used for the border color of a danger alert.",
6479
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6480
+ "isSource": true,
6481
+ "original": {
6482
+ "value": {
6483
+ "default": "{color.alpha.0}",
6484
+ "dark": "{color.red.400}"
6485
+ },
6486
+ "$type": "color",
6487
+ "comment": "Used for the border color of a danger alert."
6488
+ },
6489
+ "name": "ALERT_DANGER_BORDER_TOP_COLOR",
6490
+ "attributes": {},
6491
+ "path": [
6492
+ "alert",
6493
+ "danger",
6494
+ "border",
6495
+ "top",
6496
+ "color"
6497
+ ]
6498
+ }
6499
+ },
6500
+ "bottom": {
6501
+ "color": {
6502
+ "value": "transparent",
6503
+ "$type": "color",
6504
+ "comment": "Used for the border bottom color of a danger alert.",
6505
+ "filePath": "src/tokens/contextual/alert.tokens.json",
6506
+ "isSource": true,
6507
+ "original": {
6508
+ "value": {
6509
+ "default": "{color.alpha.0}",
6510
+ "dark": "{color.neutral.800}"
6511
+ },
6512
+ "$type": "color",
6513
+ "comment": "Used for the border bottom color of a danger alert."
6514
+ },
6515
+ "name": "ALERT_DANGER_BORDER_BOTTOM_COLOR",
6516
+ "attributes": {},
6517
+ "path": [
6518
+ "alert",
6519
+ "danger",
6520
+ "border",
6521
+ "bottom",
6522
+ "color"
6523
+ ]
6524
+ }
6525
+ }
6526
+ }
6527
+ }
6528
+ },
5997
6529
  "avatar": {
5998
6530
  "border": {
5999
6531
  "color": {
@@ -8999,18 +9531,18 @@
8999
9531
  "intro": {
9000
9532
  "border": {
9001
9533
  "color": {
9002
- "value": "#63a6e9",
9534
+ "value": "#cbe2f9",
9003
9535
  "$type": "color",
9004
- "comment": "Used to compliment the info banner.",
9536
+ "comment": "Used for the border of an info banner.",
9005
9537
  "filePath": "src/tokens/contextual/banner.tokens.json",
9006
9538
  "isSource": true,
9007
9539
  "original": {
9008
9540
  "value": {
9009
- "default": "{color.blue.300}",
9010
- "dark": "{color.blue.600}"
9541
+ "default": "{color.blue.100}",
9542
+ "dark": "{color.blue.800}"
9011
9543
  },
9012
9544
  "$type": "color",
9013
- "comment": "Used to compliment the info banner."
9545
+ "comment": "Used for the border of an info banner."
9014
9546
  },
9015
9547
  "name": "BANNER_INTRO_BORDER_COLOR",
9016
9548
  "attributes": {},
@@ -9026,18 +9558,18 @@
9026
9558
  "promo": {
9027
9559
  "background": {
9028
9560
  "color": {
9029
- "value": "#fbfafd",
9561
+ "value": "#f4f0ff",
9030
9562
  "$type": "color",
9031
- "comment": "Used as background for the default banner type.",
9563
+ "comment": "Used for the background of a promo banner.",
9032
9564
  "filePath": "src/tokens/contextual/banner.tokens.json",
9033
9565
  "isSource": true,
9034
9566
  "original": {
9035
9567
  "value": {
9036
- "default": "{color.neutral.10}",
9037
- "dark": "{color.neutral.900}"
9568
+ "default": "{color.purple.50}",
9569
+ "dark": "{color.purple.950}"
9038
9570
  },
9039
9571
  "$type": "color",
9040
- "comment": "Used as background for the default banner type."
9572
+ "comment": "Used for the background of a promo banner."
9041
9573
  },
9042
9574
  "name": "BANNER_PROMO_BACKGROUND_COLOR",
9043
9575
  "attributes": {},
@@ -9048,6 +9580,31 @@
9048
9580
  "color"
9049
9581
  ]
9050
9582
  }
9583
+ },
9584
+ "border": {
9585
+ "color": {
9586
+ "value": "#e1d8f9",
9587
+ "$type": "color",
9588
+ "comment": "Used for the border of a promo banner.",
9589
+ "filePath": "src/tokens/contextual/banner.tokens.json",
9590
+ "isSource": true,
9591
+ "original": {
9592
+ "value": {
9593
+ "default": "{color.purple.100}",
9594
+ "dark": "{color.purple.800}"
9595
+ },
9596
+ "$type": "color",
9597
+ "comment": "Used for the border of a promo banner."
9598
+ },
9599
+ "name": "BANNER_PROMO_BORDER_COLOR",
9600
+ "attributes": {},
9601
+ "path": [
9602
+ "banner",
9603
+ "promo",
9604
+ "border",
9605
+ "color"
9606
+ ]
9607
+ }
9051
9608
  }
9052
9609
  }
9053
9610
  },
@@ -12535,6 +13092,38 @@
12535
13092
  }
12536
13093
  }
12537
13094
  },
13095
+ "tab": {
13096
+ "selected": {
13097
+ "indicator": {
13098
+ "color": {
13099
+ "default": {
13100
+ "value": "#1f75cb",
13101
+ "$type": "color",
13102
+ "comment": "Used for the selected indicator of a tab.",
13103
+ "filePath": "src/tokens/contextual/tabs.tokens.json",
13104
+ "isSource": true,
13105
+ "original": {
13106
+ "value": {
13107
+ "default": "{color.blue.500}",
13108
+ "dark": "{color.blue.400}"
13109
+ },
13110
+ "$type": "color",
13111
+ "comment": "Used for the selected indicator of a tab."
13112
+ },
13113
+ "name": "TAB_SELECTED_INDICATOR_COLOR_DEFAULT",
13114
+ "attributes": {},
13115
+ "path": [
13116
+ "tab",
13117
+ "selected",
13118
+ "indicator",
13119
+ "color",
13120
+ "default"
13121
+ ]
13122
+ }
13123
+ }
13124
+ }
13125
+ }
13126
+ },
12538
13127
  "control": {
12539
13128
  "background": {
12540
13129
  "color": {
@@ -17425,7 +18014,7 @@
17425
18014
  "original": {
17426
18015
  "value": {
17427
18016
  "default": "{color.blue.50}",
17428
- "dark": "{color.blue.900}"
18017
+ "dark": "{color.blue.950}"
17429
18018
  },
17430
18019
  "$type": "color",
17431
18020
  "comment": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action."