@patternfly/patternfly 6.0.0-alpha.174 → 6.0.0-alpha.175

package/components/Button/button.css

@@ -84,6 +84,7 @@
   --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
   --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
+  --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
   --pf-v6-c-button--m-link--m-inline--FontSize: initial;
   --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
   --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -104,7 +105,8 @@
   --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
   --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
@@ -335,6 +337,7 @@
 }
 .pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
+  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
   --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
   --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
   --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -454,6 +457,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 .pf-v6-c-button.pf-m-plain {
   --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
   --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
+  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
   --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
   --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
   --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);

package/components/Button/button.scss

@@ -102,6 +102,7 @@
 
   // Link inline
   --#{$button}--m-link--m-inline--Display: inline-flex;
+  --#{$button}--m-link--m-inline--JustifyContent: flex-start;
   --#{$button}--m-link--m-inline--FontSize: initial;
   --#{$button}--m-link--m-inline--LineHeight: initial;
   --#{$button}--m-link--m-inline--FontWeight: initial;
@@ -124,7 +125,8 @@
   --#{$button}--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --#{$button}--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --#{$button}--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --#{$button}--m-plain--Color: var(--pf-t--global--icon--color--regular);
+  --#{$button}--m-plain--Color: var(--pf-t--global--text--color--regular);
+  --#{$button}--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
   --#{$button}--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --#{$button}--m-plain--MinWidth: calc(1em * var(--#{$button}--LineHeight) + var(--#{$button}--m-plain--PaddingBlockStart) + var(--#{$button}--m-plain--PaddingBlockEnd));
   --#{$button}--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
@@ -401,6 +403,7 @@
       }
 
       --#{$button}--Display: var(--#{$button}--m-link--m-inline--Display);
+      --#{$button}--JustifyContent: var(--#{$button}--m-link--m-inline--JustifyContent);
       --#{$button}--FontSize: var(--#{$button}--m-link--m-inline--FontSize);
       --#{$button}--LineHeight: var(--#{$button}--m-link--m-inline--LineHeight);
       --#{$button}--FontWeight: var(--#{$button}--m-link--m-inline--FontWeight);
@@ -534,6 +537,7 @@
   &.pf-m-plain {
     --#{$button}--BorderRadius: var(--#{$button}--m-plain--BorderRadius);
     --#{$button}--Color: var(--#{$button}--m-plain--Color);
+    --#{$button}__icon--Color: var(--#{$button}--m-plain__icon--Color);
     --#{$button}--BackgroundColor: var(--#{$button}--m-plain--BackgroundColor);
     --#{$button}--PaddingBlockStart: var(--#{$button}--m-plain--PaddingBlockStart);
     --#{$button}--PaddingInlineEnd: var(--#{$button}--m-plain--PaddingInlineEnd);

package/components/Card/card.css

@@ -302,8 +302,8 @@
 .pf-v6-c-card__title:not(:last-child) {
   padding-block-end: var(--pf-v6-c-card__title--not--last-child--PaddingBlockEnd);
 }
-.pf-v6-c-card__header button.pf-m-inline.pf-m-disabled,
-.pf-v6-c-card__title button.pf-m-inline.pf-m-disabled {
+.pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled,
+.pf-v6-c-card__title .pf-v6-c-button.pf-m-inline:disabled {
   --pf-v6-c-button--disabled--Color: var(--pf-v6-c-card--c-button--disabled--Color);
 }
 

package/components/Card/card.scss

@@ -384,7 +384,7 @@
   }
 
   // Normal disabled button color won't show on the disabled card
-  button.pf-m-inline.pf-m-disabled {
+  .#{$button}.pf-m-inline:disabled {
     --#{$button}--disabled--Color: var(--#{$card}--c-button--disabled--Color);
   }
 }

package/components/ClipboardCopy/clipboard-copy.css

@@ -92,6 +92,6 @@
 }
 
 .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
-  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
-  --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
+  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
 }

package/components/ClipboardCopy/clipboard-copy.scss

@@ -115,8 +115,8 @@
 .#{$clipboard-copy}__actions-item {
 
   .#{$button}.pf-m-plain {
