@gitlab/ui 32.23.0 → 32.26.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 (43) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/components/base/accordion/accordion.documentation.js +8 -0
  3. package/dist/components/base/accordion/accordion_item.documentation.js +7 -0
  4. package/dist/components/base/breadcrumb/breadcrumb.js +10 -2
  5. package/dist/components/base/daterange_picker/daterange_picker.documentation.js +8 -0
  6. package/dist/components/charts/bar/bar.documentation.js +2 -5
  7. package/dist/index.css +1 -1
  8. package/dist/index.css.map +1 -1
  9. package/dist/utility_classes.css +1 -1
  10. package/dist/utility_classes.css.map +1 -1
  11. package/documentation/components_documentation.js +3 -0
  12. package/documentation/documented_stories.js +1 -0
  13. package/package.json +4 -4
  14. package/src/components/base/accordion/accordion.documentation.js +6 -0
  15. package/src/components/base/accordion/accordion_item.documentation.js +5 -0
  16. package/src/components/base/breadcrumb/breadcrumb.scss +18 -2
  17. package/src/components/base/breadcrumb/breadcrumb.stories.js +1 -4
  18. package/src/components/base/breadcrumb/breadcrumb.vue +22 -11
  19. package/src/components/base/daterange_picker/daterange_picker.documentation.js +6 -0
  20. package/src/components/base/dropdown/dropdown.scss +2 -0
  21. package/src/components/base/form/form_select/form_select.scss +1 -0
  22. package/src/components/base/label/label.scss +4 -0
  23. package/src/components/base/search_box_by_click/search_box_by_click.scss +1 -0
  24. package/src/components/base/segmented_control/segmented_control.scss +1 -0
  25. package/src/components/base/table/table.scss +1 -0
  26. package/src/components/base/toast/toast.scss +1 -0
  27. package/src/components/base/tooltip/tooltip.scss +1 -0
  28. package/src/components/charts/bar/bar.documentation.js +0 -2
  29. package/src/components/charts/bar/bar.md +0 -2
  30. package/src/components/charts/bar/bar.stories.js +35 -58
  31. package/src/scss/utilities.scss +16 -0
  32. package/src/scss/utility-mixins/position.scss +4 -0
  33. package/src/scss/utility-mixins/sizing.scss +4 -0
  34. package/dist/components/charts/bar/examples/bar.basic.example.js +0 -42
  35. package/dist/components/charts/bar/examples/bar.long_labels.example.js +0 -55
  36. package/dist/components/charts/bar/examples/bar.multiple_series.example.js +0 -48
  37. package/dist/components/charts/bar/examples/bar.negative_values.example.js +0 -43
  38. package/dist/components/charts/bar/examples/index.js +0 -28
  39. package/src/components/charts/bar/examples/bar.basic.example.vue +0 -14
  40. package/src/components/charts/bar/examples/bar.long_labels.example.vue +0 -26
  41. package/src/components/charts/bar/examples/bar.multiple_series.example.vue +0 -22
  42. package/src/components/charts/bar/examples/bar.negative_values.example.vue +0 -15
  43. package/src/components/charts/bar/examples/index.js +0 -33
