@gitlab/ui 134.6.0 → 134.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 (32) hide show
  1. package/dist/components/dashboards/dashboard_panel/dashboard_panel.js +5 -3
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +86 -68
  5. package/dist/tokens/build/js/tokens.js +93 -75
  6. package/package.json +4 -4
  7. package/src/components/base/toggle/toggle.scss +75 -51
  8. package/src/components/dashboards/dashboard_panel/dashboard_panel.vue +4 -1
  9. package/src/scss/bootstrap_no_utils.scss +33 -0
  10. package/src/scss/gitlab_ui_no_utils.scss +24 -0
  11. package/src/tokens/build/css/tokens.css +76 -58
  12. package/src/tokens/build/css/tokens.dark.css +74 -56
  13. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +145 -0
  14. package/src/tokens/build/docs/tokens-tailwind-docs.json +145 -0
  15. package/src/tokens/build/figma/constants.dark.json +2 -2
  16. package/src/tokens/build/figma/constants.json +2 -2
  17. package/src/tokens/build/figma/mode.dark.json +206 -108
  18. package/src/tokens/build/figma/mode.json +209 -87
  19. package/src/tokens/build/js/tokens.dark.js +85 -67
  20. package/src/tokens/build/js/tokens.js +92 -74
  21. package/src/tokens/build/json/tokens.dark.json +846 -225
  22. package/src/tokens/build/json/tokens.json +850 -229
  23. package/src/tokens/build/scss/_tokens.dark.scss +74 -56
  24. package/src/tokens/build/scss/_tokens.scss +76 -58
  25. package/src/tokens/build/scss/_tokens_custom_properties.scss +18 -0
  26. package/src/tokens/build/tailwind/tokens.cjs +1 -0
  27. package/src/tokens/constant/color.alpha.tokens.json +16 -0
  28. package/src/tokens/contextual/button.tokens.json +34 -58
  29. package/src/tokens/contextual/tabs.tokens.json +2 -8
  30. package/src/tokens/contextual/toggle.tokens.json +195 -0
  31. package/src/tokens/semantic/action.tokens.json +22 -124
  32. package/src/tokens/semantic/control.tokens.json +9 -21
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -32,6 +32,7 @@ export const GL_COLOR_ALPHA_LIGHT_8 = 'rgba(255, 255, 255, 0.08)';
32
32
  export const GL_COLOR_ALPHA_LIGHT_16 = 'rgba(255, 255, 255, 0.16)';
33
33
  export const GL_COLOR_ALPHA_LIGHT_24 = 'rgba(255, 255, 255, 0.24)';
34
34
  export const GL_COLOR_ALPHA_LIGHT_36 = 'rgba(255, 255, 255, 0.36)';
35
+ export const GL_COLOR_ALPHA_LIGHT_40 = 'rgba(255, 255, 255, 0.4)';
35
36
  export const GL_COLOR_BLUE_50 = '#e9f3fc';
36
37
  export const GL_COLOR_BLUE_100 = '#cbe2f9';
37
38
  export const GL_COLOR_BLUE_200 = '#9dc7f1';
@@ -570,10 +571,10 @@ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
570
571
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ececef';
571
572
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ececef';
572
573
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#ececef';
573
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
574
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
575
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
576
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
574
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
575
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
576
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
577
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(255, 255, 255, 0.08)';
577
578
  export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
578
579
  export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
579
580
  export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -582,34 +583,34 @@ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
582
583
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
583
584
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
584
585
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d';
585
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
586
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#9dc7f1';
587
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
588
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#428fdc';
586
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#ececef';
587
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#fbfafd';
588
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fbfafd';
589
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
589
590
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
590
591
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
591
592
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
592
593
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
593
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#cbe2f9';
594
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#cbe2f9';
595
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
596
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
597
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.4)';
598
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.64)';
599
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.64)';
600
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.32)';
594
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
595
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#fbfafd';
596
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fbfafd';
597
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fff';
598
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(255, 255, 255, 0.24)';
599
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.4)';
600
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.4)';
601
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(255, 255, 255, 0.16)';
601
602
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
602
603
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
603
604
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
604
605
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
605
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
606
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#cbe2f9';
607
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
608
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
609
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0)';
610
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
611
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
612
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
606
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
607
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#fbfafd';
608
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fbfafd';
609
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fff';
610
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
611
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
612
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
613
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(255, 255, 255, 0.08)';
613
614
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
614
615
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
615
616
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -695,14 +696,14 @@ export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#ececef';
695
696
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#ececef';
696
697
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#ececef';
697
698
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#737278';
698
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#63a6e9';
699
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#9dc7f1';
700
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#9dc7f1';
701
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#9dc7f1';
702
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(137, 136, 141, 0)';
703
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(137, 136, 141, 0.4)';
704
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(137, 136, 141, 0.4)';
705
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(137, 136, 141, 0.16)';
699
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#ececef';
700
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#fbfafd';
701
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#fbfafd';
702
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#fbfafd';
703
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(0, 0, 0, 0)';
704
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(255, 255, 255, 0.16)';
705
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(255, 255, 255, 0.16)';
706
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(255, 255, 255, 0.08)';
706
707
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
707
708
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#4c4b51';
708
709
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#4c4b51';
@@ -770,18 +771,18 @@ export const GL_NAV_ITEM_FOREGROUND_COLOR_DEFAULT = '#ececef';
770
771
  export const GL_NAV_ITEM_FOREGROUND_COLOR_HOVER = '#ececef';
