@gitlab/ui 122.7.0 → 122.9.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 (86) hide show
  1. package/README.md +5 -2
  2. package/dist/components/base/breadcrumb/breadcrumb.js +1 -1
  3. package/dist/components/base/search_box_by_click/search_box_by_click.js +1 -1
  4. package/dist/components/dashboards/dashboard_panel/dashboard_panel.js +1 -1
  5. package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js +1 -1
  6. package/dist/index.css +2 -2
  7. package/dist/index.css.map +1 -1
  8. package/dist/tailwind.css +1 -1
  9. package/dist/tailwind.css.map +1 -1
  10. package/dist/tokens/build/js/tokens.dark.js +25 -7
  11. package/dist/tokens/build/js/tokens.js +24 -6
  12. package/dist/tokens/css/tokens.css +23 -5
  13. package/dist/tokens/css/tokens.dark.css +24 -6
  14. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +356 -0
  15. package/dist/tokens/docs/tokens-tailwind-docs.json +356 -0
  16. package/dist/tokens/figma/constants.tokens.json +94 -0
  17. package/dist/tokens/figma/contextual.tokens.json +80 -1
  18. package/dist/tokens/figma/semantic.tokens.json +34 -0
  19. package/dist/tokens/js/tokens.dark.js +24 -6
  20. package/dist/tokens/js/tokens.js +23 -5
  21. package/dist/tokens/json/tokens.dark.json +750 -173
  22. package/dist/tokens/json/tokens.json +749 -172
  23. package/dist/tokens/scss/_tokens.dark.scss +24 -6
  24. package/dist/tokens/scss/_tokens.scss +23 -5
  25. package/dist/tokens/scss/_tokens_custom_properties.scss +23 -5
  26. package/dist/tokens/tailwind/tokens.cjs +2 -0
  27. package/package.json +1 -1
  28. package/src/components/base/alert/alert.scss +1 -1
  29. package/src/components/base/avatar/avatar.scss +3 -3
  30. package/src/components/base/avatars_inline/avatars_inline.scss +1 -1
  31. package/src/components/base/breadcrumb/breadcrumb.scss +1 -1
  32. package/src/components/base/breadcrumb/breadcrumb.vue +1 -1
  33. package/src/components/base/broadcast_message/broadcast_message.scss +1 -1
  34. package/src/components/base/button/button.scss +1 -1
  35. package/src/components/base/card/card.scss +5 -5
  36. package/src/components/base/datepicker/datepicker.scss +3 -3
  37. package/src/components/base/dropdown/dropdown.scss +1 -1
  38. package/src/components/base/filtered_search/filtered_search.scss +1 -1
  39. package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +1 -1
  40. package/src/components/base/form/form_input/form_input.scss +1 -0
  41. package/src/components/base/form/form_select/form_select.scss +1 -0
  42. package/src/components/base/form/input_group_text/input_group_text.scss +6 -5
  43. package/src/components/base/keyset_pagination/keyset_pagination.scss +1 -1
  44. package/src/components/base/link/link.scss +1 -1
  45. package/src/components/base/markdown/markdown.scss +3 -3
  46. package/src/components/base/modal/modal.scss +5 -5
  47. package/src/components/base/new_dropdowns/dropdown.scss +1 -6
  48. package/src/components/base/new_dropdowns/dropdown_item.scss +1 -1
  49. package/src/components/base/pagination/pagination.scss +2 -2
  50. package/src/components/base/path/path.scss +2 -2
  51. package/src/components/base/search_box_by_click/search_box_by_click.vue +1 -1
  52. package/src/components/base/tabs/tabs/tabs.scss +1 -1
  53. package/src/components/base/toast/toast.scss +1 -1
  54. package/src/components/base/token/token.scss +1 -1
  55. package/src/components/base/tooltip/tooltip.scss +1 -1
  56. package/src/components/charts/single_stat/single_stat.scss +1 -1
  57. package/src/components/dashboards/dashboard_panel/dashboard_panel.vue +2 -2
  58. package/src/components/regions/dashboard_skeleton/dashboard_skeleton.vue +1 -1
  59. package/src/scss/mixins.scss +2 -2
  60. package/src/scss/variables.scss +0 -1
  61. package/src/tokens/build/css/tokens.css +23 -5
  62. package/src/tokens/build/css/tokens.dark.css +24 -6
  63. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +356 -0
  64. package/src/tokens/build/docs/tokens-tailwind-docs.json +356 -0
  65. package/src/tokens/build/figma/constants.tokens.json +94 -0
  66. package/src/tokens/build/figma/contextual.tokens.json +80 -1
  67. package/src/tokens/build/figma/semantic.tokens.json +34 -0
  68. package/src/tokens/build/js/tokens.dark.js +24 -6
  69. package/src/tokens/build/js/tokens.js +23 -5
  70. package/src/tokens/build/json/tokens.dark.json +750 -173
  71. package/src/tokens/build/json/tokens.json +749 -172
  72. package/src/tokens/build/scss/_tokens.dark.scss +24 -6
  73. package/src/tokens/build/scss/_tokens.scss +23 -5
  74. package/src/tokens/build/scss/_tokens_custom_properties.scss +23 -5
  75. package/src/tokens/build/tailwind/tokens.cjs +14 -0
  76. package/src/tokens/constant/border.tokens.json +96 -0
  77. package/src/tokens/contextual/alert.tokens.json +12 -0
  78. package/src/tokens/contextual/broadcast.tokens.json +10 -0
  79. package/src/tokens/contextual/button.tokens.json +12 -0
  80. package/src/tokens/contextual/card.tokens.json +16 -0
  81. package/src/tokens/contextual/dropdown.tokens.json +12 -1
  82. package/src/tokens/contextual/modal.tokens.json +16 -0
  83. package/src/tokens/semantic/action.tokens.json +12 -0
  84. package/src/tokens/semantic/border.tokens.json +12 -0
  85. package/src/tokens/semantic/control.tokens.json +10 -0
  86. package/tailwind.defaults.js +2 -3
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -2,6 +2,21 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
+ export const GL_BORDER_RADIUS_NONE = '0';
6
+ export const GL_BORDER_RADIUS_XS = '1px';
7
+ export const GL_BORDER_RADIUS_SM = '0.125rem';
8
+ export const GL_BORDER_RADIUS_MD = '0.25rem';
9
+ export const GL_BORDER_RADIUS_LG = '0.5rem';
10
+ export const GL_BORDER_RADIUS_XL = '0.75rem';
11
+ export const GL_BORDER_RADIUS_2XL = '1rem';
12
+ export const GL_BORDER_RADIUS_3XL = '1.5rem';
13
+ export const GL_BORDER_RADIUS_FULL = '9999px';
14
+ export const GL_BORDER_RADIUS_DEFAULT = '0.25rem';
15
+ export const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
16
+ export const GL_BORDER_COLOR_SUBTLE = '#3a383f';
17
+ export const GL_BORDER_COLOR_STRONG = '#626168';
18
+ export const GL_BORDER_COLOR_SECTION = '#18171d';
19
+ export const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
5
20
  export const GL_COLOR_ALPHA_0 = 'transparent';
