@gitlab/ui 112.2.3 → 112.3.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 (32) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/base/nav/nav.js +89 -5
  3. package/dist/index.css +2 -2
  4. package/dist/index.css.map +1 -1
  5. package/dist/tailwind.css +1 -1
  6. package/dist/tokens/build/js/tokens.dark.js +80 -80
  7. package/dist/tokens/build/js/tokens.js +179 -179
  8. package/dist/tokens/css/tokens.css +50 -50
  9. package/dist/tokens/css/tokens.dark.css +25 -25
  10. package/dist/tokens/js/tokens.dark.js +80 -80
  11. package/dist/tokens/js/tokens.js +179 -179
  12. package/dist/tokens/json/tokens.dark.json +130 -130
  13. package/dist/tokens/json/tokens.json +229 -229
  14. package/dist/tokens/scss/_tokens.dark.scss +25 -25
  15. package/dist/tokens/scss/_tokens.scss +50 -50
  16. package/dist/tokens/tailwind/tokens.cjs +47 -47
  17. package/package.json +2 -2
  18. package/src/components/base/nav/nav.md +182 -4
  19. package/src/components/base/nav/nav.vue +60 -7
  20. package/src/tokens/build/css/tokens.css +50 -50
  21. package/src/tokens/build/css/tokens.dark.css +25 -25
  22. package/src/tokens/build/figma/constants.tokens.json +25 -25
  23. package/src/tokens/build/figma/deprecated.tokens.json +25 -25
  24. package/src/tokens/build/js/tokens.dark.js +80 -80
  25. package/src/tokens/build/js/tokens.js +179 -179
  26. package/src/tokens/build/json/tokens.dark.json +130 -130
  27. package/src/tokens/build/json/tokens.json +229 -229
  28. package/src/tokens/build/scss/_tokens.dark.scss +25 -25
  29. package/src/tokens/build/scss/_tokens.scss +50 -50
  30. package/src/tokens/build/tailwind/tokens.cjs +47 -47
  31. package/src/tokens/constant/color.tokens.json +25 -25
  32. package/src/tokens/deprecated/deprecated.color.tokens.json +25 -25
@@ -23,11 +23,11 @@ export const GL_COLOR_BLUE_200 = '#9dc7f1';
23
23
  export const GL_COLOR_BLUE_300 = '#63a6e9';
24
24
  export const GL_COLOR_BLUE_400 = '#428fdc';
25
25
  export const GL_COLOR_BLUE_500 = '#1f75cb';
26
- export const GL_COLOR_BLUE_600 = '#1068bf';
27
- export const GL_COLOR_BLUE_700 = '#0b5cad';
28
- export const GL_COLOR_BLUE_800 = '#064787';
29
- export const GL_COLOR_BLUE_900 = '#033464';
30
- export const GL_COLOR_BLUE_950 = '#002850';
26
+ export const GL_COLOR_BLUE_600 = '#2f68b4';
27
+ export const GL_COLOR_BLUE_700 = '#2f5ca0';
28
+ export const GL_COLOR_BLUE_800 = '#284779';
29
+ export const GL_COLOR_BLUE_900 = '#213454';
30
+ export const GL_COLOR_BLUE_950 = '#1d283e';
31
31
  export const GL_COLOR_NEUTRAL_0 = '#fff';
32
32
  export const GL_COLOR_NEUTRAL_10 = '#fbfafd';
33
33
  export const GL_COLOR_NEUTRAL_50 = '#ececef';
@@ -48,44 +48,44 @@ export const GL_COLOR_GREEN_200 = '#91d4a8';
48
48
  export const GL_COLOR_GREEN_300 = '#52b87a';
49
49
  export const GL_COLOR_GREEN_400 = '#2da160';
50
50
  export const GL_COLOR_GREEN_500 = '#108548';
