npm - @patternfly/react-templates - Versions diffs - 1.1.14 → 1.1.16 - Mend

@patternfly/react-templates 1.1.14 → 1.1.16

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 (6) 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-DoQM3C1C.css → output-DmR8q2we.css} +995 -996
package/package.json +3 -3

package/dist/umd/assets/{output-DoQM3C1C.css → output-DmR8q2we.css} RENAMED Viewed

@@ -552,573 +552,349 @@
   background: transparent;
 }
-.pf-v5-c-divider {
-  --pf-v5-hidden-visible--hidden--Display: none;
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  display: var(--pf-v5-hidden-visible--Display);
+.pf-v5-c-text-input-group {
+  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-text-input-group__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-text-input-group__text--before--BorderColor: var(--pf-v5-global--BorderColor--300);
+  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
+  --pf-v5-c-text-input-group--hover__text--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
+  --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-text-input-group__main--RowGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group__text-input--PaddingTop: var(--pf-v5-global--spacer--form-element);
+  --pf-v5-c-text-input-group__text-input--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-text-input-group__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
+  --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-text-input-group__text-input--MinWidth: 12ch;
+  --pf-v5-c-text-input-group__text-input--m-hint--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-text-input-group__text-input--BackgroundColor: transparent;
+  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
+  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
+  --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
+  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
+  position: relative;
+  display: flex;
+  width: 100%;
+  color: var(--pf-v5-c-text-input-group--Color, inherit);
+  background-color: var(--pf-v5-c-text-input-group--BackgroundColor);
 }
-.pf-m-hidden.pf-v5-c-divider {
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+.pf-v5-c-text-input-group:hover {
+  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-c-text-input-group--hover__text--after--BorderBottomColor);
 }
-@media screen and (min-width: 576px) {
-  .pf-m-hidden-on-sm.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
-  }
-  .pf-m-visible-on-sm.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  }
+.pf-v5-c-text-input-group.pf-m-disabled {
+  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
+  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: 0;
+  --pf-v5-c-text-input-group--Color: var(--pf-v5-c-text-input-group--m-disabled--Color);
+  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-c-text-input-group--m-disabled--Color);
+  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-c-text-input-group--m-disabled--BackgroundColor);
+  pointer-events: none;
 }
-@media screen and (min-width: 768px) {
-  .pf-m-hidden-on-md.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
-  }
-  .pf-m-visible-on-md.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  }
+.pf-v5-c-text-input-group.pf-m-plain {
+  --pf-v5-c-text-input-group--BackgroundColor: transparent;
 }
-@media screen and (min-width: 992px) {
-  .pf-m-hidden-on-lg.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
-  }
-  .pf-m-visible-on-lg.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  }
+.pf-v5-c-text-input-group.pf-m-plain .pf-v5-c-text-input-group__text::before, .pf-v5-c-text-input-group.pf-m-plain .pf-v5-c-text-input-group__text::after {
+  border: 0;
 }
-@media screen and (min-width: 1200px) {
-  .pf-m-hidden-on-xl.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
-  }
-  .pf-m-visible-on-xl.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  }
+.pf-v5-c-text-input-group__main {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: var(--pf-v5-c-text-input-group__main--RowGap) var(--pf-v5-c-text-input-group__main--ColumnGap);
+  min-width: 0;
 }
-@media screen and (min-width: 1450px) {
-  .pf-m-hidden-on-2xl.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
-  }
-  .pf-m-visible-on-2xl.pf-v5-c-divider {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  }
+.pf-v5-c-text-input-group__main.pf-m-icon {
+  --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft);
 }
-.pf-v5-c-divider {
-  --pf-v5-c-divider--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-divider--BorderColor--base: var(--pf-v5-c-divider--BackgroundColor);
-  --pf-v5-c-divider--Height: var(--pf-v5-c-divider--BorderWidth--base);
-  --pf-v5-c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-divider--after--BackgroundColor: var(--pf-v5-c-divider--BorderColor--base);
-  --pf-v5-c-divider--after--FlexBasis: 100%;
-  --pf-v5-c-divider--after--Inset: 0%;
-  --pf-v5-c-divider--m-vertical--after--FlexBasis: 100%;
-  --pf-v5-c-divider--m-horizontal--Display: flex;
-  --pf-v5-c-divider--m-horizontal--FlexDirection: row;
-  --pf-v5-c-divider--m-horizontal--after--Height: var(--pf-v5-c-divider--Height);
-  --pf-v5-c-divider--m-horizontal--after--Width: auto;
-  --pf-v5-c-divider--m-vertical--Display: inline-flex;
-  --pf-v5-c-divider--m-vertical--FlexDirection: column;
-  --pf-v5-c-divider--m-vertical--after--Height: auto;
-  --pf-v5-c-divider--m-vertical--after--Width: var(--pf-v5-c-divider--BorderWidth--base);
-  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
-  --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
-  --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
-  --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
-  --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
-  width: 100%;
-  height: auto;
-  flex-direction: var(--pf-v5-c-divider--FlexDirection);
-  flex-shrink: 0;
-  align-items: center;
-  align-self: stretch;
-  justify-content: center;
-  border: 0;
+.pf-v5-c-text-input-group__main > :first-child:not(.pf-v5-c-text-input-group__text) {
+  margin-inline-start: var(--pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft);
 }
-.pf-v5-c-divider::after {
-  flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
+.pf-v5-c-text-input-group__main .pf-v5-c-chip-group__main {
+  padding-block-start: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingTop);
+  padding-block-end: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom);
+  padding-inline-end: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingRight);
 }
