@gitlab/ui 34.0.0 → 36.1.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 (153) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/components/base/filtered_search/filtered_search.documentation.js +6 -0
  3. package/dist/components/base/filtered_search/filtered_search.js +12 -2
  4. package/dist/components/base/filtered_search/filtered_search_term.documentation.js +6 -0
  5. package/dist/components/base/filtered_search/filtered_search_term.js +11 -1
  6. package/dist/components/base/filtered_search/filtered_search_token_segment.documentation.js +6 -0
  7. package/dist/components/base/filtered_search/filtered_search_token_segment.js +11 -1
  8. package/dist/components/base/nav/nav.documentation.js +2 -7
  9. package/dist/components/base/search_box_by_click/search_box_by_click.documentation.js +3 -0
  10. package/dist/components/base/search_box_by_click/search_box_by_click.js +6 -1
  11. package/dist/components/base/tabs/tabs/tabs.documentation.js +1 -1
  12. package/dist/components/base/tabs/tabs/tabs.js +2 -12
  13. package/dist/components/utilities/truncate/truncate.documentation.js +2 -17
  14. package/dist/components/utilities/truncate/truncate.js +11 -0
  15. package/dist/index.css +1 -1
  16. package/dist/index.css.map +1 -1
  17. package/dist/utility_classes.css +1 -1
  18. package/dist/utility_classes.css.map +1 -1
  19. package/documentation/all_components.js +2 -2
  20. package/documentation/components_documentation.js +0 -2
  21. package/documentation/documented_stories.js +4 -0
  22. package/package.json +7 -10
  23. package/src/charts.js +19 -0
  24. package/src/components/base/alert/alert.stories.js +1 -1
  25. package/src/components/base/avatar/avatar.stories.js +8 -0
  26. package/src/components/base/avatar_labeled/avatar_labeled.stories.js +7 -0
  27. package/src/components/base/avatar_link/avatar_link.stories.js +7 -0
  28. package/src/components/base/avatars_inline/avatars_inline.stories.js +1 -1
  29. package/src/components/base/badge/badge.stories.js +115 -10
  30. package/src/components/base/banner/banner.stories.js +1 -1
  31. package/src/components/base/breadcrumb/breadcrumb.stories.js +1 -1
  32. package/src/components/base/broadcast_message/broadcast_message.stories.js +3 -3
  33. package/src/components/base/button/button.stories.js +11 -11
  34. package/src/components/base/button_group/button_group.stories.js +1 -1
  35. package/src/components/base/collapse/collapse.stories.js +1 -1
  36. package/src/components/base/drawer/drawer.stories.js +1 -1
  37. package/src/components/base/dropdown/dropdown.stories.js +5 -3
  38. package/src/components/base/dropdown/dropdown_divider.stories.js +1 -1
  39. package/src/components/base/dropdown/dropdown_form.stories.js +1 -1
  40. package/src/components/base/dropdown/dropdown_item.stories.js +1 -1
  41. package/src/components/base/dropdown/dropdown_section_header.stories.js +1 -1
  42. package/src/components/base/dropdown/dropdown_text.stories.js +1 -1
  43. package/src/components/base/filtered_search/filtered_search.documentation.js +6 -0
  44. package/src/components/base/filtered_search/filtered_search.spec.js +81 -47
  45. package/src/components/base/filtered_search/filtered_search.stories.js +11 -1
  46. package/src/components/base/filtered_search/filtered_search.vue +13 -0
  47. package/src/components/base/filtered_search/filtered_search_suggestion.stories.js +2 -0
  48. package/src/components/base/filtered_search/filtered_search_suggestion_list.stories.js +2 -0
  49. package/src/components/base/filtered_search/filtered_search_term.documentation.js +6 -0
  50. package/src/components/base/filtered_search/filtered_search_term.spec.js +42 -9
  51. package/src/components/base/filtered_search/filtered_search_term.vue +13 -0
  52. package/src/components/base/filtered_search/filtered_search_token.stories.js +2 -0
  53. package/src/components/base/filtered_search/filtered_search_token_segment.documentation.js +6 -0
  54. package/src/components/base/filtered_search/filtered_search_token_segment.spec.js +53 -0
  55. package/src/components/base/filtered_search/filtered_search_token_segment.stories.js +2 -0
  56. package/src/components/base/filtered_search/filtered_search_token_segment.vue +12 -0
  57. package/src/components/base/form/form.stories.js +1 -1
  58. package/src/components/base/form/form_checkbox/form_checkbox.stories.js +1 -1
  59. package/src/components/base/form/form_group/form_group.stories.js +6 -5
  60. package/src/components/base/form/form_input/form_input.stories.js +1 -1
  61. package/src/components/base/form/form_input_group/form_input_group.stories.js +1 -1
  62. package/src/components/base/form/form_radio/form_radio.stories.js +1 -1
  63. package/src/components/base/form/form_radio_group/form_radio_group.stories.js +2 -1
  64. package/src/components/base/form/form_select/form_select.stories.js +1 -1
  65. package/src/components/base/form/form_text/form_text.vue +3 -1
  66. package/src/components/base/form/form_textarea/form_textarea.stories.js +1 -1
  67. package/src/components/base/icon/icon.stories.js +1 -1
  68. package/src/components/base/infinite_scroll/infinite_scroll.stories.js +1 -1
  69. package/src/components/base/label/label.stories.js +1 -1
  70. package/src/components/base/link/link.stories.js +1 -1
  71. package/src/components/base/loading_icon/loading_icon.stories.js +2 -1
  72. package/src/components/base/modal/modal.scss +5 -2
  73. package/src/components/base/modal/modal.stories.js +1 -1
  74. package/src/components/base/nav/nav.documentation.js +0 -4
  75. package/src/components/base/nav/nav.md +8 -5
  76. package/src/components/base/nav/nav.stories.js +52 -15
  77. package/src/components/base/navbar/navbar.stories.js +1 -1
  78. package/src/components/base/paginated_list/paginated_list.stories.js +1 -1
  79. package/src/components/base/pagination/pagination.stories.js +7 -0
  80. package/src/components/base/path/path.stories.js +2 -2
  81. package/src/components/base/popover/popover.stories.js +6 -0
  82. package/src/components/base/progress_bar/progress_bar.stories.js +1 -1
  83. package/src/components/base/search_box_by_click/search_box_by_click.documentation.js +3 -0
  84. package/src/components/base/search_box_by_click/search_box_by_click.spec.js +14 -3
  85. package/src/components/base/search_box_by_click/search_box_by_click.stories.js +1 -1
  86. package/src/components/base/search_box_by_click/search_box_by_click.vue +7 -0
  87. package/src/components/base/search_box_by_type/search_box_by_type.stories.js +1 -1
  88. package/src/components/base/segmented_control/segmented_control.stories.js +1 -1
  89. package/src/components/base/skeleton_loader/skeleton_loader.stories.js +1 -1
  90. package/src/components/base/skeleton_loading/skeleton_loading.stories.js +1 -1
  91. package/src/components/base/sorting/sorting.stories.js +1 -1
  92. package/src/components/base/sorting/sorting_item.stories.js +1 -1
  93. package/src/components/base/table/table.stories.js +6 -1
  94. package/src/components/base/tabs/tabs/scrollable_tabs.spec.js +0 -1
  95. package/src/components/base/tabs/tabs/tabs.md +2 -2
  96. package/src/components/base/tabs/tabs/tabs.scss +3 -115
  97. package/src/components/base/tabs/tabs/tabs.spec.js +8 -5
  98. package/src/components/base/tabs/tabs/tabs.stories.js +9 -13
  99. package/src/components/base/tabs/tabs/tabs.vue +2 -11
  100. package/src/components/base/toast/toast.stories.js +6 -4
  101. package/src/components/base/toggle/toggle.stories.js +1 -1
  102. package/src/components/base/token/token.stories.js +2 -2
  103. package/src/components/base/tooltip/tooltip.stories.js +2 -1
  104. package/src/components/charts/area/area.stories.js +1 -1
  105. package/src/components/charts/bar/bar.stories.js +1 -1
  106. package/src/components/charts/chart/chart.stories.js +2 -2
  107. package/src/components/charts/column/column.stories.js +1 -1
  108. package/src/components/charts/discrete_scatter/discrete_scatter.stories.js +1 -1
  109. package/src/components/charts/heatmap/heatmap.stories.js +1 -1
  110. package/src/components/charts/legend/legend.stories.js +1 -1
  111. package/src/components/charts/line/line.stories.js +1 -1
  112. package/src/components/charts/series_label/series_label.stories.js +1 -1
  113. package/src/components/charts/single_stat/single_stat.stories.js +1 -1
  114. package/src/components/charts/sparkline/sparkline.stories.js +1 -1
  115. package/src/components/charts/stacked_column/stacked_column.stories.js +1 -1
  116. package/src/components/charts/tooltip/tooltip.stories.js +1 -1
  117. package/src/components/regions/dashboard_skeleton/dashboard_skeleton.stories.js +1 -1
  118. package/src/components/regions/empty_state/empty_state.stories.js +1 -1
  119. package/src/components/utilities/friendly_wrap/friendly_wrap.stories.js +1 -1
  120. package/src/components/utilities/intersection_observer/intersection_observer.stories.js +1 -1
  121. package/src/components/utilities/intersperse/intersperse.stories.js +1 -1
  122. package/src/components/utilities/sprintf/sprintf.stories.js +1 -1
  123. package/src/components/utilities/truncate/truncate.documentation.js +0 -14
  124. package/src/components/utilities/truncate/truncate.md +0 -4
  125. package/src/components/utilities/truncate/truncate.stories.js +38 -27
  126. package/src/components/utilities/truncate/truncate.vue +9 -0
  127. package/{config.js → src/config.js} +1 -1
  128. package/src/directives/hover_load/hover_load.stories.js +1 -1
  129. package/src/directives/outside/outside.stories.js +1 -1
  130. package/src/directives/resize_observer/resize_observer.stories.js +1 -1
  131. package/src/directives/safe_html/safe_html.stories.js +1 -1
  132. package/src/index.js +111 -0
  133. package/src/scss/utilities.scss +8 -0
  134. package/src/scss/utility-mixins/box-shadow.scss +4 -0
  135. package/{utils.js → src/utils.js} +1 -1
  136. package/charts.js +0 -19
  137. package/dist/components/base/nav/examples/index.js +0 -13
  138. package/dist/components/base/nav/examples/nav.basic.example.js +0 -38
  139. package/dist/components/base/nav/nav_item.documentation.js +0 -13
  140. package/dist/components/base/nav/nav_item_dropdown.documentation.js +0 -14
  141. package/dist/components/utilities/truncate/examples/index.js +0 -13
  142. package/dist/components/utilities/truncate/examples/truncate.basic.example.js +0 -38
  143. package/index.js +0 -111
  144. package/src/components/base/nav/examples/index.js +0 -15
  145. package/src/components/base/nav/examples/nav.basic.example.vue +0 -8
  146. package/src/components/base/nav/nav_item.documentation.js +0 -6
  147. package/src/components/base/nav/nav_item.md +0 -7
  148. package/src/components/base/nav/nav_item.stories.js +0 -23
  149. package/src/components/base/nav/nav_item_dropdown.documentation.js +0 -7
  150. package/src/components/base/nav/nav_item_dropdown.md +0 -7
  151. package/src/components/base/nav/nav_item_dropdown.stories.js +0 -51
  152. package/src/components/utilities/truncate/examples/index.js +0 -15
  153. package/src/components/utilities/truncate/examples/truncate.basic.example.vue +0 -5
