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