@gitlab/ui 32.45.1 → 32.49.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 (151) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/components/base/avatar_labeled/avatar_labeled.documentation.js +2 -9
  3. package/dist/components/base/avatars_inline/avatars_inline.documentation.js +2 -5
  4. package/dist/components/base/form/form_combobox/form_combobox.documentation.js +2 -9
  5. package/dist/components/base/form/form_combobox/form_combobox.js +5 -0
  6. package/dist/components/base/form/form_group/form_group.js +11 -1
  7. package/dist/components/base/form/form_radio/form_radio.documentation.js +2 -33
  8. package/dist/components/base/form/form_radio/form_radio.js +15 -2
  9. package/dist/components/base/form/input_group_text/input_group_text.documentation.js +1 -5
  10. package/dist/components/base/keyset_pagination/keyset_pagination.documentation.js +2 -84
  11. package/dist/components/base/keyset_pagination/keyset_pagination.js +42 -0
  12. package/dist/components/base/modal/modal.documentation.js +2 -32
  13. package/dist/components/base/modal/modal.js +1 -1
  14. package/dist/components/charts/discrete_scatter/discrete_scatter.documentation.js +1 -7
  15. package/dist/components/charts/gauge/gauge.documentation.js +2 -6
  16. package/dist/components/charts/stacked_column/stacked_column.documentation.js +2 -5
  17. package/dist/components/charts/tooltip/tooltip.documentation.js +1 -5
  18. package/dist/components/utilities/intersperse/intersperse.documentation.js +2 -5
  19. package/dist/index.css +1 -1
  20. package/dist/index.css.map +1 -1
  21. package/documentation/documented_stories.js +12 -0
  22. package/package.json +1 -1
  23. package/src/components/base/avatar_labeled/avatar_labeled.documentation.js +0 -9
  24. package/src/components/base/avatar_labeled/avatar_labeled.md +2 -5
  25. package/src/components/base/avatar_labeled/avatar_labeled.stories.js +68 -62
  26. package/src/components/base/avatar_labeled/avatar_labeled.vue +1 -0
  27. package/src/components/base/avatars_inline/avatars_inline.documentation.js +0 -2
  28. package/src/components/base/avatars_inline/avatars_inline.md +1 -3
  29. package/src/components/base/avatars_inline/avatars_inline.stories.js +49 -44
  30. package/src/components/base/form/form_combobox/form_combobox.documentation.js +0 -8
  31. package/src/components/base/form/form_combobox/form_combobox.md +0 -2
  32. package/src/components/base/form/form_combobox/form_combobox.stories.js +30 -30
  33. package/src/components/base/form/form_combobox/form_combobox.vue +4 -0
  34. package/src/components/base/form/form_group/form_group.scss +4 -0
  35. package/src/components/base/form/form_group/form_group.spec.js +66 -64
  36. package/src/components/base/form/form_group/form_group.stories.js +36 -13
  37. package/src/components/base/form/form_group/form_group.vue +15 -2
  38. package/src/components/base/form/form_radio/form_radio.documentation.js +0 -31
  39. package/src/components/base/form/form_radio/form_radio.md +7 -14
  40. package/src/components/base/form/form_radio/form_radio.stories.js +40 -28
  41. package/src/components/base/form/form_radio/form_radio.vue +26 -1
  42. package/src/components/base/form/input_group_text/input_group_text.documentation.js +0 -3
  43. package/src/components/base/form/input_group_text/input_group_text.stories.js +24 -18
  44. package/src/components/base/keyset_pagination/keyset_pagination.documentation.js +0 -99
  45. package/src/components/base/keyset_pagination/keyset_pagination.md +0 -2
  46. package/src/components/base/keyset_pagination/keyset_pagination.stories.js +60 -58
  47. package/src/components/base/keyset_pagination/keyset_pagination.vue +35 -1
  48. package/src/components/base/modal/modal.documentation.js +0 -42
  49. package/src/components/base/modal/modal.md +2 -7
  50. package/src/components/base/modal/modal.stories.js +107 -85
  51. package/src/components/base/modal/modal.vue +20 -0
  52. package/src/components/charts/discrete_scatter/discrete_scatter.documentation.js +0 -5
  53. package/src/components/charts/discrete_scatter/discrete_scatter.stories.js +34 -46
  54. package/src/components/charts/gauge/gauge.documentation.js +0 -3
  55. package/src/components/charts/gauge/gauge.md +0 -2
  56. package/src/components/charts/gauge/gauge.stories.js +70 -86
  57. package/src/components/charts/stacked_column/stacked_column.documentation.js +0 -2
  58. package/src/components/charts/stacked_column/stacked_column.md +0 -2
  59. package/src/components/charts/stacked_column/stacked_column.stories.js +74 -99
  60. package/src/components/charts/tooltip/tooltip.documentation.js +0 -3
  61. package/src/components/charts/tooltip/tooltip.stories.js +59 -44
  62. package/src/components/utilities/intersperse/intersperse.documentation.js +0 -2
  63. package/src/components/utilities/intersperse/intersperse.md +0 -2
  64. package/src/components/utilities/intersperse/intersperse.stories.js +38 -38
  65. package/dist/components/base/avatar_labeled/examples/avatar.labeled.example.js +0 -38
  66. package/dist/components/base/avatar_labeled/examples/avatar.labeled_badges.example.js +0 -38
  67. package/dist/components/base/avatar_labeled/examples/avatar.labeled_links.example.js +0 -38
  68. package/dist/components/base/avatar_labeled/examples/avatar.labeled_tooltip.example.js +0 -38
  69. package/dist/components/base/avatar_labeled/examples/index.js +0 -31
  70. package/dist/components/base/avatars_inline/examples/avatars.inline.example.js +0 -58
  71. package/dist/components/base/avatars_inline/examples/avatars.inline_large.example.js +0 -58
  72. package/dist/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips.example.js +0 -70
  73. package/dist/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips_badge.example.js +0 -70
  74. package/dist/components/base/avatars_inline/examples/index.js +0 -31
  75. package/dist/components/base/form/form_combobox/examples/form_combobox.basic.example.js +0 -50
  76. package/dist/components/base/form/form_combobox/examples/index.js +0 -13
  77. package/dist/components/base/form/form_radio/examples/form_radio.basic.example.js +0 -48
  78. package/dist/components/base/form/form_radio/examples/form_radio.checked_disabled.example.js +0 -48
  79. package/dist/components/base/form/form_radio/examples/index.js +0 -19
  80. package/dist/components/base/form/input_group_text/examples/index.js +0 -13
  81. package/dist/components/base/form/input_group_text/examples/input_group_text.basic.example.js +0 -38
  82. package/dist/components/base/keyset_pagination/examples/index.js +0 -37
  83. package/dist/components/base/keyset_pagination/examples/keyset_pagination.basic.example.js +0 -51
  84. package/dist/components/base/keyset_pagination/examples/keyset_pagination.events.example.js +0 -64
  85. package/dist/components/base/keyset_pagination/examples/keyset_pagination.internationalization.example.js +0 -59
  86. package/dist/components/base/keyset_pagination/examples/keyset_pagination.links.example.js +0 -51
  87. package/dist/components/base/keyset_pagination/examples/keyset_pagination.slots.example.js +0 -51
  88. package/dist/components/base/modal/examples/index.js +0 -31
  89. package/dist/components/base/modal/examples/modal.basic.example.js +0 -62
  90. package/dist/components/base/modal/examples/modal.disabled.example.js +0 -89
  91. package/dist/components/base/modal/examples/modal.sizes.example.js +0 -62
  92. package/dist/components/charts/discrete_scatter/examples/discrete_scatter.basic.example.js +0 -51
  93. package/dist/components/charts/discrete_scatter/examples/index.js +0 -13
  94. package/dist/components/charts/gauge/examples/gauge.basic.example.js +0 -38
  95. package/dist/components/charts/gauge/examples/gauge.no_thresholds.example.js +0 -38
  96. package/dist/components/charts/gauge/examples/gauge.no_value.example.js +0 -38
  97. package/dist/components/charts/gauge/examples/gauge.with_text.example.js +0 -38
  98. package/dist/components/charts/gauge/examples/index.js +0 -31
  99. package/dist/components/charts/stacked_column/examples/index.js +0 -13
  100. package/dist/components/charts/stacked_column/examples/stacked_column.basic.example.js +0 -46
  101. package/dist/components/charts/tooltip/examples/chart_tooltip.basic.example.js +0 -54
  102. package/dist/components/charts/tooltip/examples/index.js +0 -13
  103. package/dist/components/utilities/intersperse/examples/index.js +0 -31
  104. package/dist/components/utilities/intersperse/examples/intersperse.custom_last_separator.example.js +0 -38
  105. package/dist/components/utilities/intersperse/examples/intersperse.custom_last_separator_two_items.example.js +0 -38
  106. package/dist/components/utilities/intersperse/examples/intersperse.custom_separator.example.js +0 -38
  107. package/dist/components/utilities/intersperse/examples/intersperse.default.example.js +0 -38
  108. package/src/components/base/avatar_labeled/examples/avatar.labeled.example.vue +0 -8
  109. package/src/components/base/avatar_labeled/examples/avatar.labeled_badges.example.vue +0 -17
  110. package/src/components/base/avatar_labeled/examples/avatar.labeled_links.example.vue +0 -10
  111. package/src/components/base/avatar_labeled/examples/avatar.labeled_tooltip.example.vue +0 -10
  112. package/src/components/base/avatar_labeled/examples/index.js +0 -36
  113. package/src/components/base/avatars_inline/examples/avatars.inline.example.vue +0 -18
  114. package/src/components/base/avatars_inline/examples/avatars.inline_large.example.vue +0 -18
  115. package/src/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips.example.vue +0 -24
  116. package/src/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips_badge.example.vue +0 -31
  117. package/src/components/base/avatars_inline/examples/index.js +0 -36
  118. package/src/components/base/form/form_combobox/examples/form_combobox.basic.example.vue +0 -31
  119. package/src/components/base/form/form_combobox/examples/index.js +0 -15
  120. package/src/components/base/form/form_radio/examples/form_radio.basic.example.vue +0 -16
  121. package/src/components/base/form/form_radio/examples/form_radio.checked_disabled.example.vue +0 -13
  122. package/src/components/base/form/form_radio/examples/index.js +0 -22
  123. package/src/components/base/form/input_group_text/examples/index.js +0 -15
  124. package/src/components/base/form/input_group_text/examples/input_group_text.basic.example.vue +0 -3
  125. package/src/components/base/keyset_pagination/examples/index.js +0 -43
  126. package/src/components/base/keyset_pagination/examples/keyset_pagination.basic.example.vue +0 -16
  127. package/src/components/base/keyset_pagination/examples/keyset_pagination.events.example.vue +0 -29
  128. package/src/components/base/keyset_pagination/examples/keyset_pagination.internationalization.example.vue +0 -23
  129. package/src/components/base/keyset_pagination/examples/keyset_pagination.links.example.vue +0 -20
  130. package/src/components/base/keyset_pagination/examples/keyset_pagination.slots.example.vue +0 -23
  131. package/src/components/base/modal/examples/index.js +0 -39
  132. package/src/components/base/modal/examples/modal.basic.example.vue +0 -39
  133. package/src/components/base/modal/examples/modal.disabled.example.vue +0 -58
  134. package/src/components/base/modal/examples/modal.sizes.example.vue +0 -61
  135. package/src/components/charts/discrete_scatter/discrete_scatter.md +0 -1
  136. package/src/components/charts/discrete_scatter/examples/discrete_scatter.basic.example.vue +0 -31
  137. package/src/components/charts/discrete_scatter/examples/index.js +0 -15
  138. package/src/components/charts/gauge/examples/gauge.basic.example.vue +0 -5
  139. package/src/components/charts/gauge/examples/gauge.no_thresholds.example.vue +0 -5
  140. package/src/components/charts/gauge/examples/gauge.no_value.example.vue +0 -5
  141. package/src/components/charts/gauge/examples/gauge.with_text.example.vue +0 -12
  142. package/src/components/charts/gauge/examples/index.js +0 -36
  143. package/src/components/charts/stacked_column/examples/index.js +0 -15
  144. package/src/components/charts/stacked_column/examples/stacked_column.basic.example.vue +0 -18
  145. package/src/components/charts/tooltip/examples/chart_tooltip.basic.example.vue +0 -32
  146. package/src/components/charts/tooltip/examples/index.js +0 -15
  147. package/src/components/utilities/intersperse/examples/index.js +0 -36
  148. package/src/components/utilities/intersperse/examples/intersperse.custom_last_separator.example.vue +0 -7
  149. package/src/components/utilities/intersperse/examples/intersperse.custom_last_separator_two_items.example.vue +0 -6
  150. package/src/components/utilities/intersperse/examples/intersperse.custom_separator.example.vue +0 -7
  151. package/src/components/utilities/intersperse/examples/intersperse.default.example.vue +0 -7