-    --#{$button}--m-plain--Color: var(--#{$clipboard-copy}__actions-item--button--Color);
-    --#{$button}--m-plain--hover--Color: var(--#{$clipboard-copy}__actions-item--button--hover--Color);
+    --#{$button}--m-plain__icon--Color: var(--#{$clipboard-copy}__actions-item--button--Color);
+    --#{$button}--m-plain--hover__icon--Color: var(--#{$clipboard-copy}__actions-item--button--hover--Color);
   }
 }
 

package/components/JumpLinks/jump-links.css

@@ -48,8 +48,6 @@
   --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
   --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
-  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
 }
 
 .pf-v6-c-jump-links {
@@ -243,9 +241,4 @@
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
   scale: -1 1;
-}
-
-.pf-v6-c-jump-links__toggle-text {
-  margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
-  color: var(--pf-v6-c-jump-links__toggle-text--Color);
 }

package/components/JumpLinks/jump-links.scss

@@ -65,10 +65,6 @@ $pf-v6-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
   --#{$jump-links}__toggle-icon--Transition: var(--pf-t--global--transition);
   --#{$jump-links}__toggle-icon--Rotate: 0;
   --#{$jump-links}--m-expanded__toggle-icon--Rotate: 90deg;
-
-  // toggle text
-  --#{$jump-links}__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
-  --#{$jump-links}__toggle-text--Color: var(--pf-t--global--text--color--regular);
 }
 
 .#{$jump-links} {
@@ -225,8 +221,3 @@ $pf-v6-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
   transition: var(--#{$jump-links}__toggle-icon--Transition);
   transform: rotate(var(--#{$jump-links}__toggle-icon--Rotate));
 }
-
-.#{$jump-links}__toggle-text {
-  margin-inline-start: var(--#{$jump-links}__toggle-text--MarginInlineStart);
-  color: var(--#{$jump-links}__toggle-text--Color);
-}

package/components/Label/label.css

@@ -188,7 +188,7 @@
   --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
-  --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
 }
 
 .pf-v6-c-label {
@@ -431,7 +431,7 @@
   pointer-events: none;
 }
 .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
-  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
+  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
 }
 
 .pf-v6-c-label,

package/components/Label/label.scss

@@ -246,7 +246,7 @@
   --#{$label}--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --#{$label}--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --#{$label}--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
-  --#{$label}--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --#{$label}--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
 }
 
 .#{$label} {
@@ -522,7 +522,7 @@
     pointer-events: none;
 
     .#{$button} {
-      --#{$button}--m-plain--disabled--Color: var(--#{$label}--m-disabled--c-button--disabled--Color);
+      --#{$button}--m-plain--disabled__icon--Color: var(--#{$label}--m-disabled--c-button--disabled__icon--Color);
     }
   }
 }

package/components/NumberInput/number-input.css

@@ -34,6 +34,5 @@
 }
 
 .pf-v6-c-number-input__icon {
-  display: flex;
   font-size: var(--pf-v6-c-number-input__icon--FontSize);
 }

package/components/NumberInput/number-input.scss

@@ -40,6 +40,5 @@
 }
 
 .#{$number-input}__icon {
-  display: flex;
   font-size: var(--#{$number-input}__icon--FontSize);
 }

package/components/Tabs/tabs.css

@@ -102,13 +102,8 @@
   --pf-v6-c-tabs__item--ScrollSnapAlign: end;
   --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
   --pf-v6-c-tabs__toggle--Display: flex;
-  --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
   --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
   --pf-v6-c-tabs__toggle-icon--Rotate: 0;
-  --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
-  --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -345,7 +340,6 @@
 }
 .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
   --pf-v6-c-tabs__list--Display: flex;
-  --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
   --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
 }
 .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
@@ -399,19 +393,13 @@
   align-items: center;
 }
 
-.pf-v6-c-tabs__toggle-button {
-  --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
-  --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
-}
 .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
-  display: flex;
-  text-align: start;
+  justify-content: start;
   white-space: normal;
 }
 
 .pf-v6-c-tabs__toggle-icon {
   display: inline-block;
-  color: var(--pf-v6-c-tabs__toggle-icon--Color);
   transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
   transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
 }
@@ -419,11 +407,6 @@
   scale: -1 1;
 }
 
