@gitlab/ui 112.2.2 → 112.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 (182) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/bin/migrate_custom_utils_to_tw.bundled.mjs +209 -32
  3. package/dist/components/base/accordion/accordion.js +1 -1
  4. package/dist/components/base/accordion/accordion_item.js +1 -1
  5. package/dist/components/base/alert/alert.js +1 -1
  6. package/dist/components/base/animated_icon/animated_chevron_down_up_icon.js +1 -1
  7. package/dist/components/base/animated_icon/animated_chevron_lg_down_up_icon.js +1 -1
  8. package/dist/components/base/animated_icon/animated_chevron_lg_right_down_icon.js +1 -1
  9. package/dist/components/base/animated_icon/animated_chevron_right_down_icon.js +1 -1
  10. package/dist/components/base/animated_icon/animated_duo_chat_icon.js +1 -1
  11. package/dist/components/base/animated_icon/animated_loader_icon.js +1 -1
  12. package/dist/components/base/animated_icon/animated_notifications_icon.js +1 -1
  13. package/dist/components/base/animated_icon/animated_sidebar_icon.js +1 -1
  14. package/dist/components/base/animated_icon/animated_smile_icon.js +1 -1
  15. package/dist/components/base/animated_icon/animated_sort_icon.js +1 -1
  16. package/dist/components/base/animated_icon/animated_star_icon.js +1 -1
  17. package/dist/components/base/animated_icon/animated_todo_icon.js +1 -1
  18. package/dist/components/base/animated_icon/animated_upload_icon.js +1 -1
  19. package/dist/components/base/animated_icon/base_animated_icon.js +1 -1
  20. package/dist/components/base/avatar/avatar.js +1 -1
  21. package/dist/components/base/avatar_labeled/avatar_labeled.js +1 -1
  22. package/dist/components/base/avatar_link/avatar_link.js +1 -1
  23. package/dist/components/base/avatars_inline/avatars_inline.js +1 -1
  24. package/dist/components/base/badge/badge.js +1 -1
  25. package/dist/components/base/banner/banner.js +1 -1
  26. package/dist/components/base/breadcrumb/breadcrumb.js +1 -1
  27. package/dist/components/base/breadcrumb/breadcrumb_item.js +1 -1
  28. package/dist/components/base/broadcast_message/broadcast_message.js +1 -1
  29. package/dist/components/base/button/button.js +1 -1
  30. package/dist/components/base/button_group/button_group.js +1 -1
  31. package/dist/components/base/card/card.js +1 -1
  32. package/dist/components/base/collapse/collapse.js +1 -1
  33. package/dist/components/base/datepicker/datepicker.js +1 -2
  34. package/dist/components/base/daterange_picker/daterange_picker.js +1 -1
  35. package/dist/components/base/drawer/drawer.js +1 -1
  36. package/dist/components/base/dropdown/dropdown.js +1 -2
  37. package/dist/components/base/dropdown/dropdown_divider.js +1 -1
  38. package/dist/components/base/dropdown/dropdown_form.js +1 -1
  39. package/dist/components/base/dropdown/dropdown_item.js +1 -1
  40. package/dist/components/base/dropdown/dropdown_section_header.js +1 -1
  41. package/dist/components/base/dropdown/dropdown_text.js +1 -1
  42. package/dist/components/base/filtered_search/filtered_search.js +2 -2
  43. package/dist/components/base/filtered_search/filtered_search_suggestion.js +1 -1
  44. package/dist/components/base/filtered_search/filtered_search_suggestion_list.js +1 -1
  45. package/dist/components/base/filtered_search/filtered_search_term.js +1 -1
  46. package/dist/components/base/filtered_search/filtered_search_token.js +1 -1
  47. package/dist/components/base/filtered_search/filtered_search_token_segment.js +1 -1
  48. package/dist/components/base/form/form.js +1 -1
  49. package/dist/components/base/form/form_character_count/form_character_count.js +1 -1
  50. package/dist/components/base/form/form_checkbox/form_checkbox.js +1 -1
  51. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +1 -1
  52. package/dist/components/base/form/form_checkbox_tree/checkbox_tree_node.js +1 -1
  53. package/dist/components/base/form/form_checkbox_tree/form_checkbox_tree.js +1 -1
  54. package/dist/components/base/form/form_combobox/form_combobox.js +1 -1
  55. package/dist/components/base/form/form_date/form_date.js +1 -1
  56. package/dist/components/base/form/form_fields/form_field_validator.js +1 -1
  57. package/dist/components/base/form/form_fields/form_fields.js +1 -1
  58. package/dist/components/base/form/form_group/form_group.js +1 -1
  59. package/dist/components/base/form/form_input/form_input.js +1 -1
  60. package/dist/components/base/form/form_input_group/form_input_group.js +1 -1
  61. package/dist/components/base/form/form_radio/form_radio.js +1 -1
  62. package/dist/components/base/form/form_radio_group/form_radio_group.js +1 -1
  63. package/dist/components/base/form/form_select/form_select.js +1 -1
  64. package/dist/components/base/form/form_textarea/form_textarea.js +1 -1
  65. package/dist/components/base/form/input_group_text/input_group_text.js +1 -1
  66. package/dist/components/base/icon/icon.js +1 -1
  67. package/dist/components/base/infinite_scroll/infinite_scroll.js +1 -2
  68. package/dist/components/base/keyset_pagination/keyset_pagination.js +1 -1
  69. package/dist/components/base/label/label.js +1 -1
  70. package/dist/components/base/link/link.js +1 -1
  71. package/dist/components/base/loading_icon/loading_icon.js +1 -1
  72. package/dist/components/base/markdown/markdown.js +1 -1
  73. package/dist/components/base/modal/modal.js +1 -1
  74. package/dist/components/base/nav/nav.js +90 -6
  75. package/dist/components/base/nav/nav_item.js +1 -1
  76. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +1 -2
  77. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +1 -2
  78. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js +1 -2
  79. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +1 -2
  80. package/dist/components/base/new_dropdowns/listbox/listbox.js +1 -2
  81. package/dist/components/base/new_dropdowns/listbox/listbox_group.js +1 -1
  82. package/dist/components/base/new_dropdowns/listbox/listbox_item.js +1 -1
  83. package/dist/components/base/new_dropdowns/listbox/listbox_search_input.js +1 -1
  84. package/dist/components/base/pagination/pagination.js +1 -1
  85. package/dist/components/base/path/path.js +1 -1
  86. package/dist/components/base/popover/popover.js +1 -1
  87. package/dist/components/base/progress_bar/progress_bar.js +1 -1
  88. package/dist/components/base/search_box_by_click/search_box_by_click.js +2 -2
  89. package/dist/components/base/search_box_by_type/search_box_by_type.js +1 -1
  90. package/dist/components/base/segmented_control/segmented_control.js +1 -1
  91. package/dist/components/base/skeleton_loader/skeleton_loader.js +1 -1
  92. package/dist/components/base/sorting/sorting.js +1 -1
  93. package/dist/components/base/table/table.js +2 -2
  94. package/dist/components/base/table_lite/table_lite.js +1 -1
  95. package/dist/components/base/tabs/tab/tab.js +1 -1
  96. package/dist/components/base/tabs/tabs/scrollable_tabs.js +1 -1
  97. package/dist/components/base/tabs/tabs/tabs.js +1 -1
  98. package/dist/components/base/toast/toast.js +1 -1
  99. package/dist/components/base/toggle/toggle.js +1 -1
  100. package/dist/components/base/token/token.js +1 -1
  101. package/dist/components/base/token_selector/token_container.js +1 -1
  102. package/dist/components/base/token_selector/token_selector.js +1 -1
  103. package/dist/components/base/token_selector/token_selector_dropdown.js +1 -1
  104. package/dist/components/base/tooltip/tooltip.js +1 -1
  105. package/dist/components/charts/area/area.js +1 -1
  106. package/dist/components/charts/bar/bar.js +1 -1
  107. package/dist/components/charts/chart/chart.js +1 -1
  108. package/dist/components/charts/column/column.js +1 -1
  109. package/dist/components/charts/discrete_scatter/discrete_scatter.js +1 -1
  110. package/dist/components/charts/gauge/gauge.js +2 -2
  111. package/dist/components/charts/heatmap/heatmap.js +1 -1
  112. package/dist/components/charts/legend/legend.js +1 -1
  113. package/dist/components/charts/line/line.js +1 -1
  114. package/dist/components/charts/series_label/series_label.js +1 -1
  115. package/dist/components/charts/shared/tooltip/tooltip.js +1 -1
  116. package/dist/components/charts/shared/tooltip/tooltip_default_format/tooltip_default_format.js +1 -1
  117. package/dist/components/charts/single_stat/single_stat.js +1 -1
  118. package/dist/components/charts/sparkline/sparkline.js +1 -1
  119. package/dist/components/charts/stacked_column/stacked_column.js +1 -1
  120. package/dist/components/dashboards/dashboard_panel/dashboard_panel.js +1 -1
  121. package/dist/components/experimental/experiment_badge/experiment_badge.js +1 -2
  122. package/dist/components/mixins/tooltip_mixin.js +1 -1
  123. package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js +1 -1
  124. package/dist/components/regions/empty_state/empty_state.js +1 -1
  125. package/dist/components/shared_components/clear_icon_button/clear_icon_button.js +1 -1
  126. package/dist/components/shared_components/close_button/close_button.js +1 -1
  127. package/dist/components/utilities/animated_number/animated_number.js +1 -1
  128. package/dist/components/utilities/friendly_wrap/friendly_wrap.js +1 -1
  129. package/dist/components/utilities/intersection_observer/intersection_observer.js +1 -1
  130. package/dist/components/utilities/intersperse/intersperse.js +1 -1
  131. package/dist/components/utilities/sprintf/sprintf.js +1 -1
  132. package/dist/components/utilities/truncate/truncate.js +1 -1
  133. package/dist/components/utilities/truncate_text/truncate_text.js +1 -1
  134. package/dist/config.js +1 -2
  135. package/dist/index.css +2 -2
  136. package/dist/index.css.map +1 -1
  137. package/dist/tailwind.css +1 -1
  138. package/dist/tokens/build/js/tokens.dark.js +80 -80
  139. package/dist/tokens/build/js/tokens.js +179 -179
  140. package/dist/tokens/css/tokens.css +50 -50
  141. package/dist/tokens/css/tokens.dark.css +25 -25
  142. package/dist/tokens/js/tokens.dark.js +80 -80
  143. package/dist/tokens/js/tokens.js +179 -179
  144. package/dist/tokens/json/tokens.dark.json +130 -130
  145. package/dist/tokens/json/tokens.json +229 -229
  146. package/dist/tokens/scss/_tokens.dark.scss +25 -25
  147. package/dist/tokens/scss/_tokens.scss +50 -50
  148. package/dist/tokens/tailwind/tokens.cjs +47 -47
  149. package/dist/tokens/tokens_story.js +1 -1
  150. package/dist/tokens/tokens_table.js +1 -1
  151. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
  152. package/dist/vendor/bootstrap-vue/src/utils/cache.js +1 -1
  153. package/dist/vendor/bootstrap-vue/src/utils/props.js +1 -1
  154. package/dist/vendor/bootstrap-vue/src/utils/router.js +1 -1
  155. package/package.json +2 -2
  156. package/src/components/base/nav/nav.md +182 -4
  157. package/src/components/base/nav/nav.vue +60 -7
  158. package/src/components/base/search_box_by_click/search_box_by_click.vue +9 -3
  159. package/src/tokens/build/css/tokens.css +50 -50
  160. package/src/tokens/build/css/tokens.dark.css +25 -25
  161. package/src/tokens/build/figma/constants.tokens.json +25 -25
  162. package/src/tokens/build/figma/deprecated.tokens.json +25 -25
  163. package/src/tokens/build/js/tokens.dark.js +80 -80
  164. package/src/tokens/build/js/tokens.js +179 -179
  165. package/src/tokens/build/json/tokens.dark.json +130 -130
  166. package/src/tokens/build/json/tokens.json +229 -229
  167. package/src/tokens/build/scss/_tokens.dark.scss +25 -25
  168. package/src/tokens/build/scss/_tokens.scss +50 -50
  169. package/src/tokens/build/tailwind/tokens.cjs +47 -47
  170. package/src/tokens/constant/color.tokens.json +25 -25
  171. package/src/tokens/deprecated/deprecated.color.tokens.json +25 -25
  172. package/src/vendor/bootstrap-vue/src/constants/components.js +0 -2
  173. package/dist/vendor/bootstrap-vue/src/components/collapse/collapse.js +0 -207
  174. package/dist/vendor/bootstrap-vue/src/components/collapse/helpers/bv-collapse.js +0 -90
  175. package/dist/vendor/bootstrap-vue/src/components/collapse/index.js +0 -1
  176. package/src/vendor/bootstrap-vue/src/components/collapse/MODIFICATIONS.md +0 -14
  177. package/src/vendor/bootstrap-vue/src/components/collapse/README.md +0 -321
  178. package/src/vendor/bootstrap-vue/src/components/collapse/collapse.js +0 -207
  179. package/src/vendor/bootstrap-vue/src/components/collapse/collapse.spec.js +0 -426
  180. package/src/vendor/bootstrap-vue/src/components/collapse/helpers/bv-collapse.js +0 -88
  181. package/src/vendor/bootstrap-vue/src/components/collapse/index.js +0 -3
  182. package/src/vendor/bootstrap-vue/src/components/collapse/package.json +0 -104