-.pf-v5-c-divider::after {
-  align-self: stretch;
-  justify-self: center;
-  width: var(--pf-v5-c-divider--after--Width);
-  height: var(--pf-v5-c-divider--after--Height);
+.pf-v5-c-text-input-group__text {
+  display: inline-grid;
+  flex: 1;
+  grid-template-areas: "text-input";
+  grid-template-columns: 1fr;
+}
+.pf-v5-c-text-input-group__text::before, .pf-v5-c-text-input-group__text::after {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
   content: "";
-  background-color: var(--pf-v5-c-divider--after--BackgroundColor);
 }
-.pf-v5-c-divider.pf-m-vertical {
-  --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
-  --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
-  --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
-  --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
-  width: auto;
-  height: inherit;
+.pf-v5-c-text-input-group__text::before {
+  border: var(--pf-v5-c-text-input-group__text--before--BorderWidth) solid var(--pf-v5-c-text-input-group__text--before--BorderColor);
 }
-.pf-v5-c-divider.pf-m-vertical::after {
-  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
+.pf-v5-c-text-input-group__text::after {
+  border-block-end: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor);
 }
-.pf-v5-c-divider.pf-m-inset-none {
-  --pf-v5-c-divider--after--Inset: 0%;
+.pf-v5-c-text-input-group__text:focus-within {
+  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth);
+  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor);
 }
-.pf-v5-c-divider.pf-m-inset-xs {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
+.pf-v5-c-text-input-group__icon {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-start: var(--pf-v5-c-text-input-group__icon--Left);
+  color: var(--pf-v5-c-text-input-group__icon--Color);
+  transform: translateY(var(--pf-v5-c-text-input-group__icon--TranslateY));
 }
-.pf-v5-c-divider.pf-m-inset-sm {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
+.pf-v5-c-text-input-group__text-input {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  width: 100%;
+  min-width: var(--pf-v5-c-text-input-group__text-input--MinWidth);
+  padding-block-start: var(--pf-v5-c-text-input-group__text-input--PaddingTop);
+  padding-block-end: var(--pf-v5-c-text-input-group__text-input--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-text-input-group__text-input--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-text-input-group__text-input--PaddingRight);
+  background-color: var(--pf-v5-c-text-input-group__text-input--BackgroundColor);
+  border: 0;
 }
-.pf-v5-c-divider.pf-m-inset-md {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
+.pf-v5-c-text-input-group__text-input, .pf-v5-c-text-input-group__text-input.pf-m-hint {
+  grid-area: text-input;
 }
-.pf-v5-c-divider.pf-m-inset-lg {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
+.pf-v5-c-text-input-group__text-input.pf-m-hint {
+  color: var(--pf-v5-c-text-input-group__text-input--m-hint--Color);
 }
-.pf-v5-c-divider.pf-m-inset-xl {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
+.pf-v5-c-text-input-group__text-input::placeholder {
+  color: var(--pf-v5-c-text-input-group__text-input--placeholder--Color);
 }
-.pf-v5-c-divider.pf-m-inset-2xl {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
+.pf-v5-c-text-input-group__utilities {
+  display: flex;
+  align-items: center;
+  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-text-input-group__utilities--MarginRight);
 }
-.pf-v5-c-divider.pf-m-inset-3xl {
-  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
+.pf-v5-c-text-input-group__utilities > * + * {
+  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
 }
-@media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-sm {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-  .pf-v5-c-divider.pf-m-horizontal-on-sm::after {
-    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
-  }
+.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
+  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
+  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
 }
-@media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-vertical-on-sm {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-  .pf-v5-c-divider.pf-m-vertical-on-sm::after {
-    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
-  }
+.pf-v5-c-text-input-group__group {
+  display: flex;
 }
-@media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-sm {
-    --pf-v5-c-divider--after--Inset: 0%;
-  }
-  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
-  }
-  .pf-v5-c-divider.pf-m-inset-sm-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
-  }
-  .pf-v5-c-divider.pf-m-inset-md-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
-  }
-  .pf-v5-c-divider.pf-m-inset-lg-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
-  }
-  .pf-v5-c-divider.pf-m-inset-xl-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-sm {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
-  }
-}
-@media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-md {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-  .pf-v5-c-divider.pf-m-horizontal-on-md::after {
-    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-vertical-on-md {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-  .pf-v5-c-divider.pf-m-vertical-on-md::after {
-    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
-  }
-}
-@media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-md {
-    --pf-v5-c-divider--after--Inset: 0%;
-  }
-  .pf-v5-c-divider.pf-m-inset-xs-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
-  }
-  .pf-v5-c-divider.pf-m-inset-sm-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
-  }
-  .pf-v5-c-divider.pf-m-inset-md-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
-  }
-  .pf-v5-c-divider.pf-m-inset-lg-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
-  }
-  .pf-v5-c-divider.pf-m-inset-xl-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-md {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
-  }
-}
-@media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-lg {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-  .pf-v5-c-divider.pf-m-horizontal-on-lg::after {
-    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-vertical-on-lg {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-  .pf-v5-c-divider.pf-m-vertical-on-lg::after {
-    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
-  }
-}
-@media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-lg {
-    --pf-v5-c-divider--after--Inset: 0%;
-  }
-  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
-  }
-  .pf-v5-c-divider.pf-m-inset-sm-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
-  }
-  .pf-v5-c-divider.pf-m-inset-md-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
-  }
-  .pf-v5-c-divider.pf-m-inset-lg-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
-  }
-  .pf-v5-c-divider.pf-m-inset-xl-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-lg {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
-  }
-}
-@media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-xl {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-  .pf-v5-c-divider.pf-m-horizontal-on-xl::after {
-    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-vertical-on-xl {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-  .pf-v5-c-divider.pf-m-vertical-on-xl::after {
-    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-xl {
-    --pf-v5-c-divider--after--Inset: 0%;
-  }
-  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
-  }
-  .pf-v5-c-divider.pf-m-inset-sm-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
-  }
-  .pf-v5-c-divider.pf-m-inset-md-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
-  }
-  .pf-v5-c-divider.pf-m-inset-lg-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
-  }
-  .pf-v5-c-divider.pf-m-inset-xl-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
-  }
-}
-@media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-2xl {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
-    width: 100%;
-    height: auto;
-  }
-  .pf-v5-c-divider.pf-m-horizontal-on-2xl::after {
-    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
-  }
-}
-@media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-vertical-on-2xl {
-    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
-    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
-    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
-    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
-    width: auto;
-    height: inherit;
-  }
-  .pf-v5-c-divider.pf-m-vertical-on-2xl::after {
-    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
-    --pf-v5-c-divider--after--Inset: 0%;
-  }
-  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
-  }
-  .pf-v5-c-divider.pf-m-inset-sm-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
-  }
-  .pf-v5-c-divider.pf-m-inset-md-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
-  }
-  .pf-v5-c-divider.pf-m-inset-lg-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
-  }
-  .pf-v5-c-divider.pf-m-inset-xl-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
-  }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-2xl {
-    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
-  }
-}
-.pf-v5-c-check {
-  --pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
-  --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
-  --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
-  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-gap: var(--pf-v5-c-check--GridGap);
-  align-items: baseline;
+:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
+  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
+  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
+  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
 }
-.pf-v5-c-check.pf-m-standalone {
-  --pf-v5-c-check--GridGap: 0;
-  --pf-v5-c-check__input--TranslateY: none;
-  display: inline-grid;
+.pf-v5-c-chip {
+  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
+  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
+  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
+  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
+  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
+  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
+  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
 }
-.pf-v5-c-check__input {
-  align-self: start;
-  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
-  transform: translateY(var(--pf-v5-c-check__input--TranslateY));
+.pf-v5-c-chip {
+  --pf-v5-c-chip--PaddingTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip--PaddingBottom: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--Color--light-100);
+  --pf-v5-c-chip--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
+  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--300);
+  --pf-v5-c-chip--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-chip--before--BorderRadius: var(--pf-v5-c-chip--BorderRadius);
+  --pf-v5-c-chip--m-overflow__text--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+  --pf-v5-c-chip--m-draggable--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
+  --pf-v5-c-chip--m-draggable__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
+  --pf-v5-c-chip__content--FontSize: var(--pf-v5-global--FontSize--xs);
+  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-chip__text--MaxWidth: 16ch;
+  --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
+  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip__actions--c-button--MarginTop: calc(var(--pf-v5-c-chip--PaddingTop) * -1);
+  --pf-v5-c-chip__actions--c-button--MarginRight: calc(var(--pf-v5-c-chip--PaddingRight) / 2 * -1);
+  --pf-v5-c-chip__actions--c-button--MarginBottom: calc(var(--pf-v5-c-chip--PaddingBottom) * -1);
+  --pf-v5-c-chip__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
+  --pf-v5-c-chip__icon--MarginLeft: var(--pf-v5-global--spacer--sm);
+  color: var(--pf-v5-global--Color--100);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  padding-block-start: var(--pf-v5-c-chip--PaddingTop);
+  padding-block-end: var(--pf-v5-c-chip--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-chip--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-chip--PaddingRight);
+  list-style: none;
+  background-color: var(--pf-v5-c-chip--BackgroundColor);
+  border-radius: var(--pf-v5-c-chip--BorderRadius);
 }
