@patternfly/patternfly 4.224.2 → 5.0.0-alpha.10

package/sass-utilities/mixins.scss

@@ -230,12 +230,6 @@
   @extend %pf-hidden-visible;
 }
 
-@mixin pf-m-overpass-font {
-  .pf-m-overpass-font {
-    @content;
-  }
-}
-
 // Apply media query if value is passed
 @mixin pf-apply-breakpoint($breakpoint) {
   @if ($breakpoint == "null" or $breakpoint == "base" or $breakpoint == "") {

package/sass-utilities/placeholders.scss

@@ -45,36 +45,29 @@
 %pf-hidden-visible {
   // base value for visible display property is set to 'block' by default and passed in to
   // placeholder via `pf-hidden-visible` mixin
-  --pf-hidden-visible--visible--Visibility: visible;
 
   // set hidden var values
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
 
   // set visibile var values
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
 
   // set default state to visible
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 
   // toggle values based on state
   &.pf-m-hidden {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
 
   @each $size, $bp in $pf-global--breakpoint-name-map {
     @media screen and (min-width: $bp) {
       &.pf-m-hidden-on-#{$size} {
         --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
       }
 
       &.pf-m-visible-on-#{$size} {
         --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
       }
     }
   }

package/sass-utilities/scss-variables.scss

@@ -8,12 +8,10 @@
 
 // Quickly modify global styling by enabling or disabling optional features.
 $pf-global--enable-reset: true !default;
-$pf-global--enable-font-overpass-cdn: false !default;
 $pf-global--enable-fontawesome-cdn: false !default;
 $pf-global--disable-fontawesome: false !default;
 $pf-global--load-pf-3: false !default;
 $pf-global--enable-shield: false !default;
-$pf-global--unset-root-font-size: true !default;
 
 // Patternfly uses the default root size of the browser, it assumes a 16px base
 // since most browser root size is 16. This variables is just to make the
@@ -198,17 +196,15 @@ $pf-global--icon--FontSize--xl: pf-font-prem(54px) !default;
 // Fonts
 // Font family
 // stylelint-disable value-keyword-case
-$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"' !default;
-$pf-global--FontFamily--overpass--monospace: '"overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace' !default;
 // stylelint-enable value-keyword-case
 
 // Font size
@@ -225,9 +221,6 @@ $pf-global--FontSize--xs: pf-font-prem(12px) !default;
 $pf-global--FontWeight--light: 300 !default;
 $pf-global--FontWeight--normal: 400 !default;
 $pf-global--FontWeight--bold: 700 !default;
-$pf-global--FontWeight--semi-bold: $pf-global--FontWeight--bold !default; // Just for legacy support while supporting Overpass
-$pf-global--FontWeight--overpass--semi-bold: 500 !default;
-$pf-global--FontWeight--overpass--bold: 600 !default;
 
 // Line height
 $pf-global--LineHeight--sm: 1.3 !default;

package/assets/fonts/overpass-mono-webfont/example.html

@@ -1,15 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-      <link rel="stylesheet" href="overpass-mono.css" />
-      <style>body{font-family: overpass-mono, monospace; font-size:9vw; }
-      p{margin:0; line-height:1.2em; padding:0;}</style>
-</head>
-<body>
-  <p style="font-weight:300">Overpass Mono</p>
-  <p style="font-weight:400">Overpass Mono</p>
-  <p style="font-weight:500">Overpass Mono</p>
-  <p style="font-weight:600">Overpass Mono</p>
-
-</body>
-</html>

package/assets/fonts/overpass-mono-webfont/overpass-mono.css

@@ -1,39 +0,0 @@
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-light.woff2') format('woff2'),
-       url('overpass-mono-light.woff') format('woff');
-       font-weight: 300;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-regular.woff2') format('woff2'),
-       url('overpass-mono-regular.woff') format('woff');
-       font-weight: 400;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-semibold.woff2') format('woff2'),
-       url('overpass-mono-semibold.woff') format('woff');
-       font-weight: 500;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-bold.woff2') format('woff2'),
-       url('overpass-mono-bold.woff') format('woff');
-       font-weight: 600;
-       font-style: normal;
-}

package/assets/fonts/overpass-webfont/example.html

@@ -1,18 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-      <link rel="stylesheet" href="overpass.css" />
-      <style>body{font-family: overpass, sans-serif; font-size:9vw; }
-      p{margin:0; line-height:1.2em; padding:0;}</style>
-</head>
-<body>
-  <p style="font-weight:200">Overpass <i>Overpass</i></p>
-  <p style="font-weight:300">Overpass <i>Overpass</i></p>
-  <p style="font-weight:400">Overpass <i>Overpass</i></p>
-  <p style="font-weight:500">Overpass <i>Overpass</i></p>
-  <p style="font-weight:600">Overpass <i>Overpass</i></p>
-  <p style="font-weight:700">Overpass <i>Overpass</i></p>
-  <p style="font-weight:800">Overpass <i>Overpass</i></p>
-  <p style="font-weight:900">Overpass <i>Overpass</i></p>
-</body>
-</html>

package/assets/fonts/overpass-webfont/overpass.css

@@ -1,141 +0,0 @@
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-thin.woff2') format('woff2'),
-       url('overpass-thin.woff') format('woff');
-       font-weight: 200;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-thin-italic.woff2') format('woff2'),
-       url('overpass-thin-italic.woff') format('woff');
-       font-weight: 200;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extralight.woff2') format('woff2'),
-       url('overpass-extralight.woff') format('woff');
-       font-weight: 300;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extralight-italic.woff2') format('woff2'),
-       url('overpass-extralight-italic.woff') format('woff');
-       font-weight: 300;
-       font-style: italic;
-}
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-light.woff2') format('woff2'),
-       url('overpass-light.woff') format('woff');
-       font-weight: 400;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-light-italic.woff2') format('woff2'),
-       url('overpass-light-italic.woff') format('woff');
-       font-weight: 400;
-       font-style: italic;
-}
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-regular.woff2') format('woff2'),
-       url('overpass-regular.woff') format('woff');
-       font-weight: 500;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-italic.woff2') format('woff2'),
-       url('overpass-italic.woff') format('woff');
-       font-weight: 500;
-       font-style: italic;
-}
-
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-semibold.woff2') format('woff2'),
-       url('overpass-semibold.woff') format('woff');
-       font-weight: 600;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-semibold-italic.woff2') format('woff2'),
-       url('overpass-semibold-italic.woff') format('woff');
-       font-weight: 600;
-       font-style: italic;
-}
-
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-bold.woff2') format('woff2'),
-       url('overpass-bold.woff') format('woff');
-       font-weight: 700;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-bold-italic.woff2') format('woff2'),
-       url('overpass-bold-italic.woff') format('woff');
-       font-weight: 700;
-       font-style: italic;
-}
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extrabold.woff2') format('woff2'),
-       url('overpass-extrabold.woff') format('woff');
-       font-weight: 800;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extrabold-italic.woff2') format('woff2'),
-       url('overpass-extrabold-italic.woff') format('woff');
-       font-weight: 800;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-heavy.woff2') format('woff2'),
-       url('overpass-heavy.woff') format('woff');
-       font-weight: 900;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-heavy-italic.woff2') format('woff2'),
-       url('overpass-heavy-italic.woff') format('woff');
-       font-weight: 900;
-       font-style: italic;
-}