-.pf-v6-c-tabs__toggle-text {
-  margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
-  color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
-}
-
 .pf-v6-c-tabs__list {
   scrollbar-width: none;
   -ms-overflow-style: -ms-autohiding-scrollbar;

package/components/Tabs/tabs.scss

@@ -129,13 +129,8 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
 
   // Expandable
   --#{$tabs}__toggle--Display: flex;
-  --#{$tabs}__toggle-icon--Color: currentcolor;
   --#{$tabs}__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
   --#{$tabs}__toggle-icon--Rotate: 0;
-  --#{$tabs}__toggle-text--MarginInlineStart: 0;
-  --#{$tabs}__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
-  --#{$tabs}__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
-  --#{$tabs}--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --#{$tabs}--m-expanded__toggle-icon--Rotate: 90deg;
   --#{$tabs}--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
   --#{$tabs}--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -389,7 +384,6 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
 
     &.pf-m-expanded {
       --#{$tabs}__list--Display: flex;
-      --#{$tabs}__toggle-icon--Color: var(--#{$tabs}--m-expanded__toggle-icon--Color);
       --#{$tabs}__toggle-icon--Rotate: var(--#{$tabs}--m-expanded__toggle-icon--Rotate);
     }
   }
@@ -466,12 +460,8 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
 }
 
 .#{$tabs}__toggle-button {
-  --#{$tabs}__toggle-text--MarginInlineStart: var(--#{$tabs}__toggle-button__toggle-text--MarginInlineStart);
-  --#{$tabs}__toggle-text--Color: var(--#{$tabs}__toggle-button__toggle-text--Color);
-
   .#{$button} {
-    display: flex;
-    text-align: start;
+    justify-content: start;
     white-space: normal;
   }
 }
@@ -480,17 +470,10 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
   @include pf-v6-mirror-inline-on-rtl;
 
   display: inline-block;