6
21
  export const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
7
22
  export const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
@@ -270,6 +285,7 @@ export const GL_SPACING_SCALE_88 = '44rem';
270
285
  export const GL_SPACING_SCALE_PX = '1px';
271
286
  export const GL_SPACING_SCALE_2_5 = '0.375rem';
272
287
  export const GL_SPACING_SCALE_11_5 = '4.5rem';
288
+ export const GL_ALERT_BORDER_RADIUS = '0.25rem';
273
289
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#fff';
274
290
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
275
291
  export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#89888d';
@@ -440,6 +456,7 @@ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f';
440
456
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f';
441
457
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110';
442
458
  export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02';
459
+ export const GL_BROADCAST_BANNER_BORDER_RADIUS = '0.25rem';
443
460
  export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff';
444
461
  export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff';
445
462
  export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff';
@@ -460,6 +477,7 @@ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff';
460
477
  export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff';
461
478
  export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff';
462
479
  export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff';
480
+ export const GL_BUTTON_BORDER_RADIUS = '0.25rem';
463
481
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
464
482
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#ececef';
465
483
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#ececef';
@@ -579,6 +597,7 @@ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = 'transparent';
579
597
  export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d';
580
598
  export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)';
581
599
  export const GL_BUTTON_DISABLED_BORDER_COLOR = 'transparent';
600
+ export const GL_CARD_BORDER_RADIUS = '0.25rem';
582
601
  export const GL_CHART_AXIS_POINTER_COLOR = '#bfbfc3';
583
602
  export const GL_CHART_AXIS_LINE_COLOR = '#4c4b51';
584
603
  export const GL_CHART_AXIS_TEXT_COLOR = '#bfbfc3';
