@redhat-cloud-services/frontend-components 4.0.2 → 4.0.4

package/esm/index.css

@@ -3,16 +3,16 @@
 }
 
 i.Ansible.is-supported .st0 {
-  fill: var(--pf-global--info-color--100);
+  fill: var(--pf-v5-global--info-color--100);
 }
 i.Ansible.is-unsupported {
   cursor: not-allowed;
 }
 i.Ansible.is-unsupported .st0, i.Ansible.is-unsupported .st1, i.Ansible.is-unsupported .st2 {
-  fill: var(--pf-global--disabled-color--200);
+  fill: var(--pf-v5-global--disabled-color--200);
 }
 i.Ansible svg {
-  height: var(--pf-global--FontSize--xl);
+  height: var(--pf-v5-global--FontSize--xl);
   position: relative;
   top: 4px;
   top: 0.25rem;
@@ -28,18 +28,18 @@ i.ins-battery {
 }
 i.ins-battery svg {
   position: relative;
-  top: var(--pf-global--spacer--sm);
+  top: var(--pf-v5-global--spacer--sm);
   position: relative;
   height: 28px;
   height: 1.75rem;
 }
 
 .ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
-  fill: var(--pf-global--disabled-color--200);
+  fill: var(--pf-v5-global--disabled-color--200);
 }
 
 .ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
-  fill: var(--pf-global--warning-color--100);
+  fill: var(--pf-v5-global--warning-color--100);
 }
 
 .ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
@@ -47,14 +47,14 @@ i.ins-battery svg {
 }
 
 .ins-battery-4 svg path, .ins-battery-critical svg path {
-  fill: var(--pf-global--danger-color--100);
+  fill: var(--pf-v5-global--danger-color--100);
 }
 
 .ins-battery-0 svg path, .ins-battery-null svg path {
-  fill: var(--pf-global--disabled-color--200);
+  fill: var(--pf-v5-global--disabled-color--200);
 }
 
