@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/dist/tokens/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";
@@ -603,6 +621,7 @@ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = "transparent";
603
621
  export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = "#89888d";
604
622
  export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = "rgba(137, 136, 141, 0.16)";
605
623
  export const GL_BUTTON_DISABLED_BORDER_COLOR = "transparent";
624
+ export const GL_CARD_BORDER_RADIUS = "0.25rem";
606
625
  export const GL_CHART_AXIS_POINTER_COLOR = "#bfbfc3";
607
626
  export const GL_CHART_AXIS_LINE_COLOR = "#4c4b51";
608
627
  export const GL_CHART_AXIS_TEXT_COLOR = "#bfbfc3";
@@ -614,6 +633,7 @@ export const GL_DATEPICKER_BACKGROUND_COLOR = "#28272d";
614
633
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = "#18171d";
615
634
  export const GL_DROPDOWN_BACKGROUND_COLOR = "#28272d";
616
635
  export const GL_DROPDOWN_BORDER_COLOR = "#4c4b51";
636
+ export const GL_DROPDOWN_BORDER_RADIUS = "0.5rem";
617
637
  export const GL_DROPDOWN_DIVIDER_COLOR = "#3a383f";
618
638
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = "#ececef";
619
639
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = "#ececef";
@@ -636,7 +656,7 @@ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = "#3a383f";
636
656
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = "#4c4b51";
637
657
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = "#4c4b51";
638
658
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = "#28272d";
639
- export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = "rgba(05, 05, 06, 0.24)";
659
+ export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = "rgba(05, 05, 06, 0.16)";
640
660
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = "#28272d";
641
661
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = "#3a383f";
642
662
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = "#3a383f";
@@ -693,6 +713,7 @@ export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = "#cbe2f9";
693
713
  export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = "#f5d9a8";
694
714
  export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = "#284779";
695
715
  export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = "#693c14";
716
+ export const GL_MODAL_BORDER_RADIUS = "0.25rem";
696
717
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = "#63a6e9";
697
718
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = "#52b87a";
698
719
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = "#d99530";
@@ -940,6 +961,7 @@ export const T_WHITE_A_02 = "rgba(255, 255, 255, 0.02)";
940
961
  export const T_WHITE_A_04 = "rgba(255, 255, 255, 0.04)";
941
962
  export const T_WHITE_A_06 = "rgba(255, 255, 255, 0.06)";
942
963
  export const T_WHITE_A_08 = "rgba(255, 255, 255, 0.08)";
964
+ export const GL_ACTION_BORDER_RADIUS = "0.25rem";
943
965
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = "#737278";
944
966
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = "#28272d";
945
967
  export const GL_ACTION_DISABLED_BORDER_COLOR = "#3a383f";
@@ -1032,11 +1054,6 @@ export const GL_BACKGROUND_COLOR_DISABLED = "#28272d";
1032
1054
  export const GL_BACKGROUND_COLOR_OVERLAP = "#28272d";
1033
1055
  export const GL_BACKGROUND_COLOR_SECTION = "#3a383f";
1034
1056
  export const GL_BACKGROUND_COLOR_OVERLAY = "rgba(0,0,0,0.64)";
1035
- export const GL_BORDER_COLOR_DEFAULT = "#4c4b51";
1036
- export const GL_BORDER_COLOR_SUBTLE = "#3a383f";
1037
- export const GL_BORDER_COLOR_STRONG = "#626168";
1038
- export const GL_BORDER_COLOR_SECTION = "#18171d";
1039
- export const GL_BORDER_COLOR_TRANSPARENT = "transparent";
1040
1057
  export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = "rgba(05, 05, 06, 0.4)";
1041
1058
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = "rgba(255, 255, 255, 0.04)";
1042
1059
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION =
@@ -1053,6 +1070,7 @@ export const GL_CONTROL_BORDER_COLOR_ERROR = "#f6806d";
1053
1070
  export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = "#428fdc";
1054
1071
  export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = "#9dc7f1";
1055
1072
  export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = "#9dc7f1";
1073
+ export const GL_CONTROL_BORDER_RADIUS = "0.25rem";
1056
1074
  export const GL_CONTROL_TEXT_COLOR_ERROR = "#f6806d";
