@gitlab/ui 33.1.1 → 35.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 (79) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/components/base/accordion/accordion.js +6 -2
  3. package/dist/components/base/accordion/accordion_item.js +2 -2
  4. package/dist/components/base/avatars_inline/avatars_inline.documentation.js +1 -1
  5. package/dist/components/base/avatars_inline/avatars_inline.js +5 -1
  6. package/dist/components/base/nav/nav.documentation.js +2 -7
  7. package/dist/components/base/tabs/tabs/tabs.documentation.js +1 -1
  8. package/dist/components/base/tabs/tabs/tabs.js +2 -12
  9. package/dist/components/utilities/truncate/truncate.documentation.js +2 -17
  10. package/dist/components/utilities/truncate/truncate.js +11 -0
  11. package/dist/index.css +1 -1
  12. package/dist/index.css.map +1 -1
  13. package/dist/utility_classes.css +1 -1
  14. package/dist/utility_classes.css.map +1 -1
  15. package/documentation/components_documentation.js +0 -2
  16. package/documentation/documented_stories.js +4 -0
  17. package/package.json +13 -13
  18. package/src/components/base/accordion/accordion.vue +5 -2
  19. package/src/components/base/accordion/accordion_item.spec.js +2 -2
  20. package/src/components/base/accordion/accordion_item.stories.js +2 -2
  21. package/src/components/base/accordion/accordion_item.vue +2 -2
  22. package/src/components/base/avatar/avatar.stories.js +8 -0
  23. package/src/components/base/avatar_labeled/avatar_labeled.stories.js +7 -0
  24. package/src/components/base/avatar_link/avatar_link.stories.js +7 -0
  25. package/src/components/base/avatars_inline/avatars_inline.md +5 -0
  26. package/src/components/base/avatars_inline/avatars_inline.spec.js +21 -1
  27. package/src/components/base/avatars_inline/avatars_inline.stories.js +23 -9
  28. package/src/components/base/avatars_inline/avatars_inline.vue +11 -1
  29. package/src/components/base/badge/badge.stories.js +114 -9
  30. package/src/components/base/broadcast_message/broadcast_message.stories.js +2 -2
  31. package/src/components/base/button/button.stories.js +11 -11
  32. package/src/components/base/dropdown/dropdown.stories.js +4 -2
  33. package/src/components/base/filtered_search/filtered_search.stories.js +11 -1
  34. package/src/components/base/filtered_search/filtered_search_suggestion.stories.js +2 -0
  35. package/src/components/base/filtered_search/filtered_search_suggestion_list.stories.js +2 -0
  36. package/src/components/base/filtered_search/filtered_search_token.stories.js +2 -0
  37. package/src/components/base/filtered_search/filtered_search_token_segment.stories.js +2 -0
  38. package/src/components/base/form/form_group/form_group.stories.js +6 -5
  39. package/src/components/base/form/form_radio_group/form_radio_group.stories.js +2 -1
  40. package/src/components/base/loading_icon/loading_icon.stories.js +1 -0
  41. package/src/components/base/modal/modal.scss +5 -2
  42. package/src/components/base/nav/nav.documentation.js +0 -4
  43. package/src/components/base/nav/nav.md +8 -5
  44. package/src/components/base/nav/nav.stories.js +52 -15
  45. package/src/components/base/pagination/pagination.stories.js +7 -0
  46. package/src/components/base/path/path.stories.js +2 -2
  47. package/src/components/base/popover/popover.stories.js +6 -0
  48. package/src/components/base/table/table.stories.js +6 -1
  49. package/src/components/base/tabs/tabs/scrollable_tabs.spec.js +0 -1
  50. package/src/components/base/tabs/tabs/tabs.md +2 -2
  51. package/src/components/base/tabs/tabs/tabs.scss +3 -115
  52. package/src/components/base/tabs/tabs/tabs.spec.js +7 -4
  53. package/src/components/base/tabs/tabs/tabs.stories.js +8 -12
  54. package/src/components/base/tabs/tabs/tabs.vue +2 -11
  55. package/src/components/base/toast/toast.stories.js +6 -4
  56. package/src/components/base/token/token.stories.js +2 -2
  57. package/src/components/base/tooltip/tooltip.stories.js +2 -1
  58. package/src/components/utilities/truncate/truncate.documentation.js +0 -14
  59. package/src/components/utilities/truncate/truncate.md +0 -4
  60. package/src/components/utilities/truncate/truncate.stories.js +37 -26
  61. package/src/components/utilities/truncate/truncate.vue +9 -0
  62. package/src/scss/utilities.scss +8 -0
  63. package/src/scss/utility-mixins/box-shadow.scss +4 -0
  64. package/dist/components/base/nav/examples/index.js +0 -13
  65. package/dist/components/base/nav/examples/nav.basic.example.js +0 -38
  66. package/dist/components/base/nav/nav_item.documentation.js +0 -13
  67. package/dist/components/base/nav/nav_item_dropdown.documentation.js +0 -14
  68. package/dist/components/utilities/truncate/examples/index.js +0 -13
  69. package/dist/components/utilities/truncate/examples/truncate.basic.example.js +0 -38
  70. package/src/components/base/nav/examples/index.js +0 -15
  71. package/src/components/base/nav/examples/nav.basic.example.vue +0 -8
  72. package/src/components/base/nav/nav_item.documentation.js +0 -6
  73. package/src/components/base/nav/nav_item.md +0 -7
  74. package/src/components/base/nav/nav_item.stories.js +0 -23
  75. package/src/components/base/nav/nav_item_dropdown.documentation.js +0 -7
  76. package/src/components/base/nav/nav_item_dropdown.md +0 -7
  77. package/src/components/base/nav/nav_item_dropdown.stories.js +0 -51
  78. package/src/components/utilities/truncate/examples/index.js +0 -15
  79. 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>