@gitlab/ui 43.20.0 → 44.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "43.20.0",
+  "version": "44.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -77,11 +77,11 @@
   },
   "devDependencies": {
     "@arkweid/lefthook": "0.7.7",
-    "@babel/core": "^7.19.1",
-    "@babel/preset-env": "^7.19.1",
+    "@babel/core": "^7.19.3",
+    "@babel/preset-env": "^7.19.3",
     "@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",
@@ -102,9 +102,9 @@
     "babel-plugin-require-context-hook": "^1.0.0",
     "babel-preset-vue": "^2.0.2",
     "bootstrap": "4.5.3",
-    "cypress": "^10.8.0",
+    "cypress": "^10.9.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",
@@ -112,9 +112,9 @@
     "glob": "^7.2.0",
     "identity-obj-proxy": "^3.0.0",
     "inquirer-select-directory": "^1.2.0",
-    "jest": "^29.0.3",
-    "jest-circus": "29.0.3",
-    "jest-environment-jsdom": "29.0.3",
+    "jest": "^29.1.2",
+    "jest-circus": "29.1.2",
+    "jest-environment-jsdom": "29.1.2",
     "jest-serializer-vue": "^2.0.2",
     "markdownlint-cli": "^0.29.0",
     "mockdate": "^2.0.5",

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%;
 }
@@ -6696,66 +6704,6 @@
   margin-top: $gl-spacing-scale-5 !important;
   }
 }
-.gl-sm-pt-0 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: 0;
-  }
-}
-.gl-sm-pt-0\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: 0 !important;
-  }
-}
-.gl-sm-pt-1 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-1;
-  }
-}
-.gl-sm-pt-1\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-1 !important;
-  }
-}
-.gl-sm-pt-2 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-2;
-  }
-}
-.gl-sm-pt-2\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-2 !important;
-  }
-}
-.gl-sm-pt-3 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-3;
-  }
-}
-.gl-sm-pt-3\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-3 !important;
-  }
-}
-.gl-sm-pt-4 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-4;
-  }
-}
-.gl-sm-pt-4\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-4 !important;
-  }
-}
-.gl-sm-pt-5 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-5;
-  }
-}
-.gl-sm-pt-5\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-top: $gl-spacing-scale-5 !important;
-  }
-}
 .gl-sm-pr-0 {
   @include gl-media-breakpoint-down(sm) {
   padding-right: 0;

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

@@ -1060,48 +1060,6 @@
 * - Utilities should strictly follow $gl-spacing-scale
 */
 
-@mixin gl-sm-pt-0 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pt-0;
-  }
-}
-
-@mixin gl-sm-pt-1 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pt-1;
-  }
-}
-
-@mixin gl-sm-pt-2 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pt-2;
-  }
-}
-
-@mixin gl-sm-pt-3 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pt-3;
-  }
-}
-
-@mixin gl-sm-pt-4 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pt-4;
-  }
-}
-
-@mixin gl-sm-pt-5 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pt-5;
-  }
-}
-
 @mixin gl-sm-pr-0 {
   // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
   @include gl-media-breakpoint-down(sm) {