@redhat-cloud-services/frontend-components 5.2.10 → 6.0.0-beta.1

package/index.css

@@ -1,4 +1,4 @@
-.ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
+.ins-c-bulk-select .pf-v6-c-dropdown__toggle-check span.pf-v6-c-dropdown__toggle-text {
   display: initial;
 }
 .ins-c-bulk-select .ins-c-bulk-select__selected {
@@ -6,7 +6,7 @@
 }
 
 @media only screen and (max-width: 768px) {
-  .ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
+  .ins-c-bulk-select .pf-v6-c-dropdown__toggle-check span.pf-v6-c-dropdown__toggle-text {
     display: none;
   }
   .ins-c-bulk-select .ins-c-bulk-select__selected {
@@ -20,30 +20,30 @@
   display: none !important;
   visibility: hidden !important;
 }
-.ins-c-conditional-filter .pf-v5-c-select__toggle-wrapper .pf-v5-c-select__toggle-text {
+.ins-c-conditional-filter .pf-v6-c-select__toggle-wrapper .pf-v6-c-select__toggle-text {
   max-width: 150px;
   max-width: 9.375rem;
 }
-.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v5-c-menu-toggle__text {
+.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v6-c-menu-toggle__text {
   width: auto;
   text-align: left;
 }
-.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 .pf-v6-c-menu-toggle__text > span {
+  margin-right: var(--pf-t--global--spacer--xs);
 }
-.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-v5-c-dropdown__toggle-text {
+.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-v6-c-dropdown__toggle-text {
   width: auto;
 }
-.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__menu-group {
+.ins-c-conditional-filter .pf-v6-l-split__item .pf-v6-c-select__menu-group {
   padding: 0;
 }
-.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__menu-group .pf-v5-c-select__menu-group-title:empty {
+.ins-c-conditional-filter .pf-v6-l-split__item .pf-v6-c-select__menu-group .pf-v6-c-select__menu-group-title:empty {
   display: none;
 }
-.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__option-button {
+.ins-c-conditional-filter .pf-v6-l-split__item .pf-v6-c-select__option-button {
   padding: 0;
 }
-.ins-c-conditional-filter .pf-v5-l-split__item .pf-v5-c-select__menu-item-icon {
+.ins-c-conditional-filter .pf-v6-l-split__item .pf-v6-c-select__menu-item-icon {
   display: none;
 }
 .ins-c-conditional-filter input.ins-c-conditional-filter[type=text] {
@@ -59,29 +59,29 @@
   top: 2px;
   top: 0.125rem;
 }
-.ins-c-conditional-filter .pf-v5-c-select__toggle-text {
+.ins-c-conditional-filter .pf-v6-c-select__toggle-text {
   margin-right: 0;
 }
-.ins-c-conditional-filter .pf-v5-c-select__toggle-badge {
+.ins-c-conditional-filter .pf-v6-c-select__toggle-badge {
   display: none;
 }
-.ins-c-conditional-filter .pf-v5-c-menu-toggle .pf-v5-c-menu-toggle__text {
+.ins-c-conditional-filter .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__text {
   flex: 1;
 }
-.ins-c-conditional-filter .pf-v5-c-menu-toggle .pf-v5-c-menu-toggle__text input {
+.ins-c-conditional-filter .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__text input {
   border: none;
 }
 
-.pf-v5-c-menu.ins-c-menu__scrollable {
+.pf-v6-c-menu.ins-c-menu__scrollable {
   max-height: 416px;
   overflow-y: auto;
   min-width: initial;
 }
-.pf-v5-c-menu .ins-c-menu__show--more {
+.pf-v6-c-menu .ins-c-menu__show--more {
   background: none;
 }
-.pf-v5-c-menu .ins-c-menu__show--more .pf-v5-c-menu__item-text {
-  color: var(--pf-v5-global--active-color--100);
+.pf-v6-c-menu .ins-c-menu__show--more .pf-v6-c-menu__item-text {
+  color: var(--pf-t--global--color--brand--default);
 }
 
 @media only screen and (max-width: 768px) {
@@ -95,7 +95,7 @@
   }
 }
 @media only screen and (max-width: 884px) {
-  .ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v5-c-dropdown__toggle-text {
+  .ins-c-conditional-filter .ins-c-conditional-filter__group .pf-v6-c-dropdown__toggle-text {
     width: auto;
   }
   .ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__value-selector {
@@ -105,11 +105,11 @@
     width: initial;
   }
 }
-button.ins-c-group-menu-toggle .pf-v5-c-form-control {
+button.ins-c-group-menu-toggle .pf-v6-c-form-control {
   margin: -1rem 0 -1rem 0;
 }
 
-button.pf-v5-c-menu-toggle {
+button.pf-v6-c-menu-toggle {
   outline: none;
   max-width: 261px;
 }
@@ -122,46 +122,46 @@ button.pf-v5-c-menu-toggle {
   display: flex;
   align-content: center;
   flex-wrap: wrap;
-  color: var(--pf-v5-global--primary-color--100);
+  color: var(--pf-t--global--text--color--regular);
 }
 .ins-c-icon__link :hover {
-  color: var(--pf-v5-global--primary-color--200);
+  color: var(--pf-t--global--icon--color--brand--hover);
 }
 
-.ins-c-tree-view .pf-v5-c-tree-view {
+.ins-c-tree-view .pf-v6-c-tree-view {
   padding: 0;
 }
-.ins-c-tree-view .pf-v5-c-menu__list-item {
+.ins-c-tree-view .pf-v6-c-menu__list-item {
   background: none;
 }
-.ins-c-tree-view .pf-v5-c-menu__list-item .pf-v5-c-menu__item {
+.ins-c-tree-view .pf-v6-c-menu__list-item .pf-v6-c-menu__item {
   padding: 0;
 }
-.ins-c-tree-view .pf-v5-c-menu__list-item .pf-v5-c-menu__item .pf-v5-c-tree-view__content {
+.ins-c-tree-view .pf-v6-c-menu__list-item .pf-v6-c-menu__item .pf-v6-c-tree-view__content {
   background: none;
 }
-.ins-c-tree-view .pf-v5-c-menu__list-item .pf-v5-c-menu__item .pf-v5-c-tree-view__node {
+.ins-c-tree-view .pf-v6-c-menu__list-item .pf-v6-c-menu__item .pf-v6-c-tree-view__node {
   background: none;
 }
 
 .ins-c-inventory__culling-warning {
-  color: var(--pf-v5-global--warning-color--200);
+  color: var(--pf-t--global--color--status--warning--default);
 }
 
 .ins-c-inventory__culling-danger {
-  color: var(--pf-v5-global--danger-color--100);
+  color: var(--pf-t--global--color--status--danger--default);
 }
 
 .ins-c-inventory__culling-danger, .ins-c-inventory__culling-warning {
-  font-weight: var(--pf-v5-global--FontWeight--bold);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 .ins-c-inventory__culling-danger svg, .ins-c-inventory__culling-warning svg {
-  margin-right: var(--pf-v5-global--spacer--sm);
+  margin-right: var(--pf-t--global--spacer--sm);
 }
 
 .ins-c-table__empty {
-  background: var(--pf-v5-global--Color--light-100);
-  border-bottom: 1px solid var(--pf-v5-global--BorderColor--light-200);
+  background: var(--pf-t--global--background--color--primary--default);
+  border-bottom: 1px solid var(--pf-t--global--background--color--secondary--default);
   padding: 20px;
   padding: 1.25rem;
 }
@@ -179,12 +179,12 @@ button.pf-v5-c-menu-toggle {
   display: none;
 }
 
-.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-v6-c-chip-group:not(:last-child) {
+  margin-right: var(--pf-t--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-chip-filters .pf-v6-c-chip .pf-v6-c-badge {
+  margin-left: var(--pf-t--global--spacer--xs);
 }
 
 .ins-c-tagfilter .ins-c-tagfilter__option label {
@@ -196,56 +196,56 @@ button.pf-v5-c-menu-toggle {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.ins-c-tagfilter .ins-c-tagfilter__option label .pf-v5-c-badge {
+.ins-c-tagfilter .ins-c-tagfilter__option label .pf-v6-c-badge {
   margin-left: auto;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.ins-c-tagfilter .pf-v5-c-select__menu-group-title:empty {
+.ins-c-tagfilter .pf-v6-c-select__menu-group-title:empty {
   display: none;
 }
-.ins-c-tagfilter .pf-v5-c-select__menu > div {
+.ins-c-tagfilter .pf-v6-c-select__menu > div {
   padding-top: 0;
 }
 .ins-c-tagfilter.pf-m-expanded {
   width: 18.75rem !important;
 }
 
-.ins-c-filter__dropdown .pf-v5-c-dropdown__menu-item:hover {
+.ins-c-filter__dropdown .pf-v6-c-dropdown__menu-item:hover {
   background-color: inherit !important;
   outline: inherit !important;
 }
-.ins-c-filter__dropdown .pf-v5-c-dropdown__menu-item:focus {
+.ins-c-filter__dropdown .pf-v6-c-dropdown__menu-item:focus {
   background-color: inherit !important;
   outline: inherit !important;
 }
 
-.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);
+.pf-v6-l-page__main .pf-v6-l-page__main-section.pf-m-dark:not(:first-child) {
+  background: var(--pf-t--global--background--color--inverse--default);
 }
 
-.ins-c-empty-state__maintenance .pf-v5-c-empty-state__body {
-  color: var(--pf-v5-global--Color--100);
+.ins-c-empty-state__maintenance .pf-v6-c-empty-state__body {
+  color: var(--pf-t--color--gray--95);
 }
-.ins-c-empty-state__maintenance .pf-v5-c-empty-state__icon svg {
+.ins-c-empty-state__maintenance .pf-v6-c-empty-state__icon svg {
   fill: #EE0000;
 }
-.ins-c-empty-state__maintenance .pf-v5-c-title {
+.ins-c-empty-state__maintenance .pf-v6-c-title {
   font-weight: 500;
 }
 
-.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 * {
+.pf-v6-l-page__main-section.pf-v6-l-page-header.pf-m-dark-200 h1.pf-v6-c-title.pf-m-2xl, .pf-v6-l-page__main-section.pf-v6-l-page-header.pf-m-dark-200 * {
   color: #fff;
 }
 
-.pf-v5-l-page__main-section.pf-v5-l-page-header .pf-v5-c-breadcrumb {
+.pf-v6-l-page__main-section.pf-v6-l-page-header .pf-v6-c-breadcrumb {
   display: block;
   margin-bottom: 15px;
   margin-bottom: 0.9375rem;
 }
 
-.ins-c-primary-toolbar .pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
+.ins-c-primary-toolbar .pf-v6-c-toolbar__item.ins-c-primary-toolbar__first-action {
   display: initial;
 }
 .ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
@@ -271,7 +271,7 @@ button.pf-v5-c-menu-toggle {
 }
 
 @media only screen and (max-width: 768px) {
-  .ins-c-primary-toolbar .pf-v5-c-toolbar__item.ins-c-primary-toolbar__first-action {
+  .ins-c-primary-toolbar .pf-v6-c-toolbar__item.ins-c-primary-toolbar__first-action {
     display: none;
   }
   .ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
@@ -299,11 +299,11 @@ button.pf-v5-c-menu-toggle {
   margin-left: 0.25rem;
 }
 .ins-c-reboot.ins-m-red span, .ins-c-reboot.ins-m-red svg {
-  color: var(--pf-v5-global--danger-color--100);
+  color: var(--pf-t--global--color--status--danger--default);
 }
 
 section.ins-l-content {
-  padding: var(--pf-v5-global--spacer--lg);
+  padding: var(--pf-t--global--spacer--lg);
 }
 
 section.ins-l-button-group {
@@ -347,16 +347,10 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   width: 100% !important;
 }
 .ins-c-skeleton.ins-m-dark {
-  --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-v5-c-skeleton--after--LinearGradientColorStop2: var(
-    --pf-v5-global--palette--black-500
-  );
-  --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(
-    --pf-v5-global--palette--black-600
-  );
+  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--color--black);
+  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--color--black);
+  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--color--gray--90);
+  --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--color--black);
 }
 
 @keyframes spinner {
@@ -378,8 +372,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-v5-global--active-color--200);
-  border-top-color: var(--pf-v5-global--active-color--100);
+  border: 3px solid var(--pf-t--global--color--brand--hover);
+  border-top-color: var(--pf-t--global--color--brand--default);
   animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
 
@@ -388,14 +382,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-v5-global--link--Color);
+  color: var(--pf-t--global--text--color--link--default);
 }
 .ins-tab-layout > .ins-tabs div.active {
-  border-bottom: 3px var(--pf-v5-global--link--Color) solid;
+  border-bottom: 3px var(--pf-t--global--text--color--link--default) solid;
 }
 .ins-tab-layout > .ins-tabs div:hover {
-  color: var(--pf-v5-global--link--Color--hover);
-  border-bottom: 3px var(--pf-v5-global--link--Color--hover) solid;
+  color: var(--pf-t--global--text--color--link--default--hover);
+  border-bottom: 3px var(--pf-t--global--text--color--link--default--hover) solid;
 }
 
 :root {
@@ -404,17 +398,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-v5-global--Color--light-100);
-  border-bottom: 1px solid var(--pf-v5-global--BorderColor--light-200);
+  background: var(--pf-t--global--background--color--primary--default);
+  border-bottom: 1px solid var(--pf-t--global--background--color--secondary--default);
   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-v5-global--BorderColor--light-200);
+  border-top: 1px solid var(--pf-t--global--background--color--secondary--default);
 }
 
 .ins-c-table__toolbar-results {
-  color: var(--pf-v5-global--Color--200);
+  color: var(--pf-t--global--background--color--secondary--default);
 }
 
 .ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
@@ -422,7 +416,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-v5-global--BorderColor--light);
+  border-left: 2px solid var(--pf-t--global--border--color--nonstatus--gray--hover);
 }
 
 @media only screen and (max-width: 768px) {
@@ -431,162 +425,162 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   }
 }
 .ins-c-tag-modal {
-  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;
+  height: calc(var(--pf-t--global--spacer--4xl) + var(--pf-t--global--breakpoint--md));
+}
+
+.pf-v6-c-treeview {
+  --pf-v6-c-treeview--th--Padding: var(--pf-t--global--spacer--md);
+  --pf-v6-c-treeview--td--Padding: var(--pf-t--global--spacer--md);
+  --pf-v6-c-treeview--cell--Padding: var(--pf-t--global--spacer--md);
+  --pf-v6-c-treeview__toggle-button--Padding: var(--pf-v6-c-treeview--td--Padding);
+  --pf-v6-c-treeview__control-toggle--Width: 42px;
+  --pf-v6-c-treeview__control-check--Width: 22px;
+  --pf-v6-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-v6-c-treeview--td--Padding) * 3);
+  --pf-v6-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-v6-c-treeview--td--Padding) * 5);
+  --pf-v6-c-treeview--level--PaddingLeft: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-treeview__aria-level--GridColumn: 1;
+  --pf-v6-c-treeview--tr--Display: table-row;
+  --pf-v6-c-treeview--tr--Visibility: visible;
   width: 100%;
   border-collapse: collapse;
   --background: #fff;
   --background-base: #ddd;
 }
-.pf-v5-c-treeview th,
-.pf-v5-c-treeview td {
-  padding: var(--pf-v5-c-treeview--cell--Padding);
+.pf-v6-c-treeview th,
+.pf-v6-c-treeview td {
+  padding: var(--pf-v6-c-treeview--cell--Padding);
   text-align: left;
   vertical-align: baseline;
 }
-.pf-v5-c-treeview tr {
+.pf-v6-c-treeview tr {
   border-bottom: 1px solid #ddd;
 }
-.pf-v5-c-treeview tbody tr {
+.pf-v6-c-treeview tbody tr {
   display: none;
   visibility: hidden;
 }
-.pf-v5-c-treeview [aria-level="1"] {
+.pf-v6-c-treeview [aria-level="1"] {
   display: table-row;
   visibility: visible;
-  --pf-v5-c-treeview--tr--Display: table-row;
-  --pf-v5-c-treeview--tr--Visibility: visible;
+  --pf-v6-c-treeview--tr--Display: table-row;
+  --pf-v6-c-treeview--tr--Visibility: visible;
 }
-.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 {
+.pf-v6-c-treeview .pf-m-hidden,
+.pf-v6-c-treeview tr.pf-m-hidden,
+.pf-v6-c-treeview td.pf-m-hidden,
+.pf-v6-c-treeview th.pf-m-hidden {
   display: none;
   visibility: hidden;
 }
-.pf-v5-c-treeview tr.pf-m-visible {
+.pf-v6-c-treeview tr.pf-m-visible {
   display: table-row;
   visibility: visible;
 }
-.pf-v5-c-treeview td.pf-m-visible,
-.pf-v5-c-treeview th.pf-m-visible {
+.pf-v6-c-treeview td.pf-m-visible,
+.pf-v6-c-treeview th.pf-m-visible {
   display: table-cell;
   visibility: visible;
 }
-.pf-v5-c-treeview .pf-v5-c-treeview__check,
-.pf-v5-c-treeview .pf-v5-c-treeview__action {
+.pf-v6-c-treeview .pf-v6-c-treeview__check,
+.pf-v6-c-treeview .pf-v6-c-treeview__action {
   width: 1px;
 }
-.pf-v5-c-treeview th.pf-v5-c-treeview__title-cell {
+.pf-v6-c-treeview th.pf-v6-c-treeview__title-cell {
   padding-left: 0;
 }
-.pf-v5-c-treeview tbody .pf-v5-c-treeview__check + .pf-v5-c-treeview__title-cell {
+.pf-v6-c-treeview tbody .pf-v6-c-treeview__check + .pf-v6-c-treeview__title-cell {
   padding-left: 0;
 }
-.pf-v5-c-treeview .pf-v5-c-treeview__toggle-icon {
+.pf-v6-c-treeview .pf-v6-c-treeview__toggle-icon {
   transition: 0.2s;
 }
-.pf-v5-c-treeview .pf-v5-c-treeview__action {
+.pf-v6-c-treeview .pf-v6-c-treeview__action {
   text-align: right;
 }
-.pf-v5-c-treeview tr {
+.pf-v6-c-treeview tr {
   background: var(--background);
 }
 
-.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-v6-c-treeview tr[aria-level="1"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 0);
 }
-.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-v6-c-treeview tr[aria-level="2"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 1);
 }
-.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-v6-c-treeview tr[aria-level="3"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 2);
 }
-.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-v6-c-treeview tr[aria-level="4"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 3);
 }
-.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-v6-c-treeview tr[aria-level="5"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 4);
 }
-.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-v6-c-treeview tr[aria-level="6"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 5);
 }
-.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-v6-c-treeview tr[aria-level="7"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 6);
 }
-.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-v6-c-treeview tr[aria-level="8"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 7);
 }
-.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-v6-c-treeview tr[aria-level="9"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 8);
 }
-.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-v6-c-treeview tr[aria-level="10"] .pf-v6-c-treeview__title-cell {
+  padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 9);
 }
-.pf-v5-c-treeview tbody tr {
+.pf-v6-c-treeview tbody tr {
   display: none;
 }
-.pf-v5-c-treeview [aria-level="1"] {
+.pf-v6-c-treeview [aria-level="1"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="1"].pf-m-expanded ~ [aria-level="2"] {
+.pf-v6-c-treeview [aria-level="1"].pf-m-expanded ~ [aria-level="2"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="2"].pf-m-expanded ~ [aria-level="3"] {
+.pf-v6-c-treeview [aria-level="2"].pf-m-expanded ~ [aria-level="3"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="3"].pf-m-expanded ~ [aria-level="4"] {
+.pf-v6-c-treeview [aria-level="3"].pf-m-expanded ~ [aria-level="4"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="4"].pf-m-expanded ~ [aria-level="5"] {
+.pf-v6-c-treeview [aria-level="4"].pf-m-expanded ~ [aria-level="5"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="5"].pf-m-expanded ~ [aria-level="6"] {
+.pf-v6-c-treeview [aria-level="5"].pf-m-expanded ~ [aria-level="6"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="6"].pf-m-expanded ~ [aria-level="7"] {
+.pf-v6-c-treeview [aria-level="6"].pf-m-expanded ~ [aria-level="7"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="7"].pf-m-expanded ~ [aria-level="8"] {
+.pf-v6-c-treeview [aria-level="7"].pf-m-expanded ~ [aria-level="8"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="8"].pf-m-expanded ~ [aria-level="9"] {
+.pf-v6-c-treeview [aria-level="8"].pf-m-expanded ~ [aria-level="9"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="9"].pf-m-expanded ~ [aria-level="10"] {
+.pf-v6-c-treeview [aria-level="9"].pf-m-expanded ~ [aria-level="10"] {
   display: table-row;
 }
-.pf-v5-c-treeview [aria-level="10"].pf-m-expanded ~ [aria-level="11"] {
+.pf-v6-c-treeview [aria-level="10"].pf-m-expanded ~ [aria-level="11"] {
   display: table-row;
 }
-.pf-v5-c-treeview tr.pf-m-expanded .pf-v5-c-treeview__toggle-icon {
+.pf-v6-c-treeview tr.pf-m-expanded .pf-v6-c-treeview__toggle-icon {
   transform: rotate(90deg);
 }
 
-.pf-v5-c-treeview__control {
+.pf-v6-c-treeview__control {
   display: grid;
   align-items: baseline;
 }
 
-.pf-v5-c-treeview__control-toggle {
+.pf-v6-c-treeview__control-toggle {
   grid-area: 1/toggle;
 }
 
-.pf-v5-c-treeview__control-text {
+.pf-v6-c-treeview__control-text {
   grid-area: 1/text;
   max-width: 100%;
   overflow: hidden;
@@ -594,180 +588,180 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
   text-overflow: ellipsis;
 }
 
-.pf-v5-c-treeview__check {
+.pf-v6-c-treeview__check {
   grid-row-start: 1;
   grid-column-start: 2;
 }
 
-.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;
+.pf-v6-c-treeview.pf-m-expandable .pf-v6-c-treeview__control {
+  grid-template-columns: [toggle] var(--pf-v6-c-treeview__control-toggle--Width) [text] auto;
 }
 
 @media (max-width: 2000px) {
-  .pf-v5-c-treeview.pf-m-grid {
+  .pf-v6-c-treeview.pf-m-grid {
     width: 480px;
     background: lightgray;
     padding: 12px;
   }
-  .pf-v5-c-treeview.pf-m-grid,
-  .pf-v5-c-treeview.pf-m-grid tr {
+  .pf-v6-c-treeview.pf-m-grid,
+  .pf-v6-c-treeview.pf-m-grid tr {
     display: grid;
   }
-  .pf-v5-c-treeview.pf-m-grid thead {
+  .pf-v6-c-treeview.pf-m-grid thead {
     display: none;
   }
-  .pf-v5-c-treeview.pf-m-grid tbody {
+  .pf-v6-c-treeview.pf-m-grid tbody {
     display: grid;
   }
-  .pf-v5-c-treeview.pf-m-grid td,
-  .pf-v5-c-treeview.pf-m-grid th {
+  .pf-v6-c-treeview.pf-m-grid td,
+  .pf-v6-c-treeview.pf-m-grid th {
     display: grid;
     grid-template-columns: 1fr 1.5fr;
     grid-column: 1;
     padding-left: 0;
     font-weight: normal;
   }
-  .pf-v5-c-treeview.pf-m-grid [data-label]::before {
+  .pf-v6-c-treeview.pf-m-grid [data-label]::before {
     content: attr(data-label);
     grid-column: 1;
     font-weight: bold;
   }
-  .pf-v5-c-treeview.pf-m-grid [data-label] {
-    grid-column-gap: var(--pf-v5-global--spacer--md);
+  .pf-v6-c-treeview.pf-m-grid [data-label] {
+    grid-column-gap: var(--pf-t--global--spacer--md);
     padding-top: 8px;
     padding-bottom: 8px;
   }
-  .pf-v5-c-treeview.pf-m-grid [data-label] * {
+  .pf-v6-c-treeview.pf-m-grid [data-label] * {
     grid-column: 2;
   }
-  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__check,
-  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__action {
+  .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__check,
+  .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__action {
     display: inline-block;
     width: auto;
     grid-row: 1;
     align-self: baseline;
     padding: 0;
   }
-  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__check {
+  .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__check {
     grid-column: 3;
   }
-  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__action {
+  .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__action {
     grid-column: 4;
   }
-  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__control {
+  .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__control {
     display: block;
   }
-  .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__control .pf-v5-c-treeview__toggle {
+  .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__control .pf-v6-c-treeview__toggle {
     display: none;
   }
-  .pf-v5-c-treeview.pf-m-grid [aria-level] .pf-v5-c-treeview__title-cell {
+  .pf-v6-c-treeview.pf-m-grid [aria-level] .pf-v6-c-treeview__title-cell {
     padding-left: 0;
   }
-  .pf-v5-c-treeview.pf-m-grid tr {
+  .pf-v6-c-treeview.pf-m-grid tr {
     grid-template-columns: 1fr;
     grid-auto-columns: max-content;
-    padding: var(--pf-v5-global--spacer--md);
+    padding: var(--pf-t--global--spacer--md);
     background: rgba(255, 255, 255, 0.5);
     display: none;
     visibility: hidden;
   }
 }
 
-.pf-v5-c-treeview.pf-m-grid tr {
+.pf-v6-c-treeview.pf-m-grid tr {
   display: none;
 }
 @media (max-width: 2000px) {
-  .pf-v5-c-treeview.pf-m-grid .pf-m-level-1 [aria-level="1"] {
+  .pf-v6-c-treeview.pf-m-grid .pf-m-level-1 [aria-level="1"] {
     display: grid;
     visibility: visible;
   }
-  .pf-v5-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="2"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="3"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="4"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="5"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="6"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="7"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="8"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="9"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="10"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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-v5-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="11"] {
+  .pf-v6-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-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"] {
+  .pf-v6-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;
   }