51
- export const GL_COLOR_GREEN_600 = '#217645';
52
- export const GL_COLOR_GREEN_700 = '#24663b';
53
- export const GL_COLOR_GREEN_800 = '#0d532a';
54
- export const GL_COLOR_GREEN_900 = '#0a4020';
55
- export const GL_COLOR_GREEN_950 = '#072b15';
51
+ export const GL_COLOR_GREEN_600 = '#2f7549';
52
+ export const GL_COLOR_GREEN_700 = '#306440';
53
+ export const GL_COLOR_GREEN_800 = '#225131';
54
+ export const GL_COLOR_GREEN_900 = '#1e3e28';
55
+ export const GL_COLOR_GREEN_950 = '#17291c';
56
56
  export const GL_COLOR_ORANGE_50 = '#fdf1dd';
57
57
  export const GL_COLOR_ORANGE_100 = '#f5d9a8';
58
58
  export const GL_COLOR_ORANGE_200 = '#e9be74';
59
59
  export const GL_COLOR_ORANGE_300 = '#d99530';
60
60
  export const GL_COLOR_ORANGE_400 = '#c17d10';
61
61
  export const GL_COLOR_ORANGE_500 = '#ab6100';
62
- export const GL_COLOR_ORANGE_600 = '#9e5400';
63
- export const GL_COLOR_ORANGE_700 = '#8f4700';
64
- export const GL_COLOR_ORANGE_800 = '#703800';
65
- export const GL_COLOR_ORANGE_900 = '#5c2900';
66
- export const GL_COLOR_ORANGE_950 = '#421f00';
62
+ export const GL_COLOR_ORANGE_600 = '#995715';
63
+ export const GL_COLOR_ORANGE_700 = '#894b16';
64
+ export const GL_COLOR_ORANGE_800 = '#693c14';
65
+ export const GL_COLOR_ORANGE_900 = '#532e16';
66
+ export const GL_COLOR_ORANGE_950 = '#382315';
67
67
  export const GL_COLOR_PURPLE_50 = '#f4f0ff';
68
68
  export const GL_COLOR_PURPLE_100 = '#e1d8f9';
69
69
  export const GL_COLOR_PURPLE_200 = '#cbbbf2';
70
70
  export const GL_COLOR_PURPLE_300 = '#ac93e6';
71
71
  export const GL_COLOR_PURPLE_400 = '#9475db';
72
72
  export const GL_COLOR_PURPLE_500 = '#7b58cf';
73
- export const GL_COLOR_PURPLE_600 = '#694cc0';
74
- export const GL_COLOR_PURPLE_700 = '#5943b6';
75
- export const GL_COLOR_PURPLE_800 = '#453894';
76
- export const GL_COLOR_PURPLE_900 = '#2f2a6b';
77
- export const GL_COLOR_PURPLE_950 = '#232150';
73
+ export const GL_COLOR_PURPLE_600 = '#6a4fb4';
74
+ export const GL_COLOR_PURPLE_700 = '#5c47a6';
75
+ export const GL_COLOR_PURPLE_800 = '#493c83';
76
+ export const GL_COLOR_PURPLE_900 = '#342d59';
77
+ export const GL_COLOR_PURPLE_950 = '#27243e';
78
78
  export const GL_COLOR_RED_50 = '#fcf1ef';
79
79
  export const GL_COLOR_RED_100 = '#fdd4cd';
80
80
  export const GL_COLOR_RED_200 = '#fcb5aa';
81
81
  export const GL_COLOR_RED_300 = '#f6806d';
82
82
  export const GL_COLOR_RED_400 = '#ec5941';
83
83
  export const GL_COLOR_RED_500 = '#dd2b0e';
84
- export const GL_COLOR_RED_600 = '#c91c00';
85
- export const GL_COLOR_RED_700 = '#ae1800';
86
- export const GL_COLOR_RED_800 = '#8d1300';
87
- export const GL_COLOR_RED_900 = '#660e00';
88
- export const GL_COLOR_RED_950 = '#4d0a00';
84
+ export const GL_COLOR_RED_600 = '#c02f12';
85
+ export const GL_COLOR_RED_700 = '#a32c12';
86
+ export const GL_COLOR_RED_800 = '#812713';
87
+ export const GL_COLOR_RED_900 = '#582014';
88
+ export const GL_COLOR_RED_950 = '#3e1a14';
89
89
  export const GL_COLOR_DATA_GREEN_50 = '#ddfab7';
