@gitlab/ui 101.12.0 → 101.13.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [101.13.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v101.12.0...v101.13.0) (2024-11-07)
+
+
+### Features
+
+* **GlDropdown:** Replace BootstrapCSS Util Class with GitLab UI Class ([8772f60](https://gitlab.com/gitlab-org/gitlab-ui/commit/8772f60748198a11f8db12e57316e907cbbdb4fb))
+
 # [101.12.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v101.11.0...v101.12.0) (2024-11-06)
 
 

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js

@@ -63,7 +63,7 @@ const BDropdown = /*#__PURE__*/extend({
         'btn-group': split || !block,
         // When `block` is enabled and we are in `split` mode the 'd-flex' class
         // needs to be applied to allow the buttons to stretch to full width
-        'd-flex': block && split
+        'gl-flex': block && split
       }];
     },
     menuClasses() {
@@ -138,7 +138,7 @@ const BDropdown = /*#__PURE__*/extend({
 
       // Overwrite button content for the toggle when in `split` mode
       $buttonChildren = [h('span', {
-        class: ['sr-only']
+        class: ['gl-sr-only']
       }, [this.toggleText])];
       buttonContentDomProps = {};
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "101.12.0",
+  "version": "101.13.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.js

@@ -72,7 +72,7 @@ export const BDropdown = /*#__PURE__*/ extend({
           'btn-group': split || !block,
           // When `block` is enabled and we are in `split` mode the 'd-flex' class
           // needs to be applied to allow the buttons to stretch to full width
-          'd-flex': block && split
+          'gl-flex': block && split
         }
       ]
     },
@@ -137,7 +137,7 @@ export const BDropdown = /*#__PURE__*/ extend({
       )
 
       // Overwrite button content for the toggle when in `split` mode
-      $buttonChildren = [h('span', { class: ['sr-only'] }, [this.toggleText])]
+      $buttonChildren = [h('span', { class: ['gl-sr-only'] }, [this.toggleText])]
       buttonContentDomProps = {}
     }
     const ariaHasPopupRoles = ['menu', 'listbox', 'tree', 'grid', 'dialog']

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.spec.js

@@ -132,8 +132,8 @@ describe('dropdown', () => {
     expect($toggle.attributes('id')).toEqual(`${wrapperId}__BV_toggle_`)
     expect($toggle.attributes('type')).toBeDefined()
     expect($toggle.attributes('type')).toEqual('button')
-    expect($toggle.findAll('span.sr-only').length).toBe(1)
-    expect($toggle.find('span.sr-only').text()).toEqual('Toggle dropdown')
+    expect($toggle.findAll('span.gl-sr-only').length).toBe(1)
+    expect($toggle.find('span.gl-sr-only').text()).toEqual('Toggle dropdown')
     expect($toggle.text()).toEqual('Toggle dropdown')
 
     expect(wrapper.findAll('.dropdown-menu').length).toBe(1)
@@ -239,7 +239,7 @@ describe('dropdown', () => {
 
     expect($split.text()).toEqual('foobar')
     expect($toggle.classes()).toContain('dropdown-toggle')
-    // Toggle has `sr-only` hidden text
+    // Toggle has `gl-sr-only` hidden text
     expect($toggle.text()).toEqual('Toggle dropdown')
 
     wrapper.destroy()
@@ -306,7 +306,7 @@ describe('dropdown', () => {
     wrapper.destroy()
   })
 
-  it('should have "btn-group" and "d-flex" classes when block and split are true', async () => {
+  it('should have "btn-group" and "gl-flex" classes when block and split are true', async () => {
     const wrapper = mount(BDropdown, {
       attachTo: document.body,
       propsData: {
@@ -316,7 +316,7 @@ describe('dropdown', () => {
     })
 
     expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes()).toContain('d-flex')
+    expect(wrapper.classes()).toContain('gl-flex')
 
     wrapper.destroy()
   })