@@ -22,11 +22,11 @@ $gl-color-blue-200: #9dc7f1;
22
22
  $gl-color-blue-300: #63a6e9;
23
23
  $gl-color-blue-400: #428fdc;
24
24
  $gl-color-blue-500: #1f75cb;
25
- $gl-color-blue-600: #1068bf;
26
- $gl-color-blue-700: #0b5cad;
27
- $gl-color-blue-800: #064787;
28
- $gl-color-blue-900: #033464;
29
- $gl-color-blue-950: #002850;
25
+ $gl-color-blue-600: #2f68b4;
26
+ $gl-color-blue-700: #2f5ca0;
27
+ $gl-color-blue-800: #284779;
28
+ $gl-color-blue-900: #213454;
29
+ $gl-color-blue-950: #1d283e;
30
30
  $gl-color-neutral-0: #fff;
31
31
  $gl-color-neutral-10: #fbfafd;
32
32
  $gl-color-neutral-50: #ececef;
@@ -47,44 +47,44 @@ $gl-color-green-200: #91d4a8;
47
47
  $gl-color-green-300: #52b87a;
48
48
  $gl-color-green-400: #2da160;
49
49
  $gl-color-green-500: #108548;
50
- $gl-color-green-600: #217645;
51
- $gl-color-green-700: #24663b;
52
- $gl-color-green-800: #0d532a;
53
- $gl-color-green-900: #0a4020;
54
- $gl-color-green-950: #072b15;
50
+ $gl-color-green-600: #2f7549;
51
+ $gl-color-green-700: #306440;
52
+ $gl-color-green-800: #225131;
53
+ $gl-color-green-900: #1e3e28;
54
+ $gl-color-green-950: #17291c;
55
55
  $gl-color-orange-50: #fdf1dd;