-.pf-v5-c-check__label {
-  font-size: var(--pf-v5-c-check__label--FontSize);
-  font-weight: var(--pf-v5-c-check__label--FontWeight);
-  line-height: var(--pf-v5-c-check__label--LineHeight);
-  color: var(--pf-v5-c-check__label--Color);
+.pf-v5-c-chip::before {
+  position: absolute;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  content: "";
+  border: var(--pf-v5-c-chip--before--BorderWidth) solid var(--pf-v5-c-chip--before--BorderColor);
+  border-radius: var(--pf-v5-c-chip--before--BorderRadius);
 }
-.pf-v5-c-check__description {
-  grid-column: 2;
-  font-size: var(--pf-v5-c-check__description--FontSize);
-  color: var(--pf-v5-c-check__description--Color);
+.pf-v5-c-chip.pf-m-overflow {
+  border: 0;
 }
-.pf-v5-c-check__body {
-  grid-column: 2;
-  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
+.pf-v5-c-chip.pf-m-overflow .pf-v5-c-chip__text {
+  color: var(--pf-v5-c-chip--m-overflow__text--Color);
 }
-.pf-v5-c-check__label,
-.pf-v5-c-check__input {
-  justify-self: start;
+.pf-v5-c-chip.pf-m-draggable {
+  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-c-chip--m-draggable--BackgroundColor);
+  box-shadow: var(--pf-v5-c-chip--m-draggable--BoxShadow);
 }
-label.pf-v5-c-check, .pf-v5-c-check__label,
-.pf-v5-c-check__input {
-  cursor: pointer;
+.pf-v5-c-chip.pf-m-draggable .pf-v5-c-chip__icon {
+  font-size: var(--pf-v5-c-chip--m-draggable__icon--FontSize);
 }
-.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
-.pf-v5-c-check__input:disabled,
-.pf-v5-c-check__input.pf-m-disabled {
-  --pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
-  cursor: not-allowed;
+.pf-v5-c-chip__text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  max-width: var(--pf-v5-c-chip__text--MaxWidth);
+  color: var(--pf-v5-c-chip__text--Color);
 }
-.pf-v5-c-check__label-required {
-  margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
-  font-size: var(--pf-v5-c-check__label-required--FontSize);
-  color: var(--pf-v5-c-check__label-required--Color);
+.pf-v5-c-chip__text .pf-v5-c-badge {
+  margin-inline-start: var(--pf-v5-c-chip__c-badge--MarginLeft);
 }
-.pf-v5-c-chip-group {
-  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
-  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
-  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
-  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
-  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
-  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
-  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
+.pf-v5-c-chip__icon + .pf-v5-c-chip__text,
+.pf-v5-c-chip__text + .pf-v5-c-chip__icon {
+  margin-inline-start: var(--pf-v5-c-chip__icon--MarginLeft);
 }
-.pf-v5-c-chip-group {
-  color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-chip-group--PaddingTop: 0;
-  --pf-v5-c-chip-group--PaddingRight: 0;
-  --pf-v5-c-chip-group--PaddingBottom: 0;
-  --pf-v5-c-chip-group--PaddingLeft: 0;
-  --pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip-group--ColumnGap: 0;
-  --pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-chip-group__label--MaxWidth: 18ch;
-  --pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
-  --pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
-  row-gap: var(--pf-v5-c-chip-group--RowGap);
-  column-gap: var(--pf-v5-c-chip-group--ColumnGap);
-  max-width: 100%;
-  padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
-  padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
+.pf-v5-c-chip__content {
+  display: flex;
+  column-gap: var(--pf-v5-c-chip__content--ColumnGap);
+  align-items: center;
+  font-size: var(--pf-v5-c-chip__content--FontSize);
 }
-.pf-v5-c-chip-group.pf-m-category {
-  --pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
-  --pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
-  --pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
-  --pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
-  background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
-  border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
+.pf-v5-c-chip__actions {
+  font-size: var(--pf-v5-c-chip__actions--FontSize);
 }
-.pf-v5-c-chip-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  row-gap: var(--pf-v5-c-chip-group__main--RowGap);
-  column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
-  align-items: baseline;
-  min-width: 0;
+.pf-v5-c-chip__actions .pf-v5-c-button {
+  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-chip__actions--c-button--PaddingTop);
+  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-chip__actions--c-button--PaddingRight);
+  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-chip__actions--c-button--PaddingBottom);
+  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-chip__actions--c-button--PaddingLeft);
+  --pf-v5-c-button--FontSize: var(--pf-v5-c-chip__actions--c-button--FontSize);
+  margin-block-start: var(--pf-v5-c-chip__actions--c-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-chip__actions--c-button--MarginBottom);
+  margin-inline-end: var(--pf-v5-c-chip__actions--c-button--MarginRight);
+  line-height: 1;
 }
-.pf-v5-c-chip-group,
-.pf-v5-c-chip-group__list {
-  display: inline-flex;
-  flex-wrap: wrap;
-  align-items: center;
-  min-width: 0;
+:where(.pf-v5-theme-dark) .pf-v5-c-chip {
+  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
 }
-.pf-v5-c-chip-group__list {
-  row-gap: var(--pf-v5-c-chip-group__list--RowGap);
-  column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
+.pf-v5-c-badge {
+  --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
+  --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
+  --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
+  --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+  --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
+  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
+  display: inline-block;
+  min-width: var(--pf-v5-c-badge--MinWidth);
+  padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
+  font-size: var(--pf-v5-c-badge--FontSize);
+  font-weight: var(--pf-v5-c-badge--FontWeight);
+  color: var(--pf-v5-c-badge--Color);
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--pf-v5-c-badge--BackgroundColor);
+  border-radius: var(--pf-v5-c-badge--BorderRadius);
 }
-.pf-v5-c-chip-group__list-item {
-  display: inline-flex;
-  min-width: 0;
+.pf-v5-c-badge.pf-m-read {
+  --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
+  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
 }
-.pf-v5-c-chip-group__label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
-  font-size: var(--pf-v5-c-chip-group__label--FontSize);
+.pf-v5-c-badge.pf-m-unread {
+  --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
+  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
 }
-.pf-v5-c-chip-group__close {
-  display: flex;
-  align-self: flex-start;
-  margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
-  margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
+:where(.pf-v5-theme-dark) .pf-v5-c-badge {
+  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
+  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
+  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
 }
 .pf-v5-c-button {
@@ -1751,222 +1527,407 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
 }
-.pf-v5-c-text-input-group {
-  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-text-input-group__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-text-input-group__text--before--BorderColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-text-input-group--hover__text--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-text-input-group__main--RowGap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group__text-input--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-text-input-group__text-input--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group__text-input--MinWidth: 12ch;
-  --pf-v5-c-text-input-group__text-input--m-hint--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-text-input-group__text-input--BackgroundColor: transparent;
-  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
-  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
-  --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
-  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
-  position: relative;
-  display: flex;
-  width: 100%;
-  color: var(--pf-v5-c-text-input-group--Color, inherit);
-  background-color: var(--pf-v5-c-text-input-group--BackgroundColor);
-}
-.pf-v5-c-text-input-group:hover {
-  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-c-text-input-group--hover__text--after--BorderBottomColor);
+.pf-v5-c-divider {
+  --pf-v5-hidden-visible--hidden--Display: none;
+  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  display: var(--pf-v5-hidden-visible--Display);
 }
-.pf-v5-c-text-input-group.pf-m-disabled {
-  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
-  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: 0;
-  --pf-v5-c-text-input-group--Color: var(--pf-v5-c-text-input-group--m-disabled--Color);
-  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-c-text-input-group--m-disabled--Color);
-  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-c-text-input-group--m-disabled--BackgroundColor);
-  pointer-events: none;
+.pf-m-hidden.pf-v5-c-divider {
+  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
 }
-.pf-v5-c-text-input-group.pf-m-plain {
-  --pf-v5-c-text-input-group--BackgroundColor: transparent;
+@media screen and (min-width: 576px) {
+  .pf-m-hidden-on-sm.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  }
+  .pf-m-visible-on-sm.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  }
 }
-.pf-v5-c-text-input-group.pf-m-plain .pf-v5-c-text-input-group__text::before, .pf-v5-c-text-input-group.pf-m-plain .pf-v5-c-text-input-group__text::after {
-  border: 0;
+@media screen and (min-width: 768px) {
+  .pf-m-hidden-on-md.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  }
+  .pf-m-visible-on-md.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  }
 }
-.pf-v5-c-text-input-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  gap: var(--pf-v5-c-text-input-group__main--RowGap) var(--pf-v5-c-text-input-group__main--ColumnGap);
-  min-width: 0;
+@media screen and (min-width: 992px) {
+  .pf-m-hidden-on-lg.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  }
+  .pf-m-visible-on-lg.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  }
 }
-.pf-v5-c-text-input-group__main.pf-m-icon {
-  --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft);
+@media screen and (min-width: 1200px) {
+  .pf-m-hidden-on-xl.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  }
+  .pf-m-visible-on-xl.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  }
 }
