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

package/patternfly.css

@@ -280,15 +280,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;
@@ -297,7 +294,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;
@@ -312,19 +308,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);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
@@ -425,122 +412,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 {
@@ -603,7 +583,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);
@@ -5694,7 +5674,7 @@ button) {
   --pf-v5-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
   --pf-v5-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-accordion--m-display-lg__toggle--FontSize: var(--pf-v5-global--FontSize--xl);
   --pf-v5-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-v5-global--Color--100);
   --pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-v5-global--Color--100);
@@ -7866,7 +7846,7 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -8852,7 +8832,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
@@ -13999,7 +13979,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
   --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
   --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
-  --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
   --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -18679,7 +18659,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
   --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -22227,7 +22207,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
   --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -29649,7 +29629,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
 }
 
 .pf-v5-c-title {
-  --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
   --pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
   --pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
@@ -30486,7 +30466,7 @@ label.pf-v5-c-tree-view__node-text {
   --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
   --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
   --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
-  --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
   --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);