@patternfly/patternfly 5.0.0-alpha.56 → 5.0.0-alpha.58

package/assets/images/pf_logo.svg

@@ -3,31 +3,31 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 706.3 132.5" enable-background="new 0 0 706.3 132.5" xml:space="preserve">
 <g>
-	<path fill="#030303" d="M197.2,83.9V48.6h15.2c2.2,0,4.1,0.3,5.6,1c1.5,0.7,2.8,1.5,3.7,2.6c1,1.1,1.6,2.3,2.1,3.6
+	<path fill="var(--pf-global--Color--100, #030303)" d="M197.2,83.9V48.6h15.2c2.2,0,4.1,0.3,5.6,1c1.5,0.7,2.8,1.5,3.7,2.6c1,1.1,1.6,2.3,2.1,3.6
 		c0.4,1.3,0.6,2.7,0.6,4c0,0.9-0.1,1.7-0.3,2.6c-0.2,0.9-0.5,1.7-0.9,2.6c-0.4,0.8-0.9,1.6-1.6,2.3c-0.6,0.7-1.4,1.4-2.3,1.9
 		c-0.9,0.5-1.9,1-3.1,1.3c-1.2,0.3-2.5,0.5-3.9,0.5h-8.3v13H197.2z M212.7,64.4c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1.1
 		c0.4-0.4,0.6-0.9,0.8-1.5c0.2-0.6,0.3-1.1,0.3-1.7c0-0.5-0.1-1-0.2-1.6c-0.1-0.5-0.4-1-0.7-1.5c-0.4-0.5-0.8-0.8-1.4-1.1
 		c-0.6-0.3-1.4-0.4-2.3-0.4h-8.6v9.4H212.7z"/>
-	<path fill="#030303" d="M271.6,83.9l-2.7-7.3h-13.6l-2.7,7.3h-7.3l13.5-35.4h6.7l13.5,35.4H271.6z M263.2,61.2
+	<path fill="var(--pf-global--Color--100, #030303)" d="M271.6,83.9l-2.7-7.3h-13.6l-2.7,7.3h-7.3l13.5-35.4h6.7l13.5,35.4H271.6z M263.2,61.2
 		c-0.2-0.4-0.4-0.9-0.6-1.5c-0.2-0.6-0.4-1.1-0.5-1.7c-0.1,0.5-0.3,1.1-0.5,1.7c-0.2,0.6-0.4,1.1-0.6,1.5l-3.5,9.2h9.2L263.2,61.2z"
 		/>
-	<path fill="#030303" d="M317.3,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H317.3z"/>
-	<path fill="#030303" d="M370.2,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H370.2z"/>
-	<path fill="#030303" d="M408.5,83.9V48.6h24.1v6.5h-17.3v7.4h10.2v6.5h-10.2v8.5h18.4v6.5H408.5z"/>
-	<path fill="#030303" d="M462.4,83.9V48.6h16.4c2.2,0,4.1,0.3,5.6,0.9c1.5,0.6,2.7,1.4,3.6,2.5c0.9,1,1.6,2.2,2,3.5
+	<path fill="var(--pf-global--Color--100, #030303)" d="M317.3,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H317.3z"/>
+	<path fill="var(--pf-global--Color--100, #030303)" d="M370.2,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H370.2z"/>
+	<path fill="var(--pf-global--Color--100, #030303)" d="M408.5,83.9V48.6h24.1v6.5h-17.3v7.4h10.2v6.5h-10.2v8.5h18.4v6.5H408.5z"/>
+	<path fill="var(--pf-global--Color--100, #030303)" d="M462.4,83.9V48.6h16.4c2.2,0,4.1,0.3,5.6,0.9c1.5,0.6,2.7,1.4,3.6,2.5c0.9,1,1.6,2.2,2,3.5
 		c0.4,1.3,0.6,2.7,0.6,4.2c0,1-0.1,2-0.4,3c-0.3,1-0.7,2-1.3,2.9c-0.6,0.9-1.3,1.8-2.1,2.5c-0.9,0.7-1.8,1.3-3,1.7l6.9,14.1H483
 		l-6.6-13.2h-7.1v13.2H462.4z M478.9,64.3c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1c0.4-0.4,0.6-0.9,0.8-1.5
 		c0.2-0.6,0.2-1.1,0.2-1.7c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.4-1-0.7-1.5c-0.3-0.4-0.8-0.8-1.4-1c-0.6-0.3-1.4-0.4-2.3-0.4h-9.7v9.2
 		H478.9z"/>