771
772
  export const GL_NAV_ITEM_FOREGROUND_COLOR_FOCUS = '#ececef';
772
773
  export const GL_NAV_ITEM_FOREGROUND_COLOR_ACTIVE = '#ececef';
773
- export const GL_NAV_ITEM_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
774
- export const GL_NAV_ITEM_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
775
- export const GL_NAV_ITEM_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
776
- export const GL_NAV_ITEM_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
774
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
775
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
776
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
777
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_ACTIVE = 'rgba(255, 255, 255, 0.08)';
777
778
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_DEFAULT = '#18171d';
778
779
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
779
780
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
780
781
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
781
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
782
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#9dc7f1';
783
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
784
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#cbe2f9';
782
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
783
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#fbfafd';
784
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#fbfafd';
785
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#fff';
785
786
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#63a6e9';
786
787
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#52b87a';
787
788
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#d99530';
@@ -795,7 +796,24 @@ export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#dcdcde';
795
796
  export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3';
796
797
  export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#1d283e';
797
798
  export const GL_TABLE_SORTING_ICON_COLOR = '#fff';
798
- export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#428fdc';
799
+ export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#fff';
800
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DEFAULT = '#737278';
801
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_HOVER = '#a4a3a8';
802
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_FOCUS = '#ececef';
803
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_ACTIVE = '#ececef';
804
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DEFAULT = '#ececef';
805
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_HOVER = '#fbfafd';
806
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_FOCUS = '#fbfafd';
807
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_ACTIVE = '#fff';
808
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DEFAULT = '#18171d';
809
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_HOVER = '#18171d';
810
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_FOCUS = '#18171d';
811
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_ACTIVE = '#18171d';
812
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DEFAULT = '#18171d';
813
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_HOVER = '#18171d';
814
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_FOCUS = '#18171d';
815
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_ACTIVE = '#18171d';
816
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED = '#737278';
799
817
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#4c4b51';
800
818
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#626168';
801
819
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#626168';
@@ -965,34 +983,34 @@ export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#18171d';
965
983
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
966
984
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
967
985
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
968
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
969
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#9dc7f1';
970
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
971
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#cbe2f9';
972
- export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#63a6e9';
973
- export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#9dc7f1';
974
- export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#9dc7f1';
975
- export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#cbe2f9';
986
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
987
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#fbfafd';
988
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#fbfafd';
989
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#fff';
990
+ export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#ececef';
991
+ export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#fbfafd';
992
+ export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#fbfafd';
993
+ export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#fff';
976
994
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
977
995
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef';
978
996
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef';
979
997
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef';
980
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0)';
981
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
982
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
983
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
998
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
999
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
1000
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
1001
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(255, 255, 255, 0.08)';
984
1002
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
985
1003
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
986
1004
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
987
1005
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
988
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
989
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9';
990
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
991
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
992
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0)';
993
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
994
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
995
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
1006
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#ececef';
1007
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#fbfafd';
1008
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fbfafd';
1009
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff';
1010
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1011
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
1012
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
1013
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(255, 255, 255, 0.08)';
996
1014
  export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
997
1015
  export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
998
1016
  export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -1044,17 +1062,17 @@ export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.4)';
1044
1062
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
1045
1063
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
1046
1064
  export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(255, 255, 255, 0.08)';
1047
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#63a6e9';
1048
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#9dc7f1';
1049
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#9dc7f1';
1065
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef';
1066
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#fbfafd';
1067
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#fbfafd';
1050
1068
  export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#737278';