56
56
  $gl-color-orange-100: #f5d9a8;
57
57
  $gl-color-orange-200: #e9be74;
58
58
  $gl-color-orange-300: #d99530;
59
59
  $gl-color-orange-400: #c17d10;
60
60
  $gl-color-orange-500: #ab6100;
61
- $gl-color-orange-600: #9e5400;
62
- $gl-color-orange-700: #8f4700;
63
- $gl-color-orange-800: #703800;
64
- $gl-color-orange-900: #5c2900;
65
- $gl-color-orange-950: #421f00;
61
+ $gl-color-orange-600: #995715;
62
+ $gl-color-orange-700: #894b16;
63
+ $gl-color-orange-800: #693c14;
64
+ $gl-color-orange-900: #532e16;
65
+ $gl-color-orange-950: #382315;
66
66
  $gl-color-purple-50: #f4f0ff;
67
67
  $gl-color-purple-100: #e1d8f9;
68
68
  $gl-color-purple-200: #cbbbf2;
69
69
  $gl-color-purple-300: #ac93e6;
70
70
  $gl-color-purple-400: #9475db;
71
71
  $gl-color-purple-500: #7b58cf;
72
- $gl-color-purple-600: #694cc0;
73
- $gl-color-purple-700: #5943b6;
74
- $gl-color-purple-800: #453894;
75
- $gl-color-purple-900: #2f2a6b;
76
- $gl-color-purple-950: #232150;
72
+ $gl-color-purple-600: #6a4fb4;
73
+ $gl-color-purple-700: #5c47a6;
74
+ $gl-color-purple-800: #493c83;
75
+ $gl-color-purple-900: #342d59;
76
+ $gl-color-purple-950: #27243e;
77
77
  $gl-color-red-50: #fcf1ef;