-	<path fill="#030303" d="M541.9,83.9l-14-20.6c-0.2-0.3-0.5-0.8-0.8-1.3c-0.3-0.5-0.5-1-0.7-1.4c0.1,0.4,0.1,0.8,0.1,1.3
+	<path fill="var(--pf-global--Color--100, #030303)" d="M541.9,83.9l-14-20.6c-0.2-0.3-0.5-0.8-0.8-1.3c-0.3-0.5-0.5-1-0.7-1.4c0.1,0.4,0.1,0.8,0.1,1.3
 		c0,0.5,0,1,0,1.3v20.6h-6.8V48.6h6.4l13.7,20.4c0.2,0.3,0.5,0.7,0.7,1.2c0.3,0.5,0.5,1,0.7,1.4c0-0.5-0.1-1-0.1-1.4
 		c0-0.5,0-0.9,0-1.2V48.6h6.8v35.4H541.9z"/>
-	<path fill="#030303" d="M578.4,83.9V48.6h23.7v6.5h-16.9v7.4H596v6.5h-10.7v15H578.4z"/>
-	<path fill="#030303" d="M629.8,83.9V48.6h6.8v28.8h17.1v6.6H629.8z"/>
-	<path fill="#030303" d="M686.4,83.9V70.2l-13.1-21.6h7.7l8.7,14.5l8.7-14.5h7.7l-13.1,21.6v13.8H686.4z"/>
+	<path fill="var(--pf-global--Color--100, #030303)" d="M578.4,83.9V48.6h23.7v6.5h-16.9v7.4H596v6.5h-10.7v15H578.4z"/>
+	<path fill="var(--pf-global--Color--100, #030303)" d="M629.8,83.9V48.6h6.8v28.8h17.1v6.6H629.8z"/>
+	<path fill="var(--pf-global--Color--100, #030303)" d="M686.4,83.9V70.2l-13.1-21.6h7.7l8.7,14.5l8.7-14.5h7.7l-13.1,21.6v13.8H686.4z"/>
 </g>
 <g>
-	<path fill="#030303" d="M49,103l-21.2,4.9L0,68.4L70,0l70,68.4l-27.8,39.4L91,103l-21,29.5L49,103z M70,128.7l18.6-26.2l-7.2-1.7
+	<path fill="var(--pf-global--Color--100, #030303)" d="M49,103l-21.2,4.9L0,68.4L70,0l70,68.4l-27.8,39.4L91,103l-21,29.5L49,103z M70,128.7l18.6-26.2l-7.2-1.7
 		l-11,16.2l-11.9-16.2l-7.2,1.7L70,128.7z M70.4,113.1l9.2-13.5L70,6.7l-9.5,92.9L70.4,113.1z M28.8,105.4l18.8-4.3L33.8,81.7
 		l4.1-9.3L25.2,55L58,14.9L2.9,68.7L28.8,105.4z M111.2,105.4l16.3-23.1l9.6-13.6L82,14.9L114.9,55l-12.8,17.4l4.1,9.3L92.4,101
 		L111.2,105.4z M90.1,100.5l13.6-19.1l-3-6.9L82.7,98.8L90.1,100.5z M50,100.5l7.3-1.7L39.4,74.5l-3,6.9L50,100.5z M81.9,96.2

package/base/_chart-globals.scss

