@gitlab/ui 137.1.2 → 137.2.1

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 (44) hide show
  1. package/dist/components/charts/chart/chart.js +81 -20
  2. package/dist/components/charts/gauge/gauge.js +3 -13
  3. package/dist/components/charts/heatmap/heatmap.js +33 -13
  4. package/dist/components/charts/legend/legend.js +13 -1
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +196 -191
  8. package/dist/tokens/build/js/tokens.js +218 -213
  9. package/dist/tokens/color_mode.js +17 -0
  10. package/dist/utils/charts/color_mode.js +95 -0
  11. package/dist/utils/charts/css_values.js +105 -0
  12. package/dist/utils/charts/theme.js +72 -7
  13. package/dist/utils/constants.js +5 -5
  14. package/package.json +6 -6
  15. package/src/components/base/alert/alert.scss +13 -48
  16. package/src/components/charts/chart/chart.vue +68 -22
  17. package/src/components/charts/gauge/gauge.vue +1 -12
  18. package/src/components/charts/heatmap/heatmap.vue +34 -10
  19. package/src/components/charts/legend/legend.vue +13 -1
  20. package/src/scss/themes.scss +23 -5
  21. package/src/tokens/build/css/tokens.css +20 -15
  22. package/src/tokens/build/css/tokens.dark.css +32 -27
  23. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +199 -199
  24. package/src/tokens/build/docs/tokens-tailwind-docs.json +198 -198
  25. package/src/tokens/build/figma/constants.dark.json +33 -33
  26. package/src/tokens/build/figma/constants.json +33 -33
  27. package/src/tokens/build/figma/mode.dark.json +66 -16
  28. package/src/tokens/build/figma/mode.json +54 -4
  29. package/src/tokens/build/js/tokens.dark.js +195 -190
  30. package/src/tokens/build/js/tokens.js +217 -212
  31. package/src/tokens/build/json/tokens.dark.json +378 -218
  32. package/src/tokens/build/json/tokens.json +388 -228
  33. package/src/tokens/build/scss/_tokens.dark.scss +32 -27
  34. package/src/tokens/build/scss/_tokens.scss +20 -15
  35. package/src/tokens/build/scss/_tokens_custom_properties.scss +5 -0
  36. package/src/tokens/color_mode.js +16 -0
  37. package/src/tokens/constant/color.neutral.tokens.json +33 -33
  38. package/src/tokens/contextual/alert.tokens.json +80 -35
  39. package/src/tokens/semantic/action.tokens.json +3 -3
  40. package/src/tokens/semantic/feedback.tokens.json +6 -6
  41. package/src/utils/charts/color_mode.js +83 -0
  42. package/src/utils/charts/css_values.js +59 -0
  43. package/src/utils/charts/theme.js +72 -5
  44. package/src/utils/constants.js +5 -5
package/src/tokens/build/js/tokens.js CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
 
5
5
  export const GL_BORDER_COLOR_TRANSPARENT = 'rgba(0, 0, 0, 0)';
6
- export const GL_BORDER_COLOR_DEFAULT = '#dcdcde';
7
- export const GL_BORDER_COLOR_SUBTLE = '#ececef';
8
- export const GL_BORDER_COLOR_STRONG = '#bfbfc3';
9
- export const GL_BORDER_COLOR_SECTION = '#dcdcde';
6
+ export const GL_BORDER_COLOR_DEFAULT = '#dcdbd9';
7
+ export const GL_BORDER_COLOR_SUBTLE = '#ecebea';
8
+ export const GL_BORDER_COLOR_STRONG = '#c1bfbe';
9
+ export const GL_BORDER_COLOR_SECTION = '#dcdbd9';
10
10
  export const GL_BORDER_RADIUS_NONE = '0px';
11
11
  export const GL_BORDER_RADIUS_XS = '1px';
12
12
  export const GL_BORDER_RADIUS_SM = '0.125rem';
@@ -126,19 +126,19 @@ export const GL_COLOR_GREEN_800 = '#225131';
126
126
  export const GL_COLOR_GREEN_900 = '#1e3e28';
127
127
  export const GL_COLOR_GREEN_950 = '#17291c';
128
128
  export const GL_COLOR_NEUTRAL_0 = '#fff';
