npm - @patternfly/react-templates - Versions diffs - 6.5.0-prerelease.44 → 6.5.0-prerelease.46 - Mend

@patternfly/react-templates 6.5.0-prerelease.44 → 6.5.0-prerelease.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/CHANGELOG.md +8 -0
package/components/package.json +1 -1
package/dist/dynamic/components/Dropdown/package.json +1 -1
package/dist/dynamic/components/Select/package.json +1 -1
package/dist/umd/assets/{output-IJulVgfn.css → output-BNBHZxi5.css} +595 -597
package/dist/umd/react-templates.min.js +1 -1
package/package.json +6 -6

package/dist/umd/assets/{output-IJulVgfn.css → output-BNBHZxi5.css} RENAMED Viewed

@@ -9,7 +9,7 @@
   --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
   --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
-  --pf-v6-c-menu-toggle--MinWidth: initial;
+  --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
   --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -569,7 +569,6 @@
 .pf-v6-c-menu-toggle__icon {
   flex-shrink: 0;
-  min-width: 1lh;
   transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
   transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
   transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
@@ -597,250 +596,6 @@
   color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
 }
-.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--control--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: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
-  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
-  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
-  --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
-  --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--control--form-element);
-  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
-  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
-  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
-  --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
-  --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
-  --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
-  --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
-  --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
-  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
-  --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
-  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
-  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
-  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
-  --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
-  --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--FontSize: var(--pf-t--global--icon--size--font--body--default);
-  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
-  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
-  --pf-v6-c-text-input-group--utilities--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--on-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--on-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--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
-  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
-}
-.pf-v6-c-text-input-group {
-  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::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__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
-  --pf-v6-c-text-input-group__text-input--placeholder--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::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);
-}
-@media (prefers-reduced-motion: no-preference) {
-  .pf-v6-c-text-input-group.pf-m-error {
-    translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
-    animation-name: pf-v6-global-danger-jiggle-motion;
-    animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
-    animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
-    animation-fill-mode: both;
-  }
-}
-.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
-  --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
-  --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
-  animation-name: pf-v6-global-fade-in;
-  animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
-  animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
-}
-.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:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
-  --pf-v6-c-text-input-group__text--Position: relative;
-}
-.pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
-  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
-  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
-}
-.pf-v6-c-text-input-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  gap: var(--pf-v6-c-text-input-group__main--RowGap) var(--pf-v6-c-text-input-group__main--ColumnGap);
-  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) {
-  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
-}
-.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
-  padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
-  padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
-}
-.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__icon {
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
-  font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
-  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;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  width: 100%;
-  min-width: var(--pf-v6-c-text-input-group__text-input--MinWidth);
-  padding-block-start: var(--pf-v6-c-text-input-group__text-input--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
-  color: var(--pf-v6-c-text-input-group__text-input--Color);
-  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
-  border: 0;
-  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
-}
-.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
-  grid-area: text-input;
-}
-.pf-v6-c-text-input-group__text-input.pf-m-hint {
-  color: var(--pf-v6-c-text-input-group__text-input--m-hint--Color);
-}
-.pf-v6-c-text-input-group__text-input::placeholder {
-  color: var(--pf-v6-c-text-input-group__text-input--placeholder--Color);
-}
-.pf-v6-c-text-input-group__utilities {
-  display: flex;
-  align-items: center;
-  margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
-  margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
-}
-.pf-v6-c-text-input-group__utilities > * + * {
-  margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
-}
-.pf-v6-c-text-input-group__group {
-  display: flex;
-}
 .pf-v6-c-label-group {
   --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -1002,7 +757,7 @@
   --pf-v6-c-button--AlignItems: baseline;
   --pf-v6-c-button--JustifyContent: center;
   --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
-  --pf-v6-c-button--MinWidth: initial;
+  --pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
   --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
   --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
   --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -1796,6 +1551,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 .pf-v6-c-button.pf-m-circle {
   --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
+  padding-inline: 0;
 }
 .pf-v6-c-button:hover, .pf-v6-c-button:focus {
@@ -1913,7 +1669,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 }
 .pf-v6-c-button__icon {
-  min-width: 1lh;
   margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
   margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
   color: var(--pf-v6-c-button__icon--Color);
@@ -2007,79 +1762,330 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
     scale: 1.5;
   }
 }
