npm - @patternfly/patternfly - Versions diffs - 5.0.0-alpha.56 → 5.0.0-alpha.58 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (163) hide show

package/patternfly-base-no-globals.css CHANGED Viewed

@@ -222,15 +222,12 @@
   --pf-v5-global--icon--FontSize--md: 1rem;
   --pf-v5-global--icon--FontSize--lg: 1.5rem;
   --pf-v5-global--icon--FontSize--xl: 3.375rem;
-  --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;
   --pf-v5-global--FontSize--4xl: 2.25rem;
   --pf-v5-global--FontSize--3xl: 1.75rem;
   --pf-v5-global--FontSize--2xl: 1.5rem;
@@ -239,7 +236,6 @@
   --pf-v5-global--FontSize--md: 1rem;
   --pf-v5-global--FontSize--sm: 0.875rem;
   --pf-v5-global--FontSize--xs: 0.75rem;
-  --pf-v5-global--FontWeight--light: 300;
   --pf-v5-global--FontWeight--normal: 400;
   --pf-v5-global--FontWeight--bold: 700;
   --pf-v5-global--LineHeight--sm: 1.3;
@@ -254,19 +250,10 @@
   --pf-v5-global--target-size--MinHeight: 44px;
 }
-.pf-v5-m-redhat-updated-font {
-  --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--sans-serif);
-  --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--heading--sans-serif);
-}
-.pf-v5-m-redhatmono-font {
-  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhat--monospace);
-}
-.pf-v5-m-redhatVF-font {
-  --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--sans-serif);
-  --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif);
-  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhatVF--monospace);
+.pf-m-vf-font {
+  --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
+  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
+  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
 }
 :root:where(.pf-v5-theme-dark) {
@@ -297,6 +284,8 @@
   --pf-v5-global--active-color--100: #1fa7f8;
   --pf-v5-global--primary-color--100: #1fa7f8;
   --pf-v5-global--primary-color--300: #06c;
+  --pf-v5-global--primary-color--400: #fff;
+  --pf-v5-global--custom-color--200: #73c5c5;
   --pf-v5-global--success-color--100: #5ba352;
   --pf-v5-global--warning-color--100: #f0ab00;
   --pf-v5-global--warning-color--200: #f4c145;
@@ -305,7 +294,7 @@
   --pf-v5-global--link--Color: #1fa7f8;
   --pf-v5-global--link--Color--hover: #73bcf7;
   --pf-v5-global--link--Color--visited: #a18fff;
-  --pf-v5-global--disabled-color--100: #57585a;
+  --pf-v5-global--disabled-color--100: #868789;
   --pf-v5-global--disabled-color--200: #444548;
   --pf-v5-global--disabled-color--300: #aaabac;
   --pf-v5-global--icon--Color--light: #aaabac;
@@ -354,122 +343,115 @@
 }
 @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;
 }
 .pf-v5-screen-reader {

package/patternfly-base.css CHANGED Viewed

@@ -222,15 +222,12 @@
   --pf-v5-global--icon--FontSize--md: 1rem;
   --pf-v5-global--icon--FontSize--lg: 1.5rem;
   --pf-v5-global--icon--FontSize--xl: 3.375rem;
-  --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;
   --pf-v5-global--FontSize--4xl: 2.25rem;
   --pf-v5-global--FontSize--3xl: 1.75rem;
   --pf-v5-global--FontSize--2xl: 1.5rem;
@@ -239,7 +236,6 @@
   --pf-v5-global--FontSize--md: 1rem;
   --pf-v5-global--FontSize--sm: 0.875rem;
   --pf-v5-global--FontSize--xs: 0.75rem;
-  --pf-v5-global--FontWeight--light: 300;
   --pf-v5-global--FontWeight--normal: 400;
   --pf-v5-global--FontWeight--bold: 700;
   --pf-v5-global--LineHeight--sm: 1.3;
@@ -254,19 +250,10 @@
   --pf-v5-global--target-size--MinHeight: 44px;
 }
-.pf-v5-m-redhat-updated-font {
-  --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--sans-serif);
-  --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--heading--sans-serif);
-}
-.pf-v5-m-redhatmono-font {
-  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhat--monospace);
-}
-.pf-v5-m-redhatVF-font {
-  --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--sans-serif);
-  --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif);
-  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhatVF--monospace);
+.pf-m-vf-font {
+  --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
+  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
+  --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
 }
 :root:where(.pf-v5-theme-dark) {
@@ -297,6 +284,8 @@
   --pf-v5-global--active-color--100: #1fa7f8;
   --pf-v5-global--primary-color--100: #1fa7f8;
   --pf-v5-global--primary-color--300: #06c;
+  --pf-v5-global--primary-color--400: #fff;
+  --pf-v5-global--custom-color--200: #73c5c5;
   --pf-v5-global--success-color--100: #5ba352;
   --pf-v5-global--warning-color--100: #f0ab00;
   --pf-v5-global--warning-color--200: #f4c145;
@@ -305,7 +294,7 @@
   --pf-v5-global--link--Color: #1fa7f8;
   --pf-v5-global--link--Color--hover: #73bcf7;
   --pf-v5-global--link--Color--visited: #a18fff;
-  --pf-v5-global--disabled-color--100: #57585a;
+  --pf-v5-global--disabled-color--100: #868789;
   --pf-v5-global--disabled-color--200: #444548;
   --pf-v5-global--disabled-color--300: #aaabac;
   --pf-v5-global--icon--Color--light: #aaabac;
@@ -354,122 +343,115 @@
 }
 @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;
 }
 .pf-v5-screen-reader {
@@ -532,7 +514,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);