@@ -68,7 +68,7 @@ $pf-v5-chart-global--FontSize--xs: 12; // Axis Labels
 $pf-v5-chart-global--FontSize--sm: 14;  // Legend
 $pf-v5-chart-global--FontSize--lg: 18; // Small Numbers
 $pf-v5-chart-global--FontSize--2xl: 24; // Large Numbers
-$pf-v5-chart-global--FontFamily: $pf-v5-global--FontFamily--sans-serif;
+$pf-v5-chart-global--FontFamily: $pf-v5-global--FontFamily--text;
 $pf-v5-chart-global--letter-spacing: "normal";
 
 // label

package/base/_fonts.scss

@@ -1,151 +1,136 @@
-// Fonts
-// --------------------------------------------------
-// PatternFly uses RedHatText - https://github.com/RedHatOfficial/RedHatFont
-
-// stylelint-disable font-family-name-quotes
-
 @font-face {
-  font-family: "RedHatDisplay";
+  font-family: RedHatDisplay;
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
   src:
-    url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+    url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatDisplay";
-  font-style: normal;
+  font-family: RedHatDisplay;
+  font-style: italic;
   font-weight: 400;
   src:
-    url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+    url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatDisplay";
+  font-family: RedHatDisplay;
   font-style: normal;
   font-weight: 700;
   src:
     url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
-  text-rendering: optimizelegibility;
-}
-
-@font-face {
-  font-family: "RedHatText";
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatText";
+  font-family: RedHatDisplay;
   font-style: normal;
   font-weight: 700;
   src:
-    url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+    url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
+  font-display: fallback;
 }
 