90
90
  export const GL_COLOR_DATA_GREEN_100 = '#c6ed94';
91
91
  export const GL_COLOR_DATA_GREEN_200 = '#b0d97b';
@@ -312,14 +312,14 @@ export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent';
312
312
  export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1';
313
313
  export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent';
314
314
  export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent';
315
- export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#002850';
316
- export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#002850';
317
- export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#002850';
318
- export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#002850';
319
- export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#002850';
320
- export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#002850';
321
- export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#002850';
322
- export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#002850';
315
+ export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#1d283e';
316
+ export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#1d283e';
317
+ export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#1d283e';
318
+ export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#1d283e';
319
+ export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1d283e';
320
+ export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#1d283e';
321
+ export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#1d283e';
322
+ export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#1d283e';
323
323
  export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a';
324
324
  export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a';
325
325
  export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a';
@@ -328,14 +328,14 @@ export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent';
328
328
  export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8';
329
329
  export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent';
330
330
  export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent';
331
- export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#072b15';
332
- export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#072b15';
333
- export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#072b15';
334
- export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#072b15';
335
- export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#072b15';
336
- export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#072b15';
337
- export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#072b15';
338
- export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#072b15';
331
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#17291c';
332
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#17291c';
333
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#17291c';
334
+ export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#17291c';
335
+ export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#17291c';
336
+ export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#17291c';
337
+ export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#17291c';
338
+ export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#17291c';
339
339
  export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530';
340
340
  export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530';
341
341
  export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530';
@@ -344,14 +344,14 @@ export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent';
344
344
  export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74';
345
345
  export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent';
346
346
  export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent';
347
- export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#421f00';
348
- export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#421f00';
349
- export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#421f00';
350
- export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#421f00';
351
- export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#421f00';
352
- export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#421f00';
353
- export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#421f00';
354
- export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#421f00';
347
+ export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#382315';
348
+ export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#382315';
349
+ export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#382315';
350
+ export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#382315';
351
+ export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#382315';
352
+ export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#382315';
353
+ export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#382315';
354
+ export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#382315';
355
355
  export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f6806d';
356
356
  export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f6806d';
357
357
  export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f6806d';
@@ -360,14 +360,14 @@ export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
360
360
  export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa';
361
361
  export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent';
362
362
  export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
363
- export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#4d0a00';
364
- export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#4d0a00';
365
- export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#4d0a00';
366
- export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#4d0a00';
367
- export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#4d0a00';
368
- export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#4d0a00';
369
- export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#4d0a00';
370
- export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#4d0a00';
363
+ export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#3e1a14';
364
+ export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#3e1a14';
365
+ export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#3e1a14';
366
+ export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#3e1a14';
367
+ export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#3e1a14';
368
+ export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#3e1a14';
369
+ export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#3e1a14';
370
+ export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#3e1a14';
371
371
  export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6';
372
372
  export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6';
373
373
  export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6';
@@ -376,17 +376,17 @@ export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent';
376
376
  export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2';
377
377
  export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent';
378
378
  export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent';
379
- export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#232150';
380
- export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#232150';
381
- export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#232150';
382
- export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#232150';
383
- export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#232150';
384
- export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#232150';
385
- export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#232150';
386
- export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#232150';
387
- export const GL_BANNER_INTRO_BORDER_COLOR = '#0b5cad';
388
- export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#232150';
389
- export const GL_BANNER_PROMO_BORDER_COLOR = '#5943b6';
379
+ export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#27243e';
380
+ export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#27243e';
381
+ export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#27243e';
382
+ export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#27243e';
383
+ export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#27243e';
384
+ export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#27243e';
385
+ export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#27243e';
386
+ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#27243e';
387
+ export const GL_BANNER_INTRO_BORDER_COLOR = '#2f5ca0';
388
+ export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#27243e';
389
+ export const GL_BANNER_PROMO_BORDER_COLOR = '#5c47a6';
390
390
  export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d';
