@gitlab/ui 78.16.0 → 78.17.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/index.css +1 -1
- package/dist/index.css.map +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/package.json +1 -1
- package/src/components/base/label/label.scss +9 -10
package/dist/tokens/js/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -9,7 +9,8 @@ $label-close-button: '.gl-label-close.gl-button';
|
|
|
9
9
|
@include gl-rounded-pill;
|
|
10
10
|
position: relative;
|
|
11
11
|
@include gl-max-w-full;
|
|
12
|
-
@include gl-font-
|
|
12
|
+
@include gl-font-sm;
|
|
13
|
+
@include gl-line-height-normal;
|
|
13
14
|
box-shadow: var(--label-inset-border) !important;
|
|
14
15
|
|
|
15
16
|
&:not(.gl-label-scoped) {
|
|
@@ -21,13 +22,12 @@ $label-close-button: '.gl-label-close.gl-button';
|
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
.gl-label-link {
|
|
24
|
-
@include gl-line-height-normal;
|
|
25
25
|
@include gl-display-flex;
|
|
26
|
-
@include gl-font-sm;
|
|
27
26
|
@include gl-font-weight-normal;
|
|
28
27
|
@include gl-overflow-hidden;
|
|
29
28
|
@include gl-reset-color;
|
|
30
29
|
@include gl-max-w-full;
|
|
30
|
+
@include gl-text-decoration-none;
|
|
31
31
|
|
|
32
32
|
&:focus,
|
|
33
33
|
&:hover,
|
|
@@ -41,8 +41,7 @@ $label-close-button: '.gl-label-close.gl-button';
|
|
|
41
41
|
.gl-label-text,
|
|
42
42
|
.gl-label-text-scoped {
|
|
43
43
|
@include gl-display-block;
|
|
44
|
-
padding
|
|
45
|
-
padding-inline: calc(#{$gl-spacing-scale-3} - 2px);
|
|
44
|
+
padding: $gl-spacing-scale-1 #{$gl-spacing-scale-3 - $gl-spacing-scale-1};
|
|
46
45
|
@include str-truncated($label-max-width);
|
|
47
46
|
}
|
|
48
47
|
|
|
@@ -51,8 +50,8 @@ $label-close-button: '.gl-label-close.gl-button';
|
|
|
51
50
|
@include gl-display-flex;
|
|
52
51
|
width: px-to-rem(14px);
|
|
53
52
|
height: px-to-rem(14px);
|
|
54
|
-
margin-left:
|
|
55
|
-
margin-right:
|
|
53
|
+
margin-left: #{-$gl-spacing-scale-1 - ($gl-spacing-scale-1 / 2)};
|
|
54
|
+
margin-right: #{$gl-spacing-scale-2 - ($gl-spacing-scale-1 / 2)};
|
|
56
55
|
@include gl-p-0;
|
|
57
56
|
@include gl-rounded-full;
|
|
58
57
|
@include gl-shadow-none;
|
|
@@ -149,7 +148,7 @@ $label-close-button: '.gl-label-close.gl-button';
|
|
|
149
148
|
}
|
|
150
149
|
|
|
151
150
|
#{$label-close-button} {
|
|
152
|
-
margin-left:
|
|
151
|
+
margin-left: #{-$gl-spacing-scale-2 - $gl-spacing-scale-1};
|
|
153
152
|
|
|
154
153
|
&:focus,
|
|
155
154
|
&:hover {
|
|
@@ -165,8 +164,8 @@ $label-close-button: '.gl-label-close.gl-button';
|
|
|
165
164
|
|
|
166
165
|
.gl-label-text-scoped {
|
|
167
166
|
@include gl-text-gray-950;
|
|
168
|
-
padding-
|
|
169
|
-
padding-
|
|
167
|
+
padding-left: #{$gl-spacing-scale-3 - $gl-spacing-scale-2};
|
|
168
|
+
padding-right: $gl-spacing-scale-3;
|
|
170
169
|
}
|
|
171
170
|
}
|
|
172
171
|
|