129
- export const GL_COLOR_NEUTRAL_10 = '#fbfafd';
130
- export const GL_COLOR_NEUTRAL_50 = '#ececef';
131
- export const GL_COLOR_NEUTRAL_100 = '#dcdcde';
132
- export const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
133
- export const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
134
- export const GL_COLOR_NEUTRAL_400 = '#89888d';
135
- export const GL_COLOR_NEUTRAL_500 = '#737278';
136
- export const GL_COLOR_NEUTRAL_600 = '#626168';
137
- export const GL_COLOR_NEUTRAL_700 = '#4c4b51';
138
- export const GL_COLOR_NEUTRAL_800 = '#3a383f';
129
+ export const GL_COLOR_NEUTRAL_10 = '#f7f7f5';
130
+ export const GL_COLOR_NEUTRAL_50 = '#ecebea';
131
+ export const GL_COLOR_NEUTRAL_100 = '#dcdbd9';
132
+ export const GL_COLOR_NEUTRAL_200 = '#c1bfbe';
133
+ export const GL_COLOR_NEUTRAL_300 = '#a5a3a3';
134
+ export const GL_COLOR_NEUTRAL_400 = '#8a8888';
135
+ export const GL_COLOR_NEUTRAL_500 = '#747273';
136
+ export const GL_COLOR_NEUTRAL_600 = '#646163';
137
+ export const GL_COLOR_NEUTRAL_700 = '#4d4b4e';
138
+ export const GL_COLOR_NEUTRAL_800 = '#3a383d';
139
139
  export const GL_COLOR_NEUTRAL_900 = '#28272d';
140
140
  export const GL_COLOR_NEUTRAL_950 = '#18171d';
141
- export const GL_COLOR_NEUTRAL_1000 = '#050506';
141
+ export const GL_COLOR_NEUTRAL_1000 = '#050408';
142
142
  export const GL_COLOR_ORANGE_50 = '#fdf1dd';
143
143
  export const GL_COLOR_ORANGE_100 = '#f5d9a8';
144
144
  export const GL_COLOR_ORANGE_200 = '#e9be74';
@@ -358,26 +358,31 @@ export const GL_ZINDEX_200 = '200';
358
358
  export const GL_ZINDEX_9999 = '9999';
359
359
  export const GL_ALERT_BORDER_RADIUS = '0.5rem';
360
360
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d';
361
- export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef';
361
+ export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ecebea';
362
+ export const GL_ALERT_NEUTRAL_BORDER_COLOR = '#c1bfbe';
362
363
  export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
363
364
  export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
364
365
  export const GL_ALERT_INFO_TITLE_COLOR = '#18171d';
365
366
  export const GL_ALERT_INFO_BACKGROUND_COLOR = '#e9f3fc';
367
+ export const GL_ALERT_INFO_BORDER_COLOR = '#9dc7f1';
366
368
  export const GL_ALERT_INFO_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
367
369
  export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
368
370
  export const GL_ALERT_SUCCESS_TITLE_COLOR = '#18171d';
369
371
  export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#ecf4ee';
372
+ export const GL_ALERT_SUCCESS_BORDER_COLOR = '#91d4a8';
370
373
  export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
371
374
  export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
372
375
  export const GL_ALERT_WARNING_TITLE_COLOR = '#18171d';
373
376
  export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#fdf1dd';
377
+ export const GL_ALERT_WARNING_BORDER_COLOR = '#e9be74';
374
378
  export const GL_ALERT_WARNING_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
375
379
  export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
376
380
  export const GL_ALERT_DANGER_TITLE_COLOR = '#18171d';
377
381
  export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#fcf1ef';
382
+ export const GL_ALERT_DANGER_BORDER_COLOR = '#dd2b0e';
378
383
  export const GL_ALERT_DANGER_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
379
384
  export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
380
- export const GL_APPLICATION_CHROME_BACKGROUND_COLOR = '#ececef';
385
+ export const GL_APPLICATION_CHROME_BACKGROUND_COLOR = '#ecebea';
381
386
  export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.08)';
382
387
  export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(5, 5, 6, 0.24)';
383
388
  export const GL_AVATAR_CIRCLE_BORDER_RADIUS_DEFAULT = '9999px';
@@ -388,7 +393,7 @@ export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#493c83';
388
393
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#284779';
389
394
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#225131';
390
395
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#693c14';
391
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#3a383f';
396
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#3a383d';
392
397
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(252, 181, 170, 0.23921568627450981)';
393
398
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE =
394
399
  'rgba(203, 187, 242, 0.23921568627450981)';
@@ -398,38 +403,38 @@ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE =
398
403
  'rgba(233, 190, 116, 0.23921568627450981)';
