@patternfly/react-core 6.5.0-prerelease.74 → 6.5.0-prerelease.76

package/dist/styles/base.css

@@ -46,6 +46,14 @@ h6) {
   max-height: var(--pf-t--global--spacer--sm);
 }
 
+:where(html) {
+  background-image: var(--pf-t--global--background--image--default);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-position: center;
+  background-size: cover;
+}
+
 :where(html,
 body) {
   height: 100%;
@@ -1567,7 +1575,7 @@ button) {
   --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
   --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
   --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
-  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
+  --pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
   --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
   --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
@@ -1745,7 +1753,7 @@ button) {
   --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
   --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
   --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
-  --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
+  --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
   --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
   --pf-t--global--background--color--glass--primary--default: initial;
@@ -2037,10 +2045,7 @@ button) {
     var(--pf-t--global--box-shadow--color--lg--directional);
   --pf-t--global--list-style: disc outside;
   --pf-t--temp--dev--tbd: #BC11E0;
-}
-
-:root:where(.pf-v6-theme-glass) {
-  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
+  --pf-t--global--background--image--default: none;
 }
 
 :root:where(.pf-v6-theme-high-contrast) {
@@ -2759,9 +2764,11 @@ button) {
   --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
   --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
   --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
+  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
+  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
 }
 
-:root:where(.pf-v6-theme-redhat) {
+:root:where(.pf-v6-theme-felt) {
   --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
   --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
   --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
@@ -2772,7 +2779,7 @@ button) {
   --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
 }
 
-:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
+:root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
   --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
   --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
   --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
@@ -2884,6 +2891,7 @@ button) {
   --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
   --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
   --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
+  --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
@@ -2896,7 +2904,7 @@ button) {
   --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
 }
 
-:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
+:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
   --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
   --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
   --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
@@ -2920,6 +2928,7 @@ button) {
   --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
   --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
   --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
+  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
 }
 
 :root:where(.pf-v6-theme-dark) {
@@ -3776,9 +3785,10 @@ button) {
   --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
   --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
   --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
+  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass--dark, url("./assets/images/PF-Bkg-Generic-Dark.svg"));
 }
 
-:root:where(.pf-v6-theme-dark.pf-v6-theme-redhat) {
+:root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
   --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
   --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
   --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
@@ -3795,7 +3805,7 @@ button) {
   --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
 }
 
-:root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
+:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
   --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
   --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
@@ -3841,7 +3851,7 @@ button) {
   --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
 }
 
-:root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-glass) {
+:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
   --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
   --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
   --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
@@ -3875,6 +3885,7 @@ button) {
   --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
   --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
   --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
+  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass--dark, url("./assets/images/Felt-Bkg-Generic-Dark.svg"));
 }
 
 :is(.pf-v6-m-dir-rtl, [dir=rtl]) {