@gitlab/ui 113.2.2 → 113.2.4
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/components/base/alert/alert.js +10 -7
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +1 -1
- package/dist/components/base/skeleton_loader/skeleton_loader.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/package.json +1 -1
- package/src/components/base/alert/alert.vue +10 -8
- package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +1 -1
- package/src/components/base/skeleton_loader/skeleton_loader.scss +4 -0
- package/src/components/base/skeleton_loader/skeleton_loader.vue +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [113.2.4](https://gitlab.com/gitlab-org/gitlab-ui/compare/v113.2.3...v113.2.4) (2025-05-02)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **GlBaseDropdown:** use aria-labelledby properly ([1d3a96f](https://gitlab.com/gitlab-org/gitlab-ui/commit/1d3a96fbb7db2d44e587a6df5840df6c81fe3485))
|
|
7
|
+
|
|
8
|
+
## [113.2.3](https://gitlab.com/gitlab-org/gitlab-ui/compare/v113.2.2...v113.2.3) (2025-05-01)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* **GlAlert:** remove assertive aria-live ([e0ba832](https://gitlab.com/gitlab-org/gitlab-ui/commit/e0ba8325912e055dba39bcf9544ed2b7159f56ce))
|
|
14
|
+
|
|
1
15
|
## [113.2.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v113.2.1...v113.2.2) (2025-05-01)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -85,15 +85,18 @@ var script = {
|
|
|
85
85
|
type: Boolean,
|
|
86
86
|
required: false,
|
|
87
87
|
default: false
|
|
88
|
+
},
|
|
89
|
+
// only set to 'assertive' if alert requires immediate user action, otherwise use a default value
|
|
90
|
+
politeness: {
|
|
91
|
+
type: String,
|
|
92
|
+
required: false,
|
|
93
|
+
default: 'polite',
|
|
94
|
+
validator(value) {
|
|
95
|
+
return ['off', 'polite', 'assertive'].includes(value);
|
|
96
|
+
}
|
|
88
97
|
}
|
|
89
98
|
},
|
|
90
99
|
computed: {
|
|
91
|
-
ariaLive() {
|
|
92
|
-
if ([alertVariantOptions.danger, alertVariantOptions.warning].includes(this.variant)) {
|
|
93
|
-
return 'assertive';
|
|
94
|
-
}
|
|
95
|
-
return 'polite';
|
|
96
|
-
},
|
|
97
100
|
role() {
|
|
98
101
|
if ([alertVariantOptions.danger, alertVariantOptions.warning, alertVariantOptions.success].includes(this.variant)) {
|
|
99
102
|
return 'alert';
|
|
@@ -189,7 +192,7 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=
|
|
|
189
192
|
{ 'gl-alert-not-dismissible': !_vm.dismissible },
|
|
190
193
|
{ 'gl-alert-no-icon': !_vm.showIcon },
|
|
191
194
|
{ 'gl-alert-has-title': !!_vm.title },
|
|
192
|
-
_vm.variantClass ]},[(_vm.showIcon)?_c('div',{staticClass:"gl-alert-icon-container"},[_c('gl-icon',{staticClass:"gl-alert-icon",attrs:{"name":_vm.iconName}})],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-alert-content",attrs:{"role":_vm.role,"aria-live":_vm.
|
|
195
|
+
_vm.variantClass ]},[(_vm.showIcon)?_c('div',{staticClass:"gl-alert-icon-container"},[_c('gl-icon',{staticClass:"gl-alert-icon",attrs:{"name":_vm.iconName}})],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-alert-content",attrs:{"role":_vm.role,"aria-live":_vm.politeness}},[(_vm.title)?_c('h2',{staticClass:"gl-alert-title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-alert-body"},[_vm._t("default")],2),_vm._v(" "),(_vm.shouldRenderActions)?_c('div',{staticClass:"gl-alert-actions"},[_vm._t("actions",function(){return _vm._l((_vm.actionButtons),function(actionButton,index){return _c('gl-button',_vm._g(_vm._b({key:index,staticClass:"gl-alert-action"},'gl-button',actionButton.attrs,false),actionButton.listeners),[_vm._v("\n "+_vm._s(actionButton.text)+"\n ")])})})],2):_vm._e()]),_vm._v(" "),(_vm.dismissible)?_c('close-button',{ref:"dismiss",staticClass:"gl-dismiss-btn",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.onDismiss}}):_vm._e()],1)};
|
|
193
196
|
var __vue_staticRenderFns__ = [];
|
|
194
197
|
|
|
195
198
|
/* style */
|
|
@@ -185,7 +185,7 @@ var script = {
|
|
|
185
185
|
return this.block ? 'gl-w-full' : '';
|
|
186
186
|
},
|
|
187
187
|
toggleLabelledBy() {
|
|
188
|
-
return this.ariaLabelledby ? `${this.ariaLabelledby} ${this.toggleId}` :
|
|
188
|
+
return this.ariaLabelledby ? `${this.ariaLabelledby} ${this.toggleId}` : undefined;
|
|
189
189
|
},
|
|
190
190
|
isDefaultToggle() {
|
|
191
191
|
return !this.$scopedSlots.toggle;
|