399
404
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL =
400
405
  'rgba(191, 191, 195, 0.23921568627450981)';
401
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
402
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#ececef';
403
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#ececef';
404
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
406
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#ecebea';
407
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#ecebea';
408
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#ecebea';
409
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#dcdbd9';
405
410
  export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
406
- export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#bfbfc3';
411
+ export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#c1bfbe';
407
412
  export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
408
413
  export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
409
- export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#626168';
410
- export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#4c4b51';
411
- export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#4c4b51';
412
- export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#3a383f';
413
- export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#737278';
414
- export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#626168';
415
- export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#626168';
416
- export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#4c4b51';
417
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
418
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#dcdcde';
419
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#dcdcde';
420
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
414
+ export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#646163';
415
+ export const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#4d4b4e';
416
+ export const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#4d4b4e';
417
+ export const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#3a383d';
418
+ export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#747273';
419
+ export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#646163';
420
+ export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#646163';
421
+ export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#4d4b4e';
422
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#dcdbd9';
423
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#dcdbd9';
424
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#dcdbd9';
425
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#c1bfbe';
421
426
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
422
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3';
427
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#c1bfbe';
423
428
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
424
429
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
425
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#4c4b51';
426
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#3a383f';
427
- export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#3a383f';
430
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#4d4b4e';
431
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#3a383d';
432
+ export const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#3a383d';
428
433
  export const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#28272d';
429
- export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#737278';
430
- export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#626168';
431
- export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#626168';
432
- export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#4c4b51';
434
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#747273';
435
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#646163';
436
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#646163';
437
+ export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#4d4b4e';
433
438
  export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#cbe2f9';
434
439
  export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#cbe2f9';
435
440
  export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#cbe2f9';
@@ -513,22 +518,22 @@ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#342d59';
513
518
  export const GL_BANNER_INTRO_BORDER_COLOR = '#9dc7f1';
514
519
  export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0ff';
515
520
  export const GL_BANNER_PROMO_BORDER_COLOR = '#cbbbf2';
516
- export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d';
521
+ export const GL_BREADCRUMB_SEPARATOR_COLOR = '#8a8888';
517
522
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180';
518
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278';
523
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#747273';
519
524
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f';
520
525
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f';
521
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef';
526
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ecebea';
522
527
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5';
523
528
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258';
524
529
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4';
525
530
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b';
526
531
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110';
527
532
  export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640';
528
- export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51';
533
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4d4b4e';
529
534
  export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328';
530
535
  export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261';
531
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde';
536
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdbd9';
532
537
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180';
533
538
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f';
534
539
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f';
@@ -556,18 +561,18 @@ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff';
556
561
  export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff';
557
562
  export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff';
558
563
  export const GL_BUTTON_BORDER_RADIUS = '0.5rem';
559
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
560
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f';
561
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f';
562
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#3a383f';
564
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383d';
565
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383d';
566
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383d';
567
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#3a383d';
563
568
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#fff';
564
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#ececef';
565
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ececef';
566
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
567
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#bfbfc3';
568
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#89888d';
569
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#89888d';
570
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#626168';
569
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#ecebea';
570
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ecebea';
571
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdbd9';
572
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#c1bfbe';
573
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#8a8888';
574
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#8a8888';
575
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#646163';
571
576
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#28272d';
572
577
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#28272d';
573
578
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#28272d';
@@ -584,30 +589,30 @@ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff';
584
589
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff';
585
590
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff';
586
591
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff';
587
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#3a383f';
592
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#3a383d';
588
593
  export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#18171d';
589
594
  export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#18171d';
590
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#050506';
595
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#050408';
591
596
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
592
597
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
593
598
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
594
599
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
595
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
600
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#3a383d';
596
601
  export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#18171d';
597
602
  export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#18171d';
598
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#050506';
603
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#050408';
599
604
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff';
600
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#ececef';
601
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#ececef';
602
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
603
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#3a383f';
605
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#ecebea';
606
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#ecebea';
607
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#dcdbd9';
608
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#3a383d';
604
609
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#18171d';
605
610
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#18171d';
606
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#050506';
607
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
611
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#050408';
612
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#3a383d';
608
613
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#18171d';
609
614
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#18171d';
610
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#050506';
615
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#050408';
611
616
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
612
617
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
613
618
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
@@ -640,10 +645,10 @@ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#dd2b0e';
640
645
  export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#a32c12';
641
646
  export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#a32c12';
642
647
  export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#582014';
