@gitlab/ui 78.4.0 → 78.6.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 +14 -0
- package/dist/tailwind.css +2 -0
- package/dist/tailwind.css.map +1 -0
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +1 -1
- package/dist/tokens/js/tokens.dark.js +1 -1
- package/dist/tokens/js/tokens.js +1 -1
- package/dist/tokens/scss/_tokens.dark.scss +1 -1
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +2 -2
- package/src/components/base/banner/banner.stories.js +3 -4
- package/src/scss/utilities.scss +12 -0
- package/src/scss/utility-mixins/display.scss +6 -0
- package/dist/utility_classes.js +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "78.
|
|
3
|
+
"version": "78.6.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@gitlab/eslint-plugin": "19.4.0",
|
|
103
103
|
"@gitlab/fonts": "^1.3.0",
|
|
104
104
|
"@gitlab/stylelint-config": "6.1.0",
|
|
105
|
-
"@gitlab/svgs": "3.
|
|
105
|
+
"@gitlab/svgs": "3.91.0",
|
|
106
106
|
"@rollup/plugin-commonjs": "^11.1.0",
|
|
107
107
|
"@rollup/plugin-node-resolve": "^7.1.3",
|
|
108
108
|
"@rollup/plugin-replace": "^2.3.2",
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import serviceDeskCalloutSvg from '@gitlab/svgs/dist/illustrations/service_desk_callout.svg';
|
|
1
|
+
import emptyServiceDeskCallout from '@gitlab/svgs/dist/illustrations/empty-state/empty-service-desk-md.svg';
|
|
3
2
|
import GlButton from '../button/button.vue';
|
|
4
3
|
import { bannerVariants } from '../../../utils/constants';
|
|
5
4
|
import GlBanner from './banner.vue';
|
|
@@ -23,7 +22,7 @@ const generateProps = ({
|
|
|
23
22
|
buttonAttributes = { target: '_blank' },
|
|
24
23
|
buttonText = 'Upgrade your plan',
|
|
25
24
|
buttonLink = 'https://gitlab.com',
|
|
26
|
-
svgPath =
|
|
25
|
+
svgPath = emptyServiceDeskCallout,
|
|
27
26
|
variant = GlBanner.props.variant.default,
|
|
28
27
|
} = {}) => ({
|
|
29
28
|
title,
|
|
@@ -51,7 +50,7 @@ NoImage.args = generateProps({
|
|
|
51
50
|
|
|
52
51
|
export const Introduction = Template.bind({});
|
|
53
52
|
Introduction.args = generateProps({
|
|
54
|
-
svgPath:
|
|
53
|
+
svgPath: emptyServiceDeskCallout,
|
|
55
54
|
variant: bannerVariants[1],
|
|
56
55
|
});
|
|
57
56
|
|
package/src/scss/utilities.scss
CHANGED
|
@@ -3336,6 +3336,18 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
3336
3336
|
}
|
|
3337
3337
|
}
|
|
3338
3338
|
|
|
3339
|
+
.gl-lg-display-grid {
|
|
3340
|
+
@include gl-media-breakpoint-up(lg) {
|
|
3341
|
+
display: grid;
|
|
3342
|
+
}
|
|
3343
|
+
}
|
|
3344
|
+
|
|
3345
|
+
.gl-lg-display-grid\! {
|
|
3346
|
+
@include gl-media-breakpoint-up(lg) {
|
|
3347
|
+
display: grid !important;
|
|
3348
|
+
}
|
|
3349
|
+
}
|
|
3350
|
+
|
|
3339
3351
|
.gl-sm-display-table-cell {
|
|
3340
3352
|
@include gl-media-breakpoint-up(sm) {
|
|
3341
3353
|
display: table-cell;
|
package/dist/utility_classes.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|