@gitlab/ui 138.2.0 → 138.3.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "138.
|
|
3
|
+
"version": "138.3.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
"pikaday": "^1.8.0",
|
|
152
152
|
"playwright": "^1.63.0",
|
|
153
153
|
"playwright-core": "^1.63.0",
|
|
154
|
-
"postcss": "8.5.
|
|
154
|
+
"postcss": "8.5.29",
|
|
155
155
|
"postcss-loader": "8.2.1",
|
|
156
156
|
"postcss-scss": "4.0.9",
|
|
157
157
|
"react": "18.3.1",
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
"start-server-and-test": "^2.1.5",
|
|
169
169
|
"storybook": "^7.6.24",
|
|
170
170
|
"storybook-dark-mode": "4.0.2",
|
|
171
|
-
"style-dictionary": "^5.
|
|
171
|
+
"style-dictionary": "^5.6.0",
|
|
172
172
|
"style-loader": "^4",
|
|
173
173
|
"tailwindcss": "3.4.19",
|
|
174
174
|
"vue": "2.7.16",
|
|
@@ -178,6 +178,6 @@
|
|
|
178
178
|
"vue-router": "^3.6.5",
|
|
179
179
|
"vue-template-compiler": "2.7.16",
|
|
180
180
|
"vue-test-utils-compat": "^0.0.15",
|
|
181
|
-
"webpack": "^5.
|
|
181
|
+
"webpack": "^5.111.1"
|
|
182
182
|
}
|
|
183
183
|
}
|
|
@@ -431,12 +431,6 @@
|
|
|
431
431
|
@apply gl-bg-transparent;
|
|
432
432
|
}
|
|
433
433
|
|
|
434
|
-
&.disabled,
|
|
435
|
-
&[disabled] {
|
|
436
|
-
@apply gl-bg-transparent;
|
|
437
|
-
@apply gl-shadow-none;
|
|
438
|
-
}
|
|
439
|
-
|
|
440
434
|
@media (forced-colors: active) {
|
|
441
435
|
color: LinkText; // stylelint-disable-line scale-unlimited/declaration-strict-value
|
|
442
436
|
}
|
|
@@ -472,10 +466,17 @@
|
|
|
472
466
|
}
|
|
473
467
|
}
|
|
474
468
|
|
|
469
|
+
// After the disabled rule above so it also wins on focus, active and selected
|
|
475
470
|
&.disabled[class*="-tertiary"],
|
|
476
|
-
&[disabled][class*="-tertiary"]
|
|
471
|
+
&[disabled][class*="-tertiary"],
|
|
472
|
+
&.btn-link.disabled,
|
|
473
|
+
&.btn-link[disabled] {
|
|
477
474
|
@apply gl-bg-transparent;
|
|
478
|
-
|
|
475
|
+
|
|
476
|
+
// Focusable disabled buttons (`accessibleDisabled`, loading) keep the focus ring
|
|
477
|
+
&:not(:focus-visible) {
|
|
478
|
+
@apply gl-shadow-none;
|
|
479
|
+
}
|
|
479
480
|
}
|
|
480
481
|
}
|
|
481
482
|
|
|
@@ -155,7 +155,8 @@ export default {
|
|
|
155
155
|
},
|
|
156
156
|
data() {
|
|
157
157
|
return {
|
|
158
|
-
|
|
158
|
+
// Set on mount to be safe for SSR
|
|
159
|
+
breakpoint: null,
|
|
159
160
|
// If total pages count is below or equal to minTotalPagesToCollapse, collapsing is disabled
|
|
160
161
|
minTotalPagesToCollapse: 4,
|
|
161
162
|
};
|
|
@@ -272,7 +273,8 @@ export default {
|
|
|
272
273
|
return '#';
|
|
273
274
|
},
|
|
274
275
|
},
|
|
275
|
-
|
|
276
|
+
mounted() {
|
|
277
|
+
this.setBreakpoint();
|
|
276
278
|
this.resizeDebounced = debounce(this.setBreakpoint, resizeDebounceTime);
|
|
277
279
|
window.addEventListener('resize', this.resizeDebounced);
|
|
278
280
|
},
|