@gitlab/ui 111.1.1 → 111.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/base/new_dropdowns/listbox/listbox.js +12 -2
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tokens/build/js/tokens.dark.js +117 -117
  6. package/dist/tokens/build/js/tokens.js +117 -117
  7. package/dist/tokens/css/tokens.css +93 -93
  8. package/dist/tokens/css/tokens.dark.css +93 -93
  9. package/dist/tokens/js/tokens.dark.js +117 -117
  10. package/dist/tokens/js/tokens.js +117 -117
  11. package/dist/tokens/json/tokens.dark.json +5810 -5810
  12. package/dist/tokens/json/tokens.json +5810 -5810
  13. package/dist/tokens/scss/_tokens.dark.scss +93 -93
  14. package/dist/tokens/scss/_tokens.scss +93 -93
  15. package/dist/tokens/scss/_tokens_custom_properties.scss +117 -117
  16. package/package.json +2 -2
  17. package/src/components/base/new_dropdowns/listbox/listbox.md +21 -0
  18. package/src/components/base/new_dropdowns/listbox/listbox.vue +13 -3
  19. package/src/tokens/build/css/tokens.css +93 -93
  20. package/src/tokens/build/css/tokens.dark.css +93 -93
  21. package/src/tokens/build/js/tokens.dark.js +117 -117
  22. package/src/tokens/build/js/tokens.js +117 -117
  23. package/src/tokens/build/json/tokens.dark.json +5810 -5810
  24. package/src/tokens/build/json/tokens.json +5810 -5810
  25. package/src/tokens/build/scss/_tokens.dark.scss +93 -93
  26. package/src/tokens/build/scss/_tokens.scss +93 -93
  27. package/src/tokens/build/scss/_tokens_custom_properties.scss +117 -117
  28. /package/src/tokens/{color.alpha.tokens.json → constant/color.alpha.tokens.json} +0 -0
  29. /package/src/tokens/{color.constant.tokens.json → constant/color.tokens.json} +0 -0
  30. /package/src/tokens/{line_height.tokens.json → constant/line_height.tokens.json} +0 -0
  31. /package/src/tokens/{deprecated.color.data_viz.tokens.json → deprecated/deprecated.color.data_viz.tokens.json} +0 -0
  32. /package/src/tokens/{deprecated.color.theme.tokens.json → deprecated/deprecated.color.theme.tokens.json} +0 -0
  33. /package/src/tokens/{deprecated.color.tokens.json → deprecated/deprecated.color.tokens.json} +0 -0
  34. /package/src/tokens/{deprecated.color.transparency.tokens.json → deprecated/deprecated.color.transparency.tokens.json} +0 -0
  35. /package/src/tokens/{action.tokens.json → semantic/action.tokens.json} +0 -0
  36. /package/src/tokens/{background.tokens.json → semantic/background.tokens.json} +0 -0
  37. /package/src/tokens/{border.tokens.json → semantic/border.tokens.json} +0 -0
  38. /package/src/tokens/{control.tokens.json → semantic/control.tokens.json} +0 -0
  39. /package/src/tokens/{feedback.tokens.json → semantic/feedback.tokens.json} +0 -0
  40. /package/src/tokens/{focus-ring.tokens.json → semantic/focus-ring.tokens.json} +0 -0
  41. /package/src/tokens/{icon.tokens.json → semantic/icon.tokens.json} +0 -0
  42. /package/src/tokens/{shadow.tokens.json → semantic/shadow.tokens.json} +0 -0
  43. /package/src/tokens/{status.tokens.json → semantic/status.tokens.json} +0 -0
  44. /package/src/tokens/{text.tokens.json → semantic/text.tokens.json} +0 -0
