@patternfly/patternfly 6.0.0-alpha.183 → 6.0.0-alpha.185

package/components/_index.css

@@ -7162,8 +7162,8 @@ select ~ .pf-v6-c-form-control__utilities {
 }
 
 :where(:root, .pf-v6-c-icon) {
-  --pf-v6-c-icon--Width: 1em;
-  --pf-v6-c-icon--Height: 1em;
+  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
   --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
   --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
   --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -7197,14 +7197,14 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-icon--m-inline--Width: 1em;
   --pf-v6-c-icon--m-inline--Height: 1em;
   --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
-  --pf-v6-c-icon__content--Color: initial;
+  --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
   --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
   --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
   --pf-v6-c-icon--m-inline__content--Color: initial;
-  --pf-v6-c-icon__content--FontSize: 1em;
+  --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
   --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
   --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
   --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
@@ -18736,10 +18736,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 :where(:root, .pf-v6-c-text-input-group) {
   --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
+  --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
+  --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
   --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
+  --pf-v6-c-text-input-group__LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v6-c-text-input-group__FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
+  --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
+  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
   --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
   --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -18760,7 +18769,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
   --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
   --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
+  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
+  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
   --pf-v6-c-text-input-group__icon--TranslateY: -50%;
   --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -18773,24 +18789,60 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   position: relative;
   display: flex;
   width: 100%;
+  font-size: var(--pf-v6-c-text-input-group__FontSize);
+  line-height: var(--pf-v6-c-text-input-group__LineHeight);
   color: var(--pf-v6-c-text-input-group--Color, inherit);
   background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
+  border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
+  border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
+  border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
+  border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
 }
-.pf-v6-c-text-input-group:hover {
-  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
+.pf-v6-c-text-input-group::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
+  border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
+  border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
+  border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
+  border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
 }
 .pf-v6-c-text-input-group.pf-m-disabled {
   --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
-  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
+  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
+  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
   --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
   pointer-events: none;
 }
 .pf-v6-c-text-input-group.pf-m-plain {
   --pf-v6-c-text-input-group--BackgroundColor: transparent;
 }
-.pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before {
+.pf-v6-c-text-input-group.pf-m-plain::before {
   border: 0;
 }
+.pf-v6-c-text-input-group.pf-m-success {
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-success--BorderColor);
+  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-success--BorderColor);
+  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color);
+}
+.pf-v6-c-text-input-group.pf-m-warning {
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-warning--BorderColor);
+  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor);
+  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color);
+}
+.pf-v6-c-text-input-group.pf-m-error {
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-error--BorderColor);
+  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
+  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
+}
+.pf-v6-c-text-input-group:hover {
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
+}
+.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
+  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
+}
 
 .pf-v6-c-text-input-group__main {
   display: flex;
@@ -18800,7 +18852,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   min-width: 0;
 }
 .pf-v6-c-text-input-group__main.pf-m-icon {
+  --pf-v6-c-text-input-group__text--Position: relative;
   --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
 }
 .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
   padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
@@ -18814,22 +18871,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 
 .pf-v6-c-text-input-group__text {
+  position: var(--pf-v6-c-text-input-group__text--Position, revert);
   display: inline-grid;
   flex: 1;
   grid-template-areas: "text-input";
   grid-template-columns: 1fr;
 }
-.pf-v6-c-text-input-group__text::before {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  content: "";
-  border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
-  border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
-  border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
-  border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
-  border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
-}
 
 .pf-v6-c-text-input-group__icon {
   position: absolute;
@@ -18838,6 +18885,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   color: var(--pf-v6-c-text-input-group__icon--Color);
   transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
 }
+.pf-v6-c-text-input-group__icon.pf-m-status {
+  inset-inline-start: auto;
+  inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
+  color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
+}
 
 .pf-v6-c-text-input-group__text-input {
   overflow: hidden;

package/docs/components/TextInputGroup/examples/TextInputGroup.md

@@ -97,6 +97,76 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
 
 ```
 
+### With validation
+
+```html
+<div class="pf-v6-c-text-input-group pf-m-success">
+  <div class="pf-v6-c-text-input-group__main">
+    <span class="pf-v6-c-text-input-group__text">
+      <input
+        class="pf-v6-c-text-input-group__text-input"
+        type="text"
+        value="Success validation"
+        aria-label="Type to filter"
+      />
+      <span class="pf-v6-c-text-input-group__icon pf-m-status">
+        <i aria-hidden="true" class="fas fa-check-circle"></i>
+      </span>
+    </span>
+  </div>
+</div>
+<br />
+<div class="pf-v6-c-text-input-group pf-m-warning">
+  <div class="pf-v6-c-text-input-group__main pf-m-icon">
+    <span class="pf-v6-c-text-input-group__text">
+      <span class="pf-v6-c-text-input-group__icon">
+        <i class="fas fa-fw fa-search"></i>
+      </span>
+      <input
+        class="pf-v6-c-text-input-group__text-input"
+        type="text"
+        value="Warning validation with icon at start"
+        aria-label="Type to filter"
+      />
+      <span class="pf-v6-c-text-input-group__icon pf-m-status">
+        <i aria-hidden="true" class="fas fa-exclamation-triangle"></i>
+      </span>
+    </span>
+  </div>
+</div>
+<br />
+<div class="pf-v6-c-text-input-group pf-m-error">
+  <div class="pf-v6-c-text-input-group__main pf-m-icon">
+    <span class="pf-v6-c-text-input-group__text">
+      <span class="pf-v6-c-text-input-group__icon">
+        <i class="fas fa-fw fa-search"></i>
+      </span>
+      <input
+        class="pf-v6-c-text-input-group__text-input"
+        type="text"
+        value="Error validation with icon at start and utilities"
+        aria-label="Type to filter"
+      />
+      <span class="pf-v6-c-text-input-group__icon pf-m-status">
+        <i aria-hidden="true" class="fas fa-exclamation-circle"></i>
+      </span>
+    </span>
+  </div>
+  <div class="pf-v6-c-text-input-group__utilities">
+    <button
+      class="pf-v6-c-button pf-m-plain"
+      type="button"
+      aria-label="Clear input"
+    >
+      <span class="pf-v6-c-button__text">
+        <i class="fas fa-times fa-fw" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+</div>
+
+```
+
 ### Filters
 
 ```html
@@ -1386,3 +1456,13 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
 </div>
 
 ```
+
+### Usage
+
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-m-success` | `.pf-v6-c-text-input-group` | Applies success validation styling. |
+| `.pf-m-warning` | `.pf-v6-c-text-input-group` | Applies warning validation styling. |
+| `.pf-m-error` | `.pf-v6-c-text-input-group` | Applies error validation styling. |
+| `.pf-m-icon` | `.pf-v6-c-text-input-group__main` | Applies styling when icons are included in the container. |
+| `.pf-m-status` | `.pf-v6-c-text-input-group__icon` | Applies status styling to the icon, matching the status modifier applied to `.pf-v6-c-text-input-group`. |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.183",
+  "version": "6.0.0-alpha.185",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-base-no-globals.css

@@ -58,42 +58,42 @@
 }
 
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
@@ -5576,24 +5576,8 @@
   --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);

package/patternfly-base.css

@@ -179,42 +179,42 @@ 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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
   font-display: fallback;
 }
 @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");
@@ -5697,24 +5697,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);