@patternfly/patternfly 5.0.0-alpha.55 → 5.0.0-alpha.57

package/sass-utilities/functions.scss

@@ -94,9 +94,7 @@
   }
 
   @each $spacer in $map-items {
-    @if not map-has-key($pf-v5-global--spacer-map, $spacer) and $spacer != "none" {
-      $map: map-merge($map, ("invalid spacer #{$spacer}": null));
-    } @else if $spacer == "none" {
+    @if $spacer == "none" {
       $map: map-merge($map, ($spacer: 0));
     } @else {
       $map: map-merge($map, ($spacer: map-get($pf-v5-global--spacer-map, #{$spacer})));

package/sass-utilities/scss-variables.scss

@@ -193,15 +193,12 @@ $pf-v5-global--icon--FontSize--xl: pf-font-prem(54px) !default;
 // Fonts
 // Font family
 // stylelint-disable value-keyword-case
-$pf-v5-global--FontFamily--sans-serif: '"RedHatText", helvetica, arial, sans-serif';
-$pf-v5-global--FontFamily--heading--sans-serif: '"RedHatDisplay", helvetica, arial, sans-serif';
-$pf-v5-global--FontFamily--monospace: '"Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace';
-$pf-v5-global--FontFamily--redhat-updated--sans-serif: '"RedHatTextUpdated", helvetica, arial, sans-serif';
-$pf-v5-global--FontFamily--redhat-updated--heading--sans-serif: '"RedHatDisplayUpdated", helvetica, arial, sans-serif';
-$pf-v5-global--FontFamily--redhat--monospace: '"RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace';
-$pf-v5-global--FontFamily--redhatVF--sans-serif: '"RedHatTextVF", "RedHatText", helvetica, arial, sans-serif';
-$pf-v5-global--FontFamily--redhatVF--heading--sans-serif: '"RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif';
-$pf-v5-global--FontFamily--redhatVF--monospace: '"RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace';
+$pf-v5-global--FontFamily--text: '"RedHatText", helvetica, arial, sans-serif';
+$pf-v5-global--FontFamily--heading: '"RedHatDisplay", helvetica, arial, sans-serif';
+$pf-v5-global--FontFamily--monospace: '"RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace';
+$pf-v5-global--FontFamily--text--vf: '"RedHatTextVF", "RedHatText", helvetica, arial, sans-serif';
+$pf-v5-global--FontFamily--heading--vf: '"RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif';
+$pf-v5-global--FontFamily--monospace--vf: '"RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace';
 // stylelint-enable value-keyword-case
 
 // Font size
@@ -215,7 +212,6 @@ $pf-v5-global--FontSize--sm: pf-font-prem(14px) !default;
 $pf-v5-global--FontSize--xs: pf-font-prem(12px) !default;
 
 // Font weight
-$pf-v5-global--FontWeight--light: 300 !default;
 $pf-v5-global--FontWeight--normal: 400 !default;
 $pf-v5-global--FontWeight--bold: 700 !default;
 

package/utilities/Text/text.css

@@ -1,25 +1,25 @@
-.pf-v5-u-font-family-sans-serif {
-  font-family: var(--pf-v5-global--FontFamily--sans-serif) !important;
+.pf-v5-u-font-family-text {
+  font-family: var(--pf-v5-global--FontFamily--text) !important;
 }
 
-.pf-v5-u-font-family-heading-sans-serif {
-  font-family: var(--pf-v5-global--FontFamily--heading--sans-serif) !important;
+.pf-v5-u-font-family-heading {
+  font-family: var(--pf-v5-global--FontFamily--heading) !important;
 }
 
 .pf-v5-u-font-family-monospace {
   font-family: var(--pf-v5-global--FontFamily--monospace) !important;
 }
 
-.pf-v5-u-font-family-redhatVF-sans-serif {
-  font-family: var(--pf-v5-global--FontFamily--redhatVF--sans-serif) !important;
+.pf-v5-u-font-family-text-vf {
+  font-family: var(--pf-v5-global--FontFamily--text--vf) !important;
 }
 
-.pf-v5-u-font-family-redhatVF-heading-sans-serif {
-  font-family: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif) !important;
+.pf-v5-u-font-family-heading-vf {
+  font-family: var(--pf-v5-global--FontFamily--heading--vf) !important;
 }
 
-.pf-v5-u-font-family-redhatVF-monospace {
-  font-family: var(--pf-v5-global--FontFamily--redhatVF--monospace) !important;
+.pf-v5-u-font-family-monospace-vf {
+  font-family: var(--pf-v5-global--FontFamily--monospace--vf) !important;
 }
 
 .pf-v5-u-font-size-xs {
@@ -184,10 +184,6 @@
     font-size: var(--pf-v5-global--FontSize--4xl) !important;
   }
 }
-.pf-v5-u-font-weight-light {
-  font-weight: var(--pf-v5-global--FontWeight--light) !important;
-}
-
 .pf-v5-u-font-weight-normal {
   font-weight: var(--pf-v5-global--FontWeight--normal) !important;
 }
@@ -197,9 +193,6 @@
 }
 
 @media screen and (min-width: 576px) {
-  .pf-v5-u-font-weight-light-on-sm {
-    font-weight: var(--pf-v5-global--FontWeight--light) !important;
-  }
   .pf-v5-u-font-weight-normal-on-sm {
     font-weight: var(--pf-v5-global--FontWeight--normal) !important;
   }
@@ -208,9 +201,6 @@
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-v5-u-font-weight-light-on-md {
-    font-weight: var(--pf-v5-global--FontWeight--light) !important;
-  }
   .pf-v5-u-font-weight-normal-on-md {
     font-weight: var(--pf-v5-global--FontWeight--normal) !important;
   }
@@ -219,9 +209,6 @@
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-v5-u-font-weight-light-on-lg {
-    font-weight: var(--pf-v5-global--FontWeight--light) !important;
-  }
   .pf-v5-u-font-weight-normal-on-lg {
     font-weight: var(--pf-v5-global--FontWeight--normal) !important;
   }
@@ -230,9 +217,6 @@
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-v5-u-font-weight-light-on-xl {
-    font-weight: var(--pf-v5-global--FontWeight--light) !important;
-  }
   .pf-v5-u-font-weight-normal-on-xl {
     font-weight: var(--pf-v5-global--FontWeight--normal) !important;
   }
@@ -241,9 +225,6 @@
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-v5-u-font-weight-light-on-2xl {
-    font-weight: var(--pf-v5-global--FontWeight--light) !important;
-  }
   .pf-v5-u-font-weight-normal-on-2xl {
     font-weight: var(--pf-v5-global--FontWeight--normal) !important;
   }

package/utilities/Text/text.scss

@@ -2,23 +2,23 @@
 
 // Font family options
 $pf-v5-u-font-family-options: (
-  font-family-sans-serif: (
-    font-family var(--#{$pf-global}--FontFamily--sans-serif)
+  font-family-text: (
+    font-family var(--#{$pf-global}--FontFamily--text)
   ),
-  font-family-heading-sans-serif: (
-    font-family var(--#{$pf-global}--FontFamily--heading--sans-serif)
+  font-family-heading: (
+    font-family var(--#{$pf-global}--FontFamily--heading)
   ),
   font-family-monospace: (
     font-family var(--#{$pf-global}--FontFamily--monospace)
   ),
-  font-family-redhatVF-sans-serif: (
-    font-family var(--#{$pf-global}--FontFamily--redhatVF--sans-serif)
+  font-family-text-vf: (
+    font-family var(--#{$pf-global}--FontFamily--text--vf)
   ),
-  font-family-redhatVF-heading-sans-serif: (
-    font-family var(--#{$pf-global}--FontFamily--redhatVF--heading--sans-serif)
+  font-family-heading-vf: (
+    font-family var(--#{$pf-global}--FontFamily--heading--vf)
   ),
-  font-family-redhatVF-monospace: (
-    font-family var(--#{$pf-global}--FontFamily--redhatVF--monospace)
+  font-family-monospace-vf: (
+    font-family var(--#{$pf-global}--FontFamily--monospace--vf)
   )
 );
 
@@ -56,9 +56,6 @@ $pf-v5-u-font-size-options: (
 
 // Font weight options
 $pf-v5-u-font-weight-options: (
-  font-weight-light: (
-    font-weight var(--#{$pf-global}--FontWeight--light)
-  ),
   font-weight-normal: (
     font-weight var(--#{$pf-global}--FontWeight--normal)
   ),