@patternfly/react-core 5.0.0-alpha.50 → 5.0.0-alpha.51

package/dist/styles/base.css

@@ -18,29 +18,6 @@
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
 
-.pf-t-dark .pf-c-card {
-  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
-}
-
-.pf-t-dark .pf-c-button {
-  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
-}
-
 :root {
   --pf-global--palette--black-100: #fafafa;
   --pf-global--palette--black-150: #f5f5f5;
@@ -156,9 +133,9 @@
   --pf-global--primary-color--light-100: #73bcf7;
   --pf-global--primary-color--dark-100: #06c;
   --pf-global--secondary-color--100: #6a6e73;
-  --pf-global--default-color--100: #73c5c5;
-  --pf-global--default-color--200: #009596;
-  --pf-global--default-color--300: #003737;
+  --pf-global--custom-color--100: #73c5c5;
+  --pf-global--custom-color--200: #009596;
+  --pf-global--custom-color--300: #003737;
   --pf-global--success-color--100: #3e8635;
   --pf-global--success-color--200: #1e4f18;
   --pf-global--info-color--100: #2b9af3;
@@ -380,7 +357,7 @@
   font-family: "RedHatDisplay";
   font-style: normal;
   font-weight: 300;
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 
@@ -388,7 +365,7 @@
   font-family: "RedHatDisplay";
   font-style: normal;
   font-weight: 400;
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 
@@ -396,7 +373,7 @@
   font-family: "RedHatDisplay";
   font-style: normal;
   font-weight: 700;
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 
@@ -404,7 +381,7 @@
   font-family: "RedHatText";
   font-style: normal;
   font-weight: 400;
-  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
+  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 
@@ -412,7 +389,7 @@
   font-family: "RedHatText";
   font-style: normal;
   font-weight: 700;
-  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
+  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 
@@ -535,7 +512,7 @@
   font-variant-numeric: tabular-nums;
 }
 
-html,
+:where(html,
 body,
 p,
 ol,
@@ -557,35 +534,48 @@ h2,
 h3,
 h4,
 h5,
-h6 {
+h6) {
   padding: 0;
   margin: 0;
 }
 
-html,
-body {
+*,
+:where(*::before,
+*::after) {
+  box-sizing: border-box;
+}
+
+:where(html,
+body) {
   height: 100%;
 }
 
-h1,
+:where(body) {
+  font-family: var(--pf-global--FontFamily--sans-serif);
+  font-size: var(--pf-global--FontSize--md);
+  font-weight: var(--pf-global--FontWeight--normal);
+  line-height: var(--pf-global--LineHeight--md);
+}
+
+:where(h1,
 h2,
 h3,
 h4,
 h5,
-h6 {
+h6) {
   font-size: 100%;
   font-weight: var(--pf-global--FontWeight--normal);
 }
 
-ul {
+:where(ul) {
   list-style: none;
 }
 
-button,
+:where(button,
 input,
 optgroup,
 select,
-textarea {
+textarea) {
   margin: 0;
   font-family: inherit;
   font-size: 100%;
@@ -593,69 +583,49 @@ textarea {
   color: var(--pf-global--Color--100);
 }
 
-img,
+:where(img,
 embed,
 iframe,
 object,
 audio,
-video {
+video) {
   max-width: 100%;
   height: auto;
 }
 
-iframe {
+:where(iframe) {
   border: 0;
 }
 
-table {
+:where(table) {
   border-spacing: 0;
   border-collapse: collapse;
 }
 
-td,
-th {
+:where(td,
+th) {
   padding: 0;
   text-align: left;
 }
 
-code,
-pre {
+:where(code,
+pre) {
   font-family: var(--pf-global--FontFamily--monospace);
 }
 
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-}
-
-body {
-  font-family: var(--pf-global--FontFamily--sans-serif);
-  font-size: var(--pf-global--FontSize--md);
-  font-weight: var(--pf-global--FontWeight--normal);
-  line-height: var(--pf-global--LineHeight--md);
-  text-align: left;
-  background-color: var(--pf-global--BackgroundColor--100);
-}
-
-a {
+:where(a) {
   font-weight: var(--pf-global--link--FontWeight);
   color: var(--pf-global--link--Color);
   text-decoration: var(--pf-global--link--TextDecoration);
 }
 
-a:hover {
+:where(a:hover) {
   --pf-global--link--Color: var(--pf-global--link--Color--hover);
   --pf-global--link--TextDecoration: var(--pf-global--link--TextDecoration--hover);
 }
 
-button,
-a {
+:where(a,
+button) {
   cursor: pointer;
 }
 
@@ -701,7 +671,7 @@ a {
 
 @font-face {
   font-family: "pficon";
-  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
+  src: url("./assets/pficon/pficon.woff2") format("woff2");
 }
 
 .pf-icon-zone:before,