1057
1075
  export const GL_CONTROL_TEXT_COLOR_VALID = "#52b87a";
1058
1076
  export const GL_CONTROL_PLACEHOLDER_COLOR = "#89888d";
package/dist/tokens/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";
@@ -591,6 +609,7 @@ export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = "#626168";
591
609
  export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = "#737278";
592
610
  export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = "#fbfafd";
593
611
  export const GL_BUTTON_DISABLED_BORDER_COLOR = "#dcdcde";
612
+ export const GL_CARD_BORDER_RADIUS = "0.25rem";
594
613
  export const GL_CHART_AXIS_POINTER_COLOR = "#626168";
595
614
  export const GL_CHART_AXIS_LINE_COLOR = "#bfbfc3";
596
615
  export const GL_CHART_AXIS_TEXT_COLOR = "#626168";
@@ -602,6 +621,7 @@ export const GL_DATEPICKER_BACKGROUND_COLOR = "#fff";
602
621
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = "#fff";
603
622
  export const GL_DROPDOWN_BACKGROUND_COLOR = "#fff";
604
623
  export const GL_DROPDOWN_BORDER_COLOR = "#bfbfc3";
624
+ export const GL_DROPDOWN_BORDER_RADIUS = "0.5rem";
605
625
  export const GL_DROPDOWN_DIVIDER_COLOR = "#dcdcde";
606
626
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = "#28272d";
607
627
  export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = "#28272d";
@@ -681,6 +701,7 @@ export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = "#284779";
681
701
  export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = "#693c14";
682
702
  export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = "#cbe2f9";
683
703
  export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = "#f5d9a8";
704
+ export const GL_MODAL_BORDER_RADIUS = "0.25rem";
684
705
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = "#1f75cb";
685
706
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = "#108548";
686
707
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = "#ab6100";
@@ -928,6 +949,7 @@ export const T_WHITE_A_02 = "rgba(255, 255, 255, 0.02)";
928
949
  export const T_WHITE_A_04 = "rgba(255, 255, 255, 0.04)";
929
950
  export const T_WHITE_A_06 = "rgba(255, 255, 255, 0.06)";
930
951
  export const T_WHITE_A_08 = "rgba(255, 255, 255, 0.08)";
952
+ export const GL_ACTION_BORDER_RADIUS = "0.25rem";
931
953
  export const GL_ACTION_DISABLED_FOREGROUND_COLOR = "#89888d";
932
954
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = "#ececef";
933
955
  export const GL_ACTION_DISABLED_BORDER_COLOR = "#dcdcde";
@@ -1022,11 +1044,6 @@ export const GL_BACKGROUND_COLOR_DISABLED = "#fbfafd";
1022
1044
  export const GL_BACKGROUND_COLOR_OVERLAP = "#fff";
1023
1045
  export const GL_BACKGROUND_COLOR_SECTION = "#fff";
1024
1046
  export const GL_BACKGROUND_COLOR_OVERLAY = "rgba(05, 05, 06, 0.24)";
1025
- export const GL_BORDER_COLOR_DEFAULT = "#dcdcde";
1026
- export const GL_BORDER_COLOR_SUBTLE = "#ececef";
1027
- export const GL_BORDER_COLOR_STRONG = "#bfbfc3";
1028
- export const GL_BORDER_COLOR_SECTION = "#dcdcde";
1029
- export const GL_BORDER_COLOR_TRANSPARENT = "transparent";
1030
1047
  export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = "#fff";
1031
1048
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = "#fbfafd";
1032
1049
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = "#fbfafd";
@@ -1042,6 +1059,7 @@ export const GL_CONTROL_BORDER_COLOR_ERROR = "#dd2b0e";
1042
1059
  export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = "#1f75cb";
1043
1060
  export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = "#2f5ca0";
1044
1061
  export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = "#2f5ca0";
1062
+ export const GL_CONTROL_BORDER_RADIUS = "0.25rem";
1045
1063
  export const GL_CONTROL_TEXT_COLOR_ERROR = "#c02f12";
1046
1064
  export const GL_CONTROL_TEXT_COLOR_VALID = "#2f7549";
1047
1065
  export const GL_CONTROL_PLACEHOLDER_COLOR = "#89888d";