@gitlab/ui 44.1.0 → 46.0.0

package/src/scss/utilities.scss

@@ -2701,18 +2701,6 @@
   display: flex !important;
 }
 
-.gl-xs-display-flex {
-  @include gl-media-breakpoint-down(sm) {
-  display: flex;
-  }
-}
-
-.gl-xs-display-flex\! {
-  @include gl-media-breakpoint-down(sm) {
-  display: flex !important;
-  }
-}
-
 .gl-sm-display-flex {
   @include gl-media-breakpoint-up(sm) {
   display: flex;
@@ -2757,18 +2745,6 @@
   display: inline-flex !important;
 }
 
-.gl-xs-display-inline-flex {
-  @include gl-media-breakpoint-down(sm) {
-  display: inline-flex;
-  }
-}
-
-.gl-xs-display-inline-flex\! {
-  @include gl-media-breakpoint-down(sm) {
-  display: inline-flex !important;
-  }
-}
-
 .gl-sm-display-inline-flex {
   @include gl-media-breakpoint-up(sm) {
   display: inline-flex;
@@ -2813,18 +2789,6 @@
   display: block !important;
 }
 
-.gl-xs-display-block {
-  @include gl-media-breakpoint-down(sm) {
-  display: block;
-  }
-}
-
-.gl-xs-display-block\! {
-  @include gl-media-breakpoint-down(sm) {
-  display: block !important;
-  }
-}
-
 .gl-sm-display-block {
   @include gl-media-breakpoint-up(sm) {
   display: block;
@@ -2869,18 +2833,6 @@
   display: inline !important;
 }
 
-.gl-xs-display-inline {
-  @include gl-media-breakpoint-down(sm) {
-  display: inline;
-  }
-}
-
-.gl-xs-display-inline\! {
-  @include gl-media-breakpoint-down(sm) {
-  display: inline !important;
-  }
-}
-
 .gl-sm-display-inline {
   @include gl-media-breakpoint-up(sm) {
   display: inline;
@@ -2925,18 +2877,6 @@
   display: inline-block !important;
 }
 
-.gl-xs-display-inline-block {
-  @include gl-media-breakpoint-down(sm) {
-  display: inline-block;
-  }
-}
-
-.gl-xs-display-inline-block\! {
-  @include gl-media-breakpoint-down(sm) {
-  display: inline-block !important;
-  }
-}
-
 .gl-sm-display-inline-block {
   @include gl-media-breakpoint-up(sm) {
   display: inline-block;
@@ -3088,18 +3028,6 @@
   align-items: stretch !important;
 }
 
-.gl-xs-align-items-baseline {
-  @include gl-media-breakpoint-down(sm) {
-  align-items: baseline;
-  }
-}
-
-.gl-xs-align-items-baseline\! {
-  @include gl-media-breakpoint-down(sm) {
-  align-items: baseline !important;
-  }
-}
-
 .gl-lg-align-items-baseline {
   @include gl-media-breakpoint-up(lg) {
   align-items: baseline;
@@ -6704,26 +6632,6 @@
   margin-top: $gl-spacing-scale-5 !important;
   }
 }
-.gl-sm-pr-0 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-right: 0;
-  }
-}
-.gl-sm-pr-0\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-right: 0 !important;
-  }
-}
-.gl-sm-pr-1 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-right: $gl-spacing-scale-1;
-  }
-}
-.gl-sm-pr-1\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-right: $gl-spacing-scale-1 !important;
-  }
-}
 .gl-sm-pr-2 {
   @include gl-media-breakpoint-down(sm) {
   padding-right: $gl-spacing-scale-2;
@@ -6744,16 +6652,6 @@
   padding-right: $gl-spacing-scale-3 !important;
   }
 }
-.gl-sm-pr-4 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-right: $gl-spacing-scale-4;
-  }
-}
-.gl-sm-pr-4\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-right: $gl-spacing-scale-4 !important;
-  }
-}
 .gl-sm-pr-5 {
   @include gl-media-breakpoint-down(sm) {
   padding-right: $gl-spacing-scale-5;
@@ -6764,66 +6662,6 @@
   padding-right: $gl-spacing-scale-5 !important;
   }
 }
-.gl-sm-pb-0 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: 0;
-  }
-}
-.gl-sm-pb-0\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: 0 !important;
-  }
-}
-.gl-sm-pb-1 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-1;
-  }
-}
-.gl-sm-pb-1\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-1 !important;
-  }
-}
-.gl-sm-pb-2 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-2;
-  }
-}
-.gl-sm-pb-2\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-2 !important;
-  }
-}
-.gl-sm-pb-3 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-3;
-  }
-}
-.gl-sm-pb-3\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-3 !important;
-  }
-}
-.gl-sm-pb-4 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-4;
-  }
-}
-.gl-sm-pb-4\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-4 !important;
-  }
-}
-.gl-sm-pb-5 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-5;
-  }
-}
-.gl-sm-pb-5\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-bottom: $gl-spacing-scale-5 !important;
-  }
-}
 .gl-sm-pl-0 {
   @include gl-media-breakpoint-down(sm) {
   padding-left: 0;
@@ -6834,46 +6672,6 @@
   padding-left: 0 !important;
   }
 }
