@gitlab/ui 53.0.1 → 53.1.0

package/package.json

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

package/scss_to_js/scss_variables.js

@@ -17,6 +17,7 @@ export const glSpacingScale15 = '7.5rem'
 export const glSpacingScale20 = '10rem'
 export const glSpacingScale26 = '13rem'
 export const glSpacingScale28 = '14rem'
+export const glSpacingScale30 = '15rem'
 export const glSpacingScale34 = '17rem'
 export const glSpacingScale62 = '31rem'
 export const glSpacingScale80 = '40rem'

package/scss_to_js/scss_variables.json

@@ -95,6 +95,11 @@
       "value": "28 * $grid-size",
       "compiledValue": "14rem"
     },
+    {
+      "name": "$gl-spacing-scale-30",
+      "value": "30 * $grid-size",
+      "compiledValue": "15rem"
+    },
     {
       "name": "$gl-spacing-scale-34",
       "value": "34 * $grid-size",

package/src/scss/utilities.scss

@@ -4443,6 +4443,14 @@
   width: $gl-spacing-scale-28 !important;
 }
 
+.gl-w-30 {
+  width: $gl-spacing-scale-30;
+}
+
+.gl-w-30\! {
+  width: $gl-spacing-scale-30 !important;
+}
+
 .gl-w-eighth {
   width: 12.5%;
 }

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

@@ -69,6 +69,10 @@
   width: $gl-spacing-scale-28;
 }
 
+@mixin gl-w-30 {
+  width: $gl-spacing-scale-30;
+}
+
 @mixin gl-w-eighth {
   width: 12.5%;
 }

package/src/scss/variables.scss

@@ -20,6 +20,7 @@ $gl-spacing-scale-15: 15 * $grid-size;
 $gl-spacing-scale-20: 20 * $grid-size;
 $gl-spacing-scale-26: 26 * $grid-size;
 $gl-spacing-scale-28: 28 * $grid-size;
+$gl-spacing-scale-30: 30 * $grid-size;
 $gl-spacing-scale-34: 34 * $grid-size;
 $gl-spacing-scale-62: 62 * $grid-size;
 $gl-spacing-scale-80: 80 * $grid-size;