1051
1069
  export const GL_CONTROL_BORDER_COLOR_HOVER = '#a4a3a8';
1052
1070
  export const GL_CONTROL_BORDER_COLOR_FOCUS = '#ececef';
1053
1071
  export const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383f';
1054
1072
  export const GL_CONTROL_BORDER_COLOR_ERROR = '#f6806d';
1055
- export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#428fdc';
1056
- export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#9dc7f1';
1057
- export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#9dc7f1';
1073
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#ececef';
1074
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#fbfafd';
1075
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#fbfafd';
1058
1076
  export const GL_CONTROL_BORDER_RADIUS = '0.5rem';
1059
1077
  export const GL_CONTROL_TEXT_COLOR_ERROR = '#f6806d';
1060
1078
  export const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a';
package/src/tokens/build/js/tokens.js CHANGED
@@ -32,6 +32,7 @@ export const GL_COLOR_ALPHA_LIGHT_8 = 'rgba(255, 255, 255, 0.08)';
32
32
  export const GL_COLOR_ALPHA_LIGHT_16 = 'rgba(255, 255, 255, 0.16)';
33
33
  export const GL_COLOR_ALPHA_LIGHT_24 = 'rgba(255, 255, 255, 0.24)';
34
34
  export const GL_COLOR_ALPHA_LIGHT_36 = 'rgba(255, 255, 255, 0.36)';
35
+ export const GL_COLOR_ALPHA_LIGHT_40 = 'rgba(255, 255, 255, 0.4)';
35
36
  export const GL_COLOR_BLUE_50 = '#e9f3fc';
36
37
  export const GL_COLOR_BLUE_100 = '#cbe2f9';
37
38
  export const GL_COLOR_BLUE_200 = '#9dc7f1';
@@ -570,10 +571,10 @@ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#28272d';
570
571
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#28272d';
571
572
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#28272d';
572
573
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#28272d';
573
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0)';
574
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
575
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
576
- export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
574
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
575
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
576
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
577
+ export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(5, 5, 6, 0.16)';
577
578
  export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
578
579
  export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
579
580
  export const GL_BUTTON_DEFAULT_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -582,34 +583,34 @@ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff';
582
583
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff';
583
584
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff';
584
585
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff';
585
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
586
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#2f68b4';
587
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#2f68b4';
588
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#2f5ca0';
589
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '#2f68b4';
590
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '#284779';
591
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '#284779';
592
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '#213454';
593
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
594
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#2f5ca0';
595
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#2f5ca0';
596
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#213454';
586
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#3a383f';
587
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#18171d';
588
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#18171d';
589
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#050506';
590
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
591
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
592
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
593
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
594
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
595
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#18171d';
596
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#18171d';
597
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#050506';
597
598
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff';
598
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#e9f3fc';
599
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#e9f3fc';
600
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#cbe2f9';
601
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#1f75cb';
602
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#2f5ca0';
603
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#2f5ca0';
604
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#213454';
605
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
606
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#2f5ca0';
607
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#2f5ca0';
608
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#213454';
609
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0)';
610
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)';
611
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)';
612
- export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)';
599
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#ececef';
600
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#ececef';
601
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
602
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#3a383f';
603
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#18171d';
604
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#18171d';
605
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#050506';
606
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
607
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#18171d';
608
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#18171d';
609
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#050506';
610
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
611
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
612
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
613
+ export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(5, 5, 6, 0.16)';
613
614
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
614
615
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
615
616
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -695,14 +696,14 @@ export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#28272d';
695
696
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#28272d';
696
697
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#28272d';
697
698
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#89888d';
698
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#1f75cb';
699
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#2f5ca0';
700
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#2f5ca0';
701
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#2f5ca0';
702
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(164, 163, 168, 0)';
703
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(164, 163, 168, 0.16)';
704
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(164, 163, 168, 0.16)';
705
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(83, 81, 88, 0.24)';
699
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#3a383f';
700
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#18171d';
701
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#18171d';
702
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#18171d';
703
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(0, 0, 0, 0)';
704
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(5, 5, 6, 0.06)';
705
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(5, 5, 6, 0.06)';
706
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(5, 5, 6, 0.16)';
706
707
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef';
707
708
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#dcdcde';
708
709
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#dcdcde';
@@ -770,18 +771,18 @@ export const GL_NAV_ITEM_FOREGROUND_COLOR_DEFAULT = '#28272d';
770
771
  export const GL_NAV_ITEM_FOREGROUND_COLOR_HOVER = '#28272d';