-.gl-sm-pl-1 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-1;
-  }
-}
-.gl-sm-pl-1\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-1 !important;
-  }
-}
-.gl-sm-pl-2 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-2;
-  }
-}
-.gl-sm-pl-2\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-2 !important;
-  }
-}
-.gl-sm-pl-3 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-3;
-  }
-}
-.gl-sm-pl-3\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-3 !important;
-  }
-}
-.gl-sm-pl-4 {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-4;
-  }
-}
-.gl-sm-pl-4\! {
-  @include gl-media-breakpoint-down(sm) {
-  padding-left: $gl-spacing-scale-4 !important;
-  }
-}
 .gl-sm-pl-5 {
   @include gl-media-breakpoint-down(sm) {
   padding-left: $gl-spacing-scale-5;

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

@@ -36,13 +36,6 @@
   display: flex;
 }
 
-@mixin gl-xs-display-flex {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-display-flex;
-  }
-}
-
 @mixin gl-sm-display-flex {
   @include gl-media-breakpoint-up(sm) {
     @include gl-display-flex;
@@ -65,13 +58,6 @@
   display: inline-flex;
 }
 
-@mixin gl-xs-display-inline-flex {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-display-inline-flex;
-  }
-}
-
 @mixin gl-sm-display-inline-flex {
   @include gl-media-breakpoint-up(sm) {
     @include gl-display-inline-flex;
@@ -94,13 +80,6 @@
   display: block;
 }
 
-@mixin gl-xs-display-block {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-display-block;
-  }
-}
-
 @mixin gl-sm-display-block {
   @include gl-media-breakpoint-up(sm) {
     @include gl-display-block;
@@ -123,13 +102,6 @@
   display: inline;
 }
 
-@mixin gl-xs-display-inline {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-display-inline;
-  }
-}
-
 @mixin gl-sm-display-inline {
   @include gl-media-breakpoint-up(sm) {
     @include gl-display-inline;
@@ -152,13 +124,6 @@
   display: inline-block;
 }
 
-@mixin gl-xs-display-inline-block {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-display-inline-block;
-  }
-}
-
 @mixin gl-sm-display-inline-block {
   @include gl-media-breakpoint-up(sm) {
     @include gl-display-inline-block;

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

@@ -23,13 +23,6 @@
   align-items: stretch;
 }
 
-@mixin gl-xs-align-items-baseline {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-align-items-baseline;
-  }
-}
-
 @mixin gl-lg-align-items-baseline {
   @include gl-media-breakpoint-up(lg) {
     @include gl-align-items-baseline;

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

@@ -1060,20 +1060,6 @@
 * - Utilities should strictly follow $gl-spacing-scale
 */
 
-@mixin gl-sm-pr-0 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pr-0;
-  }
-}
-
-@mixin gl-sm-pr-1 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pr-1;
-  }
-}
-
 @mixin gl-sm-pr-2 {
   // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
   @include gl-media-breakpoint-down(sm) {
@@ -1088,13 +1074,6 @@
   }
 }
 
-@mixin gl-sm-pr-4 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pr-4;
-  }
-}
-
 @mixin gl-sm-pr-5 {
   // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
   @include gl-media-breakpoint-down(sm) {
@@ -1102,48 +1081,6 @@
   }
 }
 
-@mixin gl-sm-pb-0 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pb-0;
-  }
-}
-
-@mixin gl-sm-pb-1 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pb-1;
-  }
-}
-
-@mixin gl-sm-pb-2 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pb-2;
-  }
-}
-
-@mixin gl-sm-pb-3 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pb-3;
-  }
-}
-
-@mixin gl-sm-pb-4 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pb-4;
-  }
-}
-
-@mixin gl-sm-pb-5 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pb-5;
-  }
-}
-
 @mixin gl-sm-pl-0 {
   // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
   @include gl-media-breakpoint-down(sm) {
@@ -1151,34 +1088,6 @@
   }
 }
 
-@mixin gl-sm-pl-1 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pl-1;
-  }
-}
-
-@mixin gl-sm-pl-2 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pl-2;
-  }
-}
-
-@mixin gl-sm-pl-3 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pl-3;
-  }
-}
-
-@mixin gl-sm-pl-4 {
-  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
-  @include gl-media-breakpoint-down(sm) {
-    @include gl-pl-4;
-  }
-}
-
 @mixin gl-sm-pl-5 {
   // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
   @include gl-media-breakpoint-down(sm) {