643
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
644
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#a32c12';
645
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#a32c12';
646
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#582014';
648
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#c02f12';
649
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#812713';
650
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#812713';
651
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#3e1a14';
647
652
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0)';
648
653
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
649
654
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
@@ -652,52 +657,52 @@ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)'
652
657
  export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
653
658
  export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
654
659
  export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
655
- export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
656
- export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
657
- export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
658
- export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#626168';
660
+ export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#8a8888';
661
+ export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#8a8888';
662
+ export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#8a8888';
663
+ export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#646163';
659
664
  export const GL_BUTTON_LINK_BORDER_RADIUS = '0.25rem';
660
665
  export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#2f5ca0';
661
666
  export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#2f5ca0';
662
667
  export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#2f5ca0';
663
668
  export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#2f5ca0';
664
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383f';
665
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383f';
666
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383f';
667
- export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#3a383f';
668
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
669
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#ececef';
670
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#ececef';
671
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
672
- export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#a4a3a8';
673
- export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#89888d';
674
- export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#89888d';
675
- export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168';
676
- export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278';
677
- export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd';
678
- export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde';
669
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383d';
670
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383d';
671
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383d';
672
+ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#3a383d';
673
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ecebea';
674
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#ecebea';
675
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#ecebea';
676
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#dcdbd9';
677
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#a5a3a3';
678
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#8a8888';
679
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#8a8888';
680
+ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#646163';
681
+ export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#747273';
682
+ export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#f7f7f5';
683
+ export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdbd9';
679
684
  export const GL_BUTTON_COUNT_BACKGROUND_COLOR = 'rgba(5, 5, 6, 0.08)';
680
685
  export const GL_CARD_BORDER_RADIUS = '0.75rem';
681
- export const GL_CHART_AXIS_POINTER_COLOR = '#626168';
682
- export const GL_CHART_AXIS_LINE_COLOR = '#bfbfc3';
683
- export const GL_CHART_AXIS_TEXT_COLOR = '#626168';
686
+ export const GL_CHART_AXIS_POINTER_COLOR = '#646163';
687
+ export const GL_CHART_AXIS_LINE_COLOR = '#c1bfbe';
688
+ export const GL_CHART_AXIS_TEXT_COLOR = '#646163';
684
689
  export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221, 43, 14, 0.1)';
685
690
  export const GL_CHART_THRESHOLD_LINE_COLOR = '#dd2b0e';
686
691
  export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(5, 5, 6, 0.08)';
687
- export const GL_CHART_ZOOM_HANDLE_COLOR = '#626168';
692
+ export const GL_CHART_ZOOM_HANDLE_COLOR = '#646163';
688
693
  export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff';
689
694
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#fff';
690
695
  export const GL_DRAWER_BORDER_RADIUS = '1rem';
691
696
  export const GL_DROPDOWN_BACKGROUND_COLOR = '#fff';
692
- export const GL_DROPDOWN_BORDER_COLOR = '#bfbfc3';
697
+ export const GL_DROPDOWN_BORDER_COLOR = '#c1bfbe';
693
698
  export const GL_DROPDOWN_BORDER_RADIUS = '0.5rem';
694
- export const GL_DROPDOWN_DIVIDER_COLOR = '#dcdcde';
699
+ export const GL_DROPDOWN_DIVIDER_COLOR = '#dcdbd9';
695
700
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#28272d';
696
701
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#28272d';
697
702
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#28272d';
698
703
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#28272d';
699
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#89888d';
700
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#3a383f';
704
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#8a8888';
705
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#3a383d';
701
706
  export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#18171d';
702
707
  export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#18171d';
703
708
  export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#18171d';