-.ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+.ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
   display: initial;
 }
 .ins-c-bulk-select .ins-c-bulk-select__selected {
@@ -62,7 +62,7 @@ i.ins-battery svg {
 }
 
 @media only screen and (max-width: 768px) {
-  .ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+  .ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
     display: none;
   }
   .ins-c-bulk-select .ins-c-bulk-select__selected {
@@ -80,30 +80,30 @@ i.ins-battery svg {
   display: none !important;
   visibility: hidden !important;
 }
-.ins-c-conditional-filter .pf-c-select__toggle-wrapper .pf-c-select__toggle-text {
+.ins-c-conditional-filter .pf-v5-c-select__toggle-wrapper .pf-v5-c-select__toggle-text {
   max-width: 150px;
   max-width: 9.375rem;
 }
-.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text {
+.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v5-c-menu-toggle__text {
   width: auto;
   text-align: left;
 }
-.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text > svg {
-  margin-right: var(--pf-global--spacer--xs);
+.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v5-c-menu-toggle__text > span {
+  margin-right: var(--pf-v5-global--spacer--xs);
 }
-.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-c-dropdown__toggle-text {
+.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-v5-c-dropdown__toggle-text {
   width: auto;
 }
-.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-group {
+.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__menu-group {
   padding: 0;
 }
-.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-group .pf-c-select__menu-group-title:empty {
+.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__menu-group .pf-v5-c-select__menu-group-title:empty {
   display: none;
 }
-.ins-c-conditional-filter .pf-l-split__item .pf-c-select__option-button {
+.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__option-button {
   padding: 0;
 }
-.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-item-icon {
+.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__menu-item-icon {
   display: none;
 }
 .ins-c-conditional-filter input.ins-c-conditional-filter[type=text] {
@@ -119,29 +119,29 @@ i.ins-battery svg {
   top: 2px;
   top: 0.125rem;
 }
-.ins-c-conditional-filter .pf-c-select__toggle-text {
+.ins-c-conditional-filter .pf-v5-c-select__toggle-text {
   margin-right: 0;
 }
-.ins-c-conditional-filter .pf-c-select__toggle-badge {
+.ins-c-conditional-filter .pf-v5-c-select__toggle-badge {
   display: none;
 }
-.ins-c-conditional-filter .pf-c-menu-toggle .pf-c-menu-toggle__text {
+.ins-c-conditional-filter .pf-v5-c-menu-toggle .pf-v5-c-menu-toggle__text {
   flex: 1;
 }
-.ins-c-conditional-filter .pf-c-menu-toggle .pf-c-menu-toggle__text input {
+.ins-c-conditional-filter .pf-v5-c-menu-toggle .pf-v5-c-menu-toggle__text input {
   border: none;
 }
 
-.pf-c-menu.ins-c-menu__scrollable {
+.pf-v5-c-menu.ins-c-menu__scrollable {
   max-height: 416px;
   overflow-y: auto;
   min-width: initial;
 }
-.pf-c-menu .ins-c-menu__show--more {
+.pf-v5-c-menu .ins-c-menu__show--more {
   background: none;
 }
-.pf-c-menu .ins-c-menu__show--more .pf-c-menu__item-text {
-  color: var(--pf-global--active-color--100);
+.pf-v5-c-menu .ins-c-menu__show--more .pf-v5-c-menu__item-text {
+  color: var(--pf-v5-global--active-color--100);
 }
 
 @media only screen and (max-width: 768px) {
@@ -155,7 +155,7 @@ i.ins-battery svg {
   }
 }
 @media only screen and (max-width: 884px) {
-  .ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text {
+  .ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v5-c-dropdown__toggle-text {
     width: auto;
   }
   .ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__value-selector {
@@ -169,11 +169,11 @@ i.ins-battery svg {
   --ins-color--orange: #ec7a08;
 }
 
-button.ins-c-group-menu-toggle .pf-c-form-control {
+button.ins-c-group-menu-toggle .pf-v5-c-form-control {
   margin: -1rem 0 -1rem 0;
 }
 
-button.pf-c-menu-toggle {
+button.pf-v5-c-menu-toggle {
   outline: none;
   max-width: 261px;
 }
@@ -183,41 +183,44 @@ button.pf-c-menu-toggle {
 }
 
 .ins-c-icon__link {
-  color: var(--pf-global--primary-color--100);
+  display: flex;
+  align-content: center;
+  flex-wrap: wrap;
+  color: var(--pf-v5-global--primary-color--100);
 }
 .ins-c-icon__link :hover {
-  color: var(--pf-global--primary-color--200);
+  color: var(--pf-v5-global--primary-color--200);
 }
 
-.ins-c-tree-view .pf-c-tree-view {
+.ins-c-tree-view .pf-v5-c-tree-view {
   padding: 0;
 }
-.ins-c-tree-view .pf-c-menu__list-item {
+.ins-c-tree-view .pf-v5-c-menu__list-item {
   background: none;
 }
-.ins-c-tree-view .pf-c-menu__list-item .pf-c-menu__item {
+.ins-c-tree-view .pf-v5-c-menu__list-item .pf-v5-c-menu__item {
   padding: 0;
 }
-.ins-c-tree-view .pf-c-menu__list-item .pf-c-menu__item .pf-c-tree-view__content {
+.ins-c-tree-view .pf-v5-c-menu__list-item .pf-v5-c-menu__item .pf-v5-c-tree-view__content {
   background: none;
 }
-.ins-c-tree-view .pf-c-menu__list-item .pf-c-menu__item .pf-c-tree-view__node {
+.ins-c-tree-view .pf-v5-c-menu__list-item .pf-v5-c-menu__item .pf-v5-c-tree-view__node {
   background: none;
 }
 
 .ins-c-inventory__culling-warning {
-  color: var(--pf-global--warning-color--200);
+  color: var(--pf-v5-global--warning-color--200);
 }
 
 .ins-c-inventory__culling-danger {
-  color: var(--pf-global--danger-color--100);
+  color: var(--pf-v5-global--danger-color--100);
 }
 
 .ins-c-inventory__culling-danger, .ins-c-inventory__culling-warning {
-  font-weight: var(--pf-global--FontWeight--bold);
+  font-weight: var(--pf-v5-global--FontWeight--bold);
 }
 .ins-c-inventory__culling-danger svg, .ins-c-inventory__culling-warning svg {
-  margin-right: var(--pf-global--spacer--sm);
+  margin-right: var(--pf-v5-global--spacer--sm);
 }
 
 :root {
@@ -225,8 +228,8 @@ button.pf-c-menu-toggle {
 }
 
 .ins-c-table__empty {
-  background: var(--pf-global--Color--light-100);
-  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
+  background: var(--pf-v5-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-v5-global--BorderColor--light-200);
   padding: 20px;
   padding: 1.25rem;
 }
@@ -241,12 +244,12 @@ button.pf-c-menu-toggle {
 
 .ins-error-boundary-stack {
   font-family: "monospace";
-  font-size: var(--pf-global--icon--FontSize--md);
+  font-size: var(--pf-v5-global--icon--FontSize--md);
   text-align: left;
   background-color: white;
   border-style: solid;
-  border-color: var(--pf-global--BackgroundColor--dark-300);
-  padding: var(--pf-global--spacer--sm);
+  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
+  padding: var(--pf-v5-global--spacer--sm);
 }
 
 .ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
@@ -258,8 +261,12 @@ button.pf-c-menu-toggle {
   display: none;
 }
 
-.ins-c-chip-filters .pf-c-chip-group:not(:last-child) {
-  margin-right: var(--pf-global--spacer--sm);
+.ins-c-chip-filters .pf-v5-c-chip-group:not(:last-child) {
+  margin-right: var(--pf-v5-global--spacer--sm);
+}
+
+.ins-c-chip-filters .pf-v5-c-chip .pf-v5-c-badge {
+  margin-left: var(--pf-v5-global--spacer--xs);
 }
 
 .ins-c-tagfilter .ins-c-tagfilter__option label {
@@ -271,25 +278,25 @@ button.pf-c-menu-toggle {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.ins-c-tagfilter .ins-c-tagfilter__option label .pf-c-badge {
+.ins-c-tagfilter .ins-c-tagfilter__option label .pf-v5-c-badge {
   margin-left: auto;
   padding-top: 0.2;
 }
-.ins-c-tagfilter .pf-c-select__menu-group-title:empty {
+.ins-c-tagfilter .pf-v5-c-select__menu-group-title:empty {
   display: none;
 }
-.ins-c-tagfilter .pf-c-select__menu > div {
+.ins-c-tagfilter .pf-v5-c-select__menu > div {
   padding-top: 0;
 }
 .ins-c-tagfilter.pf-m-expanded {
   width: 18.75rem !important;
 }
 
-.ins-c-filter__dropdown .pf-c-dropdown__menu-item:hover {
+.ins-c-filter__dropdown .pf-v5-c-dropdown__menu-item:hover {
   background-color: inherit !important;
   outline: inherit !important;
 }
-.ins-c-filter__dropdown .pf-c-dropdown__menu-item:focus {
+.ins-c-filter__dropdown .pf-v5-c-dropdown__menu-item:focus {
   background-color: inherit !important;
   outline: inherit !important;
 }
@@ -333,651 +340,35 @@ button.pf-c-menu-toggle {
   font-size: 1.25rem;
 }
 
-.pf-l-page__main .pf-l-page__main-section.pf-m-dark:not(:first-child) {
-  background: var(--pf-global--BackgroundColor--dark-transparent-100);
+.pf-v5-l-page__main .pf-v5-l-page__main-section.pf-m-dark:not(:first-child) {
+  background: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
 }
 
-.ins-c-empty-state__maintenance .pf-c-empty-state__body {
-  color: var(--pf-global--Color--100);
+.ins-c-empty-state__maintenance .pf-v5-c-empty-state__body {
+  color: var(--pf-v5-global--Color--100);
 }
-.ins-c-empty-state__maintenance .pf-c-empty-state__icon {
+.ins-c-empty-state__maintenance .pf-v5-c-empty-state__icon svg {
   fill: #EE0000;
 }
-.ins-c-empty-state__maintenance .pf-c-title {
+.ins-c-empty-state__maintenance .pf-v5-c-title {
   font-weight: 500;
 }
 
-.ins-c-not-authorized .pf-c-title {
-  max-width: 540px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
 :root {
   --ins-color--orange: #ec7a08;
 }
 
-.pf-l-page__main-section.pf-l-page-header.pf-m-dark-200 h1.pf-c-title.pf-m-2xl, .pf-l-page__main-section.pf-l-page-header.pf-m-dark-200 * {
+.pf-v5-l-page__main-section.pf-v5-l-page-header.pf-m-dark-200 h1.pf-v5-c-title.pf-m-2xl, .pf-v5-l-page__main-section.pf-v5-l-page-header.pf-m-dark-200 * {
   color: #fff;
 }
 
-.pf-l-page__main-section.pf-l-page-header .pf-c-breadcrumb {
+.pf-v5-l-page__main-section.pf-v5-l-page-header .pf-v5-c-breadcrumb {
   display: block;
   margin-bottom: 15px;
   margin-bottom: 0.9375rem;
 }
 
-.pf-c-pagination__nav-page-select .pf-c-form-control {
-  appearance: textfield;
-}
-.pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
-  appearance: none;
-  margin: 0;
-}
-
-.pf-c-pagination {
-  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-bottom--child--MarginRight: 0;
-  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-pagination__nav--Display: none;
-  --pf-c-pagination__nav--Visibility: hidden;
-  --pf-c-pagination--m-display-summary__nav--Display: none;
-  --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
-  --pf-c-pagination--m-display-full__nav--Display: inline-flex;
-  --pf-c-pagination--m-display-full__nav--Visibility: visible;
-  --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
-  --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
-  --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
-  --pf-c-pagination__total-items--Display: block;
-  --pf-c-pagination__total-items--Visibility: visible;
-  --pf-c-pagination--m-display-summary__total-items--Display: block;
-  --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
-  --pf-c-pagination--m-display-full__total-items--Display: none;
-  --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
-  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
-  --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-pagination--m-sticky--Top: 0;
-  --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
-  --pf-c-pagination--m-bottom--Bottom: 0;
-  --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
-  --pf-c-pagination--c-options-menu--Display: none;
-  --pf-c-pagination--c-options-menu--Visibility: hidden;
-  --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
-  --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
-  --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
-  --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-}
-@media screen and (min-width: 768px) {
-  .pf-c-pagination {
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
-    --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
-    --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
-    --pf-c-pagination--m-bottom--BoxShadow: none;
-    --pf-c-pagination--c-options-menu--Display: inline-flex;
-    --pf-c-pagination--c-options-menu--Visibility: visible;
-    --pf-c-pagination__nav--Display: inline-flex;
-    --pf-c-pagination__nav--Visibility: visible;
-    --pf-c-pagination__total-items--Display: none;
-    --pf-c-pagination__total-items--Visibility: hidden;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-c-pagination {
-    --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
-    --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
-  }
-}
-.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
-  margin-right: var(--pf-c-pagination--child--MarginRight);
-}
-.pf-c-pagination .pf-c-options-menu {
-  display: var(--pf-c-pagination--c-options-menu--Display);
-  visibility: var(--pf-c-pagination--c-options-menu--Visibility);
-}
-.pf-c-pagination.pf-m-bottom {
-  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
-  --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
-  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
-  --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
-  --pf-c-pagination--m-sticky--Top: auto;
-  position: sticky;
-  bottom: var(--pf-c-pagination--m-bottom--Bottom);
-  justify-content: center;
-  background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
-  box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
-}
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
-  --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
-  --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
-  outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
-}
-.pf-c-pagination.pf-m-bottom.pf-m-static {
-  --pf-c-pagination--m-bottom--MarginTop: 0;
-  --pf-c-pagination--m-bottom--BorderTopWidth: 0;
-  position: relative;
-  box-shadow: none;
-}
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
-  display: none;
-  visibility: hidden;
-}
-.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
-  position: absolute;
-  display: block;
-  visibility: visible;
-}
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
-  display: flex;
-  flex-basis: 100%;
-  justify-content: space-between;
-  visibility: visible;
-}
-@media screen and (min-width: 768px) {
-  .pf-c-pagination.pf-m-bottom {
-    --pf-c-pagination--m-bottom--BorderTopWidth: 0;
-    --pf-c-pagination--m-bottom--MarginTop: 0;
-    --pf-c-pagination--m-bottom--Bottom: auto;
-    position: relative;
-    justify-content: flex-end;
-    padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
-  }
-  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
-    display: block;
-    visibility: visible;
-  }
-  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
-    position: relative;
-  }
-  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
-    display: inline-flex;
-    flex-basis: auto;
-  }
-}
-.pf-c-pagination.pf-m-sticky {
-  --pf-c-pagination--m-bottom--Bottom: 0;
-  position: sticky;
-  top: var(--pf-c-pagination--m-sticky--Top);
-  z-index: var(--pf-c-pagination--m-sticky--ZIndex);
-  padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
-  padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
-  padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
-  padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
-  background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
-  box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
-}
-@media screen and (min-width: 768px) {
-  .pf-c-pagination.pf-m-sticky {
-    padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
-  }
-}
-.pf-c-pagination .pf-c-options-menu__toggle {
-  font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
-}
-.pf-c-pagination.pf-m-compact {
-  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
-}
-
-.pf-c-pagination__nav {
-  display: var(--pf-c-pagination__nav--Display);
-  justify-content: flex-end;
-  visibility: var(--pf-c-pagination__nav--Visibility);
-}
-
-.pf-c-pagination__nav-control .pf-c-button {
-  padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
-  padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
-  font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
-}
-.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
-  margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
-}
-
-.pf-c-pagination__nav-page-select {
-  display: flex;
-  align-items: center;
-  padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
-  padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
-}
-.pf-c-pagination__nav-page-select > * {
-  font-size: var(--pf-c-pagination__nav-page-select--FontSize);
-  white-space: nowrap;
-}
-.pf-c-pagination__nav-page-select > *:not(:last-child) {
-  margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
-}
-.pf-c-pagination__nav-page-select .pf-c-form-control {
-  width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
-}
-
-.pf-c-pagination__total-items {
-  display: var(--pf-c-pagination__total-items--Display);
-  visibility: var(--pf-c-pagination__total-items--Visibility);
-}
-
-.pf-c-pagination.pf-m-display-summary {
-  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-  --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-  --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
-}
-.pf-c-pagination.pf-m-display-full {
-  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-  --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-  --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
-}
-@media (min-width: 576px) {
-  .pf-c-pagination.pf-m-display-summary-on-sm {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
-  }
-  .pf-c-pagination.pf-m-display-full-on-sm {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
-  }
-}
-@media (min-width: 768px) {
-  .pf-c-pagination.pf-m-display-summary-on-md {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
-  }
-  .pf-c-pagination.pf-m-display-full-on-md {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-pagination.pf-m-display-summary-on-lg {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
-  }
-  .pf-c-pagination.pf-m-display-full-on-lg {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
-  }
-}
-@media (min-width: 1200px) {
-  .pf-c-pagination.pf-m-display-summary-on-xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
-  }
-  .pf-c-pagination.pf-m-display-full-on-xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
-  }
-}
-@media (min-width: 1450px) {
-  .pf-c-pagination.pf-m-display-summary-on-2xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
-  }
-  .pf-c-pagination.pf-m-display-full-on-2xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
-  }
-}
-
-:where(.pf-theme-dark) .pf-c-pagination {
-  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
-}
-
-.pf-c-options-menu {
-  --pf-c-options-menu__toggle--BackgroundColor: transparent;
-  --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-options-menu__toggle--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__toggle--MinWidth: 0;
-  --pf-c-options-menu__toggle--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-options-menu__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-options-menu__toggle--BorderTopColor: var(--pf-global--BorderColor--300);
-  --pf-c-options-menu__toggle--BorderRightColor: var(--pf-global--BorderColor--300);
-  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-options-menu__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
-  --pf-c-options-menu__toggle--Color: var(--pf-global--Color--100);
-  --pf-c-options-menu__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
-  --pf-c-options-menu__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-options-menu__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
-  --pf-c-options-menu__toggle--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-options-menu__toggle--focus--BorderBottomColor: var(--pf-global--active-color--100);
-  --pf-c-options-menu__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-options-menu__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
-  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
-  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-global--Color--200);
-  --pf-c-options-menu__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
-  --pf-c-options-menu__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
-  --pf-c-options-menu__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-options-menu__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
-  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
-  --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
-  --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
-  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
-  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-options-menu__toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-options-menu__menu--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-options-menu__menu--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__menu--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__menu--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-options-menu__menu--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-options-menu--m-top__menu--Top: 0;
-  --pf-c-options-menu--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-options-menu__menu-item--BackgroundColor: transparent;
-  --pf-c-options-menu__menu-item--Color: var(--pf-global--Color--100);
-  --pf-c-options-menu__menu-item--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-options-menu__menu-item--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__menu-item--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-options-menu__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__menu-item--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-options-menu__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
-  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-options-menu__menu-item--disabled--BackgroundColor: transparent;
-  --pf-c-options-menu__menu-item-icon--Color: var(--pf-global--active-color--100);
-  --pf-c-options-menu__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-options-menu__menu-item-icon--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-options-menu__group--group--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__group-title--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
-  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
-  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
-  --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
-  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-}
-.pf-c-options-menu .pf-c-divider {
-  margin-top: var(--pf-c-options-menu--c-divider--MarginTop);
-  margin-bottom: var(--pf-c-options-menu--c-divider--MarginBottom);
-}
-.pf-c-options-menu .pf-c-divider:last-child {
-  --pf-c-options-menu--c-divider--MarginBottom: 0;
-}
-
-.pf-c-options-menu__toggle:not(.pf-m-plain)::before,
-.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border: var(--pf-c-options-menu__toggle--BorderWidth) solid;
-  border-color: var(--pf-c-options-menu__toggle--BorderTopColor) var(--pf-c-options-menu__toggle--BorderRightColor) var(--pf-c-options-menu__toggle--BorderBottomColor) var(--pf-c-options-menu__toggle--BorderLeftColor);
-}
-.pf-c-options-menu__toggle:not(.pf-m-plain):hover::before,
-.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:hover::before {
-  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--hover--BorderBottomColor);
-}
-.pf-c-options-menu__toggle:not(.pf-m-plain):active::before, .pf-c-options-menu__toggle:not(.pf-m-plain).pf-m-active::before,
-.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:active::before,
-.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button.pf-m-active::before {
-  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--active--BorderBottomColor);
-  border-bottom-width: var(--pf-c-options-menu__toggle--active--BorderBottomWidth);
-}
-.pf-c-options-menu__toggle:not(.pf-m-plain):focus::before,
-.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:focus::before {
-  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--focus--BorderBottomColor);
-  border-bottom-width: var(--pf-c-options-menu__toggle--focus--BorderBottomWidth);
-}
-
-.pf-c-options-menu__toggle {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  min-width: var(--pf-c-options-menu__toggle--MinWidth);
-  max-width: 100%;
-  padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft);
-  line-height: var(--pf-c-options-menu__toggle--LineHeight);
-  color: var(--pf-c-options-menu__toggle--Color);
-  background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
-  border: none;
-}
-.pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle::before {
-  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
-  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
-}
-.pf-c-options-menu__toggle.pf-m-plain {
-  --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
-}
-.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
-  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
-  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
-  display: inline-block;
-  color: var(--pf-c-options-menu__toggle--m-plain--Color);
-}
-.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
-  line-height: var(--pf-c-options-menu__toggle--LineHeight);
-}
-.pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
-  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
-  --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
-}
-.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
-  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
-}
-.pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
-  pointer-events: none;
-}
-.pf-c-options-menu__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-options-menu__toggle.pf-m-disabled.pf-m-text, .pf-c-options-menu__toggle:disabled:not(.pf-m-plain), .pf-c-options-menu__toggle:disabled.pf-m-text {
-  --pf-c-options-menu__toggle--BackgroundColor: var(--pf-c-options-menu__toggle--disabled--BackgroundColor);
-}
-.pf-c-options-menu__toggle.pf-m-disabled::before, .pf-c-options-menu__toggle:disabled::before {
-  border: 0;
-}
-
-.pf-c-options-menu__toggle-button-icon {
-  position: relative;
-}
-
-.pf-c-options-menu__toggle-button {
-  padding: var(--pf-c-options-menu__toggle-button--PaddingTop) var(--pf-c-options-menu__toggle-button--PaddingRight) var(--pf-c-options-menu__toggle-button--PaddingBottom) var(--pf-c-options-menu__toggle-button--PaddingLeft);
-  background-color: var(--pf-c-options-menu__toggle-button--BackgroundColor);
-  border: 0;
-}
-
-.pf-c-options-menu__toggle-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-options-menu__toggle-icon,
-.pf-c-options-menu__toggle-button-icon {
-  color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
-}
-
-.pf-c-options-menu__toggle-icon {
-  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
-  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
-}
-.pf-c-options-menu.pf-m-top.pf-m-expanded .pf-c-options-menu__toggle-icon {
-  transform: rotate(var(--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate));
-}
-
-.pf-c-options-menu__menu {
-  position: absolute;
-  top: var(--pf-c-options-menu__menu--Top);
-  z-index: var(--pf-c-options-menu__menu--ZIndex);
-  min-width: 100%;
-  padding-top: var(--pf-c-options-menu__menu--PaddingTop);
-  padding-bottom: var(--pf-c-options-menu__menu--PaddingBottom);
-  background-color: var(--pf-c-options-menu__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-c-options-menu__menu--BoxShadow);
-}
-.pf-c-options-menu__menu.pf-m-align-right {
-  right: 0;
-}
-.pf-c-options-menu.pf-m-top .pf-c-options-menu__menu {
-  --pf-c-options-menu__menu--Top: var(--pf-c-options-menu--m-top__menu--Top);
-  transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
-}
-
-.pf-c-options-menu__menu-item {
-  display: flex;
-  align-items: baseline;
-  width: 100%;
-  padding: var(--pf-c-options-menu__menu-item--PaddingTop) var(--pf-c-options-menu__menu-item--PaddingRight) var(--pf-c-options-menu__menu-item--PaddingBottom) var(--pf-c-options-menu__menu-item--PaddingLeft);
-  font-size: var(--pf-c-options-menu__menu-item--FontSize);
-  color: var(--pf-c-options-menu__menu-item--Color);
-  white-space: nowrap;
-  background-color: var(--pf-c-options-menu__menu-item--BackgroundColor);
-  border: none;
-}
-.pf-c-options-menu__menu-item:hover, .pf-c-options-menu__menu-item:focus {
-  text-decoration: none;
-  background-color: var(--pf-c-options-menu__menu-item--hover--BackgroundColor);
-}
-.pf-c-options-menu__menu-item:disabled, .pf-c-options-menu__menu-item.pf-m-disabled {
-  color: var(--pf-c-options-menu__menu-item--disabled--Color);
-  pointer-events: none;
-  background-color: var(--pf-c-options-menu__menu-item--disabled--BackgroundColor);
-}
-
-.pf-c-options-menu__menu-item-icon {
-  align-self: center;
-  width: auto;
-  padding-left: var(--pf-c-options-menu__menu-item-icon--PaddingLeft);
-  margin-left: auto;
-  font-size: var(--pf-c-options-menu__menu-item-icon--FontSize);
-  color: var(--pf-c-options-menu__menu-item-icon--Color);
-}
-
-.pf-c-options-menu__group + .pf-c-options-menu__group {
-  padding-top: var(--pf-c-options-menu__group--group--PaddingTop);
-}
-
-.pf-c-options-menu__group-title {
-  padding-top: var(--pf-c-options-menu__group-title--PaddingTop);
-  padding-right: var(--pf-c-options-menu__group-title--PaddingRight);
-  padding-bottom: var(--pf-c-options-menu__group-title--PaddingBottom);
-  padding-left: var(--pf-c-options-menu__group-title--PaddingLeft);
-  font-size: var(--pf-c-options-menu__group-title--FontSize);
-  font-weight: var(--pf-c-options-menu__group-title--FontWeight);
-  color: var(--pf-c-options-menu__group-title--Color);
-}
-
-:where(.pf-theme-dark) .pf-c-options-menu {
-  --pf-c-options-menu__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
-  --pf-c-options-menu__toggle--BorderTopColor: transparent;
-  --pf-c-options-menu__toggle--BorderRightColor: transparent;
-  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-options-menu__toggle--BorderLeftColor: transparent;
-  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
-  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
-  --pf-c-options-menu__menu--Top: 100%;
-}
-:where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
-  background: transparent;
-}
-
-.ins-c-pagination-next .pf-c-options-menu .pf-c-dropdown__menu .pf-c-dropdown__menu-item {
-  display: flex;
-}
-.ins-c-pagination-next .pf-c-options-menu .pf-c-dropdown__menu .pf-c-dropdown__menu-item .pf-c-options-menu__menu-item-icon {
-  padding-left: 0;
-}
-
-.pf-c-pagination .pf-c-pagination__nav .pf-c-pagination__nav-page-select input {
-  width: 75px;
-}
-
-.ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+.ins-c-primary-toolbar .pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
   display: initial;
 }
 .ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
@@ -1003,7 +394,7 @@ button.pf-c-menu-toggle {
 }
 
 @media only screen and (max-width: 768px) {
-  .ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+  .ins-c-primary-toolbar .pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
     display: none;
   }
   .ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
@@ -1035,7 +426,7 @@ button.pf-c-menu-toggle {
   margin-left: 0.25rem;
 }
 .ins-c-reboot.ins-m-red span, .ins-c-reboot.ins-m-red svg {
-  color: var(--pf-global--danger-color--100);
+  color: var(--pf-v5-global--danger-color--100);
 }
 
 :root {
@@ -1043,7 +434,7 @@ button.pf-c-menu-toggle {
 }
 
 section.ins-l-content {
-  padding: var(--pf-global--spacer--lg);
+  padding: var(--pf-v5-global--spacer--lg);
 }
 
 section.ins-l-button-group {
@@ -1074,33 +465,10 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   margin: 0 10px;
 }
 
-.pf-c-pagination__nav-page-select .pf-c-form-control {
-  appearance: textfield;
-}
-.pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
-  appearance: none;
-  margin: 0;
-}
-
 :root {
   --ins-color--orange: #ec7a08;
 }
 
-.pf-c-input-group.ins-c-filter.ins-u-no-title input {
-  padding-right: 35px;
-  padding-right: 2.1875rem;
-  margin-right: -23px;
-  margin-right: -1.4375rem;
-}
-.pf-c-input-group.ins-c-filter .ins-c-search-icon {
-  color: var(--pf-global--secondary-color--100);
-  position: relative;
-  left: -5px;
-  left: -0.3125rem;
-  top: 8px;
-  top: 0.5rem;
-}
-
 .ins-c-skeleton__xs {
   width: 16% !important;
 }
@@ -1114,15 +482,15 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   width: 100% !important;
 }
 .ins-c-skeleton.ins-m-dark {
-  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
-  --pf-c-skeleton--after--LinearGradientColorStop1: var(
-    --pf-global--palette--black-600
+  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
+  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(
+    --pf-v5-global--palette--black-600
   );
-  --pf-c-skeleton--after--LinearGradientColorStop2: var(
-    --pf-global--palette--black-500
+  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(
+    --pf-v5-global--palette--black-500
   );
-  --pf-c-skeleton--after--LinearGradientColorStop3: var(
-    --pf-global--palette--black-600
+  --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(
+    --pf-v5-global--palette--black-600
   );
 }
 
@@ -1149,8 +517,8 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   height: 30px;
   height: 1.875rem;
   border-radius: 50%;
-  border: 3px solid var(--pf-global--active-color--200);
-  border-top-color: var(--pf-global--active-color--100);
+  border: 3px solid var(--pf-v5-global--active-color--200);
+  border-top-color: var(--pf-v5-global--active-color--100);
   animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
 
@@ -1159,14 +527,14 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   margin-right: 30px;
   text-align: center;
   cursor: pointer;
-  color: var(--pf-global--link--Color);
+  color: var(--pf-v5-global--link--Color);
 }
 .ins-tab-layout > .ins-tabs div.active {
-  border-bottom: 3px var(--pf-global--link--Color) solid;
+  border-bottom: 3px var(--pf-v5-global--link--Color) solid;
 }
 .ins-tab-layout > .ins-tabs div:hover {
-  color: var(--pf-global--link--Color--hover);
-  border-bottom: 3px var(--pf-global--link--Color--hover) solid;
+  color: var(--pf-v5-global--link--Color--hover);
+  border-bottom: 3px var(--pf-v5-global--link--Color--hover) solid;
 }
 
 :root {
@@ -1179,17 +547,17 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
 }
 
 .ins-c-table__toolbar, .ins-c-table__toolbar-results {
-  background: var(--pf-global--Color--light-100);
-  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
+  background: var(--pf-v5-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-v5-global--BorderColor--light-200);
   padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
 }
 
 .ins-c-table__toolbar.ins-m-footer {
-  border-top: 1px solid var(--pf-global--BorderColor--light-200);
+  border-top: 1px solid var(--pf-v5-global--BorderColor--light-200);
 }
 
 .ins-c-table__toolbar-results {
-  color: var(--pf-global--Color--200);
+  color: var(--pf-v5-global--Color--200);
 }
 
 .ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
@@ -1197,7 +565,7 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   margin-left: 0.9375rem;
   padding-left: 15px;
   padding-left: 0.9375rem;
-  border-left: 2px solid var(--pf-global--BorderColor--light);
+  border-left: 2px solid var(--pf-v5-global--BorderColor--light);
 }
 
 @media only screen and (max-width: 768px) {
@@ -1206,7 +574,7 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   }
 }
 button.ins-c-tag-count {
-  color: var(--pf-global--icon--Color--light);
+  color: var(--pf-v5-global--icon--Color--light);
   display: flex;
   align-content: center;
 }
@@ -1216,162 +584,162 @@ button.ins-c-tag-count {
 }
 
 .ins-c-tag-modal {
-  height: calc(var(--pf-global--spacer--4xl) + var(--pf-global--breakpoint--md));
-}
-
-.pf-c-treeview {
-  --pf-c-treeview--th--Padding: var(--pf-global--spacer--md);
-  --pf-c-treeview--td--Padding: var(--pf-global--spacer--md);
-  --pf-c-treeview--cell--Padding: var(--pf-global--spacer--md);
-  --pf-c-treeview__toggle-button--Padding: var(--pf-c-treeview--td--Padding);
-  --pf-c-treeview__control-toggle--Width: 42px;
-  --pf-c-treeview__control-check--Width: 22px;
-  --pf-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-c-treeview--td--Padding) * 3);
-  --pf-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-c-treeview--td--Padding) * 5);
-  --pf-c-treeview--level--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-treeview__aria-level--GridColumn: 1;
-  --pf-c-treeview--tr--Display: table-row;
-  --pf-c-treeview--tr--Visibility: visible;
+  height: calc(var(--pf-v5-global--spacer--4xl) + var(--pf-v5-global--breakpoint--md));
+}
+
+.pf-v5-c-treeview {
+  --pf-v5-c-treeview--th--Padding: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-treeview--td--Padding: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-treeview--cell--Padding: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-treeview__toggle-button--Padding: var(--pf-v5-c-treeview--td--Padding);
+  --pf-v5-c-treeview__control-toggle--Width: 42px;
+  --pf-v5-c-treeview__control-check--Width: 22px;
+  --pf-v5-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 3);
+  --pf-v5-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 5);
+  --pf-v5-c-treeview--level--PaddingLeft: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-treeview__aria-level--GridColumn: 1;
+  --pf-v5-c-treeview--tr--Display: table-row;
+  --pf-v5-c-treeview--tr--Visibility: visible;
   width: 100%;
   border-collapse: collapse;
   --background: #fff;
   --background-base: #ddd;
 }
-.pf-c-treeview th,
-.pf-c-treeview td {
-  padding: var(--pf-c-treeview--cell--Padding);
+.pf-v5-c-treeview th,
+.pf-v5-c-treeview td {
+  padding: var(--pf-v5-c-treeview--cell--Padding);
   text-align: left;
   vertical-align: baseline;
 }
-.pf-c-treeview tr {
+.pf-v5-c-treeview tr {
   border-bottom: 1px solid #ddd;
 }
-.pf-c-treeview tbody tr {
+.pf-v5-c-treeview tbody tr {
   display: none;
   visibility: hidden;
 }
-.pf-c-treeview [aria-level="1"] {
+.pf-v5-c-treeview [aria-level="1"] {
   display: table-row;
   visibility: visible;
-  --pf-c-treeview--tr--Display: table-row;
-  --pf-c-treeview--tr--Visibility: visible;
+  --pf-v5-c-treeview--tr--Display: table-row;
+  --pf-v5-c-treeview--tr--Visibility: visible;
 }
-.pf-c-treeview .pf-m-hidden,
-.pf-c-treeview tr.pf-m-hidden,
-.pf-c-treeview td.pf-m-hidden,
-.pf-c-treeview th.pf-m-hidden {
+.pf-v5-c-treeview .pf-m-hidden,
+.pf-v5-c-treeview tr.pf-m-hidden,
+.pf-v5-c-treeview td.pf-m-hidden,
+.pf-v5-c-treeview th.pf-m-hidden {
   display: none;
   visibility: hidden;
 }
-.pf-c-treeview tr.pf-m-visible {
+.pf-v5-c-treeview tr.pf-m-visible {
   display: table-row;
   visibility: visible;
 }
-.pf-c-treeview td.pf-m-visible,
-.pf-c-treeview th.pf-m-visible {
+.pf-v5-c-treeview td.pf-m-visible,
+.pf-v5-c-treeview th.pf-m-visible {
   display: table-cell;
   visibility: visible;
 }
-.pf-c-treeview .pf-c-treeview__check,
-.pf-c-treeview .pf-c-treeview__action {
+.pf-v5-c-treeview .pf-v5-c-treeview__check,
+.pf-v5-c-treeview .pf-v5-c-treeview__action {
   width: 1px;
 }
-.pf-c-treeview th.pf-c-treeview__title-cell {
+.pf-v5-c-treeview th.pf-v5-c-treeview__title-cell {
   padding-left: 0;
 }
-.pf-c-treeview tbody .pf-c-treeview__check + .pf-c-treeview__title-cell {
+.pf-v5-c-treeview tbody .pf-v5-c-treeview__check + .pf-v5-c-treeview__title-cell {
   padding-left: 0;
 }
-.pf-c-treeview .pf-c-treeview__toggle-icon {
+.pf-v5-c-treeview .pf-v5-c-treeview__toggle-icon {
   transition: 0.2s;
 }
-.pf-c-treeview .pf-c-treeview__action {
+.pf-v5-c-treeview .pf-v5-c-treeview__action {
   text-align: right;
 }
-.pf-c-treeview tr {
+.pf-v5-c-treeview tr {
   background: var(--background);
 }
 
-.pf-c-treeview tr[aria-level="1"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 0);
+.pf-v5-c-treeview tr[aria-level="1"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 0);
 }
-.pf-c-treeview tr[aria-level="2"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 1);
+.pf-v5-c-treeview tr[aria-level="2"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 1);
 }
-.pf-c-treeview tr[aria-level="3"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 2);
+.pf-v5-c-treeview tr[aria-level="3"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 2);
 }
-.pf-c-treeview tr[aria-level="4"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 3);
+.pf-v5-c-treeview tr[aria-level="4"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 3);
 }
-.pf-c-treeview tr[aria-level="5"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 4);
+.pf-v5-c-treeview tr[aria-level="5"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 4);
 }
-.pf-c-treeview tr[aria-level="6"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 5);
+.pf-v5-c-treeview tr[aria-level="6"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 5);
 }
-.pf-c-treeview tr[aria-level="7"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 6);
+.pf-v5-c-treeview tr[aria-level="7"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 6);
 }
-.pf-c-treeview tr[aria-level="8"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 7);
+.pf-v5-c-treeview tr[aria-level="8"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 7);
 }
-.pf-c-treeview tr[aria-level="9"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 8);
+.pf-v5-c-treeview tr[aria-level="9"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 8);
 }
-.pf-c-treeview tr[aria-level="10"] .pf-c-treeview__title-cell {
-  padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * 9);
+.pf-v5-c-treeview tr[aria-level="10"] .pf-v5-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 9);
 }
-.pf-c-treeview tbody tr {
+.pf-v5-c-treeview tbody tr {
   display: none;
 }
-.pf-c-treeview [aria-level="1"] {
+.pf-v5-c-treeview [aria-level="1"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="1"].pf-m-expanded ~ [aria-level="2"] {
+.pf-v5-c-treeview [aria-level="1"].pf-m-expanded ~ [aria-level="2"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="2"].pf-m-expanded ~ [aria-level="3"] {
+.pf-v5-c-treeview [aria-level="2"].pf-m-expanded ~ [aria-level="3"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="3"].pf-m-expanded ~ [aria-level="4"] {
+.pf-v5-c-treeview [aria-level="3"].pf-m-expanded ~ [aria-level="4"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="4"].pf-m-expanded ~ [aria-level="5"] {
+.pf-v5-c-treeview [aria-level="4"].pf-m-expanded ~ [aria-level="5"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="5"].pf-m-expanded ~ [aria-level="6"] {
+.pf-v5-c-treeview [aria-level="5"].pf-m-expanded ~ [aria-level="6"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="6"].pf-m-expanded ~ [aria-level="7"] {
+.pf-v5-c-treeview [aria-level="6"].pf-m-expanded ~ [aria-level="7"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="7"].pf-m-expanded ~ [aria-level="8"] {
+.pf-v5-c-treeview [aria-level="7"].pf-m-expanded ~ [aria-level="8"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="8"].pf-m-expanded ~ [aria-level="9"] {
+.pf-v5-c-treeview [aria-level="8"].pf-m-expanded ~ [aria-level="9"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="9"].pf-m-expanded ~ [aria-level="10"] {
+.pf-v5-c-treeview [aria-level="9"].pf-m-expanded ~ [aria-level="10"] {
   display: table-row;
 }
-.pf-c-treeview [aria-level="10"].pf-m-expanded ~ [aria-level="11"] {
+.pf-v5-c-treeview [aria-level="10"].pf-m-expanded ~ [aria-level="11"] {
   display: table-row;
 }
-.pf-c-treeview tr.pf-m-expanded .pf-c-treeview__toggle-icon {
+.pf-v5-c-treeview tr.pf-m-expanded .pf-v5-c-treeview__toggle-icon {
   transform: rotate(90deg);
 }
 
-.pf-c-treeview__control {
+.pf-v5-c-treeview__control {
   display: grid;
   align-items: baseline;
 }
 
-.pf-c-treeview__control-toggle {
+.pf-v5-c-treeview__control-toggle {
   grid-area: 1/toggle;
 }
 
-.pf-c-treeview__control-text {
+.pf-v5-c-treeview__control-text {
   grid-area: 1/text;
   max-width: 100%;
   overflow: hidden;
@@ -1379,180 +747,180 @@ button.ins-c-tag-count {
   text-overflow: ellipsis;
 }
 
-.pf-c-treeview__check {
+.pf-v5-c-treeview__check {
   grid-row-start: 1;
   grid-column-start: 2;
 }
 
-.pf-c-treeview.pf-m-expandable .pf-c-treeview__control {
-  grid-template-columns: [toggle] var(--pf-c-treeview__control-toggle--Width) [text] auto;
+.pf-v5-c-treeview.pf-m-expandable .pf-v5-c-treeview__control {
+  grid-template-columns: [toggle] var(--pf-v5-c-treeview__control-toggle--Width) [text] auto;
 }
 
 @media (max-width: 2000px) {
-  .pf-c-treeview.pf-m-grid {
+  .pf-v5-c-treeview.pf-m-grid {
     width: 480px;
     background: lightgray;
     padding: 12px;
   }
-  .pf-c-treeview.pf-m-grid,
-.pf-c-treeview.pf-m-grid tr {
+  .pf-v5-c-treeview.pf-m-grid,
+  .pf-v5-c-treeview.pf-m-grid tr {
     display: grid;
   }
-  .pf-c-treeview.pf-m-grid thead {
+  .pf-v5-c-treeview.pf-m-grid thead {
     display: none;
   }
-  .pf-c-treeview.pf-m-grid tbody {
+  .pf-v5-c-treeview.pf-m-grid tbody {
     display: grid;
   }
-  .pf-c-treeview.pf-m-grid td,
-.pf-c-treeview.pf-m-grid th {
+  .pf-v5-c-treeview.pf-m-grid td,
+  .pf-v5-c-treeview.pf-m-grid th {
     display: grid;
     grid-template-columns: 1fr 1.5fr;
     grid-column: 1;
     padding-left: 0;
     font-weight: normal;
   }
-  .pf-c-treeview.pf-m-grid [data-label]::before {
+  .pf-v5-c-treeview.pf-m-grid [data-label]::before {
     content: attr(data-label);
     grid-column: 1;
     font-weight: bold;
   }
-  .pf-c-treeview.pf-m-grid [data-label] {
-    grid-column-gap: var(--pf-global--spacer--md);
+  .pf-v5-c-treeview.pf-m-grid [data-label] {
+    grid-column-gap: var(--pf-v5-global--spacer--md);
     padding-top: 8px;
     padding-bottom: 8px;
   }
-  .pf-c-treeview.pf-m-grid [data-label] * {
+  .pf-v5-c-treeview.pf-m-grid [data-label] * {
     grid-column: 2;
   }
-  .pf-c-treeview.pf-m-grid .pf-c-treeview__check,
-.pf-c-treeview.pf-m-grid .pf-c-treeview__action {
+  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__check,
+  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__action {
     display: inline-block;
     width: auto;
     grid-row: 1;
     align-self: baseline;
     padding: 0;
   }
-  .pf-c-treeview.pf-m-grid .pf-c-treeview__check {
+  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__check {
     grid-column: 3;
   }
-  .pf-c-treeview.pf-m-grid .pf-c-treeview__action {
+  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__action {
     grid-column: 4;
   }
-  .pf-c-treeview.pf-m-grid .pf-c-treeview__control {
+  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__control {
     display: block;
   }
-  .pf-c-treeview.pf-m-grid .pf-c-treeview__control .pf-c-treeview__toggle {
+  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__control .pf-v5-c-treeview__toggle {
     display: none;
   }
-  .pf-c-treeview.pf-m-grid [aria-level] .pf-c-treeview__title-cell {
+  .pf-v5-c-treeview.pf-m-grid [aria-level] .pf-v5-c-treeview__title-cell {
     padding-left: 0;
   }
-  .pf-c-treeview.pf-m-grid tr {
+  .pf-v5-c-treeview.pf-m-grid tr {
     grid-template-columns: 1fr;
     grid-auto-columns: max-content;
-    padding: var(--pf-global--spacer--md);
+    padding: var(--pf-v5-global--spacer--md);
     background: rgba(255, 255, 255, 0.5);
     display: none;
     visibility: hidden;
   }
 }
 
-.pf-c-treeview.pf-m-grid tr {
+.pf-v5-c-treeview.pf-m-grid tr {
   display: none;
 }
 @media (max-width: 2000px) {
-  .pf-c-treeview.pf-m-grid .pf-m-level-1 [aria-level="1"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-1 [aria-level="1"] {
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="2"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="2"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="1"] ~ tr[aria-level="2"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="1"] ~ tr[aria-level="2"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="3"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="3"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="2"] ~ tr[aria-level="3"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="2"] ~ tr[aria-level="3"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="4"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="4"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="3"] ~ tr[aria-level="4"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="3"] ~ tr[aria-level="4"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="5"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="5"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="4"] ~ tr[aria-level="5"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="4"] ~ tr[aria-level="5"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="6"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="6"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="5"] ~ tr[aria-level="6"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="5"] ~ tr[aria-level="6"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="7"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="7"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="6"] ~ tr[aria-level="7"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="6"] ~ tr[aria-level="7"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="8"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="8"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="7"] ~ tr[aria-level="8"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="7"] ~ tr[aria-level="8"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="9"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="9"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="8"] ~ tr[aria-level="9"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="8"] ~ tr[aria-level="9"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="10"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="10"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="9"] ~ tr[aria-level="10"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="9"] ~ tr[aria-level="10"] {
     display: none;
     visibility: hidden;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="11"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="11"] {
     background: lightsalmon;
     display: grid;
     visibility: visible;
   }
-  .pf-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="10"] ~ tr[aria-level="11"] {
+  .pf-v5-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="10"] ~ tr[aria-level="11"] {
     display: none;
     visibility: hidden;
   }
@@ -1572,5 +940,5 @@ button.ins-c-tag-count {
 }
 
 .ins-c-empty-state__unavailable svg {
-  color: var(--pf-global--danger-color--100);
+  color: var(--pf-v5-global--danger-color--100);
 }