package/dist/tokens/build/js/tokens.dark.js CHANGED
@@ -2,93 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278';
6
- const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d';
7
- const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f';
8
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#18171d';
9
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
10
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
11
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
12
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
13
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#9dc7f1';
14
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
15
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#cbe2f9';
16
- const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#63a6e9';
17
- const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#9dc7f1';
18
- const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#9dc7f1';
19
- const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#cbe2f9';
20
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
21
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef';
22
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef';
23
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef';
24
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.0)';
25
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
26
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
27
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
28
- const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
29
- const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
30
- const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
31
- const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
32
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
33
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9';
34
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
35
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
36
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)';
37
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
38
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
39
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
40
- const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
41
- const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
42
- const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
43
- const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
44
- const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
45
- const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd';
46
- const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
47
- const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
48
- const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)';
49
- const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
50
- const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
51
- const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
52
- const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
53
- const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
54
- const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
55
- const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
56
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
57
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1';
58
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
59
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#428fdc';
60
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d';
61
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
62
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
63
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#18171d';
64
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
65
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
66
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
67
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
68
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#4c4b51';
69
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168';
70
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168';
71
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#737278';
72
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
73
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
74
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
75
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
76
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
77
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
78
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
79
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
80
- const GL_BACKGROUND_COLOR_DEFAULT = '#18171d';
81
- const GL_BACKGROUND_COLOR_SUBTLE = '#28272d';
82
- const GL_BACKGROUND_COLOR_STRONG = '#3a383f';
83
- const GL_BACKGROUND_COLOR_DISABLED = '#28272d';
84
- const GL_BACKGROUND_COLOR_OVERLAP = '#28272d';
85
- const GL_BACKGROUND_COLOR_SECTION = '#3a383f';
86
- const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0,0,0,0.64)';
87
- const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
88
- const GL_BORDER_COLOR_SUBTLE = '#3a383f';
89
- const GL_BORDER_COLOR_STRONG = '#626168';
90
- const GL_BORDER_COLOR_SECTION = '#18171d';
91
- const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
92
5
  const GL_COLOR_ALPHA_0 = 'transparent';
93
6
  const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
94
7
  const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
@@ -315,6 +228,16 @@ const GL_COLOR_BRAND_GRAY_03 = '#74717a';
315
228
  const GL_COLOR_BRAND_GRAY_04 = '#45424d';
316
229
  const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
317
230
  const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
231
+ const GL_LINE_HEIGHT_12 = '0.75rem';
232
+ const GL_LINE_HEIGHT_16 = '1rem';
233
+ const GL_LINE_HEIGHT_20 = '1.25rem';
234
+ const GL_LINE_HEIGHT_24 = '1.5rem';
235
+ const GL_LINE_HEIGHT_28 = '1.75rem';
236
+ const GL_LINE_HEIGHT_32 = '2rem';
237
+ const GL_LINE_HEIGHT_36 = '2.25rem';
238
+ const GL_LINE_HEIGHT_42 = '2.625rem';
239
+ const GL_LINE_HEIGHT_44 = '2.75rem';
240
+ const GL_LINE_HEIGHT_52 = '3.25rem';
318
241
  const GL_ALERT_NEUTRAL_TITLE_COLOR = '#fff';
319
242
  const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
320
243
  const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#89888d';
@@ -734,26 +657,6 @@ const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#28272d';
734
657
  const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#626168';
735
658
  const GL_TOKEN_FOREGROUND_COLOR = '#ececef';
736
659
  const GL_TOKEN_BACKGROUND_COLOR = '#3a383f';
737
- const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
738
- const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
739
- const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
740
- const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(255, 255, 255, 0.08)';
741
- const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#63a6e9';
742
- const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#9dc7f1';
743
- const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#9dc7f1';
744
- const GL_CONTROL_BORDER_COLOR_DEFAULT = '#737278';
745
- const GL_CONTROL_BORDER_COLOR_HOVER = '#a4a3a8';
746
- const GL_CONTROL_BORDER_COLOR_FOCUS = '#ececef';
747
- const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383f';
748
- const GL_CONTROL_BORDER_COLOR_ERROR = '#f6806d';
749
- const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#428fdc';
750
- const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#9dc7f1';
751
- const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#9dc7f1';
752
- const GL_CONTROL_TEXT_COLOR_ERROR = '#f6806d';
753
- const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a';
754
- const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
755
- const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#18171d';
756
- const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#89888d';
757
660
  const DATA_VIZ_GREEN_50 = '#133a03';
758
661
  const DATA_VIZ_GREEN_100 = '#1a4500';
759
662
  const DATA_VIZ_GREEN_200 = '#275600';
@@ -974,6 +877,113 @@ const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
974
877
  const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
975
878
  const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
976
879
  const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