@@ -705,17 +710,17 @@ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(0, 0
705
710
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(5, 5, 6, 0.06)';
706
711
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(5, 5, 6, 0.06)';
707
712
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(5, 5, 6, 0.16)';
708
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef';
709
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#dcdcde';
710
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#dcdcde';
711
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#bfbfc3';
713
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ecebea';
714
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#dcdbd9';
715
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#dcdbd9';
716
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#c1bfbe';
712
717
  export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(5, 5, 6, 0.02)';
713
- export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#ececef';
714
- export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde';
715
- export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
716
- export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
717
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
718
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
718
+ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#ecebea';
719
+ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdbd9';
720
+ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdbd9';
721
+ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#c1bfbe';
722
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ecebea';
723
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdbd9';
719
724
  export const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#171321';
720
725
  export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '2';
721
726
  export const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#fff';
@@ -768,84 +773,84 @@ export const GL_MODAL_BORDER_RADIUS = '1rem';
768
773
  export const GL_NAV_ITEM_BORDER_RADIUS = '0.5rem';
769
774
  export const GL_NAV_ITEM_FONT_SIZE = '0.875rem';
770
775
  export const GL_NAV_ITEM_FONT_WEIGHT = 425;
771
- export const GL_NAV_ITEM_FOREGROUND_COLOR_DEFAULT = '#626168';
776
+ export const GL_NAV_ITEM_FOREGROUND_COLOR_DEFAULT = '#646163';
772
777
  export const GL_NAV_ITEM_FOREGROUND_COLOR_HOVER = '#18171d';
773
778
  export const GL_NAV_ITEM_FOREGROUND_COLOR_FOCUS = '#18171d';
774
779
  export const GL_NAV_ITEM_FOREGROUND_COLOR_ACTIVE = '#18171d';
775
780
  export const GL_NAV_ITEM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
776
- export const GL_NAV_ITEM_BACKGROUND_COLOR_HOVER = '#dcdcde';
777
- export const GL_NAV_ITEM_BACKGROUND_COLOR_FOCUS = '#dcdcde';
778
- export const GL_NAV_ITEM_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
781
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_HOVER = '#dcdbd9';
782
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_FOCUS = '#dcdbd9';
783
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_ACTIVE = '#c1bfbe';
779
784
  export const GL_NAV_ITEM_SELECTED_FONT_WEIGHT = 600;
780
785
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_DEFAULT = '#18171d';
781
786
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
782
787
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
783
788
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
784
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
785
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#dcdcde';
786
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#dcdcde';
787
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
789
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#dcdbd9';
790
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#dcdbd9';
791
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#dcdbd9';
792
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#c1bfbe';
788
793
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb';
789
794
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548';
790
795
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100';
791
796
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#dd2b0e';
792
- export const GL_PROGRESS_BAR_TRACK_COLOR = '#bfbfc3';
793
- export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#dcdcde';
794
- export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#ececef';
795
- export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdcde';
796
- export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383f';
797
- export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4c4b51';
798
- export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3';
797
+ export const GL_PROGRESS_BAR_TRACK_COLOR = '#c1bfbe';
798
+ export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#dcdbd9';
799
+ export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#ecebea';
800
+ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdbd9';
801
+ export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383d';
802
+ export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4d4b4e';
803
+ export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#c1bfbe';
799
804
  export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#e9f3fc';
800
805
  export const GL_TABLE_SORTING_ICON_COLOR = '#18171d';
801
- export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#050506';
806
+ export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#050408';
802
807
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DEFAULT = '#fff';
803
808
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_HOVER = '#fff';
804
809
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_FOCUS = '#fff';
805
810
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_ACTIVE = 'rgba(5, 5, 6, 0.16)';
806
811
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DISABLED = '#fff';
807
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DEFAULT = '#3a383f';
812
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DEFAULT = '#3a383d';
808
813
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_HOVER = '#18171d';
809
814
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_FOCUS = '#18171d';
810
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_ACTIVE = '#050506';
811
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DISABLED = '#89888d';
812
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_LOADING = '#ececef';
813
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DEFAULT = '#89888d';
814
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_HOVER = '#626168';
815
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_FOCUS = '#626168';
816
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_ACTIVE = '#626168';
817
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DISABLED = '#dcdcde';
818
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DEFAULT = '#3a383f';
815
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_ACTIVE = '#050408';
816
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DISABLED = '#8a8888';
817
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_LOADING = '#ecebea';
818
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DEFAULT = '#8a8888';
819
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_HOVER = '#646163';
820
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_FOCUS = '#646163';
821
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_ACTIVE = '#646163';
822
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DISABLED = '#dcdbd9';
823
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DEFAULT = '#3a383d';
819
824
  export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_HOVER = '#18171d';
820
825
  export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_FOCUS = '#18171d';
821
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_ACTIVE = '#050506';
822
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DISABLED = '#89888d';
823
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_LOADING = '#ececef';
824
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DEFAULT = '#3a383f';
825
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_HOVER = '#3a383f';
826
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_FOCUS = '#3a383f';
827
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_ACTIVE = '#3a383f';
828
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DISABLED = '#89888d';
826
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_ACTIVE = '#050408';
827
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DISABLED = '#8a8888';
828
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_LOADING = '#ecebea';
829
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DEFAULT = '#3a383d';
830
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_HOVER = '#3a383d';
831
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_FOCUS = '#3a383d';
832
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_ACTIVE = '#3a383d';
833
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DISABLED = '#8a8888';
829
834
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DEFAULT = '#fff';
830
835
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_HOVER = '#fff';
831
836
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_FOCUS = '#fff';
832
837
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_ACTIVE = '#fff';
833
838
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DISABLED = '#fff';
834
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED = '#89888d';
839
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED = '#8a8888';
835
840
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#fff';
836
841
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#fff';
837
842
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#fff';
838
843
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#fff';
839
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#3a383f';
844
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#3a383d';
840
845
  export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#18171d';
841
846
  export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#18171d';
842
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#050506';
843
- export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#ececef';
844
- export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#a4a3a8';
847
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#050408';
848
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#ecebea';
849
+ export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#a5a3a3';
845
850
  export const GL_TOKEN_BORDER_RADIUS = '0.25rem';
846
- export const GL_TOKEN_FOREGROUND_COLOR = '#3a383f';
847
- export const GL_TOKEN_BACKGROUND_COLOR = '#dcdcde';
848
- export const GL_TOOLTIP_TEXT_COLOR_SUBTLE = '#bfbfc3';
851
+ export const GL_TOKEN_FOREGROUND_COLOR = '#3a383d';
852
+ export const GL_TOKEN_BACKGROUND_COLOR = '#dcdbd9';
853
+ export const GL_TOOLTIP_TEXT_COLOR_SUBTLE = '#c1bfbe';
849
854
  export const DATA_VIZ_GREEN_50 = '#ddfab7';
850
855
  export const DATA_VIZ_GREEN_100 = '#c6ed94';
851
856
  export const DATA_VIZ_GREEN_200 = '#b0d97b';
@@ -901,7 +906,7 @@ export const DATA_VIZ_ORANGE_700 = '#92430a';
901
906
  export const DATA_VIZ_ORANGE_800 = '#6f3500';
902
907
  export const DATA_VIZ_ORANGE_900 = '#5e2f05';
903
908
  export const DATA_VIZ_ORANGE_950 = '#4b2707';
904
- export const BLACK = '#050506';
909
+ export const BLACK = '#050408';
905
910
  export const WHITE = '#fff';
906
911
  export const BLUE_50 = '#e9f3fc';
907
912
  export const BLUE_100 = '#cbe2f9';
@@ -914,16 +919,16 @@ export const BLUE_700 = '#2f5ca0';
914
919
  export const BLUE_800 = '#284779';
915
920
  export const BLUE_900 = '#213454';
916
921
  export const BLUE_950 = '#1d283e';
917
- export const GRAY_10 = '#fbfafd';
918
- export const GRAY_50 = '#ececef';
919
- export const GRAY_100 = '#dcdcde';
920
- export const GRAY_200 = '#bfbfc3';
921
- export const GRAY_300 = '#a4a3a8';
922
- export const GRAY_400 = '#89888d';
923
- export const GRAY_500 = '#737278';
924
- export const GRAY_600 = '#626168';
925
- export const GRAY_700 = '#4c4b51';
926
- export const GRAY_800 = '#3a383f';
922
+ export const GRAY_10 = '#f7f7f5';
923
+ export const GRAY_50 = '#ecebea';
924
+ export const GRAY_100 = '#dcdbd9';
925
+ export const GRAY_200 = '#c1bfbe';
926
+ export const GRAY_300 = '#a5a3a3';
927
+ export const GRAY_400 = '#8a8888';
928
+ export const GRAY_500 = '#747273';
929
+ export const GRAY_600 = '#646163';
930
+ export const GRAY_700 = '#4d4b4e';
931
+ export const GRAY_800 = '#3a383d';
927
932
  export const GRAY_900 = '#28272d';
928
933
  export const GRAY_950 = '#18171d';
929
934
  export const GREEN_50 = '#ecf4ee';
@@ -995,22 +1000,22 @@ export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
995
1000
  export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
996
1001
  export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
997
1002
  export const GL_ACTION_BORDER_RADIUS = '0.5rem';
998
- export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d';
999
- export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef';
1000
- export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde';
1003
+ export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#8a8888';
1004
+ export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ecebea';
1005
+ export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdbd9';
1001
1006
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff';
1002
1007
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff';
1003
1008
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff';
1004
1009
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff';
1005
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#3a383f';
1010
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#3a383d';
1006
1011
  export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#18171d';
1007
1012
  export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#18171d';
1008
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#050506';
1009
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DISABLED = '#89888d';
1010
- export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#3a383f';
1013
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#050408';
1014
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DISABLED = '#8a8888';
1015
+ export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#3a383d';
1011
1016
  export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#18171d';
1012
1017
  export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#18171d';
1013
- export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#050506';
1018
+ export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#050408';
1014
1019
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d';
1015
1020
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d';
1016
1021
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d';
@@ -1023,10 +1028,10 @@ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1023
1028
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1024
1029
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1025
1030
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1026
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#3a383f';
1031
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#3a383d';
1027
1032
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
1028
1033
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
1029
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#050506';
1034
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#050408';
1030
1035
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1031
1036
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
1032
1037
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
@@ -1035,10 +1040,10 @@ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1035
1040
  export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1036
1041
  export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1037
1042
  export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1038
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
1039
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#a32c12';
1040
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#a32c12';
1041
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#582014';
1043
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#c02f12';
1044
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#812713';
1045
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#812713';
1046
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#3e1a14';
1042
1047
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0)';
1043
1048
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
1044
1049
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
@@ -1059,10 +1064,10 @@ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1059
1064
  export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1060