@@ -1,43 +0,0 @@
1
- import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
2
-
3
- /* script */
4
-
5
- /* template */
6
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-bar-chart',{attrs:{"data":{
7
- Full: [
8
- [-78, 'Jim Halpert'],
9
- [123, 'Kelly Rajnigandha Kapoor'],
10
- [-10, 'Michael Gary Scott'] ],
11
- },"option":{},"y-axis-title":"People","x-axis-title":"Percentage","x-axis-type":"value"}})};
12
- var __vue_staticRenderFns__ = [];
13
-
14
- /* style */
15
- const __vue_inject_styles__ = undefined;
16
- /* scoped */
17
- const __vue_scope_id__ = undefined;
18
- /* module identifier */
19
- const __vue_module_identifier__ = undefined;
20
- /* functional template */
21
- const __vue_is_functional_template__ = false;
22
- /* style inject */
23
-
24
- /* style inject SSR */
25
-
26
- /* style inject shadow dom */
27
-
28
-
29
-
30
- const __vue_component__ = __vue_normalize__(
31
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
32
- __vue_inject_styles__,
33
- {},
34
- __vue_scope_id__,
35
- __vue_is_functional_template__,
36
- __vue_module_identifier__,
37
- false,
38
- undefined,
39
- undefined,
40
- undefined
41
- );
42
-
43
- export default __vue_component__;
@@ -1,28 +0,0 @@
1
- import BarChartBasicExample from './bar.basic.example';
2
- import BarChartLongLablesExample from './bar.long_labels.example';
3
- import BarChartMultipleSeriesExample from './bar.multiple_series.example';
4
- import BarChartNegativeValuesExample from './bar.negative_values.example';
5
-
6
- var index = [{
7
- name: 'Basic',
8
- items: [{
9
- id: 'bar-basic',
10
- name: 'Basic',
11
- description: 'Basic Bar Chart',
12
- component: BarChartBasicExample
13
- }, {
14
- id: 'bar-negative-labels',
15
- name: 'Negative values',
16
- component: BarChartNegativeValuesExample
17
- }, {
18
- id: 'bar-long-labels',
19
- name: 'Long labels with negative values',
20
- component: BarChartLongLablesExample
21
- }, {
22
- id: 'bar-multiple-series',
23
- name: 'Multiple Series Bar Chart',
24
- component: BarChartMultipleSeriesExample
25
- }]
26
- }];
27
-
28
- export default index;
@@ -1,14 +0,0 @@
1
- <template>
2
- <gl-bar-chart
3
- :data="{
4
- Full: [
5
- [78, 'Andrew Baines Bernard'],
6
- [123, 'Angela Martin'],
7
- ],
8
- }"
9
- :option="{}"
10
- y-axis-title="People"
11
- x-axis-title="Percentage"
12
- x-axis-type="value"
13
- />
14
- </template>
@@ -1,26 +0,0 @@
1
- <template>
2
- <gl-bar-chart
3
- :data="{
4
- Office: [
5
- [100, 'Jim Halpert'],
6
- [210, 'Dwight Kurt Schrute'],
7
- [300, 'Pam Beesly'],
8
- [340, 'Ryan Howard'],
9
- [130, 'Kelly Rajnigandha Kapoor'],
10
- [50, 'Scranton Strangler'],
11
- [90, 'Michael Gary Scott'],
12
- [-10, 'Andrew Baines Bernard'],
13
- [50, 'Stanley Hudson'],
14
- [30, 'Erin Hannon'],
15
- [50, 'Creed Bratton'],
16
- [90, 'Oscar'],
17
- [10, 'Kevin Malone'],
18
- [50, 'Angela Martin'],
19
- [30, 'Toby Flenderson'],
20
- ],
21
- }"
22
- y-axis-title="People"
23
- x-axis-title="Percentage"
24
- x-axis-type="value"
25
- />
26
- </template>
@@ -1,22 +0,0 @@
1
- <template>
2
- <gl-bar-chart
3
- :data="{
4
- Office: [
5
- [78, 'Andrew Baines Bernard'],
6
- [123, 'Angela Martin'],
7
- ],
8
- ModernFamily: [
9
- [39, 'Phil Dunphy'],
10
- [4, 'Luke Dunphy'],
11
- ],
12
- Friends: [
13
- [239, 'Chandler Muriel Bing'],
14
- [92, 'Joseph Francis Tribbiani'],
15
- ],
16
- }"
17
- :option="{}"
18
- y-axis-title="People"
19
- x-axis-title="Percentage"
20
- x-axis-type="value"
21
- />
22
- </template>
@@ -1,15 +0,0 @@
1
- <template>
2
- <gl-bar-chart
3
- :data="{
4
- Full: [
5
- [-78, 'Jim Halpert'],
6
- [123, 'Kelly Rajnigandha Kapoor'],
7
- [-10, 'Michael Gary Scott'],
8
- ],
9
- }"
10
- :option="{}"
11
- y-axis-title="People"
12
- x-axis-title="Percentage"
13
- x-axis-type="value"
14
- />
15
- </template>
@@ -1,33 +0,0 @@
1
- import BarChartBasicExample from './bar.basic.example.vue';
2
- import BarChartLongLablesExample from './bar.long_labels.example.vue';
3
- import BarChartMultipleSeriesExample from './bar.multiple_series.example.vue';
4
- import BarChartNegativeValuesExample from './bar.negative_values.example.vue';
5
-
6
- export default [
7
- {
8
- name: 'Basic',
9
- items: [
10
- {
11
- id: 'bar-basic',
12
- name: 'Basic',
13
- description: 'Basic Bar Chart',
14
- component: BarChartBasicExample,
15
- },
16
- {
17
- id: 'bar-negative-labels',
18
- name: 'Negative values',
19
- component: BarChartNegativeValuesExample,
20
- },
21
- {
22
- id: 'bar-long-labels',
23
- name: 'Long labels with negative values',
24
- component: BarChartLongLablesExample,
25
- },
26
- {
27
- id: 'bar-multiple-series',
28
- name: 'Multiple Series Bar Chart',
29
- component: BarChartMultipleSeriesExample,
30
- },
31
- ],
32
- },
33
- ];