78
78
  $gl-color-red-100: #fdd4cd;
79
79
  $gl-color-red-200: #fcb5aa;
80
80
  $gl-color-red-300: #f6806d;
81
81
  $gl-color-red-400: #ec5941;
82
82
  $gl-color-red-500: #dd2b0e;
83
- $gl-color-red-600: #c91c00;
84
- $gl-color-red-700: #ae1800;
85
- $gl-color-red-800: #8d1300;
86
- $gl-color-red-900: #660e00;
87
- $gl-color-red-950: #4d0a00;
83
+ $gl-color-red-600: #c02f12;
84
+ $gl-color-red-700: #a32c12;
85
+ $gl-color-red-800: #812713;
86
+ $gl-color-red-900: #582014;
87
+ $gl-color-red-950: #3e1a14;
88
88
  $gl-color-data-green-50: #ddfab7;
89
89
  $gl-color-data-green-100: #c6ed94;
90
90
  $gl-color-data-green-200: #b0d97b;
@@ -22,11 +22,11 @@ $gl-color-blue-200: #9dc7f1;
22
22
  $gl-color-blue-300: #63a6e9;
23
23
  $gl-color-blue-400: #428fdc;
24
24
  $gl-color-blue-500: #1f75cb;
25
- $gl-color-blue-600: #1068bf;
26
- $gl-color-blue-700: #0b5cad;
27
- $gl-color-blue-800: #064787;
28
- $gl-color-blue-900: #033464;
29
- $gl-color-blue-950: #002850;
25
+ $gl-color-blue-600: #2f68b4;
26
+ $gl-color-blue-700: #2f5ca0;
27
+ $gl-color-blue-800: #284779;
28
+ $gl-color-blue-900: #213454;
29
+ $gl-color-blue-950: #1d283e;
30
30
  $gl-color-neutral-0: #fff;
31
31
  $gl-color-neutral-10: #fbfafd;
32
32
  $gl-color-neutral-50: #ececef;
@@ -47,44 +47,44 @@ $gl-color-green-200: #91d4a8;
47
47
  $gl-color-green-300: #52b87a;
48
48
  $gl-color-green-400: #2da160;
49
49
  $gl-color-green-500: #108548;
50
- $gl-color-green-600: #217645;
51
- $gl-color-green-700: #24663b;
52
- $gl-color-green-800: #0d532a;
53
- $gl-color-green-900: #0a4020;
54
- $gl-color-green-950: #072b15;
50
+ $gl-color-green-600: #2f7549;
51
+ $gl-color-green-700: #306440;
52
+ $gl-color-green-800: #225131;
53
+ $gl-color-green-900: #1e3e28;
54
+ $gl-color-green-950: #17291c;
55
55
  $gl-color-orange-50: #fdf1dd;
56
56
  $gl-color-orange-100: #f5d9a8;
57
57
  $gl-color-orange-200: #e9be74;
58
58
  $gl-color-orange-300: #d99530;
