@patternfly/react-core 4.276.6 → 5.0.0-alpha.10

package/dist/styles/base.css

@@ -245,17 +245,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;
@@ -266,10 +264,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;
@@ -282,14 +277,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);
@@ -525,158 +512,6 @@
   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;
-  background-color: transparent;
-}
-
-html {
-  font-size: var(--pf-global--root--FontSize, unset) !important;
-}
-
 .pf-screen-reader {
   position: fixed;
   top: 0;
@@ -824,10 +659,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;
 }
@@ -1521,4 +1352,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;
 }