@gitlab/ui 36.1.0 → 36.5.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 (41) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/components/base/popover/popover.documentation.js +1 -23
  3. package/dist/components/base/popover/popover.js +10 -0
  4. package/dist/components/charts/single_stat/single_stat.documentation.js +1 -4
  5. package/dist/components/regions/empty_state/empty_state.js +3 -2
  6. package/dist/utility_classes.css +1 -1
  7. package/dist/utility_classes.css.map +1 -1
  8. package/documentation/documented_stories.js +2 -0
  9. package/package.json +2 -2
  10. package/src/components/base/popover/popover.documentation.js +0 -25
  11. package/src/components/base/popover/popover.stories.js +78 -74
  12. package/src/components/base/popover/popover.vue +8 -0
  13. package/src/components/charts/single_stat/single_stat.documentation.js +0 -2
  14. package/src/components/charts/single_stat/single_stat.md +0 -2
  15. package/src/components/charts/single_stat/single_stat.stories.js +73 -80
  16. package/src/components/regions/empty_state/empty_state.spec.js +49 -0
  17. package/src/components/regions/empty_state/empty_state.vue +11 -8
  18. package/src/scss/utilities.scss +28 -0
  19. package/src/scss/utility-mixins/color.scss +4 -0
  20. package/src/scss/utility-mixins/grid.scss +4 -0
  21. package/src/scss/utility-mixins/spacing.scss +6 -0
  22. package/dist/components/base/popover/examples/index.js +0 -25
  23. package/dist/components/base/popover/examples/popover.basic.example.js +0 -38
  24. package/dist/components/base/popover/examples/popover.loading.example.js +0 -38
  25. package/dist/components/base/popover/examples/popover.notitle.example.js +0 -38
  26. package/dist/components/charts/single_stat/examples/index.js +0 -32
  27. package/dist/components/charts/single_stat/examples/single_stat.badge.example.js +0 -38
  28. package/dist/components/charts/single_stat/examples/single_stat.hover.example.js +0 -38
  29. package/dist/components/charts/single_stat/examples/single_stat.meta_icon.example.js +0 -38
  30. package/dist/components/charts/single_stat/examples/single_stat.simple.example.js +0 -38
  31. package/dist/components/charts/single_stat/examples/single_stat.title_icon.example.js +0 -38
  32. package/src/components/base/popover/examples/index.js +0 -29
  33. package/src/components/base/popover/examples/popover.basic.example.vue +0 -13
  34. package/src/components/base/popover/examples/popover.loading.example.vue +0 -15
  35. package/src/components/base/popover/examples/popover.notitle.example.vue +0 -12
  36. package/src/components/charts/single_stat/examples/index.js +0 -38
  37. package/src/components/charts/single_stat/examples/single_stat.badge.example.vue +0 -31
  38. package/src/components/charts/single_stat/examples/single_stat.hover.example.vue +0 -7
  39. package/src/components/charts/single_stat/examples/single_stat.meta_icon.example.vue +0 -10
  40. package/src/components/charts/single_stat/examples/single_stat.simple.example.vue +0 -7
  41. package/src/components/charts/single_stat/examples/single_stat.title_icon.example.vue +0 -7