-.pf-v5-c-text-input-group__main > :first-child:not(.pf-v5-c-text-input-group__text) {
-  margin-inline-start: var(--pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft);
+@media screen and (min-width: 1450px) {
+  .pf-m-hidden-on-2xl.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  }
+  .pf-m-visible-on-2xl.pf-v5-c-divider {
+    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+  }
 }
-.pf-v5-c-text-input-group__main .pf-v5-c-chip-group__main {
-  padding-block-start: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingTop);
-  padding-block-end: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom);
-  padding-inline-end: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingRight);
+.pf-v5-c-divider {
+  --pf-v5-c-divider--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-divider--BorderColor--base: var(--pf-v5-c-divider--BackgroundColor);
+  --pf-v5-c-divider--Height: var(--pf-v5-c-divider--BorderWidth--base);
+  --pf-v5-c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-divider--after--BackgroundColor: var(--pf-v5-c-divider--BorderColor--base);
+  --pf-v5-c-divider--after--FlexBasis: 100%;
+  --pf-v5-c-divider--after--Inset: 0%;
+  --pf-v5-c-divider--m-vertical--after--FlexBasis: 100%;
+  --pf-v5-c-divider--m-horizontal--Display: flex;
+  --pf-v5-c-divider--m-horizontal--FlexDirection: row;
+  --pf-v5-c-divider--m-horizontal--after--Height: var(--pf-v5-c-divider--Height);
+  --pf-v5-c-divider--m-horizontal--after--Width: auto;
+  --pf-v5-c-divider--m-vertical--Display: inline-flex;
+  --pf-v5-c-divider--m-vertical--FlexDirection: column;
+  --pf-v5-c-divider--m-vertical--after--Height: auto;
+  --pf-v5-c-divider--m-vertical--after--Width: var(--pf-v5-c-divider--BorderWidth--base);
+  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
+  --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
+  --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
+  --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
+  --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
+  width: 100%;
+  height: auto;
+  flex-direction: var(--pf-v5-c-divider--FlexDirection);
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  justify-content: center;
+  border: 0;
 }