59
59
  $gl-color-orange-400: #c17d10;
60
60
  $gl-color-orange-500: #ab6100;
61
- $gl-color-orange-600: #9e5400;
62
- $gl-color-orange-700: #8f4700;
63
- $gl-color-orange-800: #703800;
64
- $gl-color-orange-900: #5c2900;
65
- $gl-color-orange-950: #421f00;
61
+ $gl-color-orange-600: #995715;
62
+ $gl-color-orange-700: #894b16;
63
+ $gl-color-orange-800: #693c14;
64
+ $gl-color-orange-900: #532e16;
65
+ $gl-color-orange-950: #382315;
66
66
  $gl-color-purple-50: #f4f0ff;
67
67
  $gl-color-purple-100: #e1d8f9;
68
68
  $gl-color-purple-200: #cbbbf2;
69
69
  $gl-color-purple-300: #ac93e6;
70
70
  $gl-color-purple-400: #9475db;
71
71
  $gl-color-purple-500: #7b58cf;
72
- $gl-color-purple-600: #694cc0;
73
- $gl-color-purple-700: #5943b6;
74
- $gl-color-purple-800: #453894;
75
- $gl-color-purple-900: #2f2a6b;
76
- $gl-color-purple-950: #232150;
72
+ $gl-color-purple-600: #6a4fb4;
73
+ $gl-color-purple-700: #5c47a6;
74
+ $gl-color-purple-800: #493c83;
75
+ $gl-color-purple-900: #342d59;
76
+ $gl-color-purple-950: #27243e;
77
77
  $gl-color-red-50: #fcf1ef;
78
78
  $gl-color-red-100: #fdd4cd;
79
79
  $gl-color-red-200: #fcb5aa;
80
80
  $gl-color-red-300: #f6806d;
81
81
  $gl-color-red-400: #ec5941;
82
82
  $gl-color-red-500: #dd2b0e;
83
- $gl-color-red-600: #c91c00;
84
- $gl-color-red-700: #ae1800;
85
- $gl-color-red-800: #8d1300;
86
- $gl-color-red-900: #660e00;
87
- $gl-color-red-950: #4d0a00;
83
+ $gl-color-red-600: #c02f12;
84
+ $gl-color-red-700: #a32c12;
85
+ $gl-color-red-800: #812713;
86
+ $gl-color-red-900: #582014;
87
+ $gl-color-red-950: #3e1a14;
88
88
  $gl-color-data-green-50: #ddfab7;
89
89
  $gl-color-data-green-100: #c6ed94;
90
90
  $gl-color-data-green-200: #b0d97b;
@@ -411,11 +411,11 @@ $blue-200: #9dc7f1 !default;
411
411
  $blue-300: #63a6e9 !default;
412
412
  $blue-400: #428fdc !default;
413
413
  $blue-500: #1f75cb !default;
414
- $blue-600: #1068bf !default;
415
- $blue-700: #0b5cad !default;
416
- $blue-800: #064787 !default;
417
- $blue-900: #033464 !default;
418
- $blue-950: #002850 !default;
414
+ $blue-600: #2f68b4 !default;
415
+ $blue-700: #2f5ca0 !default;
416
+ $blue-800: #284779 !default;
417
+ $blue-900: #213454 !default;
418
+ $blue-950: #1d283e !default;
419
419
  $gray-10: #fbfafd !default;
420
420
  $gray-50: #ececef !default;
421
421
  $gray-100: #dcdcde !default;
@@ -434,44 +434,44 @@ $green-200: #91d4a8 !default;
434
434
  $green-300: #52b87a !default;
435
435
  $green-400: #2da160 !default;
436
436
  $green-500: #108548 !default;
437
- $green-600: #217645 !default;
438
- $green-700: #24663b !default;
439
- $green-800: #0d532a !default;
440
- $green-900: #0a4020 !default;
441
- $green-950: #072b15 !default;
437
+ $green-600: #2f7549 !default;
438
+ $green-700: #306440 !default;
439
+ $green-800: #225131 !default;
440
+ $green-900: #1e3e28 !default;
441
+ $green-950: #17291c !default;
442
442
  $orange-50: #fdf1dd !default;
443
443
  $orange-100: #f5d9a8 !default;
444
444
  $orange-200: #e9be74 !default;
445
445
  $orange-300: #d99530 !default;
446
446
  $orange-400: #c17d10 !default;
447
447
  $orange-500: #ab6100 !default;
448
- $orange-600: #9e5400 !default;
449
- $orange-700: #8f4700 !default;
450
- $orange-800: #703800 !default;
451
- $orange-900: #5c2900 !default;
452
- $orange-950: #421f00 !default;
448
+ $orange-600: #995715 !default;
449
+ $orange-700: #894b16 !default;
450
+ $orange-800: #693c14 !default;
451
+ $orange-900: #532e16 !default;
452
+ $orange-950: #382315 !default;
453
453
  $purple-50: #f4f0ff !default;
454
454
  $purple-100: #e1d8f9 !default;
455
455
  $purple-200: #cbbbf2 !default;
