@patternfly/react-core 6.0.0-alpha.81 → 6.0.0-alpha.83

package/dist/styles/base.css

@@ -181,7 +181,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatTextVF;
+  font-family: "Red Hat Text";
   font-style: normal;
   font-weight: 400 500;
   src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
@@ -189,7 +189,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatTextVF;
+  font-family: "Red Hat Text";
   font-style: italic;
   font-weight: 400 500;
   src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
@@ -197,7 +197,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatDisplayVF;
+  font-family: "Red Hat Display";
   font-style: normal;
   font-weight: 400 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
@@ -205,7 +205,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatDisplayVF;
+  font-family: "Red Hat Display";
   font-style: italic;
   font-weight: 400 700;
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
@@ -213,7 +213,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatMonoVF;
+  font-family: "Red Hat Mono";
   font-style: normal;
   font-weight: 400;
   src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
@@ -221,7 +221,7 @@ button) {
 }
 
 @font-face {
-  font-family: RedHatMonoVF;
+  font-family: "Red Hat Mono";
   font-style: italic;
   font-weight: 400;
   src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -1031,15 +1031,15 @@ button) {
   --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
   --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
   --pf-t--global--box-shadow--spread--100: 0px;
-  --pf-t--global--breakpoint--100: 0px;
-  --pf-t--global--breakpoint--200: 576px;
-  --pf-t--global--breakpoint--250: 640px;
-  --pf-t--global--breakpoint--300: 768px;
-  --pf-t--global--breakpoint--350: 960px;
-  --pf-t--global--breakpoint--400: 992px;
-  --pf-t--global--breakpoint--500: 1200px;
-  --pf-t--global--breakpoint--550: 1280px;
-  --pf-t--global--breakpoint--600: 1450px;
+  --pf-t--global--breakpoint--100: 0rem;
+  --pf-t--global--breakpoint--200: 36rem;
+  --pf-t--global--breakpoint--250: 40rem;
+  --pf-t--global--breakpoint--300: 48rem;
+  --pf-t--global--breakpoint--350: 60rem;
+  --pf-t--global--breakpoint--400: 62rem;
+  --pf-t--global--breakpoint--500: 75rem;
+  --pf-t--global--breakpoint--550: 80rem;
+  --pf-t--global--breakpoint--600: 90.625rem;
   --pf-t--global--delay--100: 0ms;
   --pf-t--global--delay--200: 50ms;
   --pf-t--global--delay--300: 100ms;
@@ -1051,37 +1051,41 @@ button) {
   --pf-t--global--duration--50: 50ms;
   --pf-t--global--duration--500: 500ms;
   --pf-t--global--duration--600: 600ms;
-  --pf-t--global--font--family--100: "Red Hat Text VF";
-  --pf-t--global--font--family--200: "Red Hat Display VF";
-  --pf-t--global--font--family--300: "Red Hat Mono VF";
+  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
+  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
+  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
   --pf-t--global--font--line-height--100: 1.3;
   --pf-t--global--font--line-height--200: 1.5;
-  --pf-t--global--font--size--100: 12px;
-  --pf-t--global--font--size--200: 14px;
-  --pf-t--global--font--size--300: 16px;
-  --pf-t--global--font--size--400: 18px;
-  --pf-t--global--font--size--500: 20px;
-  --pf-t--global--font--size--600: 22px;
-  --pf-t--global--font--size--700: 28px;
-  --pf-t--global--font--size--800: 36px;
+  --pf-t--global--font--size--100: 0.75rem;
+  --pf-t--global--font--size--200: 0.875rem;
+  --pf-t--global--font--size--300: 1rem;
+  --pf-t--global--font--size--400: 1.125rem;
+  --pf-t--global--font--size--500: 1.25rem;
+  --pf-t--global--font--size--600: 1.375rem;
+  --pf-t--global--font--size--700: 1.75rem;
+  --pf-t--global--font--size--800: 2.25rem;
   --pf-t--global--font--weight--100: 400;
   --pf-t--global--font--weight--200: 500;
   --pf-t--global--font--weight--300: 700;
   --pf-t--global--font--weight--400: 700;
-  --pf-t--global--icon--size--100: 12px;
-  --pf-t--global--icon--size--200: 14px;
-  --pf-t--global--icon--size--250: 16px;
-  --pf-t--global--icon--size--300: 22px;
-  --pf-t--global--icon--size--400: 56px;
-  --pf-t--global--icon--size--500: 96px;
-  --pf-t--global--spacer--100: 4px;
-  --pf-t--global--spacer--200: 8px;
-  --pf-t--global--spacer--300: 16px;
-  --pf-t--global--spacer--400: 24px;
-  --pf-t--global--spacer--500: 32px;
-  --pf-t--global--spacer--600: 48px;
-  --pf-t--global--spacer--700: 64px;
-  --pf-t--global--spacer--800: 80px;
+  --pf-t--global--icon--size--100: 0.75rem;
+  --pf-t--global--icon--size--200: 0.875rem;
+  --pf-t--global--icon--size--250: 1rem;
+  --pf-t--global--icon--size--300: 1.375rem;
+  --pf-t--global--icon--size--400: 3.5rem;
+  --pf-t--global--icon--size--500: 6rem;
+  --pf-t--global--spacer--100: 0.25rem;
+  --pf-t--global--spacer--200: 0.5rem;
+  --pf-t--global--spacer--300: 1rem;
+  --pf-t--global--spacer--400: 1.5rem;
+  --pf-t--global--spacer--500: 2rem;
+  --pf-t--global--spacer--600: 3rem;
+  --pf-t--global--spacer--700: 4rem;
+  --pf-t--global--spacer--800: 5rem;
+  --pf-t--global--text-decoration--line--100: none;
+  --pf-t--global--text-decoration--line--200: underline;
+  --pf-t--global--text-decoration--style--100: solid;
+  --pf-t--global--text-decoration--style--200: dashed;
   --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
   --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
   --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -1282,6 +1286,18 @@ button) {
   --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
   --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
   --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
+  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
+  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
+  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
   --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
   --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
   --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1450,6 +1466,8 @@ button) {
   --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
   --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
   --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
   --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
   --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -1463,6 +1481,8 @@ button) {
   --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
   --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
+  --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--background--color--control--default: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -1633,24 +1653,8 @@ button) {
   --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
-  --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
-  --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
-  --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
-  --pf-t--global--font--line-height--100: 1.3;
-  --pf-t--global--font--line-height--200: 1.5;
-  --pf-t--global--font--weight--body--100: 400;
-  --pf-t--global--font--weight--body--200: 500;
-  --pf-t--global--font--weight--heading--100: 700;
-  --pf-t--global--font--weight--heading--200: 700;
-  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
-  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
-  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
-  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
-  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
-  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
-  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
-  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
-  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
+  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
+  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
   --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
   --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
   --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);