880
+ const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278';
881
+ const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d';
882
+ const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f';
883
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#18171d';
884
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
885
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
886
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
887
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
888
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#9dc7f1';
889
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
890
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#cbe2f9';
891
+ const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#63a6e9';
892
+ const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#9dc7f1';
893
+ const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#9dc7f1';
894
+ const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#cbe2f9';
895
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
896
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef';
897
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef';
898
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef';
899
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.0)';
900
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.4)';
901
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.4)';
902
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.16)';
903
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
904
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
905
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
906
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
907
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1';
908
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9';
909
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9';
910
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9';
911
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)';
912
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)';
913
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)';
914
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.16)';
915
+ const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
916
+ const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
917
+ const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
918
+ const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
919
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
920
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd';
921
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
922
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
923
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)';
924
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
925
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
926
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
927
+ const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
928
+ const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
929
+ const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
930
+ const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
931
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
932
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1';
933
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
934
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#428fdc';
935
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d';
936
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
937
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
938
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#18171d';
939
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
940
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
941
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
942
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
943
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#4c4b51';
944
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168';
945
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168';
946
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#737278';
947
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
948
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
949
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
950
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
951
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
952
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
953
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
954
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
955
+ const GL_BACKGROUND_COLOR_DEFAULT = '#18171d';
956
+ const GL_BACKGROUND_COLOR_SUBTLE = '#28272d';
957
+ const GL_BACKGROUND_COLOR_STRONG = '#3a383f';
958
+ const GL_BACKGROUND_COLOR_DISABLED = '#28272d';
959
+ const GL_BACKGROUND_COLOR_OVERLAP = '#28272d';
960
+ const GL_BACKGROUND_COLOR_SECTION = '#3a383f';
961
+ const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0,0,0,0.64)';
962
+ const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
963
+ const GL_BORDER_COLOR_SUBTLE = '#3a383f';
964
+ const GL_BORDER_COLOR_STRONG = '#626168';
965
+ const GL_BORDER_COLOR_SECTION = '#18171d';
966
+ const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
967
+ const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
968
+ const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
969
+ const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
970
+ const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(255, 255, 255, 0.08)';
971
+ const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#63a6e9';
972
+ const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#9dc7f1';
973
+ const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#9dc7f1';
974
+ const GL_CONTROL_BORDER_COLOR_DEFAULT = '#737278';
975
+ const GL_CONTROL_BORDER_COLOR_HOVER = '#a4a3a8';
976
+ const GL_CONTROL_BORDER_COLOR_FOCUS = '#ececef';
977
+ const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383f';
978
+ const GL_CONTROL_BORDER_COLOR_ERROR = '#f6806d';
979
+ const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#428fdc';
980
+ const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#9dc7f1';
981
+ const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#9dc7f1';
982
+ const GL_CONTROL_TEXT_COLOR_ERROR = '#f6806d';
983
+ const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a';
984
+ const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
985
+ const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#18171d';
986
+ const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#89888d';
977
987
  const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f';
978
988
  const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
979
989
  const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
@@ -1004,16 +1014,6 @@ const GL_ICON_COLOR_INFO = '#9dc7f1';
1004
1014
  const GL_ICON_COLOR_WARNING = '#d99530';
1005
1015
  const GL_ICON_COLOR_DANGER = '#f6806d';
1006
1016
  const GL_ICON_COLOR_SUCCESS = '#52b87a';
1007
- const GL_LINE_HEIGHT_12 = '0.75rem';
1008
- const GL_LINE_HEIGHT_16 = '1rem';
1009
- const GL_LINE_HEIGHT_20 = '1.25rem';
1010
- const GL_LINE_HEIGHT_24 = '1.5rem';
1011
- const GL_LINE_HEIGHT_28 = '1.75rem';
1012
- const GL_LINE_HEIGHT_32 = '2rem';
1013
- const GL_LINE_HEIGHT_36 = '2.25rem';
1014
- const GL_LINE_HEIGHT_42 = '2.625rem';
1015
- const GL_LINE_HEIGHT_44 = '2.75rem';
1016
- const GL_LINE_HEIGHT_52 = '3.25rem';
1017
1017
  const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
1018
1018
  const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#3a383f';
1019
1019
  const GL_STATUS_NEUTRAL_TEXT_COLOR = '#bfbfc3';