456
456
  $purple-300: #ac93e6 !default;
457
457
  $purple-400: #9475db !default;
458
458
  $purple-500: #7b58cf !default;
459
- $purple-600: #694cc0 !default;
460
- $purple-700: #5943b6 !default;
461
- $purple-800: #453894 !default;
462
- $purple-900: #2f2a6b !default;
463
- $purple-950: #232150 !default;
459
+ $purple-600: #6a4fb4 !default;
460
+ $purple-700: #5c47a6 !default;
461
+ $purple-800: #493c83 !default;
462
+ $purple-900: #342d59 !default;
463
+ $purple-950: #27243e !default;
464
464
  $red-50: #fcf1ef !default;
465
465
  $red-100: #fdd4cd !default;
466
466
  $red-200: #fcb5aa !default;
467
467
  $red-300: #f57f6c !default;
468
468
  $red-400: #ec5941 !default;
469
469
  $red-500: #dd2b0e !default;
470
- $red-600: #c91c00 !default;
471
- $red-700: #ae1800 !default;
472
- $red-800: #8d1300 !default;
473
- $red-900: #660e00 !default;
474
- $red-950: #4d0a00 !default;
470
+ $red-600: #c02f12 !default;
471
+ $red-700: #a32c12 !default;
472
+ $red-800: #812713 !default;
473
+ $red-900: #582014 !default;
474
+ $red-950: #3e1a14 !default;
475
475
  $brand-charcoal: #171321 !default; // Use color.brand-charcoal instead.
476
476
  $brand-orange-01: #fca326 !default; // Use color.brand-orange.01p instead.
477
477
  $brand-orange-02: #fc6d26 !default; // Use color.brand-orange.02p instead.
@@ -9,11 +9,11 @@ const baseColors = {
9
9
  'blue-300': 'var(--blue-300, #63a6e9)',
10
10
  'blue-400': 'var(--blue-400, #428fdc)',
11
11
  'blue-500': 'var(--blue-500, #1f75cb)',
12
- 'blue-600': 'var(--blue-600, #1068bf)',
13
- 'blue-700': 'var(--blue-700, #0b5cad)',
14
- 'blue-800': 'var(--blue-800, #064787)',
15
- 'blue-900': 'var(--blue-900, #033464)',
16
- 'blue-950': 'var(--blue-950, #002850)',
12
+ 'blue-600': 'var(--blue-600, #2f68b4)',
13
+ 'blue-700': 'var(--blue-700, #2f5ca0)',
14
+ 'blue-800': 'var(--blue-800, #284779)',
15
+ 'blue-900': 'var(--blue-900, #213454)',
16
+ 'blue-950': 'var(--blue-950, #1d283e)',
17
17
  'gray-10': 'var(--gray-10, #fbfafd)',
18
18
  'gray-50': 'var(--gray-50, #ececef)',
19
19
  'gray-100': 'var(--gray-100, #dcdcde)',
@@ -32,44 +32,44 @@ const baseColors = {
32
32
  'green-300': 'var(--green-300, #52b87a)',
33
33
  'green-400': 'var(--green-400, #2da160)',
34
34
  'green-500': 'var(--green-500, #108548)',
35
- 'green-600': 'var(--green-600, #217645)',
36
- 'green-700': 'var(--green-700, #24663b)',
37
- 'green-800': 'var(--green-800, #0d532a)',
38
- 'green-900': 'var(--green-900, #0a4020)',
39
- 'green-950': 'var(--green-950, #072b15)',
35
+ 'green-600': 'var(--green-600, #2f7549)',
36
+ 'green-700': 'var(--green-700, #306440)',
37
+ 'green-800': 'var(--green-800, #225131)',
38
+ 'green-900': 'var(--green-900, #1e3e28)',
39
+ 'green-950': 'var(--green-950, #17291c)',
40
40
  'orange-50': 'var(--orange-50, #fdf1dd)',
41
41
  'orange-100': 'var(--orange-100, #f5d9a8)',
42
42
  'orange-200': 'var(--orange-200, #e9be74)',
43
43
  'orange-300': 'var(--orange-300, #d99530)',
44
44
  'orange-400': 'var(--orange-400, #c17d10)',
45
45
  'orange-500': 'var(--orange-500, #ab6100)',
46
- 'orange-600': 'var(--orange-600, #9e5400)',
47
- 'orange-700': 'var(--orange-700, #8f4700)',
48
- 'orange-800': 'var(--orange-800, #703800)',
49
- 'orange-900': 'var(--orange-900, #5c2900)',
50
- 'orange-950': 'var(--orange-950, #421f00)',
46
+ 'orange-600': 'var(--orange-600, #995715)',
47
+ 'orange-700': 'var(--orange-700, #894b16)',
48
+ 'orange-800': 'var(--orange-800, #693c14)',
49
+ 'orange-900': 'var(--orange-900, #532e16)',
50
+ 'orange-950': 'var(--orange-950, #382315)',
51
51
  'purple-50': 'var(--purple-50, #f4f0ff)',
52
52
  'purple-100': 'var(--purple-100, #e1d8f9)',
53
53
  'purple-200': 'var(--purple-200, #cbbbf2)',
54
54
  'purple-300': 'var(--purple-300, #ac93e6)',
55
55
  'purple-400': 'var(--purple-400, #9475db)',
56
56
  'purple-500': 'var(--purple-500, #7b58cf)',
57
- 'purple-600': 'var(--purple-600, #694cc0)',
58
- 'purple-700': 'var(--purple-700, #5943b6)',
59
- 'purple-800': 'var(--purple-800, #453894)',
60
- 'purple-900': 'var(--purple-900, #2f2a6b)',
61
- 'purple-950': 'var(--purple-950, #232150)',
57
+ 'purple-600': 'var(--purple-600, #6a4fb4)',
58
+ 'purple-700': 'var(--purple-700, #5c47a6)',
59
+ 'purple-800': 'var(--purple-800, #493c83)',
60
+ 'purple-900': 'var(--purple-900, #342d59)',
61
+ 'purple-950': 'var(--purple-950, #27243e)',
62
62
  'red-50': 'var(--red-50, #fcf1ef)',
63
63
  'red-100': 'var(--red-100, #fdd4cd)',
64
64
  'red-200': 'var(--red-200, #fcb5aa)',
65
65
  'red-300': 'var(--red-300, #f57f6c)',
66
66
  'red-400': 'var(--red-400, #ec5941)',
67
67
  'red-500': 'var(--red-500, #dd2b0e)',
68
- 'red-600': 'var(--red-600, #c91c00)',
69
- 'red-700': 'var(--red-700, #ae1800)',
70
- 'red-800': 'var(--red-800, #8d1300)',
71
- 'red-900': 'var(--red-900, #660e00)',
72
- 'red-950': 'var(--red-950, #4d0a00)',
68
+ 'red-600': 'var(--red-600, #c02f12)',
69
+ 'red-700': 'var(--red-700, #a32c12)',
70
+ 'red-800': 'var(--red-800, #812713)',
71
+ 'red-900': 'var(--red-900, #582014)',
72
+ 'red-950': 'var(--red-950, #3e1a14)',
73
73
  };
74
74
  const themeColors = {
75
75
  'theme-indigo-10': 'var(--theme-indigo-10, #f8f8ff)',
@@ -223,10 +223,10 @@ const textColors = {
223
223
  subtle: 'var(--gl-text-color-subtle, var(--gl-color-neutral-600, #626168))',
224
224
  strong: 'var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))',
225
225
  heading: 'var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))',
226
- link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #0b5cad))',
227
- warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #9e5400))',
228
- danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c91c00))',
229
- success: 'var(--gl-text-color-success, var(--gl-color-green-600, #217645))',
226
+ link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #2f5ca0))',
227
+ warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #995715))',
228
+ danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c02f12))',
229
+ success: 'var(--gl-text-color-success, var(--gl-color-green-600, #2f7549))',
230
230
  disabled: 'var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))',