@@ -1,38 +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('div',{attrs:{"id":"popovercontainer"}},[_c('gl-button',{attrs:{"id":"pop-basic"}},[_vm._v("Popover Button")]),_vm._v(" "),_c('gl-popover',{attrs:{"target":"pop-basic","container":"popovercontainer","placement":"top","title":"My popover","triggers":"hover focus","show":""}},[_c('gl-skeleton-loader')],1)],1)};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,38 +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('div',{attrs:{"id":"popovercontainer"}},[_c('gl-button',{attrs:{"id":"pop-basic"}},[_vm._v("Popover Button")]),_vm._v(" "),_c('gl-popover',{attrs:{"target":"pop-basic","container":"popovercontainer","placement":"top","triggers":"hover focus","content":"Popover content with no title"}})],1)};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,32 +0,0 @@
1
- import SingleStatBadgeExample from './single_stat.badge.example';
2
- import SingleStatHoverExample from './single_stat.hover.example';
3
- import SingleStatIconExample from './single_stat.meta_icon.example';
4
- import SingleStatSimpleExample from './single_stat.simple.example';
5
- import SingleStatTitleIconExample from './single_stat.title_icon.example';
6
-
7
- var index = [{
8
- name: 'Basic',
9
- items: [{
10
- id: 'simple',
11
- name: 'Simple',
12
- component: SingleStatSimpleExample
13
- }, {
14
- id: 'metaIcon',
15
- name: 'Meta Icon',
16
- component: SingleStatIconExample
17
- }, {
18
- id: 'badge',
19
- name: 'Badge',
20
- component: SingleStatBadgeExample
21
- }, {
22
- id: 'titleIcon',
23
- name: 'Title Icon',
24
- component: SingleStatTitleIconExample
25
- }, {
26
- id: 'hover',
27
- name: 'Hover',
28
- component: SingleStatHoverExample
29
- }]
30
- }];
31
-
32
- export default index;
@@ -1,38 +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('div',{staticClass:"row"},[_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Success stat","value":"100","variant":"success","meta-text":"passed","meta-icon":"status_success_solid"}})],1),_vm._v(" "),_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Warning stat","value":"1000","variant":"warning","meta-text":"warning","meta-icon":"status-alert"}})],1),_vm._v(" "),_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Danger stat","value":"100000","variant":"danger","meta-text":"failed","meta-icon":"status-failed"}})],1)])};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,38 +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('div',{staticClass:"row"},[_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Single stat","value":"100","tabindex":"0"}})],1)])};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,38 +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('div',{staticClass:"row"},[_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Trend up","value":"100","variant":"success","meta-icon":"trend-up"}})],1),_vm._v(" "),_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Trend down","value":"100000","variant":"danger","meta-icon":"trend-down"}})],1)])};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,38 +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('div',{staticClass:"row"},[_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Single stat","value":"100"}})],1)])};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,38 +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('div',{staticClass:"row"},[_c('div',{staticClass:"col-sm-4"},[_c('gl-single-stat',{attrs:{"title":"Likes","value":"100,000","title-icon":"heart"}})],1)])};
7
- var __vue_staticRenderFns__ = [];
8
-
9
- /* style */
10
- const __vue_inject_styles__ = undefined;
11
- /* scoped */
12
- const __vue_scope_id__ = undefined;
13
- /* module identifier */
14
- const __vue_module_identifier__ = undefined;
15
- /* functional template */
16
- const __vue_is_functional_template__ = false;
17
- /* style inject */
18
-
19
- /* style inject SSR */
20
-
21
- /* style inject shadow dom */
22
-
23
-
24
-
25
- const __vue_component__ = __vue_normalize__(
26
- { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
27
- __vue_inject_styles__,
28
- {},
29
- __vue_scope_id__,
30
- __vue_is_functional_template__,
31
- __vue_module_identifier__,
32
- false,
33
- undefined,
34
- undefined,
35
- undefined
36
- );
37
-
38
- export default __vue_component__;
@@ -1,29 +0,0 @@
1
- import PopoverBasicExample from './popover.basic.example.vue';
2
- import PopoverLoadingExample from './popover.loading.example.vue';
3
- import PopoverNoTitleExample from './popover.notitle.example.vue';
4
-
5
- export default [
6
- {
7
- name: 'Examples',
8
- items: [
9
- {
10
- id: 'popover-basic',
11
- name: 'Basic',
12
- description: 'Basic Popover',
13
- component: PopoverBasicExample,
14
- },
15
- {
16
- id: 'popover-loading',
17
- name: 'Loading',
18
- description: 'Popover with Skeleton Loading',
19
- component: PopoverLoadingExample,
20
- },
21
- {
22
- id: 'popover-no-title',
23
- name: 'No title',
24
- description: 'Popover with no title',
25
- component: PopoverNoTitleExample,
26
- },
27
- ],
28
- },
29
- ];
@@ -1,13 +0,0 @@
1
- <template>
2
- <div id="popovercontainer">
3
- <gl-button id="pop-basic">Popover Button</gl-button>
4
- <gl-popover
5
- target="pop-basic"
6
- container="popovercontainer"
7
- placement="top"
8
- title="This is a Popover"
9
- triggers="hover focus"
10
- content="With a placement of top"
11
- />
12
- </div>
13
- </template>
@@ -1,15 +0,0 @@
1
- <template>
2
- <div id="popovercontainer">
3
- <gl-button id="pop-basic">Popover Button</gl-button>
4
- <gl-popover
5
- target="pop-basic"
6
- container="popovercontainer"
7
- placement="top"
8
- title="My popover"
9
- triggers="hover focus"
10
- show
11
- >
12
- <gl-skeleton-loader />
13
- </gl-popover>
14
- </div>
15
- </template>
@@ -1,12 +0,0 @@
1
- <template>
2
- <div id="popovercontainer">
3
- <gl-button id="pop-basic">Popover Button</gl-button>
4
- <gl-popover
5
- target="pop-basic"
6
- container="popovercontainer"
7
- placement="top"
8
- triggers="hover focus"
9
- content="Popover content with no title"
10
- />
11
- </div>
12
- </template>
@@ -1,38 +0,0 @@
1
- import SingleStatBadgeExample from './single_stat.badge.example.vue';
2
- import SingleStatHoverExample from './single_stat.hover.example.vue';
3
- import SingleStatIconExample from './single_stat.meta_icon.example.vue';
4
- import SingleStatSimpleExample from './single_stat.simple.example.vue';
5
- import SingleStatTitleIconExample from './single_stat.title_icon.example.vue';
6
-
7
- export default [
8
- {
9
- name: 'Basic',
10
- items: [
11
- {
12
- id: 'simple',
13
- name: 'Simple',
14
- component: SingleStatSimpleExample,
15
- },
16
- {
17
- id: 'metaIcon',
18
- name: 'Meta Icon',
19
- component: SingleStatIconExample,
20
- },
21
- {
22
- id: 'badge',
23
- name: 'Badge',
24
- component: SingleStatBadgeExample,
25
- },
26
- {
27
- id: 'titleIcon',
28
- name: 'Title Icon',
29
- component: SingleStatTitleIconExample,
30
- },
31
- {
32
- id: 'hover',
33
- name: 'Hover',
34
- component: SingleStatHoverExample,
35
- },
36
- ],
37
- },
38
- ];
@@ -1,31 +0,0 @@
1
- <template>
2
- <div class="row">
3
- <div class="col-sm-4">
4
- <gl-single-stat
5
- title="Success stat"
6
- value="100"
7
- variant="success"
8
- meta-text="passed"
9
- meta-icon="status_success_solid"
10
- />
11
- </div>
12
- <div class="col-sm-4">
13
- <gl-single-stat
14
- title="Warning stat"
15
- value="1000"
16
- variant="warning"
17
- meta-text="warning"
18
- meta-icon="status-alert"
19
- />
20
- </div>
21
- <div class="col-sm-4">
22
- <gl-single-stat
23
- title="Danger stat"
24
- value="100000"
25
- variant="danger"
26
- meta-text="failed"
27
- meta-icon="status-failed"
28
- />
29
- </div>
30
- </div>
31
- </template>
@@ -1,7 +0,0 @@
1
- <template>
2
- <div class="row">
3
- <div class="col-sm-4">
4
- <gl-single-stat title="Single stat" value="100" tabindex="0" />
5
- </div>
6
- </div>
7
- </template>
@@ -1,10 +0,0 @@
1
- <template>
2
- <div class="row">
3
- <div class="col-sm-4">
4
- <gl-single-stat title="Trend up" value="100" variant="success" meta-icon="trend-up" />
5
- </div>
6
- <div class="col-sm-4">
7
- <gl-single-stat title="Trend down" value="100000" variant="danger" meta-icon="trend-down" />
8
- </div>
9
- </div>
10
- </template>
@@ -1,7 +0,0 @@
1
- <template>
2
- <div class="row">
3
- <div class="col-sm-4">
4
- <gl-single-stat title="Single stat" value="100" />
5
- </div>
6
- </div>
7
- </template>
@@ -1,7 +0,0 @@
1
- <template>
2
- <div class="row">
3
- <div class="col-sm-4">
4
- <gl-single-stat title="Likes" value="100,000" title-icon="heart" />
5
- </div>
6
- </div>
7
- </template>