-.pf-v5-c-text-input-group__text {
-  display: inline-grid;
-  flex: 1;
-  grid-template-areas: "text-input";
-  grid-template-columns: 1fr;
+.pf-v5-c-divider::after {
+  flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
 }
-.pf-v5-c-text-input-group__text::before, .pf-v5-c-text-input-group__text::after {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
+.pf-v5-c-divider::after {
+  align-self: stretch;
+  justify-self: center;
+  width: var(--pf-v5-c-divider--after--Width);
+  height: var(--pf-v5-c-divider--after--Height);
   content: "";
+  background-color: var(--pf-v5-c-divider--after--BackgroundColor);
 }
-.pf-v5-c-text-input-group__text::before {
-  border: var(--pf-v5-c-text-input-group__text--before--BorderWidth) solid var(--pf-v5-c-text-input-group__text--before--BorderColor);
-}
-.pf-v5-c-text-input-group__text::after {
-  border-block-end: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor);
-}
-.pf-v5-c-text-input-group__text:focus-within {
-  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth);
-  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor);
-}
-.pf-v5-c-text-input-group__icon {
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: var(--pf-v5-c-text-input-group__icon--Left);
-  color: var(--pf-v5-c-text-input-group__icon--Color);
-  transform: translateY(var(--pf-v5-c-text-input-group__icon--TranslateY));
+.pf-v5-c-divider.pf-m-vertical {
+  --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
+  --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
+  --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
+  --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
+  width: auto;
+  height: inherit;
 }
-.pf-v5-c-text-input-group__text-input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  width: 100%;
-  min-width: var(--pf-v5-c-text-input-group__text-input--MinWidth);
-  padding-block-start: var(--pf-v5-c-text-input-group__text-input--PaddingTop);
-  padding-block-end: var(--pf-v5-c-text-input-group__text-input--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-text-input-group__text-input--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-text-input-group__text-input--PaddingRight);
-  background-color: var(--pf-v5-c-text-input-group__text-input--BackgroundColor);
-  border: 0;
+.pf-v5-c-divider.pf-m-vertical::after {
+  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
 }
-.pf-v5-c-text-input-group__text-input, .pf-v5-c-text-input-group__text-input.pf-m-hint {
-  grid-area: text-input;
+.pf-v5-c-divider.pf-m-inset-none {
+  --pf-v5-c-divider--after--Inset: 0%;
 }
-.pf-v5-c-text-input-group__text-input.pf-m-hint {
-  color: var(--pf-v5-c-text-input-group__text-input--m-hint--Color);
+.pf-v5-c-divider.pf-m-inset-xs {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
 }
-.pf-v5-c-text-input-group__text-input::placeholder {
-  color: var(--pf-v5-c-text-input-group__text-input--placeholder--Color);
+.pf-v5-c-divider.pf-m-inset-sm {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
 }
-.pf-v5-c-text-input-group__utilities {
-  display: flex;
-  align-items: center;
-  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--MarginLeft);
-  margin-inline-end: var(--pf-v5-c-text-input-group__utilities--MarginRight);
+.pf-v5-c-divider.pf-m-inset-md {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
 }
-.pf-v5-c-text-input-group__utilities > * + * {
-  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
+.pf-v5-c-divider.pf-m-inset-lg {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
 }
-.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
-  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
-  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
+.pf-v5-c-divider.pf-m-inset-xl {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
 }
-.pf-v5-c-text-input-group__group {
-  display: flex;
+.pf-v5-c-divider.pf-m-inset-2xl {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
-  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
-  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
-  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
+.pf-v5-c-divider.pf-m-inset-3xl {
+  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
 }
-.pf-v5-c-badge {
-  --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
-  --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
-  --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
-  display: inline-block;
-  min-width: var(--pf-v5-c-badge--MinWidth);
-  padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
-  font-size: var(--pf-v5-c-badge--FontSize);
-  font-weight: var(--pf-v5-c-badge--FontWeight);
-  color: var(--pf-v5-c-badge--Color);
-  text-align: center;
-  white-space: nowrap;
-  background-color: var(--pf-v5-c-badge--BackgroundColor);
-  border-radius: var(--pf-v5-c-badge--BorderRadius);
+@media (min-width: 576px) {
+  .pf-v5-c-divider.pf-m-horizontal-on-sm {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
+  }
+  .pf-v5-c-divider.pf-m-horizontal-on-sm::after {
+    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
+  }
+}
+@media (min-width: 576px) {
+  .pf-v5-c-divider.pf-m-vertical-on-sm {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
+  }
+  .pf-v5-c-divider.pf-m-vertical-on-sm::after {
+    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
+  }
+}
+@media (min-width: 576px) {
+  .pf-v5-c-divider.pf-m-inset-none-on-sm {
+    --pf-v5-c-divider--after--Inset: 0%;
+  }
+  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-c-divider.pf-m-inset-sm-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-c-divider.pf-m-inset-md-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-c-divider.pf-m-inset-lg-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-c-divider.pf-m-inset-xl-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-2xl-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-3xl-on-sm {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
+  }
+}
+@media (min-width: 768px) {
+  .pf-v5-c-divider.pf-m-horizontal-on-md {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
+  }
+  .pf-v5-c-divider.pf-m-horizontal-on-md::after {
+    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
+  }
+}
+@media (min-width: 768px) {
+  .pf-v5-c-divider.pf-m-vertical-on-md {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
+  }
+  .pf-v5-c-divider.pf-m-vertical-on-md::after {
+    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
+  }
+}
+@media (min-width: 768px) {
+  .pf-v5-c-divider.pf-m-inset-none-on-md {
+    --pf-v5-c-divider--after--Inset: 0%;
+  }
+  .pf-v5-c-divider.pf-m-inset-xs-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-c-divider.pf-m-inset-sm-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-c-divider.pf-m-inset-md-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-c-divider.pf-m-inset-lg-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-c-divider.pf-m-inset-xl-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-2xl-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-3xl-on-md {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
+  }
+}
+@media (min-width: 992px) {
+  .pf-v5-c-divider.pf-m-horizontal-on-lg {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
+  }
+  .pf-v5-c-divider.pf-m-horizontal-on-lg::after {
+    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
+  }
+}
+@media (min-width: 992px) {
+  .pf-v5-c-divider.pf-m-vertical-on-lg {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
+  }
+  .pf-v5-c-divider.pf-m-vertical-on-lg::after {
+    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
+  }
+}
+@media (min-width: 992px) {
+  .pf-v5-c-divider.pf-m-inset-none-on-lg {
+    --pf-v5-c-divider--after--Inset: 0%;
+  }
+  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-c-divider.pf-m-inset-sm-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-c-divider.pf-m-inset-md-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-c-divider.pf-m-inset-lg-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-c-divider.pf-m-inset-xl-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-2xl-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-3xl-on-lg {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v5-c-divider.pf-m-horizontal-on-xl {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
+  }
+  .pf-v5-c-divider.pf-m-horizontal-on-xl::after {
+    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v5-c-divider.pf-m-vertical-on-xl {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
+  }
+  .pf-v5-c-divider.pf-m-vertical-on-xl::after {
+    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v5-c-divider.pf-m-inset-none-on-xl {
+    --pf-v5-c-divider--after--Inset: 0%;
+  }
+  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-c-divider.pf-m-inset-sm-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-c-divider.pf-m-inset-md-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-c-divider.pf-m-inset-lg-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-c-divider.pf-m-inset-xl-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-2xl-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-3xl-on-xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
+  }
 }
-.pf-v5-c-badge.pf-m-read {
-  --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
-  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
+@media (min-width: 1450px) {
+  .pf-v5-c-divider.pf-m-horizontal-on-2xl {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-horizontal--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-horizontal--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-horizontal--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-horizontal--after--Height);
+    width: 100%;
+    height: auto;
+  }
+  .pf-v5-c-divider.pf-m-horizontal-on-2xl::after {
+    flex-basis: calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset) * 2);
+  }
 }
-.pf-v5-c-badge.pf-m-unread {
-  --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
-  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
+@media (min-width: 1450px) {
+  .pf-v5-c-divider.pf-m-vertical-on-2xl {
+    --pf-v5-c-divider--Display: var(--pf-v5-c-divider--m-vertical--Display);
+    --pf-v5-c-divider--FlexDirection: var(--pf-v5-c-divider--m-vertical--FlexDirection);
+    --pf-v5-c-divider--after--Width: var(--pf-v5-c-divider--m-vertical--after--Width);
+    --pf-v5-c-divider--after--Height: var(--pf-v5-c-divider--m-vertical--after--Height);
+    width: auto;
+    height: inherit;
+  }
+  .pf-v5-c-divider.pf-m-vertical-on-2xl::after {
+    flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
+  }
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-badge {
-  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
-  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
+@media (min-width: 1450px) {
+  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
+    --pf-v5-c-divider--after--Inset: 0%;
+  }
+  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
+  }
+  .pf-v5-c-divider.pf-m-inset-sm-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--sm);
+  }
+  .pf-v5-c-divider.pf-m-inset-md-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--md);
+  }
+  .pf-v5-c-divider.pf-m-inset-lg-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--lg);
+  }
+  .pf-v5-c-divider.pf-m-inset-xl-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-2xl-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--2xl);
+  }
+  .pf-v5-c-divider.pf-m-inset-3xl-on-2xl {
+    --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
+  }
 }
-.pf-v5-c-chip {
+.pf-v5-c-chip-group {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
   --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -1978,122 +1939,161 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
 }
-.pf-v5-c-chip {
-  --pf-v5-c-chip--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-chip--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-chip--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-chip--before--BorderRadius: var(--pf-v5-c-chip--BorderRadius);
-  --pf-v5-c-chip--m-overflow__text--Color: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-chip--m-draggable--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
-  --pf-v5-c-chip--m-draggable__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-chip__content--FontSize: var(--pf-v5-global--FontSize--xs);
-  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-chip__text--MaxWidth: 16ch;
-  --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
-  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-chip__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-chip__actions--c-button--MarginTop: calc(var(--pf-v5-c-chip--PaddingTop) * -1);
-  --pf-v5-c-chip__actions--c-button--MarginRight: calc(var(--pf-v5-c-chip--PaddingRight) / 2 * -1);
-  --pf-v5-c-chip__actions--c-button--MarginBottom: calc(var(--pf-v5-c-chip--PaddingBottom) * -1);
-  --pf-v5-c-chip__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
-  --pf-v5-c-chip__icon--MarginLeft: var(--pf-v5-global--spacer--sm);
+.pf-v5-c-chip-group {
   color: var(--pf-v5-global--Color--100);
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  min-width: 0;
-  padding-block-start: var(--pf-v5-c-chip--PaddingTop);
-  padding-block-end: var(--pf-v5-c-chip--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-chip--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-chip--PaddingRight);
-  list-style: none;
-  background-color: var(--pf-v5-c-chip--BackgroundColor);
-  border-radius: var(--pf-v5-c-chip--BorderRadius);
+  --pf-v5-c-chip-group--PaddingTop: 0;
+  --pf-v5-c-chip-group--PaddingRight: 0;
+  --pf-v5-c-chip-group--PaddingBottom: 0;
+  --pf-v5-c-chip-group--PaddingLeft: 0;
+  --pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip-group--ColumnGap: 0;
+  --pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
+  --pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+  --pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-chip-group__label--MaxWidth: 18ch;
+  --pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
+  --pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
+  row-gap: var(--pf-v5-c-chip-group--RowGap);
+  column-gap: var(--pf-v5-c-chip-group--ColumnGap);
+  max-width: 100%;
+  padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
+  padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
 }
-.pf-v5-c-chip::before {
-  position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  content: "";
-  border: var(--pf-v5-c-chip--before--BorderWidth) solid var(--pf-v5-c-chip--before--BorderColor);
-  border-radius: var(--pf-v5-c-chip--before--BorderRadius);
+.pf-v5-c-chip-group.pf-m-category {
+  --pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
+  --pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
+  --pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
+  --pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
+  background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
+  border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
 }
-.pf-v5-c-chip.pf-m-overflow {
-  border: 0;
+.pf-v5-c-chip-group__main {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  row-gap: var(--pf-v5-c-chip-group__main--RowGap);
+  column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
+  align-items: baseline;
+  min-width: 0;
 }
-.pf-v5-c-chip.pf-m-overflow .pf-v5-c-chip__text {
-  color: var(--pf-v5-c-chip--m-overflow__text--Color);
+.pf-v5-c-chip-group,
+.pf-v5-c-chip-group__list {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  min-width: 0;
 }
-.pf-v5-c-chip.pf-m-draggable {
-  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-c-chip--m-draggable--BackgroundColor);
-  box-shadow: var(--pf-v5-c-chip--m-draggable--BoxShadow);
+.pf-v5-c-chip-group__list {
+  row-gap: var(--pf-v5-c-chip-group__list--RowGap);
+  column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
 }
-.pf-v5-c-chip.pf-m-draggable .pf-v5-c-chip__icon {
-  font-size: var(--pf-v5-c-chip--m-draggable__icon--FontSize);
+.pf-v5-c-chip-group__list-item {
+  display: inline-flex;
+  min-width: 0;
 }
-.pf-v5-c-chip__text {
+.pf-v5-c-chip-group__label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  position: relative;
-  max-width: var(--pf-v5-c-chip__text--MaxWidth);
-  color: var(--pf-v5-c-chip__text--Color);
+  max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
+  font-size: var(--pf-v5-c-chip-group__label--FontSize);
 }
-.pf-v5-c-chip__text .pf-v5-c-badge {
-  margin-inline-start: var(--pf-v5-c-chip__c-badge--MarginLeft);
+.pf-v5-c-chip-group__close {
+  display: flex;
+  align-self: flex-start;
+  margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
+  margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
 }
-.pf-v5-c-chip__icon + .pf-v5-c-chip__text,
-.pf-v5-c-chip__text + .pf-v5-c-chip__icon {
-  margin-inline-start: var(--pf-v5-c-chip__icon--MarginLeft);
+.pf-v5-c-check {
+  --pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
+  --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
+  --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
+  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-gap: var(--pf-v5-c-check--GridGap);
+  align-items: baseline;
 }
-.pf-v5-c-chip__content {
-  display: flex;
-  column-gap: var(--pf-v5-c-chip__content--ColumnGap);
-  align-items: center;
-  font-size: var(--pf-v5-c-chip__content--FontSize);
+.pf-v5-c-check.pf-m-standalone {
+  --pf-v5-c-check--GridGap: 0;
+  --pf-v5-c-check__input--TranslateY: none;
+  display: inline-grid;
+}
+.pf-v5-c-check__input {
+  align-self: start;
+  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
+  transform: translateY(var(--pf-v5-c-check__input--TranslateY));
+}
+.pf-v5-c-check__label {
+  font-size: var(--pf-v5-c-check__label--FontSize);
+  font-weight: var(--pf-v5-c-check__label--FontWeight);
+  line-height: var(--pf-v5-c-check__label--LineHeight);
+  color: var(--pf-v5-c-check__label--Color);
+}
+.pf-v5-c-check__description {
+  grid-column: 2;
+  font-size: var(--pf-v5-c-check__description--FontSize);
+  color: var(--pf-v5-c-check__description--Color);
+}
+.pf-v5-c-check__body {
+  grid-column: 2;
+  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
 }
-.pf-v5-c-chip__actions {
-  font-size: var(--pf-v5-c-chip__actions--FontSize);
+.pf-v5-c-check__label,
+.pf-v5-c-check__input {
+  justify-self: start;
 }
-.pf-v5-c-chip__actions .pf-v5-c-button {
-  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-chip__actions--c-button--PaddingTop);
-  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-chip__actions--c-button--PaddingRight);
-  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-chip__actions--c-button--PaddingBottom);
-  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-chip__actions--c-button--PaddingLeft);
-  --pf-v5-c-button--FontSize: var(--pf-v5-c-chip__actions--c-button--FontSize);
-  margin-block-start: var(--pf-v5-c-chip__actions--c-button--MarginTop);
-  margin-block-end: var(--pf-v5-c-chip__actions--c-button--MarginBottom);
-  margin-inline-end: var(--pf-v5-c-chip__actions--c-button--MarginRight);
-  line-height: 1;
+label.pf-v5-c-check, .pf-v5-c-check__label,
+.pf-v5-c-check__input {
+  cursor: pointer;
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-chip {
-  --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
+.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
+.pf-v5-c-check__input:disabled,
+.pf-v5-c-check__input.pf-m-disabled {
+  --pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
+  cursor: not-allowed;
+}
+.pf-v5-c-check__label-required {
+  margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
+  font-size: var(--pf-v5-c-check__label-required--FontSize);
+  color: var(--pf-v5-c-check__label-required--Color);
 }
 .pf-v5-c-dropdown {
@@ -2975,11 +2975,245 @@ button.pf-v5-c-breadcrumb__link {
 .pf-v5-c-breadcrumb__heading {
   white-space: normal;
 }
-.pf-v5-c-breadcrumb__list > :first-child .pf-v5-c-breadcrumb__item-divider {
-  display: none;
+.pf-v5-c-breadcrumb__list > :first-child .pf-v5-c-breadcrumb__item-divider {
+  display: none;
+}
+.pf-v5-c-tooltip {
+  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
+  --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
+  --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
+  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
+  --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
+  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
+  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
+  --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
+  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
+  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
+  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
+  --pf-v5-c-tooltip__arrow--m-right--TranslateX: -50%;
+  --pf-v5-c-tooltip__arrow--m-right--TranslateY: -50%;
+  --pf-v5-c-tooltip__arrow--m-right--Rotate: 45deg;
+  --pf-v5-c-tooltip__arrow--m-bottom--TranslateX: -50%;
+  --pf-v5-c-tooltip__arrow--m-bottom--TranslateY: -50%;
+  --pf-v5-c-tooltip__arrow--m-bottom--Rotate: 45deg;
+  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
+  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
+  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
+  position: relative;
+  max-width: var(--pf-v5-c-tooltip--MaxWidth);
+  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
+}
+.pf-v5-c-tooltip:is(.pf-m-top,
+.pf-m-top-left,
+.pf-m-top-right) {
+  --pf-v5-c-tooltip__arrow--Bottom: var(--pf-v5-c-tooltip--m-top--Bottom, 0);
+  --pf-v5-c-tooltip__arrow--Left: var(--pf-v5-c-tooltip--m-top--Left, 50%);
+  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-top--TranslateX);
+  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-top--TranslateY);
+  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-top--Rotate);
+}
+.pf-v5-c-tooltip:is(.pf-m-bottom,
+.pf-m-bottom-left,
+.pf-m-bottom-right) {
+  --pf-v5-c-tooltip__arrow--Top: var(--pf-v5-c-tooltip--m-bottom--Top, 0);
+  --pf-v5-c-tooltip__arrow--Left: var(--pf-v5-c-tooltip--m-bottom--Left, 50%);
+  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX);
+  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY);
+  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate);
+}
+.pf-v5-c-tooltip:is(.pf-m-left,
+.pf-m-left-top,
+.pf-m-left-bottom) {
+  --pf-v5-c-tooltip__arrow--Top: var(--pf-v5-c-tooltip--m-left--Top, 50%);
+  --pf-v5-c-tooltip__arrow--Right: var(--pf-v5-c-tooltip--m-left--Right, 0);
+  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-left--TranslateX);
+  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-left--TranslateY);
+  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-left--Rotate);
+}
+.pf-v5-c-tooltip:is(.pf-m-right,
+.pf-m-right-top,
+.pf-m-right-bottom) {
+  --pf-v5-c-tooltip__arrow--Top: var(--pf-v5-c-tooltip--m-right--Top, 50%);
+  --pf-v5-c-tooltip__arrow--Left: var(--pf-v5-c-tooltip--m-right--Left, 0);
+  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-right--TranslateX);
+  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-right--TranslateY);
+  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-right--Rotate);
+}
+.pf-v5-c-tooltip:is(.pf-m-left-top,
+.pf-m-right-top) {
+  --pf-v5-c-tooltip__arrow--Top: 0;
+  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-top--TranslateY);
+}
+.pf-v5-c-tooltip:is(.pf-m-left-bottom,
+.pf-m-right-bottom) {
+  --pf-v5-c-tooltip__arrow--Top: auto;
+  --pf-v5-c-tooltip__arrow--Bottom: 0;
+}
+.pf-v5-c-tooltip:is(.pf-m-top-left,
+.pf-m-bottom-left) {
+  --pf-v5-c-tooltip__arrow--Left: 0;
+  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-left--TranslateX);
+}
+.pf-v5-c-tooltip:is(.pf-m-top-right,
+.pf-m-bottom-right) {
+  --pf-v5-c-tooltip__arrow--Right: 0;
+  --pf-v5-c-tooltip__arrow--Left: auto;
+}
+.pf-v5-c-tooltip__content {
+  position: relative;
+  padding-block-start: var(--pf-v5-c-tooltip__content--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tooltip__content--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tooltip__content--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tooltip__content--PaddingRight);
+  font-size: var(--pf-v5-c-tooltip__content--FontSize);
+  color: var(--pf-v5-c-tooltip__content--Color);
+  text-align: center;
+  word-break: break-word;
+  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
+}
+.pf-v5-c-tooltip__content.pf-m-text-align-left {
+  text-align: start;
+}
+.pf-v5-c-tooltip__arrow {
+  position: absolute;
+  top: var(--pf-v5-c-tooltip__arrow--Top, auto);
+  right: var(--pf-v5-c-tooltip__arrow--Right, auto);
+  bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
+  left: var(--pf-v5-c-tooltip__arrow--Left, auto);
+  width: var(--pf-v5-c-tooltip__arrow--Width);
+  height: var(--pf-v5-c-tooltip__arrow--Height);
+  pointer-events: none;
+  background-color: var(--pf-v5-c-tooltip__arrow--BackgroundColor);
+  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
+  transform: translateX(var(--pf-v5-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-tooltip__arrow--Rotate, 0));
+}
+:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
+  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+}
+.pf-v5-c-spinner {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl);
+  --pf-v5-c-spinner--Width: var(--pf-v5-c-spinner--diameter);
+  --pf-v5-c-spinner--Height: var(--pf-v5-c-spinner--diameter);
+  --pf-v5-c-spinner--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm);
+  --pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md);
+  --pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg);
+  --pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl);
+  --pf-v5-c-spinner--m-inline--diameter: 1em;
+  width: var(--pf-v5-c-spinner--Width);
+  height: var(--pf-v5-c-spinner--Height);
+  overflow: hidden;
+}
+.pf-v5-c-spinner.pf-m-inline {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-inline--diameter);
+}
+.pf-v5-c-spinner.pf-m-sm {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter);
+}
+.pf-v5-c-spinner.pf-m-md {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter);
+}
+.pf-v5-c-spinner.pf-m-lg {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter);
+}
+.pf-v5-c-spinner.pf-m-xl {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter);
+}
+svg.pf-v5-c-spinner {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl);
+  --pf-v5-c-spinner--AnimationDuration: 1.4s;
+  --pf-v5-c-spinner--AnimationTimingFunction: linear;
+  --pf-v5-c-spinner--stroke-width: 10;
+  --pf-v5-c-spinner__path--Stroke: var(--pf-v5-c-spinner--Color);
+  --pf-v5-c-spinner__path--StrokeWidth: var(--pf-v5-c-spinner--stroke-width);
+  --pf-v5-c-spinner__path--AnimationTimingFunction: ease-in-out;
+  --pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm);
+  --pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md);
+  --pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg);
+  --pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl);
+  animation: pf-v5-c-spinner-animation-rotate calc(var(--pf-v5-c-spinner--AnimationDuration) * 2) var(--pf-v5-c-spinner--AnimationTimingFunction) infinite;
+}
+svg.pf-v5-c-spinner.pf-m-sm {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter);
+}
+svg.pf-v5-c-spinner.pf-m-md {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter);
+}
+svg.pf-v5-c-spinner.pf-m-lg {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter);
+}
+svg.pf-v5-c-spinner.pf-m-xl {
+  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter);
+}
+.pf-v5-c-spinner__path {
+  width: 100%;
+  height: 100%;
+  stroke: var(--pf-v5-c-spinner--Color);
+  stroke-dasharray: 283;
+  stroke-dashoffset: 280;
+  stroke-linecap: round;
+  stroke-width: var(--pf-v5-c-spinner--stroke-width);
+  transform-origin: 50% 50%;
+  animation: pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration) var(--pf-v5-c-spinner__path--AnimationTimingFunction) infinite;
+}
+@keyframes pf-v5-c-spinner-animation-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pf-v5-c-spinner-animation-dash {
+  0% {
+    stroke-dashoffset: 280;
+    transform: rotate(0);
+  }
+  15% {
+    stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
+  }
+  40% {
+    stroke-dasharray: 220;
+    stroke-dashoffset: 150;
+  }
+  100% {
+    stroke-dashoffset: 280;
+    transform: rotate(720deg);
+  }
 }
 .pf-v5-c-menu {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -3694,239 +3928,4 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-}