391
391
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180';
392
392
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278';
@@ -551,7 +551,7 @@ export const GL_CHART_AXIS_POINTER_COLOR = '#bfbfc3';
551
551
  export const GL_CHART_AXIS_LINE_COLOR = '#4c4b51';
552
552
  export const GL_CHART_AXIS_TEXT_COLOR = '#bfbfc3';
553
553
  export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221,43,14,0.1)';
554
- export const GL_CHART_THRESHOLD_LINE_COLOR = '#c91c00';
554
+ export const GL_CHART_THRESHOLD_LINE_COLOR = '#c02f12';
555
555
  export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(255, 255, 255, 0.16)';
556
556
  export const GL_CHART_ZOOM_HANDLE_COLOR = '#bfbfc3';
557
557
  export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d';
@@ -629,8 +629,8 @@ export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT = '#fff';
629
629
  export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER = '#18171d';
630
630
  export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#cbe2f9';
631
631
  export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#f5d9a8';
632
- export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#064787';
633
- export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#703800';
632
+ export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#284779';
633
+ export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#693c14';
634
634
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#63a6e9';
635
635
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#52b87a';
636
636
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#d99530';
@@ -991,16 +991,16 @@ export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9';
991
991
  export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#28272d';
992
992
  export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#bfbfc3';
993
993
  export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#a4a3a8';
994
- export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#002850';
994
+ export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#1d283e';
995
995
  export const GL_FEEDBACK_INFO_TEXT_COLOR = '#9dc7f1';
996
996
  export const GL_FEEDBACK_INFO_ICON_COLOR = '#63a6e9';
997
- export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#0a4020';
997
+ export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#1e3e28';
998
998
  export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#91d4a8';
999
999
  export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#52b87a';
1000
- export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#5c2900';
1000
+ export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#532e16';
1001
1001
  export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#e9be74';
1002
1002
  export const GL_FEEDBACK_WARNING_ICON_COLOR = '#d99530';
1003
- export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#660e00';
1003
+ export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#582014';
1004
1004
  export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#fcb5aa';
1005
1005
  export const GL_FEEDBACK_DANGER_ICON_COLOR = '#f6806d';
1006
1006
  export const GL_FOCUS_RING_OUTER_COLOR = '#428fdc';
@@ -1018,19 +1018,19 @@ export const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
1018
1018
  export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#3a383f';
1019
1019
  export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#bfbfc3';
1020
1020
  export const GL_STATUS_NEUTRAL_ICON_COLOR = '#a4a3a8';
1021
- export const GL_STATUS_INFO_BACKGROUND_COLOR = '#064787';
1021
+ export const GL_STATUS_INFO_BACKGROUND_COLOR = '#284779';
1022
1022
  export const GL_STATUS_INFO_TEXT_COLOR = '#9dc7f1';
1023
1023
  export const GL_STATUS_INFO_ICON_COLOR = '#63a6e9';
1024
- export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#0d532a';
1024
+ export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#225131';
1025
1025
  export const GL_STATUS_SUCCESS_TEXT_COLOR = '#91d4a8';
1026
1026
  export const GL_STATUS_SUCCESS_ICON_COLOR = '#52b87a';
1027
- export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#703800';
1027
+ export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#693c14';
1028
1028
  export const GL_STATUS_WARNING_TEXT_COLOR = '#e9be74';
1029
1029
  export const GL_STATUS_WARNING_ICON_COLOR = '#d99530';
1030
- export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#8d1300';
1030
+ export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#812713';
1031
1031
  export const GL_STATUS_DANGER_TEXT_COLOR = '#fcb5aa';
1032
1032
  export const GL_STATUS_DANGER_ICON_COLOR = '#f6806d';
1033
- export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#2f2a6b';
1033
+ export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#342d59';
1034
1034
  export const GL_STATUS_BRAND_TEXT_COLOR = '#ac93e6';
1035
1035
  export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf';
1036
1036
  export const GL_TEXT_PRIMARY = '#ececef';