package/dist/tokens/build/js/tokens.js CHANGED
@@ -2,93 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d';
6
- const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef';
7
- const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde';
8
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff';
9
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff';
10
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff';
11
- const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff';
12
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
13
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#0b5cad';
14
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#0b5cad';
15
- const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#064787';
16
- const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#1f75cb';
17
- const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#0b5cad';
18
- const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#0b5cad';
19
- const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#064787';
20
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d';
21
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d';
22
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d';
23
- const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d';
24
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)';
25
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
26
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
27
- const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
28
- const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
29
- const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
30
- const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
31
- const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
32
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
33
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#0b5cad';
34
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#0b5cad';
35
- const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#033464';
36
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)';
37
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)';
38
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)';
39
- const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)';
40
- const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
41
- const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
42
- const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
43
- const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
44
- const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
45
- const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#ae1800';
46
- const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#ae1800';
47
- const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#660e00';
48
- const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)';
49
- const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
50
- const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
51
- const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)';
52
- const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
53
- const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
54
- const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
55
- const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
56
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
57
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#1068bf';
58
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#1068bf';
59
- const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#0b5cad';
60
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#fff';
61
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#fff';
62
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fff';
63
- const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff';
64
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
65
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
66
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
67
- const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
68
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#626168';
69
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4c4b51';
70
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4c4b51';
71
- const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383f';
72
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#fff';
73
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
74
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
75
- const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
76
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
77
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
78
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
79
- const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
80
- const GL_BACKGROUND_COLOR_DEFAULT = '#fff';
81
- const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd';
82
- const GL_BACKGROUND_COLOR_STRONG = '#ececef';
83
- const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
84
- const GL_BACKGROUND_COLOR_OVERLAP = '#fff';
85
- const GL_BACKGROUND_COLOR_SECTION = '#fff';
86
- const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)';
87
- const GL_BORDER_COLOR_DEFAULT = '#dcdcde';
88
- const GL_BORDER_COLOR_SUBTLE = '#ececef';
89
- const GL_BORDER_COLOR_STRONG = '#bfbfc3';
90
- const GL_BORDER_COLOR_SECTION = '#dcdcde';
91
- const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
92
5
  const GL_COLOR_ALPHA_0 = 'transparent';
93
6
  const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
94
7
  const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
@@ -315,6 +228,16 @@ const GL_COLOR_BRAND_GRAY_03 = '#74717a';
315
228
  const GL_COLOR_BRAND_GRAY_04 = '#45424d';
316
229
  const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
317
230
  const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
231
+ const GL_LINE_HEIGHT_12 = '0.75rem';
232
+ const GL_LINE_HEIGHT_16 = '1rem';
233
+ const GL_LINE_HEIGHT_20 = '1.25rem';
234
+ const GL_LINE_HEIGHT_24 = '1.5rem';
235
+ const GL_LINE_HEIGHT_28 = '1.75rem';
236
+ const GL_LINE_HEIGHT_32 = '2rem';
237
+ const GL_LINE_HEIGHT_36 = '2.25rem';
238
+ const GL_LINE_HEIGHT_42 = '2.625rem';
239
+ const GL_LINE_HEIGHT_44 = '2.75rem';
240
+ const GL_LINE_HEIGHT_52 = '3.25rem';
318
241
  const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d';
319
242
  const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef';
320
243
  const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent';
@@ -734,26 +657,6 @@ const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#ececef';
734
657
  const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#a4a3a8';
735
658
  const GL_TOKEN_FOREGROUND_COLOR = '#3a383f';
736
659
  const GL_TOKEN_BACKGROUND_COLOR = '#dcdcde';
737
- const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff';
738
- const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
739
- const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd';
740
- const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(05, 05, 06, 0.02)';
741
- const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb';
742
- const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#0b5cad';
743
- const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#0b5cad';
744
- const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d';
745
- const GL_CONTROL_BORDER_COLOR_HOVER = '#626168';
746
- const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d';
747
- const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde';
748
- const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
749
- const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb';
750
- const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#0b5cad';
751
- const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#0b5cad';
752
- const GL_CONTROL_TEXT_COLOR_ERROR = '#c91c00';
753
- const GL_CONTROL_TEXT_COLOR_VALID = '#217645';
754
- const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
755
- const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff';
756
- const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278';
757
660
  const DATA_VIZ_GREEN_50 = '#ddfab7';
758
661
  const DATA_VIZ_GREEN_100 = '#c6ed94';
759
662
  const DATA_VIZ_GREEN_200 = '#b0d97b';
@@ -974,6 +877,113 @@ const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
974
877
  const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
975
878
  const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
976
879
  const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