-.pf-v5-c-tooltip {
-  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
-  --pf-v5-c-tooltip--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-tooltip__content--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-tooltip__content--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
-  --pf-v5-c-tooltip__content--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-tooltip__arrow--Width: 0.9375rem;
-  --pf-v5-c-tooltip__arrow--Height: 0.9375rem;
-  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
-  --pf-v5-c-tooltip__arrow--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-tooltip__arrow--m-top--TranslateX: -50%;
-  --pf-v5-c-tooltip__arrow--m-top--TranslateY: 50%;
-  --pf-v5-c-tooltip__arrow--m-top--Rotate: 45deg;
-  --pf-v5-c-tooltip__arrow--m-right--TranslateX: -50%;
-  --pf-v5-c-tooltip__arrow--m-right--TranslateY: -50%;
-  --pf-v5-c-tooltip__arrow--m-right--Rotate: 45deg;
-  --pf-v5-c-tooltip__arrow--m-bottom--TranslateX: -50%;
-  --pf-v5-c-tooltip__arrow--m-bottom--TranslateY: -50%;
-  --pf-v5-c-tooltip__arrow--m-bottom--Rotate: 45deg;
-  --pf-v5-c-tooltip__arrow--m-left--TranslateX: 50%;
-  --pf-v5-c-tooltip__arrow--m-left--TranslateY: -50%;
-  --pf-v5-c-tooltip__arrow--m-left--Rotate: 45deg;
-  position: relative;
-  max-width: var(--pf-v5-c-tooltip--MaxWidth);
-  box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
-}
-.pf-v5-c-tooltip:is(.pf-m-top,
-.pf-m-top-left,
-.pf-m-top-right) {
-  --pf-v5-c-tooltip__arrow--Bottom: var(--pf-v5-c-tooltip--m-top--Bottom, 0);
-  --pf-v5-c-tooltip__arrow--Left: var(--pf-v5-c-tooltip--m-top--Left, 50%);
-  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-top--TranslateX);
-  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-top--TranslateY);
-  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-top--Rotate);
-}
-.pf-v5-c-tooltip:is(.pf-m-bottom,
-.pf-m-bottom-left,
-.pf-m-bottom-right) {
-  --pf-v5-c-tooltip__arrow--Top: var(--pf-v5-c-tooltip--m-bottom--Top, 0);
-  --pf-v5-c-tooltip__arrow--Left: var(--pf-v5-c-tooltip--m-bottom--Left, 50%);
-  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX);
-  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY);
-  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate);
-}
-.pf-v5-c-tooltip:is(.pf-m-left,
-.pf-m-left-top,
-.pf-m-left-bottom) {
-  --pf-v5-c-tooltip__arrow--Top: var(--pf-v5-c-tooltip--m-left--Top, 50%);
-  --pf-v5-c-tooltip__arrow--Right: var(--pf-v5-c-tooltip--m-left--Right, 0);
-  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-left--TranslateX);
-  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-left--TranslateY);
-  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-left--Rotate);
-}
-.pf-v5-c-tooltip:is(.pf-m-right,
-.pf-m-right-top,
-.pf-m-right-bottom) {
-  --pf-v5-c-tooltip__arrow--Top: var(--pf-v5-c-tooltip--m-right--Top, 50%);
-  --pf-v5-c-tooltip__arrow--Left: var(--pf-v5-c-tooltip--m-right--Left, 0);
-  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-right--TranslateX);
-  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-right--TranslateY);
-  --pf-v5-c-tooltip__arrow--Rotate: var(--pf-v5-c-tooltip__arrow--m-right--Rotate);
-}
-.pf-v5-c-tooltip:is(.pf-m-left-top,
-.pf-m-right-top) {
-  --pf-v5-c-tooltip__arrow--Top: 0;
-  --pf-v5-c-tooltip__arrow--TranslateY: var(--pf-v5-c-tooltip__arrow--m-top--TranslateY);
-}
-.pf-v5-c-tooltip:is(.pf-m-left-bottom,
-.pf-m-right-bottom) {
-  --pf-v5-c-tooltip__arrow--Top: auto;
-  --pf-v5-c-tooltip__arrow--Bottom: 0;
-}
-.pf-v5-c-tooltip:is(.pf-m-top-left,
-.pf-m-bottom-left) {
-  --pf-v5-c-tooltip__arrow--Left: 0;
-  --pf-v5-c-tooltip__arrow--TranslateX: var(--pf-v5-c-tooltip__arrow--m-left--TranslateX);
-}
-.pf-v5-c-tooltip:is(.pf-m-top-right,
-.pf-m-bottom-right) {
-  --pf-v5-c-tooltip__arrow--Right: 0;
-  --pf-v5-c-tooltip__arrow--Left: auto;
-}
-.pf-v5-c-tooltip__content {
-  position: relative;
-  padding-block-start: var(--pf-v5-c-tooltip__content--PaddingTop);
-  padding-block-end: var(--pf-v5-c-tooltip__content--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-tooltip__content--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-tooltip__content--PaddingRight);
-  font-size: var(--pf-v5-c-tooltip__content--FontSize);
-  color: var(--pf-v5-c-tooltip__content--Color);
-  text-align: center;
-  word-break: break-word;
-  background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
-}
-.pf-v5-c-tooltip__content.pf-m-text-align-left {
-  text-align: start;
-}
-.pf-v5-c-tooltip__arrow {
-  position: absolute;
-  top: var(--pf-v5-c-tooltip__arrow--Top, auto);
-  right: var(--pf-v5-c-tooltip__arrow--Right, auto);
-  bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
-  left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  width: var(--pf-v5-c-tooltip__arrow--Width);
-  height: var(--pf-v5-c-tooltip__arrow--Height);
-  pointer-events: none;
-  background-color: var(--pf-v5-c-tooltip__arrow--BackgroundColor);
-  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
-  transform: translateX(var(--pf-v5-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-tooltip__arrow--Rotate, 0));
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-tooltip {
-  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-}
-.pf-v5-c-spinner {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-spinner--Width: var(--pf-v5-c-spinner--diameter);
-  --pf-v5-c-spinner--Height: var(--pf-v5-c-spinner--diameter);
-  --pf-v5-c-spinner--Color: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-spinner--m-inline--diameter: 1em;
-  width: var(--pf-v5-c-spinner--Width);
-  height: var(--pf-v5-c-spinner--Height);
-  overflow: hidden;
-}
-.pf-v5-c-spinner.pf-m-inline {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-inline--diameter);
-}
-.pf-v5-c-spinner.pf-m-sm {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter);
-}
-.pf-v5-c-spinner.pf-m-md {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter);
-}
-.pf-v5-c-spinner.pf-m-lg {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter);
-}
-.pf-v5-c-spinner.pf-m-xl {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter);
-}
-svg.pf-v5-c-spinner {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-spinner--AnimationDuration: 1.4s;
-  --pf-v5-c-spinner--AnimationTimingFunction: linear;
-  --pf-v5-c-spinner--stroke-width: 10;
-  --pf-v5-c-spinner__path--Stroke: var(--pf-v5-c-spinner--Color);
-  --pf-v5-c-spinner__path--StrokeWidth: var(--pf-v5-c-spinner--stroke-width);
-  --pf-v5-c-spinner__path--AnimationTimingFunction: ease-in-out;
-  --pf-v5-c-spinner--m-sm--diameter: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-spinner--m-md--diameter: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-spinner--m-lg--diameter: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-spinner--m-xl--diameter: var(--pf-v5-global--icon--FontSize--xl);
-  animation: pf-v5-c-spinner-animation-rotate calc(var(--pf-v5-c-spinner--AnimationDuration) * 2) var(--pf-v5-c-spinner--AnimationTimingFunction) infinite;
-}
-svg.pf-v5-c-spinner.pf-m-sm {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-sm--diameter);
-}
-svg.pf-v5-c-spinner.pf-m-md {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-md--diameter);
-}
-svg.pf-v5-c-spinner.pf-m-lg {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-lg--diameter);
-}
-svg.pf-v5-c-spinner.pf-m-xl {
-  --pf-v5-c-spinner--diameter: var(--pf-v5-c-spinner--m-xl--diameter);
-}
-.pf-v5-c-spinner__path {
-  width: 100%;
-  height: 100%;
-  stroke: var(--pf-v5-c-spinner--Color);
-  stroke-dasharray: 283;
-  stroke-dashoffset: 280;
-  stroke-linecap: round;
-  stroke-width: var(--pf-v5-c-spinner--stroke-width);
-  transform-origin: 50% 50%;
-  animation: pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration) var(--pf-v5-c-spinner__path--AnimationTimingFunction) infinite;
-}
-@keyframes pf-v5-c-spinner-animation-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes pf-v5-c-spinner-animation-dash {
-  0% {
-    stroke-dashoffset: 280;
-    transform: rotate(0);
-  }
-  15% {
-    stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
-  }
-  40% {
-    stroke-dasharray: 220;
-    stroke-dashoffset: 150;
-  }
-  100% {
-    stroke-dashoffset: 280;
-    transform: rotate(720deg);
-  }
 }