1065
  export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1061
1066
  export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1062
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#626168';
1063
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4c4b51';
1064
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4c4b51';
1065
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383f';
1067
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#646163';
1068
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4d4b4e';
1069
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4d4b4e';
1070
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383d';
1066
1071
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#fff';
1067
1072
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
1068
1073
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
@@ -1072,43 +1077,43 @@ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1072
1077
  export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1073
1078
  export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1074
1079
  export const GL_BACKGROUND_COLOR_DEFAULT = '#fff';
1075
- export const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd';
1076
- export const GL_BACKGROUND_COLOR_STRONG = '#ececef';
1077
- export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
1080
+ export const GL_BACKGROUND_COLOR_SUBTLE = '#f7f7f5';
1081
+ export const GL_BACKGROUND_COLOR_STRONG = '#ecebea';
1082
+ export const GL_BACKGROUND_COLOR_DISABLED = '#f7f7f5';
1078
1083
  export const GL_BACKGROUND_COLOR_OVERLAP = '#fff';
1079
1084
  export const GL_BACKGROUND_COLOR_SECTION = '#fff';
1080
1085
  export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(5, 5, 6, 0.24)';
1081
1086
  export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff';
1082
- export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
1083
- export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd';
1087
+ export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#f7f7f5';
1088
+ export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#f7f7f5';
1084
1089
  export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(5, 5, 6, 0.02)';
