@gitlab/ui 32.68.0 → 33.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "32.68.0",
+  "version": "33.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -41,7 +41,7 @@
     "test:unit:watch": "yarn test:unit --watch --notify",
     "test:unit:debug": "NODE_ENV=test node --inspect node_modules/.bin/jest --testPathIgnorePatterns storyshot.spec.js --watch --runInBand",
     "test:visual": "NODE_ENV=test IS_VISUAL_TEST=true start-test http-get://localhost:9001 'jest ./tests/storyshots.spec.js'",
-    "test:visual:update": "NODE_ENV=test IS_VISUAL_TEST=true start-test http-get://localhost:9001 'jest ./tests/storyshots.spec.js --updateSnapshot'",
+    "test:visual:update": "NODE_ENV=test IS_VISUAL_TEST=true JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1 start-test http-get://localhost:9001 'jest ./tests/storyshots.spec.js --updateSnapshot'",
     "prettier": "prettier --check '**/*.{js,vue}'",
     "prettier:fix": "prettier --write '**/*.{js,vue}'",
     "eslint": "eslint --max-warnings 0 --ext .js,.vue .",

package/src/scss/utilities.scss

@@ -2908,18 +2908,6 @@
   }
 }
 
-.gl-flex-sm-wrap {
-  @include gl-media-breakpoint-up(sm) {
-  flex-wrap: wrap;
-  }
-}
-
-.gl-flex-sm-wrap\! {
-  @include gl-media-breakpoint-up(sm) {
-  flex-wrap: wrap !important;
-  }
-}
-
 .gl-flex-nowrap {
   flex-wrap: nowrap;
 }
@@ -3196,13 +3184,13 @@
   justify-content: flex-start !important;
 }
 
-.gl-justify-content-md-start {
+.gl-md-justify-content-start {
   @include gl-media-breakpoint-up(md) {
   justify-content: flex-start;
   }
 }
 
-.gl-justify-content-md-start\! {
+.gl-md-justify-content-start\! {
   @include gl-media-breakpoint-up(md) {
   justify-content: flex-start !important;
   }
@@ -4828,16 +4816,6 @@
 .gl-pt-2\! {
   padding-top: $gl-spacing-scale-2 !important;
 }
-.gl-pt-md-2 {
-  @include gl-media-breakpoint-up(md) {
-    padding-top: $gl-spacing-scale-2;
-  }
-}
-.gl-pt-md-2\! {
-  @include gl-media-breakpoint-up(md) {
-    padding-top: $gl-spacing-scale-2 !important;
-  }
-}
 .gl-pt-3 {
   padding-top: $gl-spacing-scale-3;
 }
@@ -5100,12 +5078,12 @@
 .gl-mt-n1\! {
   margin-top: -$gl-spacing-scale-1 !important;
 }
-.gl-mt-md-n2 {
+.gl-md-mt-n2 {
   @include gl-media-breakpoint-up(md) {
     margin-top: -$gl-spacing-scale-2;
   }
 }
-.gl-mt-md-n2\! {
+.gl-md-mt-n2\! {
   @include gl-media-breakpoint-up(md) {
     margin-top: -$gl-spacing-scale-2 !important;
   }

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

@@ -79,13 +79,6 @@
   }
 }
 
-// Deprecated, prefer `gl-sm-flex-wrap`
-@mixin gl-flex-sm-wrap {
-  @include gl-media-breakpoint-up(sm) {
-    @include gl-flex-wrap;
-  }
-}
-
 @mixin gl-flex-nowrap {
   flex-wrap: nowrap;
 }
@@ -224,7 +217,7 @@
   justify-content: flex-start;
 }
 
-@mixin gl-justify-content-md-start {
+@mixin gl-md-justify-content-start {
   @include gl-media-breakpoint-up(md) {
     @include gl-justify-content-start;
   }

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

@@ -202,12 +202,6 @@
   padding-top: $gl-spacing-scale-2;
 }
 
-@mixin gl-pt-md-2 {
-  @include gl-media-breakpoint-up(md) {
-    padding-top: $gl-spacing-scale-2;
-  }
-}
-
 @mixin gl-pt-3 {
   padding-top: $gl-spacing-scale-3;
 }
@@ -386,7 +380,7 @@
   margin-top: -$gl-spacing-scale-1;
 }
 
-@mixin gl-mt-md-n2 {
+@mixin gl-md-mt-n2 {
   @include gl-media-breakpoint-up(md) {
     margin-top: -$gl-spacing-scale-2;
   }