@@ -1,18 +0,0 @@
1
- <template>
2
- <gl-stacked-column-chart
3
- :bars="[
4
- {
5
- name: 'Fun 1',
6
- data: [58, 49, 38, 23, 27, 68, 38, 35, 7, 64, 65, 31],
7
- },
8
- {
9
- name: 'Fun 2',
10
- data: [8, 6, 34, 19, 9, 7, 17, 25, 14, 7, 10, 32],
11
- },
12
- ]"
13
- :group-by="['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']"
14
- x-axis-type="category"
15
- x-axis-title="January - December 2018"
16
- y-axis-title="Commits"
17
- />
18
- </template>
@@ -1,32 +0,0 @@
1
- <script>
2
- export default {
3
- data() {
4
- return {
5
- echartInstance: null,
6
- };
7
- },
8
- methods: {
9
- onCreated(chart) {
10
- this.echartInstance = chart;
11
- },
12
- },
13
- };
14
- </script>
15
-
16
- <template>
17
- <div class="position-relative">
18
- <gl-chart :options="{}" :height="100" @created="onCreated" />
19
- <gl-chart-tooltip
20
- v-if="echartInstance"
21
- :chart="echartInstance"
22
- :show="true"
23
- top="50%"
24
- left="0px"
25
- >
26
- <template #title>
27
- <div>Tooltip Title</div>
28
- </template>
29
- Basic Tooltip Content
30
- </gl-chart-tooltip>
31
- </div>
32
- </template>
@@ -1,15 +0,0 @@
1
- import ChartTooltipBasicExample from './chart_tooltip.basic.example.vue';
2
-
3
- export default [
4
- {
5
- name: 'Basic',
6
- items: [
7
- {
8
- id: 'chart-tooltip-basic',
9
- name: 'Basic',
10
- description: 'Basic Tooltip',
11
- component: ChartTooltipBasicExample,
12
- },
13
- ],
14
- },
15
- ];
@@ -1,36 +0,0 @@
1
- import IntersperseCustomLastSeparator from './intersperse.custom_last_separator.example.vue';
2
- import IntersperseCustomLastSeparatorTwoItems from './intersperse.custom_last_separator_two_items.example.vue';
3
- import IntersperseCustomSeparator from './intersperse.custom_separator.example.vue';
4
- import Intersperse from './intersperse.default.example.vue';
5
-
6
- export default [
7
- {
8
- name: 'Basic',
9
- items: [
10
- {
11
- id: 'intersperse-default',
12
- name: 'Default Intersperse',
13
- description: 'Default intersperse usage',
14
- component: Intersperse,
15
- },
16
- {
17
- id: 'intersperse-custom-separator',
18
- name: 'Intersperse with custom separator',
19
- description: 'Set a custom separator',
20
- component: IntersperseCustomSeparator,
21
- },
22
- {
23
- id: 'intersperse-custom-last-separator',
24
- name: 'Intersperse with custom last separator',
25
- description: 'Set a custom last separator',
26
- component: IntersperseCustomLastSeparator,
27
- },
28
- {
29
- id: 'intersperse-custom-last-separator-two-items',
30
- name: 'Intersperse with custom last separator and two items',
31
- description: 'Set a custom last separator on two items',
32
- component: IntersperseCustomLastSeparatorTwoItems,
33
- },
34
- ],
35
- },
36
- ];
@@ -1,7 +0,0 @@
1
- <template>
2
- <gl-intersperse last-separator=" and ">
3
- <span>Item 1</span>
4
- <span>Item 2</span>
5
- <span>Item 3</span>
6
- </gl-intersperse>
7
- </template>
@@ -1,6 +0,0 @@
1
- <template>
2
- <gl-intersperse last-separator=" and ">
3
- <span>Item 1</span>
4
- <span>Item 2</span>
5
- </gl-intersperse>
6
- </template>
@@ -1,7 +0,0 @@
1
- <template>
2
- <gl-intersperse separator="/">
3
- <span>Item 1</span>
4
- <span>Item 2</span>
5
- <span>Item 3</span>
6
- </gl-intersperse>
7
- </template>
@@ -1,7 +0,0 @@
1
- <template>
2
- <gl-intersperse>
3
- <span>Item 1</span>
4
- <span>Item 2</span>
5
- <span>Item 3</span>
6
- </gl-intersperse>
7
- </template>