1085
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
1090
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383d';
1086
1091
  export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#18171d';
1087
1092
  export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#18171d';
1088
- export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d';
1089
- export const GL_CONTROL_BORDER_COLOR_HOVER = '#626168';
1093
+ export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#8a8888';
1094
+ export const GL_CONTROL_BORDER_COLOR_HOVER = '#646163';
1090
1095
  export const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d';
1091
- export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde';
1096
+ export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdbd9';
1092
1097
  export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
1093
- export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#3a383f';
1098
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#3a383d';
1094
1099
  export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#18171d';
1095
1100
  export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#18171d';
1096
1101
  export const GL_CONTROL_BORDER_RADIUS = '0.5rem';
1097
1102
  export const GL_CONTROL_TEXT_COLOR_ERROR = '#c02f12';
1098
1103
  export const GL_CONTROL_TEXT_COLOR_VALID = '#2f7549';
1099
- export const GL_CONTROL_PLACEHOLDER_COLOR = '#737278';
1104
+ export const GL_CONTROL_PLACEHOLDER_COLOR = '#747273';
1100
1105
  export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff';
1101
- export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278';
1106
+ export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#747273';
1102
1107
  export const GL_FEEDBACK_BORDER_RADIUS = '0.5rem';
1103
- export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f';
1104
- export const GL_FEEDBACK_STRONG_BORDER_COLOR = '#050506';
1108
+ export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383d';
1109
+ export const GL_FEEDBACK_STRONG_BORDER_COLOR = '#050408';
1105
1110
  export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
1106
1111
  export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
1107
1112
  export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9';
1108
- export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#ececef';
1109
- export const GL_FEEDBACK_NEUTRAL_BORDER_COLOR = '#bfbfc3';
1110
- export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#4c4b51';
1111
- export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#626168';
1113
+ export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#ecebea';
1114
+ export const GL_FEEDBACK_NEUTRAL_BORDER_COLOR = '#c1bfbe';
1115
+ export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#4d4b4e';
1116
+ export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#646163';
1112
1117
  export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#e9f3fc';