231
231
  };
232
232
  const backgroundColors = {
@@ -251,11 +251,11 @@ const iconColors = {
251
251
  subtle: 'var(--gl-icon-color-subtle, var(--gl-text-color-subtle, #626168))',
252
252
  strong: 'var(--gl-icon-color-strong, var(--gl-text-color-strong, #18171d))',
253
253
  disabled: 'var(--gl-icon-color-disabled, var(--gl-text-color-disabled, #89888d))',
254
- link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #0b5cad))',
255
- info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #0b5cad))',
256
- warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #9e5400))',
257
- danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #c91c00))',
258
- success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #217645))',
254
+ link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #2f5ca0))',
255
+ info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #2f5ca0))',
256
+ warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #995715))',
257
+ danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #c02f12))',
258
+ success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #2f7549))',
259
259
  };
260
260
  const alphaDarkColors = {
261
261
  2: 'var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))',
@@ -310,11 +310,11 @@ const statusBackgroundColors = {
310
310
  };
311
311
  const statusTextColors = {
312
312
  'status-neutral': 'var(--gl-status-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
313
- 'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #0b5cad))',
314
- 'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #24663b))',
315
- 'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #8f4700))',
316
- 'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #ae1800))',
317
- 'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #5943b6))',
313
+ 'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
314
+ 'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #306440))',
315
+ 'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #894b16))',
316
+ 'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #a32c12))',
317
+ 'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #5c47a6))',
318
318
  };
319
319
  const statusIconColors = {
320
320
  'status-neutral': 'var(--gl-status-neutral-icon-color, var(--gl-color-neutral-500, #737278))',
@@ -339,18 +339,18 @@ const feedbackBackgroundColors = {
339
339
  const feedbackTextColors = {
340
340
  'feedback-strong': 'var(--gl-feedback-strong-text-color, var(--gl-color-neutral-0, #fff))',
341
341
  'feedback-neutral': 'var(--gl-feedback-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
342
- 'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #0b5cad))',
343
- 'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #24663b))',
344
- 'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #8f4700))',
345
- 'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #ae1800))',
342
+ 'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
343
+ 'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #306440))',
344
+ 'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #894b16))',
345
+ 'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #a32c12))',
346
346
  };
347
347
  const feedbackIconColors = {
348
348
  'feedback-strong': 'var(--gl-feedback-strong-icon-color, var(--gl-color-neutral-0, #fff))',
349
349
  'feedback-neutral': 'var(--gl-feedback-neutral-icon-color, var(--gl-color-neutral-600, #626168))',
350
- 'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #1068bf))',
351
- 'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #217645))',
352
- 'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #9e5400))',
353
- 'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c91c00))',
350
+ 'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #2f68b4))',
351
+ 'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #2f7549))',
352
+ 'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #995715))',
353
+ 'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c02f12))',
354
354
  };
355
355
 
356
356
  const colors = {
@@ -86,4 +86,4 @@ var __vue_staticRenderFns__ = [];
86
86
  undefined
87
87
  );
88
88
 
89
- export default __vue_component__;
89
+ export { __vue_component__ as default };
@@ -262,4 +262,4 @@ var __vue_staticRenderFns__ = [];
262
262
  undefined
263
263
  );
264
264
 
265
- export default __vue_component__;
265
+ export { __vue_component__ as default };
@@ -2,7 +2,6 @@
2
2
  const NAME_BUTTON = 'BButton';
3
3
  const NAME_BUTTON_CLOSE = 'BButtonClose';
4
4
  const NAME_COL = 'BCol';
5
- const NAME_COLLAPSE = 'BCollapse';
6
5
  const NAME_DROPDOWN = 'BDropdown';
7
6
  const NAME_DROPDOWN_DIVIDER = 'BDropdownDivider';
8
7
  const NAME_DROPDOWN_FORM = 'BDropdownForm';
@@ -46,7 +45,6 @@ const NAME_TOOLTIP = 'BTooltip';
46
45
  const NAME_TR = 'BTr';
47
46
 
48
47
  // Helper component names
49
- const NAME_COLLAPSE_HELPER = 'BVCollapse';
50
48
  const NAME_FORM_BUTTON_LABEL_CONTROL = 'BVFormBtnLabelControl';
51
49
  const NAME_FORM_RATING_STAR = 'BVFormRatingStar';
52
50
  const NAME_POPOVER_HELPER = 'BVPopover';
@@ -60,4 +58,4 @@ const NAME_TRANSITION = 'BVTransition';
60
58
  const NAME_TRANSPORTER = 'BVTransporter';
61
59
  const NAME_TRANSPORTER_TARGET = 'BVTransporterTarget';
62
60
 
63
- export { NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_COL, NAME_COLLAPSE, NAME_COLLAPSE_HELPER, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_GROUP, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_VALID_FEEDBACK, NAME_LINK, NAME_MODAL, NAME_NAV, NAME_NAV_ITEM, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };
61
+ export { NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_COL, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_GROUP, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_VALID_FEEDBACK, NAME_LINK, NAME_MODAL, NAME_NAV, NAME_NAV_ITEM, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };
@@ -1,7 +1,7 @@
1
1
  import { extend } from '../vue';
2
2
  import { cloneDeep } from './clone-deep';
3
3
  import { looseEqual } from './loose-equal';
4
- import { keys, hasOwnProperty } from './object';
4
+ import { hasOwnProperty, keys } from './object';
5
5
 
6
6
  const isEmpty = value => !value || keys(value).length === 0;
7
7
  const makePropWatcher = propName => ({
@@ -2,7 +2,7 @@ import { PROP_TYPE_ANY } from '../constants/props';
2
2
  import { cloneDeep } from './clone-deep';
3
3
  import { getComponentConfig } from './config';
4
4
  import { identity } from './identity';
5
- import { isFunction, isUndefined, isObject, isArray } from './inspect';
5
+ import { isUndefined, isObject, isArray, isFunction } from './inspect';
6
6
  import { hasOwnProperty, clone, keys } from './object';
7
7
  import { upperFirst } from './string';
8
8
 
@@ -1,4 +1,4 @@
1
- import { RX_ENCODE_REVERSE, RX_ENCODED_COMMA, RX_QUERY_START, RX_PLUS } from '../constants/regex';
1
+ import { RX_QUERY_START, RX_PLUS, RX_ENCODE_REVERSE, RX_ENCODED_COMMA } from '../constants/regex';
2
2
  import { isTag } from './dom';
3
3
  import { isPlainObject, isUndefined, isNull, isArray, isString } from './inspect';
4
4
  import { keys } from './object';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "112.2.2",
3
+ "version": "112.3.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -152,7 +152,7 @@
152
152
  "eslint-formatter-gitlab": "^5.1.0",
153
153
  "eslint-import-resolver-jest": "3.0.2",
154
154
  "eslint-plugin-cypress": "3.6.0",
155
- "eslint-plugin-storybook": "0.11.4",
155
+ "eslint-plugin-storybook": "0.12.0",
156
156
  "fuse.js": "^7.0.0",
157
157
  "gitlab-api-async-iterator": "^1.3.1",
158
158
  "glob": "10.3.3",