@gitlab/ui 74.7.1 → 74.8.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 +7 -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 +15 -15
- package/src/scss/utilities.scss +12 -0
- package/src/scss/utility-mixins/flex.scss +6 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "74.
|
|
3
|
+
"version": "74.8.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -106,19 +106,19 @@
|
|
|
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",
|
|
109
|
-
"@storybook/addon-a11y": "^7.6.
|
|
110
|
-
"@storybook/addon-docs": "^7.6.
|
|
111
|
-
"@storybook/addon-essentials": "^7.6.
|
|
112
|
-
"@storybook/addon-interactions": "^7.6.
|
|
113
|
-
"@storybook/addon-viewport": "^7.6.
|
|
114
|
-
"@storybook/builder-webpack5": "^7.6.
|
|
115
|
-
"@storybook/test": "^7.6.
|
|
109
|
+
"@storybook/addon-a11y": "^7.6.16",
|
|
110
|
+
"@storybook/addon-docs": "^7.6.16",
|
|
111
|
+
"@storybook/addon-essentials": "^7.6.16",
|
|
112
|
+
"@storybook/addon-interactions": "^7.6.16",
|
|
113
|
+
"@storybook/addon-viewport": "^7.6.16",
|
|
114
|
+
"@storybook/builder-webpack5": "^7.6.16",
|
|
115
|
+
"@storybook/test": "^7.6.16",
|
|
116
116
|
"@storybook/test-runner": "0.16.0",
|
|
117
|
-
"@storybook/theming": "^7.6.
|
|
118
|
-
"@storybook/vue": "^7.6.
|
|
119
|
-
"@storybook/vue-webpack5": "^7.6.
|
|
120
|
-
"@storybook/vue3": "^7.6.
|
|
121
|
-
"@storybook/vue3-webpack5": "^7.6.
|
|
117
|
+
"@storybook/theming": "^7.6.16",
|
|
118
|
+
"@storybook/vue": "^7.6.16",
|
|
119
|
+
"@storybook/vue-webpack5": "^7.6.16",
|
|
120
|
+
"@storybook/vue3": "^7.6.16",
|
|
121
|
+
"@storybook/vue3-webpack5": "^7.6.16",
|
|
122
122
|
"@types/jest-image-snapshot": "^6.4.0",
|
|
123
123
|
"@vue/compat": "^3.2.40",
|
|
124
124
|
"@vue/compiler-sfc": "^3.2.40",
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
"eslint": "8.56.0",
|
|
140
140
|
"eslint-import-resolver-jest": "3.0.2",
|
|
141
141
|
"eslint-plugin-cypress": "2.15.1",
|
|
142
|
-
"eslint-plugin-storybook": "0.
|
|
142
|
+
"eslint-plugin-storybook": "0.7.0",
|
|
143
143
|
"glob": "10.3.3",
|
|
144
144
|
"identity-obj-proxy": "^3.0.0",
|
|
145
145
|
"inquirer-select-directory": "^1.2.0",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
"sass-loader": "^10.2.0",
|
|
171
171
|
"sass-true": "^6.1.0",
|
|
172
172
|
"start-server-and-test": "^1.10.6",
|
|
173
|
-
"storybook": "^7.6.
|
|
173
|
+
"storybook": "^7.6.16",
|
|
174
174
|
"storybook-dark-mode": "3.0.3",
|
|
175
175
|
"style-dictionary": "^3.8.0",
|
|
176
176
|
"stylelint": "15.10.2",
|
package/src/scss/utilities.scss
CHANGED
|
@@ -3494,6 +3494,18 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
3494
3494
|
}
|
|
3495
3495
|
}
|
|
3496
3496
|
|
|
3497
|
+
.gl-md-align-items-flex-start {
|
|
3498
|
+
@include gl-media-breakpoint-up(md) {
|
|
3499
|
+
align-items: flex-start;
|
|
3500
|
+
}
|
|
3501
|
+
}
|
|
3502
|
+
|
|
3503
|
+
.gl-md-align-items-flex-start\! {
|
|
3504
|
+
@include gl-media-breakpoint-up(md) {
|
|
3505
|
+
align-items: flex-start !important;
|
|
3506
|
+
}
|
|
3507
|
+
}
|
|
3508
|
+
|
|
3497
3509
|
.gl-lg-align-items-flex-start {
|
|
3498
3510
|
@include gl-media-breakpoint-up(lg) {
|
|
3499
3511
|
align-items: flex-start;
|
|
@@ -59,6 +59,12 @@
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
@mixin gl-md-align-items-flex-start {
|
|
63
|
+
@include gl-media-breakpoint-up(md) {
|
|
64
|
+
@include gl-align-items-flex-start;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
62
68
|
@mixin gl-lg-align-items-flex-start {
|
|
63
69
|
@include gl-media-breakpoint-up(lg) {
|
|
64
70
|
@include gl-align-items-flex-start;
|