@gitlab/ui 43.19.0 → 43.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "43.19.0",
+  "version": "43.21.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -79,9 +79,9 @@
     "@arkweid/lefthook": "0.7.7",
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
-    "@gitlab/eslint-plugin": "17.0.0",
+    "@gitlab/eslint-plugin": "18.0.0",
     "@gitlab/stylelint-config": "4.1.0",
-    "@gitlab/svgs": "3.3.0",
+    "@gitlab/svgs": "3.4.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.3.2",
@@ -104,7 +104,7 @@
     "bootstrap": "4.5.3",
     "cypress": "^10.8.0",
     "emoji-regex": "^10.0.0",
-    "eslint": "8.23.1",
+    "eslint": "8.24.0",
     "eslint-import-resolver-jest": "3.0.2",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-storybook": "0.6.4",

package/src/components/base/datepicker/datepicker.spec.js

@@ -397,7 +397,7 @@ describe('datepicker component', () => {
     ${'2021-09-27'} | ${new Date(2021, 8, 27)}
     ${'2021/09/27'} | ${new Date(2021, 8, 27)}
     ${'foobarbaz'}  | ${currentDate}
-  `('it parses $dateString correctly', ({ dateString, parsedDate }) => {
+  `('parses $dateString correctly', ({ dateString, parsedDate }) => {
     mountWithOptions();
 
     const config = pikadayConfig();

package/src/components/base/modal/modal.spec.js

@@ -237,7 +237,7 @@ describe('Modal component', () => {
     });
   });
 
-  it('it binds visible property to the BModal visible property', async () => {
+  it('binds visible property to the BModal visible property', async () => {
     createComponent({ stubModal: false });
 
     expect(wrapper.props().visible).toBe(false);

package/src/components/base/new_dropdowns/listbox/listbox.spec.js

@@ -102,7 +102,7 @@ describe('GlListbox', () => {
             selected: [mockOptions[1].value, mockOptions[2].value],
             items: mockOptions,
           });
-        }).toThrowError('To allow multi-selection, please, set "multiple" property to "true"');
+        }).toThrow('To allow multi-selection, please, set "multiple" property to "true"');
         expect(wrapper).toHaveLoggedVueErrors();
       });
 

package/src/scss/utilities.scss

@@ -3508,6 +3508,14 @@
   flex-basis: 33% !important;
 }
 
+.gl-flex-basis-two-thirds {
+  flex-basis: 66%;
+}
+
+.gl-flex-basis-two-thirds\! {
+  flex-basis: 66% !important;
+}
+
 .gl-flex-basis-half {
   flex-basis: 50%;
 }
@@ -6498,6 +6506,16 @@
   margin-bottom: $gl-spacing-scale-5 !important;
   }
 }
+.gl-md-ml-auto {
+  @include gl-media-breakpoint-up(md) {
+  margin-left: auto;
+  }
+}
+.gl-md-ml-auto\! {
+  @include gl-media-breakpoint-up(md) {
+  margin-left: auto !important;
+  }
+}
 .gl-md-ml-2 {
   @include gl-media-breakpoint-up(md) {
   margin-left: $gl-spacing-scale-2;

package/src/scss/utility-mixins/flex.scss

@@ -246,6 +246,10 @@
   flex-basis: 33%;
 }
 
+@mixin gl-flex-basis-two-thirds {
+  flex-basis: 66%;
+}
+
 @mixin gl-flex-basis-half {
   flex-basis: 50%;
 }

package/src/scss/utility-mixins/spacing.scss

@@ -937,6 +937,12 @@
   }
 }
 
+@mixin gl-md-ml-auto {
+  @include gl-media-breakpoint-up(md) {
+    @include gl-ml-auto;
+  }
+}
+
 @mixin gl-md-ml-2 {
   @include gl-media-breakpoint-up(md) {
     @include gl-ml-2;