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

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,
@@ -8523,183 +8520,6 @@ ul.pf-v6-c-list {
   color: var(--pf-v6-c-list__item-icon--Color);
 }
 
-:where(:root, .pf-v6-c-log-viewer) {
-  --pf-v6-c-log-viewer--Height: 100%;
-  --pf-v6-c-log-viewer--MaxHeight: auto;
-  --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
-  --pf-v6-c-log-viewer__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
-  --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
-  --pf-v6-c-log-viewer__scroll-container--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart: 0;
-  --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd: 0;
-  --pf-v6-c-log-viewer--m-line-numbers__list--before--Width: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-log-viewer__list--Height: auto;
-  --pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart: var(--pf-v6-c-log-viewer__index--Width);
-  --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
-  --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-log-viewer__index--Display: none;
-  --pf-v6-c-log-viewer__index--Width: 4.0625rem;
-  --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-log-viewer__index--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
-  --pf-v6-c-log-viewer--line-number-chars: 4.4;
-  --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingInlineEnd) + var(--pf-v6-c-log-viewer__index--PaddingInlineStart));
-  --pf-v6-c-log-viewer__text--PaddingInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-log-viewer__text--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-log-viewer__text--WordBreak: break-all;
-  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
-  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
-  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
-  --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
-  --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
-  --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
-  --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
-  --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
-  --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
-  --pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd: 0;
-  --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd: 0;
-  --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart: 0;
-  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
-  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
-}
-
-.pf-v6-c-log-viewer {
-  display: flex;
-  flex-direction: column;
-  height: var(--pf-v6-c-log-viewer--Height);
-  max-height: var(--pf-v6-c-log-viewer--MaxHeight);
-}
-.pf-v6-c-log-viewer.pf-m-dark {
-  --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
-}
-.pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
-  --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
-}
-.pf-v6-c-log-viewer.pf-m-wrap-text {
-  word-break: break-all;
-}
-.pf-v6-c-log-viewer.pf-m-nowrap {
-  --pf-v6-c-log-viewer__text--WhiteSpace: var(--pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace);
-}
-.pf-v6-c-log-viewer.pf-m-line-numbers {
-  --pf-v6-c-log-viewer__index--Display: var(--pf-v6-c-log-viewer--m-line-numbers__index--Display);
-}
-.pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list {
-  position: absolute;
-  inset-inline-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart);
-  inset-inline-end: 0;
-}
-.pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list::before {
-  position: absolute;
-  inset-block-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart);
-  inset-block-end: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd);
-  inset-inline-start: 0;
-  width: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--Width);
-  content: "";
-  background: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor);
-}
-.pf-v6-c-log-viewer.pf-m-line-number-chars {
-  --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd);
-  --pf-v6-c-log-viewer__index--Width: var(--pf-v6-c-log-viewer--m-line-number-chars__index--Width);
-}
-.pf-v6-c-log-viewer .pf-v6-c-toolbar {
-  --pf-v6-c-toolbar--PaddingBlockStart: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart);
-  --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd);
-  --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd);
-  --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart);
-  --pf-v6-c-toolbar__group--m-toggle-group--spacer: 0;
-  --pf-v6-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
-}
-.pf-v6-c-log-viewer .pf-v6-c-toolbar__content-section {
-  flex-wrap: nowrap;
-}
-
-.pf-v6-c-log-viewer__header {
-  margin-block-end: var(--pf-v6-c-log-viewer__header--MarginBlockEnd);
-}
-
-.pf-v6-c-log-viewer__main {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  background-color: var(--pf-v6-c-log-viewer__main--BackgroundColor);
-  border: var(--pf-v6-c-log-viewer__main--BorderWidth) solid var(--pf-v6-c-log-viewer__main--BorderColor);
-}
-
-.pf-v6-c-log-viewer__scroll-container {
-  position: relative;
-  height: var(--pf-v6-c-log-viewer__scroll-container--Height);
-  padding-block-start: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd);
-  overflow: auto;
-  will-change: transform;
-  direction: ltr;
-}
-
-.pf-v6-c-log-viewer__list {
-  position: relative;
-  height: var(--pf-v6-c-log-viewer__list--Height);
-  font-family: var(--pf-v6-c-log-viewer__list--FontFamily);
-  font-size: var(--pf-v6-c-log-viewer__list--FontSize);
-}
-
-.pf-v6-c-log-viewer__list-item {
-  inset-inline-start: 0;
-  width: 100%;
-}
-
-.pf-v6-c-log-viewer__string.pf-m-match {
-  color: var(--pf-v6-c-log-viewer__string--m-match--Color, inherit);
-  background-color: var(--pf-v6-c-log-viewer__string--m-match--BackgroundColor);
-}
-.pf-v6-c-log-viewer__string.pf-m-current {
-  color: var(--pf-v6-c-log-viewer__string--m-current--Color, inherit);
-  background-color: var(--pf-v6-c-log-viewer__string--m-current--BackgroundColor);
-}
-
-.pf-v6-c-log-viewer__index {
-  position: fixed;
-  inset-inline-start: 0;
-  display: var(--pf-v6-c-log-viewer__index--Display);
-  width: var(--pf-v6-c-log-viewer__index--Width);
-  padding-inline-start: var(--pf-v6-c-log-viewer__index--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-log-viewer__index--PaddingInlineEnd);
-  font-family: var(--pf-v6-c-log-viewer__index--FontFamily, inherit);
-  font-size: var(--pf-v6-c-log-viewer__index--FontSize, inherit);
-  color: var(--pf-v6-c-log-viewer__index--Color);
-  user-select: none;
-  background-color: var(--pf-v6-c-log-viewer__index--BackgroundColor);
-}
-
-.pf-v6-c-log-viewer__text {
-  display: block;
-  padding-inline-start: var(--pf-v6-c-log-viewer__text--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-log-viewer__text--PaddingInlineEnd);
-  font-family: var(--pf-v6-c-log-viewer__text--FontFamily, inherit);
-  font-size: var(--pf-v6-c-log-viewer__text--FontSize, inherit);
-  color: var(--pf-v6-c-log-viewer__text--Color);
-  word-break: var(--pf-v6-c-log-viewer__text--WordBreak);
-  white-space: var(--pf-v6-c-log-viewer__text--WhiteSpace);
-  line-break: var(--pf-v6-c-log-viewer__text--LineBreak);
-}
-
-.pf-v6-c-log-viewer__timestamp {
-  font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
-}
-
 :where(:root, .pf-v6-c-login) {
   --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -18272,13 +18092,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 +18330,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 +18383,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 +18397,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 +21715,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/components/_index.scss

@@ -40,7 +40,6 @@
 @use "./Label/label";
 @use "./Label/label-group";
 @use "./List/list";
-@use "./LogViewer/log-viewer";
 @use "./Login/login";
 @use "./Masthead/masthead";
 @use "./Menu/menu";