@@ -590,6 +609,7 @@ export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d';
590
609
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#18171d';
591
610
  export const GL_DROPDOWN_BACKGROUND_COLOR = '#28272d';
592
611
  export const GL_DROPDOWN_BORDER_COLOR = '#4c4b51';
612
+ export const GL_DROPDOWN_BORDER_RADIUS = '0.5rem';
593
613
  export const GL_DROPDOWN_DIVIDER_COLOR = '#3a383f';
594
614
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#ececef';
595
615
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#ececef';
@@ -608,7 +628,7 @@ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
608
628
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#4c4b51';
609
629
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#4c4b51';
610
630
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#28272d';
611
- export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(05, 05, 06, 0.24)';
631
+ export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(05, 05, 06, 0.16)';
612
632
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#28272d';
613
633
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
614
634
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
@@ -663,6 +683,7 @@ export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#cbe2f9';
663
683
  export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#f5d9a8';
664
684
  export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#284779';
665
685
  export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#693c14';
686
+ export const GL_MODAL_BORDER_RADIUS = '0.25rem';
666
687
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#63a6e9';
667
688
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#52b87a';
668
689
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#d99530';
@@ -909,6 +930,7 @@ export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
909
930
  export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
910
931
  export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
911
932
  export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
933
+ export const GL_ACTION_BORDER_RADIUS = '0.25rem';
912
934
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278';
913
935
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d';
914
936
  export const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f';
@@ -991,11 +1013,6 @@ export const GL_BACKGROUND_COLOR_DISABLED = '#28272d';
991
1013
  export const GL_BACKGROUND_COLOR_OVERLAP = '#28272d';
992
1014
  export const GL_BACKGROUND_COLOR_SECTION = '#3a383f';
993
1015
  export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0,0,0,0.64)';
994
- export const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
995
- export const GL_BORDER_COLOR_SUBTLE = '#3a383f';
996
- export const GL_BORDER_COLOR_STRONG = '#626168';
997
- export const GL_BORDER_COLOR_SECTION = '#18171d';
998
- export const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
999
1016
  export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(05, 05, 06, 0.4)';
1000
1017
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
1001
1018
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
@@ -1011,6 +1028,7 @@ export const GL_CONTROL_BORDER_COLOR_ERROR = '#f6806d';
1011
1028
  export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#428fdc';
1012
1029
  export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#9dc7f1';
1013
1030
  export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#9dc7f1';
1031
+ export const GL_CONTROL_BORDER_RADIUS = '0.25rem';
1014
1032
  export const GL_CONTROL_TEXT_COLOR_ERROR = '#f6806d';
1015
1033
  export const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a';
1016
1034
  export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
package/src/tokens/build/js/tokens.js CHANGED
@@ -2,6 +2,21 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
+ export const GL_BORDER_RADIUS_NONE = '0';
6
+ export const GL_BORDER_RADIUS_XS = '1px';
7
+ export const GL_BORDER_RADIUS_SM = '0.125rem';
8
+ export const GL_BORDER_RADIUS_MD = '0.25rem';
9
+ export const GL_BORDER_RADIUS_LG = '0.5rem';
10
+ export const GL_BORDER_RADIUS_XL = '0.75rem';
11
+ export const GL_BORDER_RADIUS_2XL = '1rem';
12
+ export const GL_BORDER_RADIUS_3XL = '1.5rem';
13
+ export const GL_BORDER_RADIUS_FULL = '9999px';
14
+ export const GL_BORDER_RADIUS_DEFAULT = '0.25rem';
15
+ export const GL_BORDER_COLOR_DEFAULT = '#dcdcde';
16
+ export const GL_BORDER_COLOR_SUBTLE = '#ececef';
17
+ export const GL_BORDER_COLOR_STRONG = '#bfbfc3';
18
+ export const GL_BORDER_COLOR_SECTION = '#dcdcde';
19
+ export const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
5
20
  export const GL_COLOR_ALPHA_0 = 'transparent';
6
21
  export const GL_COLOR_ALPHA_DARK_2 = 'rgba(05, 05, 06, 0.02)';
7
22
  export const GL_COLOR_ALPHA_DARK_4 = 'rgba(05, 05, 06, 0.04)';
@@ -270,6 +285,7 @@ export const GL_SPACING_SCALE_88 = '44rem';
270
285
  export const GL_SPACING_SCALE_PX = '1px';