771
772
  export const GL_NAV_ITEM_FOREGROUND_COLOR_FOCUS = '#28272d';
772
773
  export const GL_NAV_ITEM_FOREGROUND_COLOR_ACTIVE = '#28272d';
773
- export const GL_NAV_ITEM_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0)';
774
- export const GL_NAV_ITEM_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
775
- export const GL_NAV_ITEM_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
776
- export const GL_NAV_ITEM_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
774
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
775
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
776
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
777
+ export const GL_NAV_ITEM_BACKGROUND_COLOR_ACTIVE = 'rgba(5, 5, 6, 0.16)';
777
778
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff';
778
779
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_HOVER = '#fff';
779
780
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff';
780
781
  export const GL_NAV_ITEM_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff';
781
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
782
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#2f5ca0';
783
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#2f5ca0';
784
- export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#284779';
782
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#3a383f';
783
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#18171d';
784
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#18171d';
785
+ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#050506';
785
786
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb';
786
787
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548';
787
788
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100';
@@ -795,7 +796,24 @@ export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4c4b51';
795
796
  export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3';
796
797
  export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#e9f3fc';
797
798
  export const GL_TABLE_SORTING_ICON_COLOR = '#18171d';
798
- export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#1f75cb';
799
+ export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#050506';
800
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DEFAULT = '#89888d';
801
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_HOVER = '#626168';
802
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_FOCUS = '#28272d';
803
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_ACTIVE = '#28272d';
804
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DEFAULT = '#3a383f';
805
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_HOVER = '#18171d';
806
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_FOCUS = '#18171d';
807
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_ACTIVE = '#050506';
808
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DEFAULT = '#fff';
809
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_HOVER = '#fff';
810
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_FOCUS = '#fff';
811
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_ACTIVE = '#fff';
812
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DEFAULT = '#fff';
813
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_HOVER = '#fff';
814
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_FOCUS = '#fff';
815
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_ACTIVE = '#fff';
816
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED = '#89888d';
799
817
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#626168';
800
818
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#4c4b51';
801
819
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#4c4b51';
@@ -965,34 +983,34 @@ export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff';
965
983
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff';
966
984
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff';
967
985
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff';
968
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
969
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#2f5ca0';
970
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#2f5ca0';
971
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#284779';
972
- export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#1f75cb';
973
- export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#2f5ca0';
974
- export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#2f5ca0';
975
- export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#284779';
986
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#3a383f';
987
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#18171d';
988
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#18171d';
989
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#050506';
990
+ export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#3a383f';
991
+ export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#18171d';
992
+ export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#18171d';
993
+ export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#050506';
976
994
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d';
977
995
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d';
978
996
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d';
979
997
  export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d';
980
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0)';
981
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
982
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
983
- export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
998
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
999
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
1000
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
1001
+ export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(5, 5, 6, 0.16)';
984
1002
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
985
1003
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
986
1004
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
987
1005
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
988
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
989
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#2f5ca0';
990
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#2f5ca0';
991
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#213454';
992
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0)';
993
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)';
994
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)';
995
- export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)';
1006
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#3a383f';
1007
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
1008
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
1009
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#050506';
1010
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1011
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(5, 5, 6, 0.06)';
1012
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(5, 5, 6, 0.06)';
1013
+ export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(5, 5, 6, 0.16)';
996
1014
  export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
997
1015
  export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
998
1016
  export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -1044,17 +1062,17 @@ export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff';
1044
1062
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
1045
1063
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd';
1046
1064
  export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(5, 5, 6, 0.02)';
1047
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb';
1048
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#2f5ca0';
1049
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#2f5ca0';
1065
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
1066
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#18171d';
1067
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#18171d';
1050
1068
  export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d';
1051
1069
  export const GL_CONTROL_BORDER_COLOR_HOVER = '#626168';
1052
1070
  export const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d';
1053
1071
  export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde';
1054
1072
  export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
1055
- export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb';
1056
- export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#2f5ca0';
1057
- export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#2f5ca0';
1073
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#3a383f';
1074
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#18171d';
1075
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#18171d';
1058
1076
  export const GL_CONTROL_BORDER_RADIUS = '0.5rem';
1059
1077
  export const GL_CONTROL_TEXT_COLOR_ERROR = '#c02f12';
1060
1078
  export const GL_CONTROL_TEXT_COLOR_VALID = '#2f7549';