@gitlab/ui 32.53.0 → 32.55.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.
- package/CHANGELOG.md +28 -0
- package/dist/components/base/breadcrumb/breadcrumb.js +1 -1
- package/dist/components/charts/line/line.js +1 -1
- package/dist/components/regions/empty_state/empty_state.js +1 -1
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +11 -11
- package/src/components/base/breadcrumb/breadcrumb.vue +2 -2
- package/src/components/base/popover/popover.scss +5 -0
- package/src/components/charts/line/line.spec.js +8 -1
- package/src/components/charts/line/line.vue +5 -9
- package/src/components/regions/empty_state/empty_state.vue +1 -1
- package/src/scss/bootstrap_vue.scss +39 -0
- package/src/scss/gitlab_ui.scss +1 -1
- package/src/scss/storybook.scss +1 -1
- package/src/scss/utilities.scss +10 -0
- package/src/scss/utility-mixins/spacing.scss +6 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "32.
|
|
3
|
+
"version": "32.55.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -84,21 +84,21 @@
|
|
|
84
84
|
"@arkweid/lefthook": "^0.7.6",
|
|
85
85
|
"@babel/core": "^7.10.2",
|
|
86
86
|
"@babel/preset-env": "^7.10.2",
|
|
87
|
-
"@gitlab/eslint-plugin": "10.0.
|
|
87
|
+
"@gitlab/eslint-plugin": "10.0.1",
|
|
88
88
|
"@gitlab/stylelint-config": "2.6.0",
|
|
89
|
-
"@gitlab/svgs": "2.
|
|
89
|
+
"@gitlab/svgs": "2.2.0",
|
|
90
90
|
"@rollup/plugin-commonjs": "^11.1.0",
|
|
91
91
|
"@rollup/plugin-node-resolve": "^7.1.3",
|
|
92
92
|
"@rollup/plugin-replace": "^2.3.2",
|
|
93
|
-
"@storybook/addon-a11y": "6.4.
|
|
94
|
-
"@storybook/addon-docs": "6.4.
|
|
95
|
-
"@storybook/addon-essentials": "6.4.
|
|
93
|
+
"@storybook/addon-a11y": "6.4.10",
|
|
94
|
+
"@storybook/addon-docs": "6.4.10",
|
|
95
|
+
"@storybook/addon-essentials": "6.4.10",
|
|
96
96
|
"@storybook/addon-knobs": "6.4.0",
|
|
97
|
-
"@storybook/addon-storyshots": "6.4.
|
|
98
|
-
"@storybook/addon-storyshots-puppeteer": "6.4.
|
|
99
|
-
"@storybook/addon-viewport": "6.4.
|
|
100
|
-
"@storybook/theming": "6.4.
|
|
101
|
-
"@storybook/vue": "6.4.
|
|
97
|
+
"@storybook/addon-storyshots": "6.4.10",
|
|
98
|
+
"@storybook/addon-storyshots-puppeteer": "6.4.10",
|
|
99
|
+
"@storybook/addon-viewport": "6.4.10",
|
|
100
|
+
"@storybook/theming": "6.4.10",
|
|
101
|
+
"@storybook/vue": "6.4.10",
|
|
102
102
|
"@vue/test-utils": "1.3.0",
|
|
103
103
|
"autoprefixer": "^9.7.6",
|
|
104
104
|
"babel-jest": "^26.6.3",
|
|
@@ -33,7 +33,7 @@ export default {
|
|
|
33
33
|
};
|
|
34
34
|
</script>
|
|
35
35
|
<template>
|
|
36
|
-
<
|
|
36
|
+
<nav class="gl-breadcrumbs" aria-label="Breadcrumb">
|
|
37
37
|
<!-- @slot The avatar to display. -->
|
|
38
38
|
<slot name="avatar"></slot>
|
|
39
39
|
<b-breadcrumb class="gl-breadcrumb-list" v-bind="$attrs" v-on="$listeners">
|
|
@@ -60,5 +60,5 @@ export default {
|
|
|
60
60
|
</b-breadcrumb-item>
|
|
61
61
|
</template>
|
|
62
62
|
</b-breadcrumb>
|
|
63
|
-
</
|
|
63
|
+
</nav>
|
|
64
64
|
</template>
|
|
@@ -139,7 +139,14 @@ describe('line component', () => {
|
|
|
139
139
|
const dataTooltipTitle = 'FooBar';
|
|
140
140
|
|
|
141
141
|
beforeEach(() => {
|
|
142
|
-
createShallowWrapper(
|
|
142
|
+
createShallowWrapper(
|
|
143
|
+
{},
|
|
144
|
+
{
|
|
145
|
+
stubs: {
|
|
146
|
+
'chart-tooltip': ChartTooltipStub,
|
|
147
|
+
},
|
|
148
|
+
}
|
|
149
|
+
);
|
|
143
150
|
});
|
|
144
151
|
|
|
145
152
|
it('is initialized', () => {
|
|
@@ -354,19 +354,15 @@ export default {
|
|
|
354
354
|
:top="dataTooltipPosition.top"
|
|
355
355
|
:left="dataTooltipPosition.left"
|
|
356
356
|
>
|
|
357
|
-
<template
|
|
358
|
-
|
|
359
|
-
<
|
|
360
|
-
<slot name="tooltip-content"></slot>
|
|
361
|
-
</template>
|
|
362
|
-
<template v-else>
|
|
363
|
-
<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
|
|
364
|
-
<div slot="title">
|
|
357
|
+
<template #title>
|
|
358
|
+
<slot v-if="formatTooltipText" name="tooltip-title"></slot>
|
|
359
|
+
<div v-else>
|
|
365
360
|
{{ dataTooltipTitle }}
|
|
366
361
|
<template v-if="options.xAxis.name">({{ options.xAxis.name }})</template>
|
|
367
362
|
</div>
|
|
368
|
-
<tooltip-default-format :tooltip-content="dataTooltipContent" />
|
|
369
363
|
</template>
|
|
364
|
+
<slot v-if="formatTooltipText" name="tooltip-content"></slot>
|
|
365
|
+
<tooltip-default-format v-else :tooltip-content="dataTooltipContent" />
|
|
370
366
|
</chart-tooltip>
|
|
371
367
|
<chart-legend
|
|
372
368
|
v-if="compiledOptions"
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
// stylelint-disable scss/at-import-partial-extension-blacklist
|
|
2
|
+
|
|
3
|
+
// imports from https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/index.scss
|
|
4
|
+
|
|
5
|
+
@import 'bootstrap-vue/src/variables.scss';
|
|
6
|
+
@import 'bootstrap-vue/src/utilities.scss';
|
|
7
|
+
|
|
8
|
+
// Used by BFormSpinbutton, BFormDatepicker, BFormTimepicker, BTime, BCalendar
|
|
9
|
+
@import 'bootstrap-vue/src/custom-controls.scss';
|
|
10
|
+
|
|
11
|
+
// Comment out components we are not importing in gitlab-ui
|
|
12
|
+
// Still listed for easy comparison
|
|
13
|
+
// @import 'bootstrap-vue/src/components/avatar/index.scss';
|
|
14
|
+
// @import 'bootstrap-vue/src/components/calendar/index.scss';
|
|
15
|
+
@import 'bootstrap-vue/src/components/card/index.scss';
|
|
16
|
+
@import 'bootstrap-vue/src/components/dropdown/index.scss';
|
|
17
|
+
@import 'bootstrap-vue/src/components/form-checkbox/index.scss';
|
|
18
|
+
// @import 'bootstrap-vue/src/components/form-file/index.scss';
|
|
19
|
+
@import 'bootstrap-vue/src/components/form-input/index.scss';
|
|
20
|
+
@import 'bootstrap-vue/src/components/form-radio/index.scss';
|
|
21
|
+
// @import 'bootstrap-vue/src/components/form-rating/index.scss';
|
|
22
|
+
// @import 'bootstrap-vue/src/components/form-spinbutton/index.scss';
|
|
23
|
+
@import 'bootstrap-vue/src/components/form-tags/index.scss';
|
|
24
|
+
@import 'bootstrap-vue/src/components/input-group/index.scss';
|
|
25
|
+
// @import 'bootstrap-vue/src/components/media/index.scss';
|
|
26
|
+
@import 'bootstrap-vue/src/components/modal/index.scss';
|
|
27
|
+
@import 'bootstrap-vue/src/components/nav/index.scss';
|
|
28
|
+
@import 'bootstrap-vue/src/components/navbar/index.scss';
|
|
29
|
+
// @import 'bootstrap-vue/src/components/pagination/index.scss';
|
|
30
|
+
// @import 'bootstrap-vue/src/components/pagination-nav/index.scss';
|
|
31
|
+
@import 'bootstrap-vue/src/components/popover/index.scss';
|
|
32
|
+
// @import 'bootstrap-vue/src/components/skeleton/index.scss';
|
|
33
|
+
// @import 'bootstrap-vue/src/components/sidebar/index.scss';
|
|
34
|
+
@import 'bootstrap-vue/src/components/table/index.scss';
|
|
35
|
+
// @import 'bootstrap-vue/src/components/time/index.scss';
|
|
36
|
+
@import 'bootstrap-vue/src/components/toast/index.scss';
|
|
37
|
+
@import 'bootstrap-vue/src/components/tooltip/index.scss';
|
|
38
|
+
|
|
39
|
+
// @import 'bootstrap-vue/src/icons/icons.scss';
|
package/src/scss/gitlab_ui.scss
CHANGED
package/src/scss/storybook.scss
CHANGED
package/src/scss/utilities.scss
CHANGED
|
@@ -5798,6 +5798,16 @@
|
|
|
5798
5798
|
padding-right: $gl-spacing-scale-2 !important;
|
|
5799
5799
|
}
|
|
5800
5800
|
}
|
|
5801
|
+
.gl-md-pr-5 {
|
|
5802
|
+
@include gl-media-breakpoint-up(md) {
|
|
5803
|
+
padding-right: $gl-spacing-scale-5;
|
|
5804
|
+
}
|
|
5805
|
+
}
|
|
5806
|
+
.gl-md-pr-5\! {
|
|
5807
|
+
@include gl-media-breakpoint-up(md) {
|
|
5808
|
+
padding-right: $gl-spacing-scale-5 !important;
|
|
5809
|
+
}
|
|
5810
|
+
}
|
|
5801
5811
|
.gl-lg-pr-5 {
|
|
5802
5812
|
@include gl-media-breakpoint-up(lg) {
|
|
5803
5813
|
padding-right: $gl-spacing-scale-5;
|