880
+ const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d';
881
+ const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef';
882
+ const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde';
883
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#fff';
884
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#fff';
885
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#fff';
886
+ const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#fff';
887
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
888
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#0b5cad';
889
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#0b5cad';
890
+ const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#064787';
891
+ const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#1f75cb';
892
+ const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#0b5cad';
893
+ const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#0b5cad';
894
+ const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#064787';
895
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#28272d';
896
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#28272d';
897
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#28272d';
898
+ const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#28272d';
899
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(164, 163, 168, 0.0)';
900
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(164, 163, 168, 0.16)';
901
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(164, 163, 168, 0.16)';
902
+ const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE = 'rgba(83, 81, 88, 0.24)';
903
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
904
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
905
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
906
+ const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
907
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#1f75cb';
908
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#0b5cad';
909
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#0b5cad';
910
+ const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#033464';
911
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(99, 166, 233, 0.0)';
912
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(99, 166, 233, 0.16)';
913
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(99, 166, 233, 0.16)';
914
+ const GL_ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE = 'rgba(11, 92, 173, 0.24)';
915
+ const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
916
+ const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
917
+ const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
918
+ const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
919
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
920
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#ae1800';
921
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#ae1800';
922
+ const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#660e00';
923
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0.0)';
924
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
925
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
926
+ const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)';
927
+ const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent';
928
+ const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent';
929
+ const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent';
930
+ const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent';
931
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
932
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#1068bf';
933
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#1068bf';
934
+ const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#0b5cad';
935
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#fff';
936
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#fff';
937
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fff';
938
+ const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff';
939
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent';
940
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'transparent';
941
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'transparent';
942
+ const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent';
943
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#626168';
944
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#4c4b51';
945
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#4c4b51';
946
+ const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#3a383f';
947
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#fff';
948
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
949
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
950
+ const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
951
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent';
952
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent';
953
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent';
954
+ const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent';
955
+ const GL_BACKGROUND_COLOR_DEFAULT = '#fff';
956
+ const GL_BACKGROUND_COLOR_SUBTLE = '#fbfafd';
957
+ const GL_BACKGROUND_COLOR_STRONG = '#ececef';
958
+ const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
959
+ const GL_BACKGROUND_COLOR_OVERLAP = '#fff';
960
+ const GL_BACKGROUND_COLOR_SECTION = '#fff';
961
+ const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)';
962
+ const GL_BORDER_COLOR_DEFAULT = '#dcdcde';
963
+ const GL_BORDER_COLOR_SUBTLE = '#ececef';
964
+ const GL_BORDER_COLOR_STRONG = '#bfbfc3';
965
+ const GL_BORDER_COLOR_SECTION = '#dcdcde';
966
+ const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
967
+ const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff';
968
+ const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
969
+ const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd';
970
+ const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(05, 05, 06, 0.02)';
971
+ const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#1f75cb';
972
+ const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#0b5cad';
973
+ const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#0b5cad';
974
+ const GL_CONTROL_BORDER_COLOR_DEFAULT = '#89888d';
975
+ const GL_CONTROL_BORDER_COLOR_HOVER = '#626168';
976
+ const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d';
977
+ const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdcde';
978
+ const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
979
+ const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb';
980
+ const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#0b5cad';
981
+ const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#0b5cad';
982
+ const GL_CONTROL_TEXT_COLOR_ERROR = '#c91c00';
983
+ const GL_CONTROL_TEXT_COLOR_VALID = '#217645';
984
+ const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
985
+ const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff';
986
+ const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#737278';
977
987
  const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f';
978
988
  const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
979
989
  const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
@@ -1004,16 +1014,6 @@ const GL_ICON_COLOR_INFO = '#0b5cad';
1004
1014
  const GL_ICON_COLOR_WARNING = '#9e5400';
1005
1015
  const GL_ICON_COLOR_DANGER = '#c91c00';
1006
1016
  const GL_ICON_COLOR_SUCCESS = '#217645';
1007
- const GL_LINE_HEIGHT_12 = '0.75rem';
1008
- const GL_LINE_HEIGHT_16 = '1rem';
1009
- const GL_LINE_HEIGHT_20 = '1.25rem';
1010
- const GL_LINE_HEIGHT_24 = '1.5rem';
1011
- const GL_LINE_HEIGHT_28 = '1.75rem';
1012
- const GL_LINE_HEIGHT_32 = '2rem';
1013
- const GL_LINE_HEIGHT_36 = '2.25rem';
1014
- const GL_LINE_HEIGHT_42 = '2.625rem';
1015
- const GL_LINE_HEIGHT_44 = '2.75rem';
1016
- const GL_LINE_HEIGHT_52 = '3.25rem';
1017
1017
  const GL_SHADOW_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.16)';
1018
1018
  const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdcde';
1019
1019
  const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4c4b51';