1113
1118
  export const GL_FEEDBACK_INFO_BORDER_COLOR = '#9dc7f1';
1114
1119
  export const GL_FEEDBACK_INFO_TEXT_COLOR = '#2f5ca0';
@@ -1135,19 +1140,19 @@ export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#ab6100';
1135
1140
  export const GL_HIGHLIGHT_MATCH_TEXT_COLOR = '#fff';
1136
1141
  export const GL_HIGHLIGHT_TARGET_BACKGROUND_COLOR = '#e9f3fc';
1137
1142
  export const GL_HIGHLIGHT_TARGET_BORDER_COLOR = '#9dc7f1';
1138
- export const GL_ICON_COLOR_DEFAULT = '#3a383f';
1139
- export const GL_ICON_COLOR_SUBTLE = '#626168';
1143
+ export const GL_ICON_COLOR_DEFAULT = '#3a383d';
1144
+ export const GL_ICON_COLOR_SUBTLE = '#646163';
1140
1145
  export const GL_ICON_COLOR_STRONG = '#18171d';
1141
- export const GL_ICON_COLOR_DISABLED = '#89888d';
1146
+ export const GL_ICON_COLOR_DISABLED = '#8a8888';
1142
1147
  export const GL_ICON_COLOR_LINK = '#2f5ca0';
1143
1148
  export const GL_ICON_COLOR_INFO = '#2f5ca0';
1144
1149
  export const GL_ICON_COLOR_WARNING = '#995715';
1145
1150
  export const GL_ICON_COLOR_DANGER = '#c02f12';
1146
1151
  export const GL_ICON_COLOR_SUCCESS = '#2f7549';
1147
1152
  export const GL_LETTER_SPACING_HEADING = '-0.01em';
1148
- export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdcde';
1149
- export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4c4b51';
1150
- export const GL_STATUS_NEUTRAL_ICON_COLOR = '#737278';
1153
+ export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdbd9';
1154
+ export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4d4b4e';
1155
+ export const GL_STATUS_NEUTRAL_ICON_COLOR = '#747273';
1151
1156
  export const GL_STATUS_INFO_BACKGROUND_COLOR = '#cbe2f9';
1152
1157
  export const GL_STATUS_INFO_TEXT_COLOR = '#2f5ca0';
1153
1158
  export const GL_STATUS_INFO_ICON_COLOR = '#1f75cb';
@@ -1163,18 +1168,18 @@ export const GL_STATUS_DANGER_ICON_COLOR = '#dd2b0e';
1163
1168
  export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#e1d8f9';
1164
1169
  export const GL_STATUS_BRAND_TEXT_COLOR = '#5c47a6';
1165
1170
  export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf';
1166
- export const GL_TEXT_PRIMARY = '#3a383f';
1167
- export const GL_TEXT_SECONDARY = '#626168';
1168
- export const GL_TEXT_TERTIARY = '#89888d';
1169
- export const GL_TEXT_COLOR_DEFAULT = '#3a383f';
1170
- export const GL_TEXT_COLOR_SUBTLE = '#626168';
1171
+ export const GL_TEXT_PRIMARY = '#3a383d';
1172
+ export const GL_TEXT_SECONDARY = '#646163';
1173
+ export const GL_TEXT_TERTIARY = '#8a8888';
1174
+ export const GL_TEXT_COLOR_DEFAULT = '#3a383d';
1175
+ export const GL_TEXT_COLOR_SUBTLE = '#646163';
1171
1176
  export const GL_TEXT_COLOR_STRONG = '#18171d';
1172
1177
  export const GL_TEXT_COLOR_HEADING = '#18171d';
1173
1178
  export const GL_TEXT_COLOR_LINK = '#2f5ca0';
1174
1179
  export const GL_TEXT_COLOR_WARNING = '#995715';
1175
1180
  export const GL_TEXT_COLOR_DANGER = '#c02f12';
1176
1181
  export const GL_TEXT_COLOR_SUCCESS = '#2f7549';
1177
- export const GL_TEXT_COLOR_DISABLED = '#89888d';
1182
+ export const GL_TEXT_COLOR_DISABLED = '#8a8888';
1178
1183
  export const GL_HEADING_1_FONT_WEIGHT = 600;
1179
1184
  export const GL_HEADING_1_MARGIN_TOP = '0px';
1180
1185
  export const GL_HEADING_1_FONT_SIZE = 'clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)';