@gitlab/ui 72.4.0 → 72.5.1
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 +19 -0
- package/dist/tokens/common_story_options.js +1 -1
- 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/scss/utilities.scss +26 -0
- package/src/scss/utility-mixins/background.scss +4 -0
- package/src/scss/utility-mixins/sizing.scss +6 -0
- package/src/scss/utility-mixins/spacing.scss +4 -0
- package/src/tokens/common_story_options.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "72.
|
|
3
|
+
"version": "72.5.1",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"translations:collect": "make translations.json"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@floating-ui/dom": "1.
|
|
67
|
+
"@floating-ui/dom": "1.4.3",
|
|
68
68
|
"bootstrap-vue": "2.23.1",
|
|
69
69
|
"echarts": "^5.3.2",
|
|
70
70
|
"iframe-resizer": "^4.3.2",
|
package/src/scss/utilities.scss
CHANGED
|
@@ -305,6 +305,14 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
305
305
|
background-color: $gray-900 !important
|
|
306
306
|
}
|
|
307
307
|
|
|
308
|
+
.gl-bg-gray-950 {
|
|
309
|
+
background-color: $gray-950
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.gl-bg-gray-950\! {
|
|
313
|
+
background-color: $gray-950 !important
|
|
314
|
+
}
|
|
315
|
+
|
|
308
316
|
.gl-bg-blue-50 {
|
|
309
317
|
background-color: $blue-50
|
|
310
318
|
}
|
|
@@ -5233,6 +5241,18 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
5233
5241
|
}
|
|
5234
5242
|
}
|
|
5235
5243
|
|
|
5244
|
+
.gl-md-h-9 {
|
|
5245
|
+
@include gl-media-breakpoint-up(md) {
|
|
5246
|
+
height: $gl-spacing-scale-9;
|
|
5247
|
+
}
|
|
5248
|
+
}
|
|
5249
|
+
|
|
5250
|
+
.gl-md-h-9\! {
|
|
5251
|
+
@include gl-media-breakpoint-up(md) {
|
|
5252
|
+
height: $gl-spacing-scale-9 !important;
|
|
5253
|
+
}
|
|
5254
|
+
}
|
|
5255
|
+
|
|
5236
5256
|
.gl-md-w-15 {
|
|
5237
5257
|
@include gl-media-breakpoint-up(md) {
|
|
5238
5258
|
width: $gl-spacing-scale-15;
|
|
@@ -6072,6 +6092,12 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
6072
6092
|
.gl-pl-11-5\! {
|
|
6073
6093
|
padding-left: $gl-spacing-scale-11-5 !important;
|
|
6074
6094
|
}
|
|
6095
|
+
.gl-pl-12 {
|
|
6096
|
+
padding-left: $gl-spacing-scale-12;
|
|
6097
|
+
}
|
|
6098
|
+
.gl-pl-12\! {
|
|
6099
|
+
padding-left: $gl-spacing-scale-12 !important;
|
|
6100
|
+
}
|
|
6075
6101
|
.gl-pt-0 {
|
|
6076
6102
|
padding-top: 0;
|
|
6077
6103
|
}
|
|
@@ -89,7 +89,7 @@ export const template = `
|
|
|
89
89
|
<code class="gl-reset-color">{{ token.$value }}</code>
|
|
90
90
|
<code
|
|
91
91
|
v-if="!isAlpha(token.$value)"
|
|
92
|
-
class="gl-w-10 gl-text-center gl-rounded-base gl-font-xs gl-p-2 gl-bg-gray-
|
|
92
|
+
class="gl-w-10 gl-text-center gl-rounded-base gl-font-xs gl-p-2 gl-bg-gray-950"
|
|
93
93
|
:class="getColorContrastClass('dark', token.$value)"
|
|
94
94
|
>
|
|
95
95
|
{{ getColorContrast('dark', token.$value).level.grade }}
|