271
286
  export const GL_SPACING_SCALE_2_5 = '0.375rem';
272
287
  export const GL_SPACING_SCALE_11_5 = '4.5rem';
288
+ export const GL_ALERT_BORDER_RADIUS = '0.25rem';
273
289
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#18171d';
274
290
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#ececef';
275
291
  export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'transparent';
@@ -440,6 +456,7 @@ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f';
440
456
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f';
441
457
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTRED = '#8f2110';
442
458
  export const GL_BROADCAST_BANNER_BORDER_COLOR_RED = '#580d02';
459
+ export const GL_BROADCAST_BANNER_BORDER_RADIUS = '0.25rem';
443
460
  export const GL_BROADCAST_BANNER_ICON_COLOR_BLUE = '#fff';
444
461
  export const GL_BROADCAST_BANNER_ICON_COLOR_DARK = '#fff';
445
462
  export const GL_BROADCAST_BANNER_ICON_COLOR_GREEN = '#fff';
@@ -460,6 +477,7 @@ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTGREEN = '#fff';
460
477
  export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff';
461
478
  export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff';
462
479
  export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff';
480
+ export const GL_BUTTON_BORDER_RADIUS = '0.25rem';
463
481
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#3a383f';
464
482
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#3a383f';
465
483
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#3a383f';
@@ -579,6 +597,7 @@ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#626168';
579
597
  export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#737278';
580
598
  export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#fbfafd';
581
599
  export const GL_BUTTON_DISABLED_BORDER_COLOR = '#dcdcde';
600
+ export const GL_CARD_BORDER_RADIUS = '0.25rem';
582
601
  export const GL_CHART_AXIS_POINTER_COLOR = '#626168';
583
602
  export const GL_CHART_AXIS_LINE_COLOR = '#bfbfc3';
584
603
  export const GL_CHART_AXIS_TEXT_COLOR = '#626168';
@@ -590,6 +609,7 @@ export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff';
590
609
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#fff';
591
610
  export const GL_DROPDOWN_BACKGROUND_COLOR = '#fff';
592
611
  export const GL_DROPDOWN_BORDER_COLOR = '#bfbfc3';
612
+ export const GL_DROPDOWN_BORDER_RADIUS = '0.5rem';
593
613
  export const GL_DROPDOWN_DIVIDER_COLOR = '#dcdcde';
594
614
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#28272d';
595
615
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#28272d';
@@ -663,6 +683,7 @@ export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#284779';
663
683
  export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#693c14';
664
684
  export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#cbe2f9';
665
685
  export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#f5d9a8';
686
+ export const GL_MODAL_BORDER_RADIUS = '0.25rem';
666
687
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb';
667
688
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548';
668
689
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100';
@@ -909,6 +930,7 @@ export const T_WHITE_A_02 = 'rgba(255, 255, 255, 0.02)';
909
930
  export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
910
931
  export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
911
932
  export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
933
+ export const GL_ACTION_BORDER_RADIUS = '0.25rem';
912
934
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#89888d';
913
935
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#ececef';
914
936
  export const GL_ACTION_DISABLED_BORDER_COLOR = '#dcdcde';
@@ -991,11 +1013,6 @@ export const GL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
991
1013
  export const GL_BACKGROUND_COLOR_OVERLAP = '#fff';
992
1014
  export const GL_BACKGROUND_COLOR_SECTION = '#fff';
993
1015
  export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(05, 05, 06, 0.24)';
994
- export const GL_BORDER_COLOR_DEFAULT = '#dcdcde';
995
- export const GL_BORDER_COLOR_SUBTLE = '#ececef';
996
- export const GL_BORDER_COLOR_STRONG = '#bfbfc3';
997
- export const GL_BORDER_COLOR_SECTION = '#dcdcde';
998
- export const GL_BORDER_COLOR_TRANSPARENT = 'transparent';
999
1016
  export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = '#fff';
1000
1017
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = '#fbfafd';
1001
1018
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = '#fbfafd';
@@ -1011,6 +1028,7 @@ export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
1011
1028
  export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#1f75cb';
1012
1029
  export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#2f5ca0';
1013
1030
  export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#2f5ca0';
1031
+ export const GL_CONTROL_BORDER_RADIUS = '0.25rem';
1014
1032
  export const GL_CONTROL_TEXT_COLOR_ERROR = '#c02f12';
1015
1033
  export const GL_CONTROL_TEXT_COLOR_VALID = '#2f7549';
1016
1034
  export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';