@patternfly/patternfly 4.222.4 → 5.0.0-alpha.2

package/patternfly-base.css

@@ -243,17 +243,15 @@
   --pf-global--icon--FontSize--md: 1.125rem;
   --pf-global--icon--FontSize--lg: 1.5rem;
   --pf-global--icon--FontSize--xl: 3.375rem;
-  --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
-  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
+  --pf-global--FontFamily--sans-serif: "RedHatText", helvetica, arial, sans-serif;
+  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", helvetica, arial, sans-serif;
   --pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
-  --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
-  --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
+  --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", helvetica, arial, sans-serif;
+  --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", helvetica, arial, sans-serif;
   --pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
-  --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
-  --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
+  --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
+  --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
   --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
-  --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
   --pf-global--FontSize--4xl: 2.25rem;
   --pf-global--FontSize--3xl: 1.75rem;
   --pf-global--FontSize--2xl: 1.5rem;
@@ -264,10 +262,7 @@
   --pf-global--FontSize--xs: 0.75rem;
   --pf-global--FontWeight--light: 300;
   --pf-global--FontWeight--normal: 400;
-  --pf-global--FontWeight--semi-bold: 700;
-  --pf-global--FontWeight--overpass--semi-bold: 500;
   --pf-global--FontWeight--bold: 700;
-  --pf-global--FontWeight--overpass--bold: 600;
   --pf-global--LineHeight--sm: 1.3;
   --pf-global--LineHeight--md: 1.5;
   --pf-global--ListStyle: disc outside;
@@ -280,14 +275,6 @@
   --pf-global--target-size--MinHeight: 44px;
 }
 
-.pf-m-overpass-font {
-  --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--overpass--sans-serif);
-  --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--sans-serif);
-  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--overpass--monospace);
-  --pf-global--FontWeight--semi-bold: var(--pf-global--FontWeight--overpass--semi-bold);
-  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
-}
-
 .pf-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);
@@ -506,126 +493,6 @@
   font-weight: 300 700;
   font-display: fallback;
 }
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 200;
-  src: url("./assets/fonts/overpass-webfont/overpass-thin.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-thin.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 200;
-  src: url("./assets/fonts/overpass-webfont/overpass-thin-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-thin-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 300;
-  src: url("./assets/fonts/overpass-webfont/overpass-extralight.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-extralight.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 300;
-  src: url("./assets/fonts/overpass-webfont/overpass-extralight-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-extralight-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./assets/fonts/overpass-webfont/overpass-light.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-light.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 400;
-  src: url("./assets/fonts/overpass-webfont/overpass-light-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-light-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 500;
-  src: url("./assets/fonts/overpass-webfont/overpass-regular.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-regular.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 500;
-  src: url("./assets/fonts/overpass-webfont/overpass-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 600;
-  src: url("./assets/fonts/overpass-webfont/overpass-semibold.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-semibold.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 600;
-  src: url("./assets/fonts/overpass-webfont/overpass-semibold-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-semibold-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 700;
-  src: url("./assets/fonts/overpass-webfont/overpass-bold.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-bold.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 700;
-  src: url("./assets/fonts/overpass-webfont/overpass-bold-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-bold-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 800;
-  src: url("./assets/fonts/overpass-webfont/overpass-extrabold.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-extrabold.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 800;
-  src: url("./assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-extrabold-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: normal;
-  font-weight: 900;
-  src: url("./assets/fonts/overpass-webfont/overpass-heavy.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-heavy.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass";
-  font-style: italic;
-  font-weight: 900;
-  src: url("./assets/fonts/overpass-webfont/overpass-heavy-italic.woff2") format("woff2"), url("./assets/fonts/overpass-webfont/overpass-heavy-italic.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass-mono";
-  font-style: normal;
-  font-weight: 300;
-  src: url("./assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2") format("woff2"), url("./assets/fonts/overpass-mono-webfont/overpass-mono-light.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass-mono";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2") format("woff2"), url("./assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass-mono";
-  font-style: normal;
-  font-weight: 500;
-  src: url("./assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2") format("woff2"), url("./assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff") format("woff");
-}
-@font-face {
-  font-family: "overpass-mono";
-  font-style: normal;
-  font-weight: 600;
-  src: url("./assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2") format("woff2"), url("./assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff") format("woff");
-}
 [class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
   padding: 0;
   margin: 0;
@@ -780,10 +647,6 @@ a {
   cursor: pointer;
 }
 
-.pf-m-overpass-font a {
-  font-weight: var(--pf-global--FontWeight--semi-bold);
-}
-
 :root:where(.pf-theme-dark) {
   color-scheme: dark;
 }
@@ -5526,4 +5389,28 @@ a {
 
 .pf-icon-zone:before {
   content: "\e911";
+}
+
+.pf-svg-size-sm {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+}
+
+.pf-svg-size-md {
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: -0.1875em;
+}
+
+.pf-svg-size-lg {
+  width: 2em;
+  height: 2em;
+  vertical-align: -0.25em;
+}
+
+.pf-svg-size-xl {
+  width: 3em;
+  height: 3em;
+  vertical-align: -0.375em;
 }

package/patternfly-charts.css

@@ -47,7 +47,7 @@
   --pf-chart-global--FontSize--sm: 14;
   --pf-chart-global--FontSize--lg: 18;
   --pf-chart-global--FontSize--2xl: 24;
-  --pf-chart-global--FontFamily: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
+  --pf-chart-global--FontFamily: "RedHatText", helvetica, arial, sans-serif;
   --pf-chart-global--letter-spacing: normal;
   --pf-chart-global--label--Padding: 10;
   --pf-chart-global--label--Margin: 8;