-.pf-v6-c-badge {
-  --pf-v6-c-badge--BorderColor: transparent;
-  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
-  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
-  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
-  --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
-  --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
-  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
-  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
-  --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
-  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
-  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
-  --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
-  --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
-  --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
-  --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+.pf-v6-c-check {
+  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
+  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
+  --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
+  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
+  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
+  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
+  --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
 }
-.pf-v6-c-badge {
+.pf-v6-c-check {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-gap: var(--pf-v6-c-check--GridGap);
+  accent-color: var(--pf-v6-c-check--AccentColor);
+}
+.pf-v6-c-check.pf-m-standalone {
+  display: inline-grid;
+  grid-template-columns: auto;
+  min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
+}
+.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
+  align-self: center;
+  transform: none;
+}
+.pf-v6-c-check__input {
+  align-self: start;
+  font-size: var(--pf-v6-c-check__label--FontSize);
+  line-height: var(--pf-v6-c-check__label--LineHeight);
+  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
+}
+.pf-v6-c-check__label {
+  font-size: var(--pf-v6-c-check__label--FontSize);
+  font-weight: var(--pf-v6-c-check__label--FontWeight);
+  line-height: var(--pf-v6-c-check__label--LineHeight);
+  color: var(--pf-v6-c-check__label--Color);
+}
+.pf-v6-c-check__description {
+  grid-column: 2;
+  font-size: var(--pf-v6-c-check__description--FontSize);
+  color: var(--pf-v6-c-check__description--Color);
+}
+.pf-v6-c-check__body {
+  grid-column: 2;
+}
+.pf-v6-c-check__label,
+.pf-v6-c-check__input {
+  justify-self: start;
+}
+label.pf-v6-c-check, .pf-v6-c-check__label,
+.pf-v6-c-check__input {
+  cursor: pointer;
+}
+.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
+.pf-v6-c-check__input:disabled,
+.pf-v6-c-check__input.pf-m-disabled {
+  --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
+  cursor: not-allowed;
+}
+.pf-v6-c-check__label-required {
+  margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
+  font-size: var(--pf-v6-c-check__label-required--FontSize);
+  color: var(--pf-v6-c-check__label-required--Color);
+}
+.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--control--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: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
+  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
+  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
+  --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
+  --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--control--form-element);
+  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
+  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
+  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
+  --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
+  --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
+  --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
+  --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
+  --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
+  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
+  --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
+  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
+  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
+  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
+  --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
+  --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--FontSize: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
+  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
+  --pf-v6-c-text-input-group--utilities--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--on-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--on-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--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+}
+.pf-v6-c-text-input-group {
   position: relative;
-  display: inline-block;
-  min-width: var(--pf-v6-c-badge--MinWidth);
-  padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
-  font-size: var(--pf-v6-c-badge--FontSize);
-  font-weight: var(--pf-v6-c-badge--FontWeight);
-  color: var(--pf-v6-c-badge--Color);
-  text-align: center;
-  white-space: nowrap;
-  background-color: var(--pf-v6-c-badge--BackgroundColor);
-  border-radius: var(--pf-v6-c-badge--BorderRadius);
+  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-badge::after {
+.pf-v6-c-text-input-group::before {
   position: absolute;
   inset: 0;
   pointer-events: none;
   content: "";
-  border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
-  border-radius: inherit;
+  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-badge.pf-m-read {
-  --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
-  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
-  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
-  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
+.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__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
+  --pf-v6-c-text-input-group__text-input--placeholder--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-badge.pf-m-unread {
-  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
-  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
-  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
+.pf-v6-c-text-input-group.pf-m-plain {
+  --pf-v6-c-text-input-group--BackgroundColor: transparent;
 }
-.pf-v6-c-badge.pf-m-disabled {
-  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
-  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
+.pf-v6-c-text-input-group.pf-m-plain::before {
+  border: 0;
 }
-.pf-v6-c-badge.pf-m-disabled::after {
-  border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
+.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-badge__toggle-icon {
-  margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
-  color: var(--pf-v6-c-badge__toggle-icon--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);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-text-input-group.pf-m-error {
+    translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
+    animation-name: pf-v6-global-danger-jiggle-motion;
+    animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
+    animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
+    animation-fill-mode: both;
+  }
+}
+.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
+  --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
+  animation-name: pf-v6-global-fade-in;
+  animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
+  animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
+}
+.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:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
+  --pf-v6-c-text-input-group__text--Position: relative;
+}
+.pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
+  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
+  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
+}
+.pf-v6-c-text-input-group__main {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: var(--pf-v6-c-text-input-group__main--RowGap) var(--pf-v6-c-text-input-group__main--ColumnGap);
+  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) {
+  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
+}
+.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
+  padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
+  padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
+}
+.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__icon {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
+  font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
+  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;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  width: 100%;
+  min-width: var(--pf-v6-c-text-input-group__text-input--MinWidth);
+  padding-block-start: var(--pf-v6-c-text-input-group__text-input--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
+  color: var(--pf-v6-c-text-input-group__text-input--Color);
+  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
+  border: 0;
+  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
+}
+.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
+  grid-area: text-input;
+}
+.pf-v6-c-text-input-group__text-input.pf-m-hint {
+  color: var(--pf-v6-c-text-input-group__text-input--m-hint--Color);
+}
+.pf-v6-c-text-input-group__text-input::placeholder {
+  color: var(--pf-v6-c-text-input-group__text-input--placeholder--Color);
+}
+.pf-v6-c-text-input-group__utilities {
+  display: flex;
+  align-items: center;
+  margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
+}
+.pf-v6-c-text-input-group__utilities > * + * {
+  margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
+}
+.pf-v6-c-text-input-group__group {
+  display: flex;
 }
 .pf-v6-c-label {
@@ -2625,86 +2631,79 @@ input.pf-v6-c-label__content {
   outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
 }
-.pf-v6-c-check {
-  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
-  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
-  --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
-  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
-  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
-  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
-  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
-  --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
-}
-.pf-v6-c-check {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-gap: var(--pf-v6-c-check--GridGap);
-  accent-color: var(--pf-v6-c-check--AccentColor);
-}
-.pf-v6-c-check.pf-m-standalone {
-  display: inline-grid;
-  grid-template-columns: auto;
-  min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
-}
-.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
-  align-self: center;
-  transform: none;
-}
-.pf-v6-c-check__input {
-  align-self: start;
-  font-size: var(--pf-v6-c-check__label--FontSize);
-  line-height: var(--pf-v6-c-check__label--LineHeight);
-  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
+.pf-v6-c-badge {
+  --pf-v6-c-badge--BorderColor: transparent;
+  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
+  --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
+  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
+  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
+  --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
+  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
+  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
+  --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
+  --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
 }
-.pf-v6-c-check__label {
-  font-size: var(--pf-v6-c-check__label--FontSize);
-  font-weight: var(--pf-v6-c-check__label--FontWeight);
-  line-height: var(--pf-v6-c-check__label--LineHeight);
-  color: var(--pf-v6-c-check__label--Color);
+.pf-v6-c-badge {
+  position: relative;
+  display: inline-block;
+  min-width: var(--pf-v6-c-badge--MinWidth);
+  padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
+  font-size: var(--pf-v6-c-badge--FontSize);
+  font-weight: var(--pf-v6-c-badge--FontWeight);
+  color: var(--pf-v6-c-badge--Color);
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--pf-v6-c-badge--BackgroundColor);
+  border-radius: var(--pf-v6-c-badge--BorderRadius);
 }
-.pf-v6-c-check__description {
-  grid-column: 2;
-  font-size: var(--pf-v6-c-check__description--FontSize);
-  color: var(--pf-v6-c-check__description--Color);
+.pf-v6-c-badge::after {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
+  border-radius: inherit;
 }
-.pf-v6-c-check__body {
-  grid-column: 2;
+.pf-v6-c-badge.pf-m-read {
+  --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
+  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
+  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
+  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
 }
-.pf-v6-c-check__label,
-.pf-v6-c-check__input {
-  justify-self: start;
+.pf-v6-c-badge.pf-m-unread {
+  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
+  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
+  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
 }
-label.pf-v6-c-check, .pf-v6-c-check__label,
-.pf-v6-c-check__input {
-  cursor: pointer;
+.pf-v6-c-badge.pf-m-disabled {
+  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
+  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
 }
-.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
-.pf-v6-c-check__input:disabled,
-.pf-v6-c-check__input.pf-m-disabled {
-  --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
-  cursor: not-allowed;
+.pf-v6-c-badge.pf-m-disabled::after {
+  border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
 }
-.pf-v6-c-check__label-required {
-  margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
-  font-size: var(--pf-v6-c-check__label-required--FontSize);
-  color: var(--pf-v6-c-check__label-required--Color);
+.pf-v6-c-badge__toggle-icon {
+  margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
+  color: var(--pf-v6-c-badge__toggle-icon--Color);
 }
 .pf-v6-c-divider {
@@ -3028,6 +3027,97 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
   }
 }
+.pf-v6-c-spinner {
+  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
+  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
+  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
+  --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v6-c-spinner--AnimationDuration: 1.4s;
+  --pf-v6-c-spinner--AnimationTimingFunction: linear;
+  --pf-v6-c-spinner--StrokeWidth: 10;
+  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
+  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
+  --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
+  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
+  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
+  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
+  --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
+  --pf-v6-c-spinner--m-inline--diameter: 1em;
+}
+.pf-v6-c-spinner {
+  width: var(--pf-v6-c-spinner--Width);
+  height: var(--pf-v6-c-spinner--Height);
+  overflow: hidden;
+  animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
+}
+.pf-v6-c-spinner.pf-m-inline {
+  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
+}
+.pf-v6-c-spinner.pf-m-xs {
+  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
+  --pf-v6-c-spinner--StrokeWidth: 15;
+}
+.pf-v6-c-spinner.pf-m-sm {
+  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
+}
+.pf-v6-c-spinner.pf-m-md {
+  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
+}
+.pf-v6-c-spinner.pf-m-lg {
+  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
+}
+.pf-v6-c-spinner.pf-m-xl {
+  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
+}
+.pf-v6-m-no-motion .pf-v6-c-spinner {
+  --pf-v6-c-spinner--AnimationDuration: 0s;
+}
+.pf-v6-c-spinner__path {
+  width: 100%;
+  height: 100%;
+  stroke: var(--pf-v6-c-spinner--Color);
+  stroke-dasharray: 283;
+  stroke-dashoffset: 280;
+  stroke-linecap: round;
+  stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
+  transform-origin: 50% 50%;
+  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
+}
+@keyframes pf-v6-c-spinner-animation-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pf-v6-c-spinner-animation-dash {
+  0% {
+    stroke-dashoffset: 280;
+    transform: rotate(0);
+  }
+  15% {
+    stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
+  }
+  40% {
+    stroke-dasharray: 220;
+    stroke-dashoffset: 150;
+  }
+  100% {
+    stroke-dashoffset: 280;
+    transform: rotate(720deg);
+  }
+}
 .pf-v6-c-breadcrumb {
   --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -3097,182 +3187,51 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   font-size: inherit;
   font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
   line-height: inherit;
-  color: var(--pf-v6-c-breadcrumb__link--Color);
-  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
-  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
-  word-break: break-word;
-  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
-}
-.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
-  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
-  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
-  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
-}
-.pf-v6-c-breadcrumb__link.pf-m-current {
-  cursor: default;
-}
-.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
-  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
-  text-decoration-line: none;
-}
-button.pf-v6-c-breadcrumb__link {
-  border: none;
-}
-.pf-v6-c-breadcrumb__dropdown {
-  margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
-  margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
-  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
-  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
-}
-.pf-v6-c-breadcrumb__heading {
-  display: inline;
-  font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
-}
-.pf-v6-c-breadcrumb__link,
-.pf-v6-c-breadcrumb__heading {
-  white-space: normal;
-}
-.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
-  display: none;
-}
-.pf-v6-c-tooltip {
-  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
-  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
-  --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
-  --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
-  --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
-  --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
-  --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
-  --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
-  --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
-  --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
-  --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
-  --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
-  --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
-  --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
-  --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
-  --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
-  --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
-  --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
-}
-.pf-v6-c-tooltip {
-  position: relative;
-  max-width: var(--pf-v6-c-tooltip--MaxWidth);
-  box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
-}
-.pf-v6-c-tooltip:is(.pf-m-top,
-.pf-m-top-left,
-.pf-m-top-right) {
-  --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
-  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
-  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
-  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
-  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
-}
-.pf-v6-c-tooltip:is(.pf-m-bottom,
-.pf-m-bottom-left,
-.pf-m-bottom-right) {
-  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
-  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
-  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
-  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
-  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
-}
-.pf-v6-c-tooltip:is(.pf-m-left,
-.pf-m-left-top,
-.pf-m-left-bottom) {
-  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
-  --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
-  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
-  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
-  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
+  color: var(--pf-v6-c-breadcrumb__link--Color);
+  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
+  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
+  word-break: break-word;
+  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
 }
-.pf-v6-c-tooltip:is(.pf-m-right,
-.pf-m-right-top,
-.pf-m-right-bottom) {
-  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
-  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
-  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
-  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
-  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
+.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
+  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
+  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
+  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
 }
-.pf-v6-c-tooltip:is(.pf-m-left-top,
-.pf-m-right-top) {
-  --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
-  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
+.pf-v6-c-breadcrumb__link.pf-m-current {
+  cursor: default;
 }
-.pf-v6-c-tooltip:is(.pf-m-left-bottom,
-.pf-m-right-bottom) {
-  --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
-  --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
+.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
+  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
+  text-decoration-line: none;
 }
-.pf-v6-c-tooltip:is(.pf-m-top-left,
-.pf-m-bottom-left) {
-  --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
-  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
+button.pf-v6-c-breadcrumb__link {
+  border: none;
 }
-.pf-v6-c-tooltip:is(.pf-m-top-right,
-.pf-m-bottom-right) {
-  --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
-  --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
+.pf-v6-c-breadcrumb__dropdown {
+  margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
+  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
 }
-.pf-v6-c-tooltip__content {
-  position: relative;
-  padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
-  font-size: var(--pf-v6-c-tooltip__content--FontSize);
-  color: var(--pf-v6-c-tooltip__content--Color);
-  text-align: center;
-  word-break: break-word;
-  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
-  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
+.pf-v6-c-breadcrumb__heading {
+  display: inline;
+  font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
 }
-.pf-v6-c-tooltip__content.pf-m-text-align-left {
-  text-align: start;
+.pf-v6-c-breadcrumb__link,
+.pf-v6-c-breadcrumb__heading {
+  white-space: normal;
 }
-.pf-v6-c-tooltip__arrow {
-  position: absolute;
-  top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
-  right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
-  bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
-  left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
-  width: var(--pf-v6-c-tooltip__arrow--Width);
-  height: var(--pf-v6-c-tooltip__arrow--Height);
-  pointer-events: none;
-  background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
-  box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
-  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
+.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
+  display: none;
 }
 .pf-v6-c-menu {
@@ -3971,94 +3930,133 @@ button.pf-v6-c-breadcrumb__link {
   outline-offset: var(--pf-v6-c-menu--OutlineOffset);
 }
-.pf-v6-c-spinner {
-  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
-  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
-  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
-  --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
-  --pf-v6-c-spinner--AnimationDuration: 1.4s;
-  --pf-v6-c-spinner--AnimationTimingFunction: linear;
-  --pf-v6-c-spinner--StrokeWidth: 10;
-  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
-  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
-  --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
-  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
-  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
-  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
-  --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
-  --pf-v6-c-spinner--m-inline--diameter: 1em;
+.pf-v6-c-tooltip {
+  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
+  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
+  --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
+  --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
+  --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
+  --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
+  --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
+  --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
+  --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
+  --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
+  --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
+  --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
+  --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
+  --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
+  --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
+  --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
+  --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
+  --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
 }
-.pf-v6-c-spinner {
-  width: var(--pf-v6-c-spinner--Width);
-  height: var(--pf-v6-c-spinner--Height);
-  overflow: hidden;
-  animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
+.pf-v6-c-tooltip {
+  position: relative;
+  max-width: var(--pf-v6-c-tooltip--MaxWidth);
+  box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
 }
-.pf-v6-c-spinner.pf-m-inline {
-  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
+.pf-v6-c-tooltip:is(.pf-m-top,
+.pf-m-top-left,
+.pf-m-top-right) {
+  --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
+  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
+  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
+  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
+  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
 }
-.pf-v6-c-spinner.pf-m-xs {
-  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
-  --pf-v6-c-spinner--StrokeWidth: 15;
+.pf-v6-c-tooltip:is(.pf-m-bottom,
+.pf-m-bottom-left,
+.pf-m-bottom-right) {
+  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
+  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
+  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
+  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
+  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
 }
-.pf-v6-c-spinner.pf-m-sm {
-  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
+.pf-v6-c-tooltip:is(.pf-m-left,
+.pf-m-left-top,
+.pf-m-left-bottom) {
+  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
+  --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
+  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
+  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
+  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
 }
-.pf-v6-c-spinner.pf-m-md {
-  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
+.pf-v6-c-tooltip:is(.pf-m-right,
+.pf-m-right-top,
+.pf-m-right-bottom) {
+  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
+  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
+  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
+  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
+  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
 }
-.pf-v6-c-spinner.pf-m-lg {
-  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
+.pf-v6-c-tooltip:is(.pf-m-left-top,
+.pf-m-right-top) {
+  --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
+  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
 }
-.pf-v6-c-spinner.pf-m-xl {
-  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
+.pf-v6-c-tooltip:is(.pf-m-left-bottom,
+.pf-m-right-bottom) {
+  --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
+  --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
 }
-.pf-v6-m-no-motion .pf-v6-c-spinner {
-  --pf-v6-c-spinner--AnimationDuration: 0s;
+.pf-v6-c-tooltip:is(.pf-m-top-left,
+.pf-m-bottom-left) {
+  --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
+  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
 }
-.pf-v6-c-spinner__path {
-  width: 100%;
-  height: 100%;
-  stroke: var(--pf-v6-c-spinner--Color);
-  stroke-dasharray: 283;
-  stroke-dashoffset: 280;
-  stroke-linecap: round;
-  stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
-  transform-origin: 50% 50%;
-  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
+.pf-v6-c-tooltip:is(.pf-m-top-right,
+.pf-m-bottom-right) {
+  --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
+  --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
 }
-@keyframes pf-v6-c-spinner-animation-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+.pf-v6-c-tooltip__content {
+  position: relative;
+  padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
+  font-size: var(--pf-v6-c-tooltip__content--FontSize);
+  color: var(--pf-v6-c-tooltip__content--Color);
+  text-align: center;
+  word-break: break-word;
+  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
+  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
 }
-@keyframes pf-v6-c-spinner-animation-dash {
-  0% {
-    stroke-dashoffset: 280;
-    transform: rotate(0);
-  }
-  15% {
-    stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
-  }
-  40% {
-    stroke-dasharray: 220;
-    stroke-dashoffset: 150;
-  }
-  100% {
-    stroke-dashoffset: 280;
-    transform: rotate(720deg);
-  }
+.pf-v6-c-tooltip__content.pf-m-text-align-left {
+  text-align: start;
+}
+.pf-v6-c-tooltip__arrow {
+  position: absolute;
+  top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
+  right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
+  bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
+  left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
+  width: var(--pf-v6-c-tooltip__arrow--Width);
+  height: var(--pf-v6-c-tooltip__arrow--Height);
+  pointer-events: none;
+  background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
+  box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
+  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
 }