@gitlab/ui 66.15.0 → 66.18.0

package/src/scss/utilities.scss

@@ -8565,377 +8565,635 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
 .gl-transition-medium\! {
   transition: all $gl-transition-duration-medium ease !important
 }
-.gl-font-monospace {
+.gl-font-monospace{
   font-family: $gl-monospace-font;
   font-variant-ligatures: none;
 }
 
-.gl-font-monospace\! {
+.gl-font-monospace\!{
   font-family: $gl-monospace-font !important;
   font-variant-ligatures: none !important;
 }
 
-.gl-font-regular {
+.gl-font-regular{
   font-family: $gl-regular-font;
 }
 
-.gl-font-regular\! {
+.gl-font-regular\!{
   font-family: $gl-regular-font !important;
 }
 
-.gl-font-style-italic {
+.gl-font-style-italic{
   font-style: italic;
 }
 
-.gl-font-style-italic\! {
+.gl-font-style-italic\!{
   font-style: italic !important;
 }
 
-.gl-font-style-normal {
+.gl-font-style-normal{
   font-style: normal;
 }
 
-.gl-font-style-normal\! {
+.gl-font-style-normal\!{
   font-style: normal !important;
 }
 
-.gl-font-xs {
+.gl-heading-scale-6{
+  @include gl-heading-scale-200;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-scale-6\!{
+  @include gl-heading-scale-200;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-scale-6-fixed{
+  @include gl-heading-scale-200-fixed;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-scale-6-fixed\!{
+  @include gl-heading-scale-200-fixed;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-scale-5{
+  @include gl-heading-scale-300;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-scale-5\!{
+  @include gl-heading-scale-300;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-scale-5-fixed{
+  @include gl-heading-scale-300-fixed;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-scale-5-fixed\!{
+  @include gl-heading-scale-300-fixed;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-4{
+  @include gl-heading-scale-400;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-4\!{
+  @include gl-heading-scale-400;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-4-fixed{
+  @include gl-heading-scale-400-fixed;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-4-fixed\!{
+  @include gl-heading-scale-400-fixed;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-3{
+  @include gl-heading-scale-500;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-3\!{
+  @include gl-heading-scale-500;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-3-fixed{
+  @include gl-heading-scale-500-fixed;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-3-fixed\!{
+  @include gl-heading-scale-500-fixed;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-2{
+  @include gl-heading-scale-600;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-2\!{
+  @include gl-heading-scale-600;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-2-fixed{
+  @include gl-heading-scale-600-fixed;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-2-fixed\!{
+  @include gl-heading-scale-600-fixed;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-1{
+  @include gl-heading-scale-700;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-1\!{
+  @include gl-heading-scale-700;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-1-fixed{
+  @include gl-heading-scale-700-fixed;
+  margin-bottom: $gl-mb-heading;
+}
+
+.gl-heading-1-fixed\!{
+  @include gl-heading-scale-700-fixed;
+  margin-bottom: $gl-mb-heading !important;
+}
+
+.gl-heading-0{
+  @include gl-heading-scale-800;
+  margin-bottom: $gl-mb-heading-display;
+}
+
+.gl-heading-0\!{
+  @include gl-heading-scale-800;
+  margin-bottom: $gl-mb-heading-display !important;
+}
+
+.gl-heading-scale-100{
+  @include gl-heading-scale(100);
+}
+
+.gl-heading-scale-100\!{
+  @include gl-heading-scale(100);
+}
+
+.gl-heading-scale-100-fixed{
+  @include gl-heading-scale(100, $fixed: true);
+}
+
+.gl-heading-scale-100-fixed\!{
+  @include gl-heading-scale(100, $fixed: true);
+}
+
+.gl-heading-scale-200{
+  @include gl-heading-scale(200);
+}
+
+.gl-heading-scale-200\!{
+  @include gl-heading-scale(200);
+}
+
+.gl-heading-scale-200-fixed{
+  @include gl-heading-scale(200, $fixed: true);
+}
+
+.gl-heading-scale-200-fixed\!{
+  @include gl-heading-scale(200, $fixed: true);
+}
+
+.gl-heading-scale-300{
+  @include gl-heading-scale(300);
+}
+
+.gl-heading-scale-300\!{
+  @include gl-heading-scale(300);
+}
+
+.gl-heading-scale-300-fixed{
+  @include gl-heading-scale(300, $fixed: true);
+}
+
+.gl-heading-scale-300-fixed\!{
+  @include gl-heading-scale(300, $fixed: true);
+}
+
+.gl-heading-scale-400{
+  @include gl-heading-scale(400);
+}
+
+.gl-heading-scale-400\!{
+  @include gl-heading-scale(400);
+}
+
+.gl-heading-scale-400-fixed{
+  @include gl-heading-scale(400, $fixed: true);
+}
+
+.gl-heading-scale-400-fixed\!{
+  @include gl-heading-scale(400, $fixed: true);
+}
+
+.gl-heading-scale-500{
+  @include gl-heading-scale(500);
+}
+
+.gl-heading-scale-500\!{
+  @include gl-heading-scale(500);
+}
+
+.gl-heading-scale-500-fixed{
+  @include gl-heading-scale(500, $fixed: true);
+}
+
+.gl-heading-scale-500-fixed\!{
+  @include gl-heading-scale(500, $fixed: true);
+}
+
+.gl-heading-scale-600{
+  @include gl-heading-scale(600);
+}
+
+.gl-heading-scale-600\!{
+  @include gl-heading-scale(600);
+}
+
+.gl-heading-scale-600-fixed{
+  @include gl-heading-scale(600, $fixed: true);
+}
+
+.gl-heading-scale-600-fixed\!{
+  @include gl-heading-scale(600, $fixed: true);
+}
+
+.gl-heading-scale-700{
+  @include gl-heading-scale(700);
+}
+
+.gl-heading-scale-700\!{
+  @include gl-heading-scale(700);
+}
+
+.gl-heading-scale-700-fixed{
+  @include gl-heading-scale(700, $fixed: true);
+}
+
+.gl-heading-scale-700-fixed\!{
+  @include gl-heading-scale(700, $fixed: true);
+}
+
+.gl-heading-scale-800{
+  @include gl-heading-scale(800);
+}
+
+.gl-heading-scale-800\!{
+  @include gl-heading-scale(800);
+}
+
+.gl-heading-scale-800-fixed{
+  @include gl-heading-scale(800, $fixed: true);
+}
+
+.gl-heading-scale-800-fixed\!{
+  @include gl-heading-scale(800, $fixed: true);
+}
+
+.gl-font-xs{
   font-size: $gl-font-size-xs;
 }
 
-.gl-font-xs\! {
+.gl-font-xs\!{
   font-size: $gl-font-size-xs !important;
 }
 
-.gl-font-sm {
+.gl-font-sm{
   font-size: $gl-font-size-sm;
 }
 
-.gl-font-sm\! {
+.gl-font-sm\!{
   font-size: $gl-font-size-sm !important;
 }
 
-.gl-font-base {
+.gl-font-base{
   font-size: $gl-font-size;
 }
 
-.gl-font-base\! {
+.gl-font-base\!{
   font-size: $gl-font-size !important;
 }
 
-.gl-font-lg {
+.gl-font-lg{
   font-size: $gl-font-size-lg;
 }
 
-.gl-font-lg\! {
+.gl-font-lg\!{
   font-size: $gl-font-size-lg !important;
 }
 
-.gl-font-size-h-display {
+.gl-font-size-h-display{
   font-size: $gl-font-size-h-display;
 }
 
-.gl-font-size-h-display\! {
+.gl-font-size-h-display\!{
   font-size: $gl-font-size-h-display !important;
 }
 
-.gl-font-size-h1 {
+.gl-font-size-h1{
   font-size: $gl-font-size-h1;
 }
 
-.gl-font-size-h1\! {
+.gl-font-size-h1\!{
   font-size: $gl-font-size-h1 !important;
 }
 
-.gl-font-size-h2 {
+.gl-font-size-h2{
   font-size: $gl-font-size-h2;
 }
 
-.gl-font-size-h2\! {
+.gl-font-size-h2\!{
   font-size: $gl-font-size-h2 !important;
 }
 
-.gl-font-size-h-display-xl {
+.gl-font-size-h-display-xl{
   font-size: $gl-font-size-h-display-xl;
 }
 
-.gl-font-size-h-display-xl\! {
+.gl-font-size-h-display-xl\!{
   font-size: $gl-font-size-h-display-xl !important;
 }
 
-.gl-font-size-h1-xl {
+.gl-font-size-h1-xl{
   font-size: $gl-font-size-h1-xl;
 }
 
-.gl-font-size-h1-xl\! {
+.gl-font-size-h1-xl\!{
   font-size: $gl-font-size-h1-xl !important;
 }
 
-.gl-font-size-h2-xl {
+.gl-font-size-h2-xl{
   font-size: $gl-font-size-h2-xl;
 }
 
-.gl-font-size-h2-xl\! {
+.gl-font-size-h2-xl\!{
   font-size: $gl-font-size-h2-xl !important;
 }
 
-.gl-font-icon-size {
+.gl-font-icon-size{
   font-size: $default-icon-size;
 }
 
-.gl-font-icon-size\! {
+.gl-font-icon-size\!{
   font-size: $default-icon-size !important;
 }
 
-.gl-font-size-markdown-sm {
+.gl-font-size-markdown-sm{
   font-size: $gl-font-size-markdown-sm;
 }
 
-.gl-font-size-markdown-sm\! {
+.gl-font-size-markdown-sm\!{
   font-size: $gl-font-size-markdown-sm !important;
 }
 
-.gl-font-size-markdown {
+.gl-font-size-markdown{
   font-size: $gl-font-size-markdown;
 }
 
-.gl-font-size-markdown\! {
+.gl-font-size-markdown\!{
   font-size: $gl-font-size-markdown !important;
 }
 
-.gl-font-size-markdown-h1 {
+.gl-font-size-markdown-h1{
   font-size: $gl-font-size-markdown-h1;
 }
 
-.gl-font-size-markdown-h1\! {
+.gl-font-size-markdown-h1\!{
   font-size: $gl-font-size-markdown-h1 !important;
 }
 
-.gl-font-size-markdown-h2 {
+.gl-font-size-markdown-h2{
   font-size: $gl-font-size-markdown-h2;
 }
 
-.gl-font-size-markdown-h2\! {
+.gl-font-size-markdown-h2\!{
   font-size: $gl-font-size-markdown-h2 !important;
 }
 
-.gl-font-size-markdown-h3 {
+.gl-font-size-markdown-h3{
   font-size: $gl-font-size-markdown-h3;
 }
 
-.gl-font-size-markdown-h3\! {
+.gl-font-size-markdown-h3\!{
   font-size: $gl-font-size-markdown-h3 !important;
 }
 
-.gl-font-size-compact-markdown-h1 {
+.gl-font-size-compact-markdown-h1{
   font-size: $gl-font-size-compact-markdown-h1;
 }
 
-.gl-font-size-compact-markdown-h1\! {
+.gl-font-size-compact-markdown-h1\!{
   font-size: $gl-font-size-compact-markdown-h1 !important;
 }
 
-.gl-reset-font-size {
+.gl-reset-font-size{
   font-size: inherit;
 }
 
-.gl-reset-font-size\! {
+.gl-reset-font-size\!{
   font-size: inherit !important;
 }
 
-.gl-font-weight-100 {
+.gl-font-weight-100{
   font-weight: 100;
 }
 
-.gl-font-weight-100\! {
+.gl-font-weight-100\!{
   font-weight: 100 !important;
 }
 
-.gl-font-weight-300 {
+.gl-font-weight-300{
   font-weight: 300;
 }
 
-.gl-font-weight-300\! {
+.gl-font-weight-300\!{
   font-weight: 300 !important;
 }
 
-.gl-font-weight-normal {
+.gl-font-weight-normal{
   font-weight: $gl-font-weight-normal;
 }
 
-.gl-font-weight-normal\! {
+.gl-font-weight-normal\!{
   font-weight: $gl-font-weight-normal !important;
 }
 
-.gl-font-weight-semibold {
+.gl-font-weight-semibold{
   font-weight: $gl-font-weight-semibold;
 }
 
-.gl-font-weight-semibold\! {
+.gl-font-weight-semibold\!{
   font-weight: $gl-font-weight-semibold !important;
 }
 
-.gl-font-weight-bold {
+.gl-font-weight-bold{
   font-weight: $gl-font-weight-bold;
 }
 
-.gl-font-weight-bold\! {
+.gl-font-weight-bold\!{
   font-weight: $gl-font-weight-bold !important;
 }
 
-.gl-sm-font-weight-bold {
+.gl-sm-font-weight-bold{
   @include gl-media-breakpoint-up(sm) {
   font-weight: $gl-font-weight-bold;
   }
 }
 
-.gl-sm-font-weight-bold\! {
+.gl-sm-font-weight-bold\!{
   @include gl-media-breakpoint-up(sm) {
   font-weight: $gl-font-weight-bold !important;
   }
 }
 
-.gl-line-height-0 {
+.gl-line-height-0{
   line-height: 0;
 }
 
-.gl-line-height-0\! {
+.gl-line-height-0\!{
   line-height: 0 !important;
 }
 
-.gl-line-height-1 {
+.gl-line-height-1{
   line-height: 1;
 }
 
-.gl-line-height-1\! {
+.gl-line-height-1\!{
   line-height: 1 !important;
 }
 
-.gl-line-height-ratio-0000 {
+.gl-line-height-ratio-0000{
   line-height: 0;
 }
 
-.gl-line-height-ratio-0000\! {
+.gl-line-height-ratio-0000\!{
   line-height: 0 !important;
 }
 
-.gl-line-height-ratio-1000 {
+.gl-line-height-ratio-1000{
   line-height: 1;
 }
 
-.gl-line-height-ratio-1000\! {
+.gl-line-height-ratio-1000\!{
   line-height: 1 !important;
 }
 
-.gl-line-height-ratio-1125 {
+.gl-line-height-ratio-1125{
   line-height: 1.125;
 }
 
-.gl-line-height-ratio-1125\! {
+.gl-line-height-ratio-1125\!{
   line-height: 1.125 !important;
 }
 
-.gl-line-height-ratio-1250 {
+.gl-line-height-ratio-1250{
   line-height: 1.25;
 }
 
-.gl-line-height-ratio-1250\! {
+.gl-line-height-ratio-1250\!{
   line-height: 1.25 !important;
 }
 
-.gl-line-height-normal {
+.gl-line-height-normal{
   line-height: $gl-line-height-16;
 }
 
-.gl-line-height-normal\! {
+.gl-line-height-normal\!{
   line-height: $gl-line-height-16 !important;
 }
 
-.gl-line-height-12 {
+.gl-line-height-12{
   line-height: $gl-line-height-12;
 }
 
-.gl-line-height-12\! {
+.gl-line-height-12\!{
   line-height: $gl-line-height-12 !important;
 }
 
-.gl-line-height-20 {
+.gl-line-height-20{
   line-height: $gl-line-height-20;
 }
 
-.gl-line-height-20\! {
+.gl-line-height-20\!{
   line-height: $gl-line-height-20 !important;
 }
 
-.gl-line-height-24 {
+.gl-line-height-24{
   line-height: $gl-line-height-24;
 }
 
-.gl-line-height-24\! {
+.gl-line-height-24\!{
   line-height: $gl-line-height-24 !important;
 }
 
-.gl-line-height-28 {
+.gl-line-height-28{
   line-height: $gl-line-height-28;
 }
 
-.gl-line-height-28\! {
+.gl-line-height-28\!{
   line-height: $gl-line-height-28 !important;
 }
 
-.gl-line-height-32 {
+.gl-line-height-32{
   line-height: $gl-line-height-32;
 }
 
-.gl-line-height-32\! {
+.gl-line-height-32\!{
   line-height: $gl-line-height-32 !important;
 }
 
-.gl-line-height-36 {
+.gl-line-height-36{
   line-height: $gl-line-height-36;
 }
 
-.gl-line-height-36\! {
+.gl-line-height-36\!{
   line-height: $gl-line-height-36 !important;
 }
 
-.gl-line-height-42 {
+.gl-line-height-42{
   line-height: $gl-line-height-42;
 }
 
-.gl-line-height-42\! {
+.gl-line-height-42\!{
   line-height: $gl-line-height-42 !important;
 }
 
-.gl-line-height-52 {
+.gl-line-height-52{
   line-height: $gl-line-height-52;
 }
 
-.gl-line-height-52\! {
+.gl-line-height-52\!{
   line-height: $gl-line-height-52 !important;
 }
 
-.gl-reset-line-height {
+.gl-reset-line-height{
   line-height: inherit;
 }
 
-.gl-reset-line-height\! {
+.gl-reset-line-height\!{
   line-height: inherit !important;
 }
 
-.gl-letter-spacing-06em {
+.gl-letter-spacing-06em{
   letter-spacing: 0.06em;
 }
 
-.gl-letter-spacing-06em\! {
+.gl-letter-spacing-06em\!{
   letter-spacing: 0.06em !important;
 }
 
-.gl-letter-spacing-n01em {
+.gl-letter-spacing-n01em{
   letter-spacing: -0.01em;
 }
 
-.gl-letter-spacing-n01em\! {
+.gl-letter-spacing-n01em\!{
   letter-spacing: -0.01em !important;
 }
 .gl-user-select-none {