@@ -1,23 +0,0 @@
1
- import { withKnobs } from '@storybook/addon-knobs';
2
- import { documentedStoriesOf } from '../../../../documentation/documented_stories';
3
- import { GlNav, GlNavItem } from '../../../../index';
4
- import readme from './nav_item.md';
5
-
6
- const components = {
7
- GlNav,
8
- GlNavItem,
9
- };
10
-
11
- documentedStoriesOf('base/nav/nav-item', readme)
12
- .addDecorator(withKnobs)
13
- .add('default', () => ({
14
- components,
15
- template: `
16
- <gl-nav>
17
- <gl-nav-item active>Active</gl-nav-item>
18
- <gl-nav-item>Link</gl-nav-item>
19
- <gl-nav-item>Another Link</gl-nav-item>
20
- <gl-nav-item disabled>Disabled</gl-nav-item>
21
- </gl-nav>
22
- `,
23
- }));
@@ -1,7 +0,0 @@
1
- import * as description from './nav_item_dropdown.md';
2
-
3
- export default {
4
- followsDesignSystem: false,
5
- description,
6
- bootstrapComponent: 'b-nav-item-dropdown',
7
- };
@@ -1,7 +0,0 @@
1
- # Nav Item Dropdown
2
-
3
- <!-- STORY -->
4
-
5
- ## Usage
6
-
7
- Use `<gl-nav-item-dropdown>` to place dropdown items within your nav.
@@ -1,51 +0,0 @@
1
- import { withKnobs } from '@storybook/addon-knobs';
2
- import { documentedStoriesOf } from '../../../../documentation/documented_stories';
3
- import { GlNav, GlNavItemDropdown } from '../../../../index';
4
- import readme from './nav_item_dropdown.md';
5
-
6
- const components = {
7
- GlNav,
8
- GlNavItemDropdown,
9
- };
10
-
11
- documentedStoriesOf('base/nav/nav-item-dropdown', readme)
12
- .addDecorator(withKnobs)
13
- .add('default', () => ({
14
- components,
15
- template: `
16
- <gl-nav>
17
- <gl-nav-item-dropdown text="Dropdown">
18
- <gl-dropdown-item>One</gl-dropdown-item>
19
- <gl-dropdown-item>Two</gl-dropdown-item>
20
- <gl-dropdown-item>Three</gl-dropdown-item>
21
- </gl-nav-item-dropdown>
22
- </gl-nav>
23
- `,
24
- }))
25
- .add('with divider', () => ({
26
- components,
27
- template: `
28
- <gl-nav>
29
- <gl-nav-item-dropdown text="Dropdown">
30
- <gl-dropdown-item>Above divider</gl-dropdown-item>
31
- <gl-dropdown-divider />
32
- <gl-dropdown-item>Below divider</gl-dropdown-item>
33
- </gl-nav-item-dropdown>
34
- </gl-nav>
35
- `,
36
- }))
37
- .add('custom button', () => ({
38
- components,
39
- template: `
40
- <gl-nav>
41
- <gl-nav-item-dropdown text="Dropdown">
42
- <template #button-content>
43
- <gl-icon name="question" />
44
- <gl-icon name="angle-down" />
45
- </template>
46
- <gl-dropdown-item>One</gl-dropdown-item>
47
- <gl-dropdown-item>Two</gl-dropdown-item>
48
- </gl-nav-item-dropdown>
49
- </gl-nav>
50
- `,
51
- }));
@@ -1,15 +0,0 @@
1
- import TruncateBasicExample from './truncate.basic.example.vue';
2
-
3
- export default [
4
- {
5
- name: 'Basic',
6
- items: [
7
- {
8
- id: 'truncate',
9
- name: 'Basic',
10
- description: 'Basic truncation',
11
- component: TruncateBasicExample,
12
- },
13
- ],
14
- },
15
- ];
@@ -1,5 +0,0 @@
1
- <template>
2
- <gl-truncate
3
- text="ee/app/assets/javascripts/vue_shared/security_reports/components/utils/truncate/smart-truncate/src/index.js"
4
- />
5
- </template>