@gitlab/ui 64.8.0 → 64.9.0

package/package.json

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

package/src/scss/functions.scss

@@ -21,6 +21,9 @@
     @return $value;
   }
 
+  // Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0
+  // We can't update this yet since GitLab uses SassC, which doesn't support math.div
+  // See https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1954#note_1078281533
   $converted: $value / $font-size-base;
 
   @return strip-unit($converted) * 1rem;
@@ -54,6 +57,9 @@
   $min-width: px-to-rem($min-width);
   $max-width: px-to-rem($max-width);
 
+  // Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0
+  // We can't update this yet since GitLab uses SassC, which doesn't support math.div
+  // See https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1954#note_1078281533
   $slope: ($max - $min) / ($max-width - $min-width);
   $intersection: (-$min-width * $slope) + $min;
 

package/src/scss/utilities.scss

@@ -3639,6 +3639,18 @@
   flex-basis: 33% !important;
 }
 
+.gl-md-flex-basis-third {
+  @include gl-media-breakpoint-up(md) {
+  flex-basis: 33%;
+  }
+}
+
+.gl-md-flex-basis-third\! {
+  @include gl-media-breakpoint-up(md) {
+  flex-basis: 33% !important;
+  }
+}
+
 .gl-flex-basis-two-thirds {
   flex-basis: 66%;
 }

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

@@ -225,6 +225,12 @@
   flex-basis: 33%;
 }
 
+@mixin gl-md-flex-basis-third {
+  @include gl-media-breakpoint-up(md) {
+    @include gl-flex-basis-third;
+  }
+}
+
 @mixin gl-flex-basis-two-thirds {
   flex-basis: 66%;
 }