-  color: var(--#{$tabs}__toggle-icon--Color);
   transition: var(--#{$tabs}__toggle-icon--Transition);
   transform: rotate(var(--#{$tabs}__toggle-icon--Rotate));
 }
 
-.#{$tabs}__toggle-text {
-  margin-inline-start: var(--#{$tabs}__toggle-text--MarginInlineStart);
-  color: var(--#{$tabs}__toggle-text--Color, inherit);
-}
-
-
 // Tab list
 .#{$tabs}__list {
   @include pf-v6-overflow-hide-scroll;

package/components/_index.css

@@ -1490,6 +1490,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
   --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
+  --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
   --pf-v6-c-button--m-link--m-inline--FontSize: initial;
   --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
   --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -1510,7 +1511,8 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
   --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
@@ -1741,6 +1743,7 @@ button.pf-v6-c-breadcrumb__link {
 }
 .pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
+  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
   --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
   --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
   --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -1860,6 +1863,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 .pf-v6-c-button.pf-m-plain {
   --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
   --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
+  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
   --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
   --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
   --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
@@ -2495,8 +2499,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 .pf-v6-c-card__title:not(:last-child) {
   padding-block-end: var(--pf-v6-c-card__title--not--last-child--PaddingBlockEnd);
 }
-.pf-v6-c-card__header button.pf-m-inline.pf-m-disabled,
-.pf-v6-c-card__title button.pf-m-inline.pf-m-disabled {
+.pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled,
+.pf-v6-c-card__title .pf-v6-c-button.pf-m-inline:disabled {
   --pf-v6-c-button--disabled--Color: var(--pf-v6-c-card--c-button--disabled--Color);
 }
 
@@ -2691,8 +2695,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 }
 
 .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
-  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
-  --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
+  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
 }
 
 :where(:root, .pf-v6-c-code-block) {
@@ -7622,8 +7626,6 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
   --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
-  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
 }
 
 .pf-v6-c-jump-links {
@@ -7819,11 +7821,6 @@ label.pf-v6-c-input-group__text {
   scale: -1 1;
 }
 
-.pf-v6-c-jump-links__toggle-text {
-  margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
-  color: var(--pf-v6-c-jump-links__toggle-text--Color);
-}
-
 :where(:root, .pf-v6-c-label) {
   --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8014,7 +8011,7 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
-  --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
 }
 
 .pf-v6-c-label {
@@ -8257,7 +8254,7 @@ label.pf-v6-c-input-group__text {
   pointer-events: none;
 }
 .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
-  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
+  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
 }
 
 .pf-v6-c-label,
@@ -18272,13 +18269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-tabs__item--ScrollSnapAlign: end;
   --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
   --pf-v6-c-tabs__toggle--Display: flex;
-  --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
   --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
   --pf-v6-c-tabs__toggle-icon--Rotate: 0;
-  --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
-  --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18515,7 +18507,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
   --pf-v6-c-tabs__list--Display: flex;
-  --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
   --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
 }
 .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
@@ -18569,19 +18560,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   align-items: center;
 }
 
-.pf-v6-c-tabs__toggle-button {
-  --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
-  --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
-}
 .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
-  display: flex;
-  text-align: start;
+  justify-content: start;
   white-space: normal;
 }
 
 .pf-v6-c-tabs__toggle-icon {
   display: inline-block;
-  color: var(--pf-v6-c-tabs__toggle-icon--Color);
   transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
   transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
 }
@@ -18589,11 +18574,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   scale: -1 1;
 }
 
-.pf-v6-c-tabs__toggle-text {
-  margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
-  color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
-}
-
 .pf-v6-c-tabs__list {
   scrollbar-width: none;
   -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -21912,7 +21892,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 
 .pf-v6-c-number-input__icon {
-  display: flex;
   font-size: var(--pf-v6-c-number-input__icon--FontSize);
 }
 

package/docs/components/AboutModalBox/examples/AboutModalBox.md

@@ -24,7 +24,7 @@ cssPrefix: pf-v6-c-about-modal-box
       type="button"
       aria-label="Close dialog"
     >
-      <span class="pf-v6-c-button__text">
+      <span class="pf-v6-c-button__icon">
         <i class="fas fa-times" aria-hidden="true"></i>
       </span>
     </button>

package/docs/components/ActionList/examples/ActionList.md

@@ -40,7 +40,7 @@ cssPrefix: pf-v6-c-action-list
         type="button"
         aria-label="Toggle"
       >
-        <span class="pf-v6-c-button__text">
+        <span class="pf-v6-c-button__icon">
           <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
         </span>
       </button>
@@ -56,14 +56,14 @@ cssPrefix: pf-v6-c-action-list
 <div class="pf-v6-c-action-list pf-m-icons">
   <div class="pf-v6-c-action-list__item">
     <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
-      <span class="pf-v6-c-button__text">
+      <span class="pf-v6-c-button__icon">
         <i class="fas fa-times" aria-hidden="true"></i>
       </span>
     </button>
   </div>
   <div class="pf-v6-c-action-list__item">
     <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Toggle">
-      <span class="pf-v6-c-button__text">
+      <span class="pf-v6-c-button__icon">
         <i class="fas fa-check" aria-hidden="true"></i>
       </span>
     </button>
@@ -78,7 +78,7 @@ cssPrefix: pf-v6-c-action-list
         type="button"
         aria-label="Close"
       >
-        <span class="pf-v6-c-button__text">
+        <span class="pf-v6-c-button__icon pf-m-start">
           <i class="fas fa-times" aria-hidden="true"></i>
         </span>
       </button>
@@ -89,7 +89,7 @@ cssPrefix: pf-v6-c-action-list
         type="button"
         aria-label="Toggle"
       >
-        <span class="pf-v6-c-button__text">
+        <span class="pf-v6-c-button__icon">
           <i class="fas fa-check" aria-hidden="true"></i>
         </span>
       </button>
@@ -102,7 +102,7 @@ cssPrefix: pf-v6-c-action-list
         type="button"
         aria-label="Close"
       >
-        <span class="pf-v6-c-button__text">
+        <span class="pf-v6-c-button__icon">
           <i class="fas fa-times" aria-hidden="true"></i>
         </span>
       </button>
@@ -113,7 +113,7 @@ cssPrefix: pf-v6-c-action-list
         type="button"
         aria-label="Toggle"
       >
-        <span class="pf-v6-c-button__text">
+        <span class="pf-v6-c-button__icon">
           <i class="fas fa-check" aria-hidden="true"></i>
         </span>
       </button>