-// RedHatFont-updated
 @font-face {
-  font-family: "RedHatDisplayUpdated";
+  font-family: RedHatText;
   font-style: normal;
-  font-weight: 300;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-weight: 400;
+  src:
+    url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Regular.woff2") format("woff2");
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatDisplayUpdated";
-  font-style: normal;
+  font-family: RedHatText;
+  font-style: italic;
   font-weight: 400;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  src:
+    url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Italic.woff2") format("woff2");
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatDisplayUpdated";
+  font-family: RedHatText;
   font-style: normal;
   font-weight: 700;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  src:
+    url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-Medium.woff2") format("woff2");
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatTextUpdated";
-  font-style: normal;
-  font-weight: 400;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-family: RedHatText;
+  font-style: italic;
+  font-weight: 700;
+  src:
+    url("#{$pf-v5-global--font-path}/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
+  font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatTextUpdated";
+  font-family: RedHatMono;
   font-style: normal;
-  font-weight: 700;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-weight: 400;
+  src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
+  font-display: fallback;
 }
 
-// RedHatMono
 @font-face {
-  font-family: "RedHatMono";
-  font-style: normal;
+  font-family: RedHatMono;
+  font-style: italic;
   font-weight: 400;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
+  src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
   font-display: fallback;
 }
 
 // Variable fonts
 @font-face {
-  font-family: "RedHatDisplayVF";
+  font-family: RedHatDisplayVF;
   font-style: normal;
-  font-weight: 300 900;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
+  font-weight: 400 700;
+  src: url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
   font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatDisplayVF";
+  font-family: RedHatDisplayVF;
   font-style: italic;
-  font-weight: 300 900;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
+  font-weight: 400 700;
+  src: url("#{$pf-v5-global--font-path}/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatTextVF";
+  font-family: RedHatTextVF;
   font-style: normal;
   font-weight: 400 500;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
+  src: url("#{$pf-v5-global--font-path}/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
   font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatTextVF";
+  font-family: RedHatTextVF;
   font-style: italic;
   font-weight: 400 500;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
+  src: url("#{$pf-v5-global--font-path}/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatMonoVF";
+  font-family: RedHatMonoVF;
   font-style: normal;
-  font-weight: 300 700;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
+  font-weight: 400;
+  src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
   font-display: fallback;
 }
 
 @font-face {
-  font-family: "RedHatMonoVF";
+  font-family: RedHatMonoVF;
   font-style: italic;
-  font-weight: 300 700;
-  src: url("#{$pf-v5-global--font-path}/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
+  font-weight: 400;
+  src: url("#{$pf-v5-global--font-path}/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
-
-// stylelint-enable

package/base/_globals.scss

@@ -48,7 +48,7 @@
   }
 
   :where(body) {
-    font-family: var(--#{$pf-global}--FontFamily--sans-serif);
+    font-family: var(--#{$pf-global}--FontFamily--text);
     font-size: var(--#{$pf-global}--FontSize--md);
     font-weight: var(--#{$pf-global}--FontWeight--normal);
     line-height: var(--#{$pf-global}--LineHeight--md);

package/base/_variables.scss

@@ -240,15 +240,12 @@
   // Fonts
 
   // Font family
-  --#{$pf-global}--FontFamily--sans-serif: #{$pf-v5-global--FontFamily--sans-serif};
-  --#{$pf-global}--FontFamily--heading--sans-serif: #{$pf-v5-global--FontFamily--heading--sans-serif};
+  --#{$pf-global}--FontFamily--text: #{$pf-v5-global--FontFamily--text};
+  --#{$pf-global}--FontFamily--heading: #{$pf-v5-global--FontFamily--heading};
   --#{$pf-global}--FontFamily--monospace: #{$pf-v5-global--FontFamily--monospace};
-  --#{$pf-global}--FontFamily--redhat-updated--sans-serif: #{$pf-v5-global--FontFamily--redhat-updated--sans-serif};
-  --#{$pf-global}--FontFamily--redhat-updated--heading--sans-serif: #{$pf-v5-global--FontFamily--redhat-updated--heading--sans-serif};
-  --#{$pf-global}--FontFamily--redhat--monospace: #{$pf-v5-global--FontFamily--redhat--monospace};
-  --#{$pf-global}--FontFamily--redhatVF--sans-serif: #{$pf-v5-global--FontFamily--redhatVF--sans-serif};
-  --#{$pf-global}--FontFamily--redhatVF--heading--sans-serif: #{$pf-v5-global--FontFamily--redhatVF--heading--sans-serif};
-  --#{$pf-global}--FontFamily--redhatVF--monospace: #{$pf-v5-global--FontFamily--redhatVF--monospace};
+  --#{$pf-global}--FontFamily--text--vf: #{$pf-v5-global--FontFamily--text--vf};
+  --#{$pf-global}--FontFamily--heading--vf: #{$pf-v5-global--FontFamily--heading--vf};
+  --#{$pf-global}--FontFamily--monospace--vf: #{$pf-v5-global--FontFamily--monospace--vf};
 
   // Font size
   --#{$pf-global}--FontSize--4xl: #{$pf-v5-global--FontSize--4xl};
@@ -261,7 +258,6 @@
   --#{$pf-global}--FontSize--xs: #{$pf-v5-global--FontSize--xs};
 
   // Font weight
-  --#{$pf-global}--FontWeight--light: #{$pf-v5-global--FontWeight--light};
   --#{$pf-global}--FontWeight--normal: #{$pf-v5-global--FontWeight--normal};
   --#{$pf-global}--FontWeight--bold: #{$pf-v5-global--FontWeight--bold};
 
@@ -284,22 +280,11 @@
   --#{$pf-global}--target-size--MinHeight: #{$pf-v5-global--target-size--MinHeight};
 }
 
-// RedHatFont updated font overrides
-.#{$pf-prefix}m-redhat-updated-font {
-  --#{$pf-global}--FontFamily--sans-serif: var(--#{$pf-global}--FontFamily--redhat-updated--sans-serif);
-  --#{$pf-global}--FontFamily--heading--sans-serif: var(--#{$pf-global}--FontFamily--redhat-updated--heading--sans-serif);
-}
-
-// RedHatMono font overrides
-.#{$pf-prefix}m-redhatmono-font {
-  --#{$pf-global}--FontFamily--monospace: var(--#{$pf-global}--FontFamily--redhat--monospace);
-}
-
-// RedHat variable font overrides
-.#{$pf-prefix}m-redhatVF-font {
-  --#{$pf-global}--FontFamily--sans-serif: var(--#{$pf-global}--FontFamily--redhatVF--sans-serif);
-  --#{$pf-global}--FontFamily--heading--sans-serif: var(--#{$pf-global}--FontFamily--redhatVF--heading--sans-serif);
-  --#{$pf-global}--FontFamily--monospace: var(--#{$pf-global}--FontFamily--redhatVF--monospace);
+// Variable font opt-in
+.pf-m-vf-font {
+  --#{$pf-global}--FontFamily--text: var(--#{$pf-global}--FontFamily--text--vf);
+  --#{$pf-global}--FontFamily--heading: var(--#{$pf-global}--FontFamily--heading--vf);
+  --#{$pf-global}--FontFamily--monospace: var(--#{$pf-global}--FontFamily--monospace--vf);
 }
 
 // stylelint-disable no-invalid-position-at-import-rule

package/base/patternfly-fonts.css

@@ -1,119 +1,112 @@
 @font-face {
-  font-family: "RedHatDisplay";
+  font-family: RedHatDisplay;
   font-style: normal;
-  font-weight: 300;
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-weight: 400;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplay";
-  font-style: normal;
+  font-family: RedHatDisplay;
+  font-style: italic;
   font-weight: 400;
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplay";
+  font-family: RedHatDisplay;
   font-style: normal;
   font-weight: 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
-  text-rendering: optimizelegibility;
-}
-@font-face {
-  font-family: "RedHatText";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatText";
+  font-family: RedHatDisplay;
   font-style: normal;
   font-weight: 700;
-  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplayUpdated";
+  font-family: RedHatText;
   font-style: normal;
-  font-weight: 300;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-weight: 400;
+  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplayUpdated";
-  font-style: normal;
+  font-family: RedHatText;
+  font-style: italic;
   font-weight: 400;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplayUpdated";
+  font-family: RedHatText;
   font-style: normal;
   font-weight: 700;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatTextUpdated";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-family: RedHatText;
+  font-style: italic;
+  font-weight: 700;
+  src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatTextUpdated";
+  font-family: RedHatMono;
   font-style: normal;
-  font-weight: 700;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
-  text-rendering: optimizelegibility;
+  font-weight: 400;
+  src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
+  font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatMono";
-  font-style: normal;
+  font-family: RedHatMono;
+  font-style: italic;
   font-weight: 400;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
+  src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
   font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplayVF";
+  font-family: RedHatDisplayVF;
   font-style: normal;
-  font-weight: 300 900;
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
+  font-weight: 400 700;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatDisplayVF";
+  font-family: RedHatDisplayVF;
   font-style: italic;
-  font-weight: 300 900;
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
+  font-weight: 400 700;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatTextVF";
+  font-family: RedHatTextVF;
   font-style: normal;
   font-weight: 400 500;
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
+  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatTextVF";
+  font-family: RedHatTextVF;
   font-style: italic;
   font-weight: 400 500;
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
+  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatMonoVF";
+  font-family: RedHatMonoVF;
   font-style: normal;
-  font-weight: 300 700;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
+  font-weight: 400;
+  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
-  font-family: "RedHatMonoVF";
+  font-family: RedHatMonoVF;
   font-style: italic;
-  font-weight: 300 700;
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
+  font-weight: 400;
+  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }

package/base/patternfly-globals.css

@@ -37,7 +37,7 @@ body) {
 }
 
 :where(body) {
-  font-family: var(--pf-v5-global--FontFamily--sans-serif);
+  font-family: var(--pf-v5-global--FontFamily--text);
   font-size: var(--pf-v5-global--FontSize--md);
   font-weight: var(--pf-v5-global--FontWeight--normal);
   line-height: var(--pf-v5-global--LineHeight--md);