@gitlab/ui 40.4.0 → 40.5.0

package/package.json

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

package/src/scss/utilities.scss

@@ -418,6 +418,14 @@
   background-color: $purple-50 !important
 }
 
+.gl-bg-purple-800 {
+  background-color: $purple-800
+}
+
+.gl-bg-purple-800\! {
+  background-color: $purple-800 !important
+}
+
 .gl-bg-red-50 {
   background-color: $red-50
 }
@@ -1197,6 +1205,14 @@
   border-color: $blue-700 !important;
 }
 
+.gl-border-purple-700 {
+  border-color: $purple-700;
+}
+
+.gl-border-purple-700\! {
+  border-color: $purple-700 !important;
+}
+
 .gl-border-gray-a-08 {
   border-color: $t-gray-a-08;
 }
@@ -2475,6 +2491,14 @@
   color: $purple-700 !important;
 }
 
+.gl-text-purple-800 {
+  color: $purple-800;
+}
+
+.gl-text-purple-800\! {
+  color: $purple-800 !important;
+}
+
 .gl-text-theme-indigo-200 {
   color: $theme-indigo-200;
 }
@@ -4723,6 +4747,14 @@
   min-height: $gl-spacing-scale-7 !important;
 }
 
+.gl-min-h-8 {
+  min-height: $gl-spacing-scale-8;
+}
+
+.gl-min-h-8\! {
+  min-height: $gl-spacing-scale-8 !important;
+}
+
 .gl-max-w-15 {
   max-width: $gl-spacing-scale-15;
 }

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

@@ -146,6 +146,10 @@
   background-color: $purple-50;
 }
 
+@mixin gl-bg-purple-800 {
+  background-color: $purple-800;
+}
+
 @mixin gl-bg-red-50 {
   background-color: $red-50;
 }

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

@@ -147,6 +147,10 @@
   border-color: $blue-700;
 }
 
+@mixin gl-border-purple-700 {
+  border-color: $purple-700;
+}
+
 @mixin gl-border-gray-a-08 {
   border-color: $t-gray-a-08;
 }

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

@@ -193,6 +193,10 @@
   color: $purple-700;
 }
 
+@mixin gl-text-purple-800 {
+  color: $purple-800;
+}
+
 @mixin gl-text-theme-indigo-200 {
   color: $theme-indigo-200;
 }

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

@@ -329,6 +329,10 @@
   min-height: $gl-spacing-scale-7;
 }
 
+@mixin gl-min-h-8 {
+  min-height: $gl-spacing-scale-8;
+}
+
 @mixin gl-max-w-15 {
   max-width: $gl-spacing-scale-15;
 }