@patternfly/patternfly 5.0.0-alpha.54 → 5.0.0-alpha.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/patternfly.css CHANGED
@@ -19,51 +19,51 @@
19
19
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
20
20
  }
21
21
 
22
- .pf-v5-c-table tr > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group, .pf-v5-c-data-list__item-action {
22
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group, .pf-v5-c-data-list__item-action {
23
23
  --pf-v5-hidden-visible--hidden--Display: none;
24
24
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
25
25
  display: var(--pf-v5-hidden-visible--Display);
26
26
  }
27
- .pf-v5-c-table tr > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-data-list__item-action {
27
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-data-list__item-action {
28
28
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
29
29
  }
30
30
  @media screen and (min-width: 576px) {
31
- .pf-v5-c-table tr > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
31
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
32
32
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
33
33
  }
34
- .pf-v5-c-table tr > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
34
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
35
35
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 768px) {
39
- .pf-v5-c-table tr > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
39
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
40
40
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
41
41
  }
42
- .pf-v5-c-table tr > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
42
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
43
43
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
44
44
  }
45
45
  }
46
46
  @media screen and (min-width: 992px) {
47
- .pf-v5-c-table tr > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
47
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
48
48
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
49
49
  }
50
- .pf-v5-c-table tr > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
50
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
51
51
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
52
52
  }
53
53
  }
54
54
  @media screen and (min-width: 1200px) {
55
- .pf-v5-c-table tr > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
55
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
56
56
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
57
57
  }
58
- .pf-v5-c-table tr > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
58
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
59
59
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
60
60
  }
61
61
  }
62
62
  @media screen and (min-width: 1450px) {
63
- .pf-v5-c-table tr > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
63
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
64
64
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
65
65
  }
66
- .pf-v5-c-table tr > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
66
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
67
67
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
68
68
  }
69
69
  }
@@ -24944,30 +24944,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
24944
24944
 
24945
24945
  .pf-v5-c-table[class*=pf-m-grid] {
24946
24946
  --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
24947
- --pf-v5-c-table--tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24948
- --pf-v5-c-table--tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
24949
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
24950
- --pf-v5-c-table--tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
24951
- --pf-v5-c-table-tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24952
- --pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
24953
- --pf-v5-c-table-tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
24954
- --pf-v5-c-table-tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
24955
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
24956
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
24957
- --pf-v5-c-table-tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
24958
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
24959
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
24960
- --pf-v5-c-table-tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
24961
- --pf-v5-c-table-tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
24962
- --pf-v5-c-table-tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
24963
- --pf-v5-c-table-tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
24964
- --pf-v5-c-table-tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
24965
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: 0;
24966
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: transparent;
24967
- --pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24968
- --pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
24969
- --pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24970
- --pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
24947
+ --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24948
+ --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
24949
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
24950
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
24951
+ --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24952
+ --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
24953
+ --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
24954
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
24955
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
24956
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
24957
+ --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
24958
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
24959
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
24960
+ --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
24961
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
24962
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
24963
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
24964
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
24965
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
24966
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
24967
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24968
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
24969
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24970
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
24971
24971
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
24972
24972
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
24973
24973
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -24979,10 +24979,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
24979
24979
  --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
24980
24980
  --pf-v5-c-table--cell--responsive--PaddingRight: 0;
24981
24981
  --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
24982
- --pf-v5-c-table--m-compact-tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
24983
- --pf-v5-c-table--m-compact-tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
24984
- --pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
24985
- --pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
24982
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
24983
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
24984
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
24985
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
24986
24986
  --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
24987
24987
  --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
24988
24988
  --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
@@ -25004,8 +25004,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25004
25004
  }
25005
25005
  @media screen and (max-width: 1200px) {
25006
25006
  .pf-v5-c-table[class*=pf-m-grid] {
25007
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--xl--PaddingRight);
25008
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--xl--PaddingLeft);
25007
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
25008
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
25009
25009
  }
25010
25010
  }
25011
25011
  @media screen and (max-width: 1200px) {
@@ -25027,7 +25027,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25027
25027
  display: grid;
25028
25028
  border: none;
25029
25029
  }
25030
- .pf-m-grid.pf-v5-c-table tr > * {
25030
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25031
25031
  width: auto;
25032
25032
  min-width: 0;
25033
25033
  max-width: none;
@@ -25044,57 +25044,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25044
25044
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25045
25045
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25046
25046
  }
25047
- .pf-m-grid.pf-v5-c-table thead {
25047
+ .pf-m-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25048
25048
  display: none;
25049
25049
  }
25050
- .pf-m-grid.pf-v5-c-table tbody {
25050
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25051
25051
  display: block;
25052
25052
  }
25053
- .pf-m-grid.pf-v5-c-table tbody:first-of-type {
25054
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25053
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25054
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25055
25055
  }
25056
- .pf-m-grid.pf-v5-c-table table.pf-m-compact > tbody {
25056
+ .pf-m-grid.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25057
25057
  border-top: 0;
25058
25058
  }
25059
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25060
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25059
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25060
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25061
25061
  }
25062
- .pf-m-grid.pf-v5-c-table tr:last-child,
25063
- .pf-m-grid.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25064
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25062
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25063
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
25064
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25065
25065
  }
25066
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
25066
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25067
25067
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
25068
25068
  }
25069
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25069
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25070
25070
  border-bottom: 0;
25071
25071
  }
25072
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
25073
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25072
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
25073
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25074
25074
  }
25075
- .pf-m-grid.pf-v5-c-table tr.pf-m-selected {
25075
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
25076
25076
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25077
25077
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
25078
25078
  }
25079
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25079
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25080
25080
  display: grid;
25081
25081
  grid-template-columns: 1fr;
25082
25082
  height: auto;
25083
25083
  grid-auto-columns: max-content;
25084
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
25085
- padding: var(--pf-v5-c-table-tr--responsive--PaddingTop) var(--pf-v5-c-table-tr--responsive--PaddingRight) var(--pf-v5-c-table-tr--responsive--PaddingBottom) var(--pf-v5-c-table-tr--responsive--PaddingLeft);
25084
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
25085
+ padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
25086
25086
  }
25087
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
25087
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
25088
25088
  padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
25089
25089
  }
25090
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
25090
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
25091
25091
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
25092
25092
  }
25093
25093
  .pf-m-grid.pf-v5-c-table.pf-m-compact {
25094
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
25095
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
25096
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
25097
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
25094
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
25095
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
25096
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
25097
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
25098
25098
  --pf-v5-c-table__check--input--MarginTop: 0;
25099
25099
  }
25100
25100
  .pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -25107,61 +25107,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
25107
25107
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__icon > * {
25108
25108
  text-align: left;
25109
25109
  }
25110
- .pf-m-grid.pf-v5-c-table [data-label] {
25110
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
25111
25111
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
25112
25112
  grid-column: 1;
25113
25113
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
25114
25114
  grid-template-columns: 1fr minmax(0, 1.5fr);
25115
25115
  align-items: start;
25116
25116
  }
25117
- .pf-m-grid.pf-v5-c-table [data-label] > * {
25117
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25118
25118
  grid-column: 2;
25119
25119
  }
25120
- .pf-m-grid.pf-v5-c-table [data-label]::before {
25120
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25121
25121
  font-weight: bold;
25122
25122
  text-align: left;
25123
25123
  content: attr(data-label);
25124
25124
  }
25125
- .pf-m-grid.pf-v5-c-table tr > *:first-child {
25125
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25126
25126
  --pf-v5-c-table--cell--PaddingLeft: 0;
25127
25127
  }
25128
- .pf-m-grid.pf-v5-c-table tr > *:last-child {
25128
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25129
25129
  --pf-v5-c-table--cell--PaddingRight: 0;
25130
25130
  }
25131
25131
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table {
25132
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25133
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25134
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25135
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25132
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25133
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25134
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25135
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25136
25136
  border: 0;
25137
25137
  }
25138
- .pf-m-grid.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
25139
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25138
+ .pf-m-grid.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25139
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25140
25140
  }
25141
25141
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25142
25142
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25143
25143
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25144
25144
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25145
25145
  }
25146
- .pf-m-grid.pf-v5-c-table tbody {
25146
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25147
25147
  position: relative;
25148
25148
  }
25149
- .pf-m-grid.pf-v5-c-table tbody::after {
25149
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25150
25150
  position: absolute;
25151
25151
  top: 0;
25152
25152
  bottom: 0;
25153
25153
  left: 0;
25154
25154
  content: "";
25155
25155
  border: 0;
25156
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25156
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25157
25157
  }
25158
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
25159
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25158
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25159
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25160
25160
  }
25161
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tbody {
25162
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25161
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
25162
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25163
25163
  }
25164
- .pf-m-grid.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25164
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
25165
25165
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25166
25166
  position: static;
25167
25167
  width: auto;
@@ -25190,7 +25190,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25190
25190
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
25191
25191
  content: none;
25192
25192
  }
25193
- .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
25193
+ .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
25194
+ .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
25194
25195
  padding: 0;
25195
25196
  }
25196
25197
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -25200,44 +25201,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
25200
25201
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
25201
25202
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
25202
25203
  }
25203
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable {
25204
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25205
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
25204
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
25205
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25206
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
25206
25207
  }
25207
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable,
25208
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr {
25208
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
25209
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
25209
25210
  position: relative;
25210
25211
  }
25211
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
25212
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
25212
25213
  content: "";
25213
25214
  position: absolute;
25214
25215
  top: 0;
25215
25216
  bottom: 0;
25216
25217
  left: 0;
25217
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
25218
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
25218
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
25219
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
25219
25220
  }
25220
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
25221
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
25222
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
25221
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
25222
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
25223
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
25223
25224
  }
25224
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
25225
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
25226
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
25225
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
25226
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
25227
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
25227
25228
  }
25228
- .pf-m-grid.pf-v5-c-table tr.pf-m-selected::after {
25229
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
25229
25230
  content: "";
25230
25231
  position: absolute;
25231
25232
  top: 0;
25232
25233
  bottom: 0;
25233
25234
  left: 0;
25234
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
25235
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
25235
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
25236
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
25236
25237
  }
25237
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25238
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25239
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25240
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25238
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25239
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25240
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25241
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25241
25242
  width: auto;
25242
25243
  padding: 0;
25243
25244
  }
@@ -25302,14 +25303,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
25302
25303
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon {
25303
25304
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
25304
25305
  }
25305
- .pf-m-grid.pf-v5-c-table .pf-m-nowrap {
25306
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
25306
25307
  --pf-v5-c-table--cell--Overflow: auto;
25307
25308
  }
25308
- .pf-m-grid.pf-v5-c-table .pf-m-fit-content {
25309
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
25309
25310
  width: auto;
25310
25311
  white-space: normal;
25311
25312
  }
25312
- .pf-m-grid.pf-v5-c-table .pf-m-truncate {
25313
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
25313
25314
  --pf-v5-c-table--cell--MaxWidth: 100%;
25314
25315
  }
25315
25316
  .pf-m-grid.pf-v5-c-table [class*=pf-m-width] {
@@ -25329,7 +25330,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25329
25330
  display: grid;
25330
25331
  border: none;
25331
25332
  }
25332
- .pf-m-grid-md.pf-v5-c-table tr > * {
25333
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25333
25334
  width: auto;
25334
25335
  min-width: 0;
25335
25336
  max-width: none;
@@ -25346,57 +25347,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25346
25347
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25347
25348
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25348
25349
  }
25349
- .pf-m-grid-md.pf-v5-c-table thead {
25350
+ .pf-m-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25350
25351
  display: none;
25351
25352
  }
25352
- .pf-m-grid-md.pf-v5-c-table tbody {
25353
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25353
25354
  display: block;
25354
25355
  }
25355
- .pf-m-grid-md.pf-v5-c-table tbody:first-of-type {
25356
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25356
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25357
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25357
25358
  }
25358
- .pf-m-grid-md.pf-v5-c-table table.pf-m-compact > tbody {
25359
+ .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25359
25360
  border-top: 0;
25360
25361
  }
25361
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25362
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25362
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25363
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25363
25364
  }
25364
- .pf-m-grid-md.pf-v5-c-table tr:last-child,
25365
- .pf-m-grid-md.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25366
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25365
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25366
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
25367
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25367
25368
  }
25368
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
25369
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25369
25370
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
25370
25371
  }
25371
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25372
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25372
25373
  border-bottom: 0;
25373
25374
  }
25374
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
25375
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25375
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
25376
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25376
25377
  }
25377
- .pf-m-grid-md.pf-v5-c-table tr.pf-m-selected {
25378
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
25378
25379
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25379
25380
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
25380
25381
  }
25381
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25382
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25382
25383
  display: grid;
25383
25384
  grid-template-columns: 1fr;
25384
25385
  height: auto;
25385
25386
  grid-auto-columns: max-content;
25386
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
25387
- padding: var(--pf-v5-c-table-tr--responsive--PaddingTop) var(--pf-v5-c-table-tr--responsive--PaddingRight) var(--pf-v5-c-table-tr--responsive--PaddingBottom) var(--pf-v5-c-table-tr--responsive--PaddingLeft);
25387
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
25388
+ padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
25388
25389
  }
25389
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
25390
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
25390
25391
  padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
25391
25392
  }
25392
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
25393
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
25393
25394
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
25394
25395
  }
25395
25396
  .pf-m-grid-md.pf-v5-c-table.pf-m-compact {
25396
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
25397
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
25398
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
25399
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
25397
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
25398
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
25399
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
25400
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
25400
25401
  --pf-v5-c-table__check--input--MarginTop: 0;
25401
25402
  }
25402
25403
  .pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -25409,61 +25410,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
25409
25410
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__icon > * {
25410
25411
  text-align: left;
25411
25412
  }
25412
- .pf-m-grid-md.pf-v5-c-table [data-label] {
25413
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
25413
25414
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
25414
25415
  grid-column: 1;
25415
25416
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
25416
25417
  grid-template-columns: 1fr minmax(0, 1.5fr);
25417
25418
  align-items: start;
25418
25419
  }
25419
- .pf-m-grid-md.pf-v5-c-table [data-label] > * {
25420
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25420
25421
  grid-column: 2;
25421
25422
  }
25422
- .pf-m-grid-md.pf-v5-c-table [data-label]::before {
25423
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25423
25424
  font-weight: bold;
25424
25425
  text-align: left;
25425
25426
  content: attr(data-label);
25426
25427
  }
25427
- .pf-m-grid-md.pf-v5-c-table tr > *:first-child {
25428
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25428
25429
  --pf-v5-c-table--cell--PaddingLeft: 0;
25429
25430
  }
25430
- .pf-m-grid-md.pf-v5-c-table tr > *:last-child {
25431
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25431
25432
  --pf-v5-c-table--cell--PaddingRight: 0;
25432
25433
  }
25433
25434
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table {
25434
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25435
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25436
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25437
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25435
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25436
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25437
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25438
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25438
25439
  border: 0;
25439
25440
  }
25440
- .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
25441
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25441
+ .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25442
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25442
25443
  }
25443
25444
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25444
25445
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25445
25446
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25446
25447
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25447
25448
  }
25448
- .pf-m-grid-md.pf-v5-c-table tbody {
25449
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25449
25450
  position: relative;
25450
25451
  }
25451
- .pf-m-grid-md.pf-v5-c-table tbody::after {
25452
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25452
25453
  position: absolute;
25453
25454
  top: 0;
25454
25455
  bottom: 0;
25455
25456
  left: 0;
25456
25457
  content: "";
25457
25458
  border: 0;
25458
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25459
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25459
25460
  }
25460
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
25461
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25461
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25462
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25462
25463
  }
25463
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tbody {
25464
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25464
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
25465
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25465
25466
  }
25466
- .pf-m-grid-md.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25467
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
25467
25468
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25468
25469
  position: static;
25469
25470
  width: auto;
@@ -25492,7 +25493,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25492
25493
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
25493
25494
  content: none;
25494
25495
  }
25495
- .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
25496
+ .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
25497
+ .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
25496
25498
  padding: 0;
25497
25499
  }
25498
25500
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -25502,44 +25504,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
25502
25504
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
25503
25505
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
25504
25506
  }
25505
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable {
25506
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25507
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
25507
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
25508
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25509
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
25508
25510
  }
25509
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable,
25510
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr {
25511
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
25512
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
25511
25513
  position: relative;
25512
25514
  }
25513
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
25515
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
25514
25516
  content: "";
25515
25517
  position: absolute;
25516
25518
  top: 0;
25517
25519
  bottom: 0;
25518
25520
  left: 0;
25519
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
25520
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
25521
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
25522
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
25521
25523
  }
25522
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
25523
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
25524
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
25524
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
25525
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
25526
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
25525
25527
  }
25526
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
25527
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
25528
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
25528
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
25529
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
25530
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
25529
25531
  }
25530
- .pf-m-grid-md.pf-v5-c-table tr.pf-m-selected::after {
25532
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
25531
25533
  content: "";
25532
25534
  position: absolute;
25533
25535
  top: 0;
25534
25536
  bottom: 0;
25535
25537
  left: 0;
25536
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
25537
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
25538
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
25539
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
25538
25540
  }
25539
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25540
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25541
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25542
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25541
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25542
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25543
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25544
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25543
25545
  width: auto;
25544
25546
  padding: 0;
25545
25547
  }
@@ -25610,18 +25612,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
25610
25612
  }
25611
25613
  }
25612
25614
  @media screen and (max-width: 768px) {
25613
- .pf-m-grid-md.pf-v5-c-table .pf-m-nowrap {
25615
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
25614
25616
  --pf-v5-c-table--cell--Overflow: auto;
25615
25617
  }
25616
- }
25617
- @media screen and (max-width: 768px) {
25618
- .pf-m-grid-md.pf-v5-c-table .pf-m-fit-content {
25618
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
25619
25619
  width: auto;
25620
25620
  white-space: normal;
25621
25621
  }
25622
- }
25623
- @media screen and (max-width: 768px) {
25624
- .pf-m-grid-md.pf-v5-c-table .pf-m-truncate {
25622
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
25625
25623
  --pf-v5-c-table--cell--MaxWidth: 100%;
25626
25624
  }
25627
25625
  }
@@ -25644,7 +25642,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25644
25642
  display: grid;
25645
25643
  border: none;
25646
25644
  }
25647
- .pf-m-grid-lg.pf-v5-c-table tr > * {
25645
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25648
25646
  width: auto;
25649
25647
  min-width: 0;
25650
25648
  max-width: none;
@@ -25661,57 +25659,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25661
25659
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25662
25660
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25663
25661
  }
25664
- .pf-m-grid-lg.pf-v5-c-table thead {
25662
+ .pf-m-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25665
25663
  display: none;
25666
25664
  }
25667
- .pf-m-grid-lg.pf-v5-c-table tbody {
25665
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25668
25666
  display: block;
25669
25667
  }
25670
- .pf-m-grid-lg.pf-v5-c-table tbody:first-of-type {
25671
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25668
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25669
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25672
25670
  }
25673
- .pf-m-grid-lg.pf-v5-c-table table.pf-m-compact > tbody {
25671
+ .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25674
25672
  border-top: 0;
25675
25673
  }
25676
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25677
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25674
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25675
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25678
25676
  }
25679
- .pf-m-grid-lg.pf-v5-c-table tr:last-child,
25680
- .pf-m-grid-lg.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25681
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25677
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25678
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
25679
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25682
25680
  }
25683
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
25681
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25684
25682
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
25685
25683
  }
25686
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25684
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25687
25685
  border-bottom: 0;
25688
25686
  }
25689
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
25690
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25687
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
25688
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25691
25689
  }
25692
- .pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected {
25690
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
25693
25691
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25694
25692
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
25695
25693
  }
25696
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25694
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25697
25695
  display: grid;
25698
25696
  grid-template-columns: 1fr;
25699
25697
  height: auto;
25700
25698
  grid-auto-columns: max-content;
25701
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
25702
- padding: var(--pf-v5-c-table-tr--responsive--PaddingTop) var(--pf-v5-c-table-tr--responsive--PaddingRight) var(--pf-v5-c-table-tr--responsive--PaddingBottom) var(--pf-v5-c-table-tr--responsive--PaddingLeft);
25699
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
25700
+ padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
25703
25701
  }
25704
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
25702
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
25705
25703
  padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
25706
25704
  }
25707
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
25705
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
25708
25706
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
25709
25707
  }
25710
25708
  .pf-m-grid-lg.pf-v5-c-table.pf-m-compact {
25711
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
25712
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
25713
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
25714
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
25709
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
25710
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
25711
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
25712
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
25715
25713
  --pf-v5-c-table__check--input--MarginTop: 0;
25716
25714
  }
25717
25715
  .pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -25724,61 +25722,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
25724
25722
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__icon > * {
25725
25723
  text-align: left;
25726
25724
  }
25727
- .pf-m-grid-lg.pf-v5-c-table [data-label] {
25725
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
25728
25726
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
25729
25727
  grid-column: 1;
25730
25728
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
25731
25729
  grid-template-columns: 1fr minmax(0, 1.5fr);
25732
25730
  align-items: start;
25733
25731
  }
25734
- .pf-m-grid-lg.pf-v5-c-table [data-label] > * {
25732
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25735
25733
  grid-column: 2;
25736
25734
  }
25737
- .pf-m-grid-lg.pf-v5-c-table [data-label]::before {
25735
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25738
25736
  font-weight: bold;
25739
25737
  text-align: left;
25740
25738
  content: attr(data-label);
25741
25739
  }
25742
- .pf-m-grid-lg.pf-v5-c-table tr > *:first-child {
25740
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25743
25741
  --pf-v5-c-table--cell--PaddingLeft: 0;
25744
25742
  }
25745
- .pf-m-grid-lg.pf-v5-c-table tr > *:last-child {
25743
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25746
25744
  --pf-v5-c-table--cell--PaddingRight: 0;
25747
25745
  }
25748
25746
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table {
25749
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25750
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25751
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25752
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25747
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25748
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25749
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25750
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25753
25751
  border: 0;
25754
25752
  }
25755
- .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
25756
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25753
+ .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25754
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25757
25755
  }
25758
25756
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25759
25757
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25760
25758
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25761
25759
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25762
25760
  }
25763
- .pf-m-grid-lg.pf-v5-c-table tbody {
25761
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25764
25762
  position: relative;
25765
25763
  }
25766
- .pf-m-grid-lg.pf-v5-c-table tbody::after {
25764
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25767
25765
  position: absolute;
25768
25766
  top: 0;
25769
25767
  bottom: 0;
25770
25768
  left: 0;
25771
25769
  content: "";
25772
25770
  border: 0;
25773
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25771
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25774
25772
  }
25775
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
25776
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25773
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25774
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25777
25775
  }
25778
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tbody {
25779
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25776
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
25777
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25780
25778
  }
25781
- .pf-m-grid-lg.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25779
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
25782
25780
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25783
25781
  position: static;
25784
25782
  width: auto;
@@ -25807,7 +25805,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25807
25805
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
25808
25806
  content: none;
25809
25807
  }
25810
- .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
25808
+ .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
25809
+ .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
25811
25810
  padding: 0;
25812
25811
  }
25813
25812
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -25817,44 +25816,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
25817
25816
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
25818
25817
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
25819
25818
  }
25820
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable {
25821
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25822
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
25819
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
25820
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25821
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
25823
25822
  }
25824
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable,
25825
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr {
25823
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
25824
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
25826
25825
  position: relative;
25827
25826
  }
25828
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
25827
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
25829
25828
  content: "";
25830
25829
  position: absolute;
25831
25830
  top: 0;
25832
25831
  bottom: 0;
25833
25832
  left: 0;
25834
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
25835
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
25833
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
25834
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
25836
25835
  }
25837
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
25838
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
25839
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
25836
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
25837
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
25838
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
25840
25839
  }
25841
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
25842
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
25843
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
25840
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
25841
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
25842
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
25844
25843
  }
25845
- .pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected::after {
25844
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
25846
25845
  content: "";
25847
25846
  position: absolute;
25848
25847
  top: 0;
25849
25848
  bottom: 0;
25850
25849
  left: 0;
25851
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
25852
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
25850
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
25851
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
25853
25852
  }
25854
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25855
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25856
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25857
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25853
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25854
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25855
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25856
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25858
25857
  width: auto;
25859
25858
  padding: 0;
25860
25859
  }
@@ -25925,18 +25924,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
25925
25924
  }
25926
25925
  }
25927
25926
  @media screen and (max-width: 992px) {
25928
- .pf-m-grid-lg.pf-v5-c-table .pf-m-nowrap {
25927
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
25929
25928
  --pf-v5-c-table--cell--Overflow: auto;
25930
25929
  }
25931
- }
25932
- @media screen and (max-width: 992px) {
25933
- .pf-m-grid-lg.pf-v5-c-table .pf-m-fit-content {
25930
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
25934
25931
  width: auto;
25935
25932
  white-space: normal;
25936
25933
  }
25937
- }
25938
- @media screen and (max-width: 992px) {
25939
- .pf-m-grid-lg.pf-v5-c-table .pf-m-truncate {
25934
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
25940
25935
  --pf-v5-c-table--cell--MaxWidth: 100%;
25941
25936
  }
25942
25937
  }
@@ -25959,7 +25954,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25959
25954
  display: grid;
25960
25955
  border: none;
25961
25956
  }
25962
- .pf-m-grid-xl.pf-v5-c-table tr > * {
25957
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25963
25958
  width: auto;
25964
25959
  min-width: 0;
25965
25960
  max-width: none;
@@ -25976,57 +25971,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25976
25971
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25977
25972
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25978
25973
  }
25979
- .pf-m-grid-xl.pf-v5-c-table thead {
25974
+ .pf-m-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25980
25975
  display: none;
25981
25976
  }
25982
- .pf-m-grid-xl.pf-v5-c-table tbody {
25977
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25983
25978
  display: block;
25984
25979
  }
25985
- .pf-m-grid-xl.pf-v5-c-table tbody:first-of-type {
25986
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25980
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25981
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25987
25982
  }
25988
- .pf-m-grid-xl.pf-v5-c-table table.pf-m-compact > tbody {
25983
+ .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25989
25984
  border-top: 0;
25990
25985
  }
25991
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25992
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25986
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25987
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25993
25988
  }
25994
- .pf-m-grid-xl.pf-v5-c-table tr:last-child,
25995
- .pf-m-grid-xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25996
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25989
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25990
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
25991
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25997
25992
  }
25998
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
25993
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25999
25994
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
26000
25995
  }
26001
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25996
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26002
25997
  border-bottom: 0;
26003
25998
  }
26004
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
26005
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25999
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
26000
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26006
26001
  }
26007
- .pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected {
26002
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
26008
26003
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
26009
26004
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
26010
26005
  }
26011
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26006
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26012
26007
  display: grid;
26013
26008
  grid-template-columns: 1fr;
26014
26009
  height: auto;
26015
26010
  grid-auto-columns: max-content;
26016
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
26017
- padding: var(--pf-v5-c-table-tr--responsive--PaddingTop) var(--pf-v5-c-table-tr--responsive--PaddingRight) var(--pf-v5-c-table-tr--responsive--PaddingBottom) var(--pf-v5-c-table-tr--responsive--PaddingLeft);
26011
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
26012
+ padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
26018
26013
  }
26019
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
26014
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
26020
26015
  padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
26021
26016
  }
26022
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
26017
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
26023
26018
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
26024
26019
  }
26025
26020
  .pf-m-grid-xl.pf-v5-c-table.pf-m-compact {
26026
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
26027
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
26028
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
26029
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
26021
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
26022
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
26023
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
26024
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
26030
26025
  --pf-v5-c-table__check--input--MarginTop: 0;
26031
26026
  }
26032
26027
  .pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -26039,61 +26034,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
26039
26034
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__icon > * {
26040
26035
  text-align: left;
26041
26036
  }
26042
- .pf-m-grid-xl.pf-v5-c-table [data-label] {
26037
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
26043
26038
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
26044
26039
  grid-column: 1;
26045
26040
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
26046
26041
  grid-template-columns: 1fr minmax(0, 1.5fr);
26047
26042
  align-items: start;
26048
26043
  }
26049
- .pf-m-grid-xl.pf-v5-c-table [data-label] > * {
26044
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
26050
26045
  grid-column: 2;
26051
26046
  }
26052
- .pf-m-grid-xl.pf-v5-c-table [data-label]::before {
26047
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
26053
26048
  font-weight: bold;
26054
26049
  text-align: left;
26055
26050
  content: attr(data-label);
26056
26051
  }
26057
- .pf-m-grid-xl.pf-v5-c-table tr > *:first-child {
26052
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
26058
26053
  --pf-v5-c-table--cell--PaddingLeft: 0;
26059
26054
  }
26060
- .pf-m-grid-xl.pf-v5-c-table tr > *:last-child {
26055
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
26061
26056
  --pf-v5-c-table--cell--PaddingRight: 0;
26062
26057
  }
26063
26058
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table {
26064
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
26065
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
26066
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
26067
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
26059
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
26060
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
26061
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
26062
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
26068
26063
  border: 0;
26069
26064
  }
26070
- .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
26071
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
26065
+ .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26066
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
26072
26067
  }
26073
26068
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
26074
26069
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
26075
26070
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
26076
26071
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
26077
26072
  }
26078
- .pf-m-grid-xl.pf-v5-c-table tbody {
26073
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26079
26074
  position: relative;
26080
26075
  }
26081
- .pf-m-grid-xl.pf-v5-c-table tbody::after {
26076
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
26082
26077
  position: absolute;
26083
26078
  top: 0;
26084
26079
  bottom: 0;
26085
26080
  left: 0;
26086
26081
  content: "";
26087
26082
  border: 0;
26088
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
26083
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
26089
26084
  }
26090
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
26091
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
26085
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
26086
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
26092
26087
  }
26093
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tbody {
26094
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26088
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
26089
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26095
26090
  }
26096
- .pf-m-grid-xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
26091
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
26097
26092
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
26098
26093
  position: static;
26099
26094
  width: auto;
@@ -26122,7 +26117,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26122
26117
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
26123
26118
  content: none;
26124
26119
  }
26125
- .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
26120
+ .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
26121
+ .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
26126
26122
  padding: 0;
26127
26123
  }
26128
26124
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -26132,44 +26128,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
26132
26128
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
26133
26129
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
26134
26130
  }
26135
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable {
26136
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26137
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
26131
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
26132
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26133
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
26138
26134
  }
26139
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable,
26140
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
26135
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
26136
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
26141
26137
  position: relative;
26142
26138
  }
26143
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
26139
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
26144
26140
  content: "";
26145
26141
  position: absolute;
26146
26142
  top: 0;
26147
26143
  bottom: 0;
26148
26144
  left: 0;
26149
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
26150
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
26145
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
26146
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
26151
26147
  }
26152
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
26153
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
26154
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
26148
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
26149
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
26150
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
26155
26151
  }
26156
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
26157
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
26158
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
26152
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
26153
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
26154
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
26159
26155
  }
26160
- .pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected::after {
26156
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
26161
26157
  content: "";
26162
26158
  position: absolute;
26163
26159
  top: 0;
26164
26160
  bottom: 0;
26165
26161
  left: 0;
26166
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
26167
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
26162
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
26163
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
26168
26164
  }
26169
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
26170
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
26171
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
26172
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
26165
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
26166
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
26167
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
26168
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
26173
26169
  width: auto;
26174
26170
  padding: 0;
26175
26171
  }
@@ -26240,18 +26236,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
26240
26236
  }
26241
26237
  }
26242
26238
  @media screen and (max-width: 1200px) {
26243
- .pf-m-grid-xl.pf-v5-c-table .pf-m-nowrap {
26239
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
26244
26240
  --pf-v5-c-table--cell--Overflow: auto;
26245
26241
  }
26246
- }
26247
- @media screen and (max-width: 1200px) {
26248
- .pf-m-grid-xl.pf-v5-c-table .pf-m-fit-content {
26242
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
26249
26243
  width: auto;
26250
26244
  white-space: normal;
26251
26245
  }
26252
- }
26253
- @media screen and (max-width: 1200px) {
26254
- .pf-m-grid-xl.pf-v5-c-table .pf-m-truncate {
26246
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
26255
26247
  --pf-v5-c-table--cell--MaxWidth: 100%;
26256
26248
  }
26257
26249
  }
@@ -26274,7 +26266,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
26274
26266
  display: grid;
26275
26267
  border: none;
26276
26268
  }
26277
- .pf-m-grid-2xl.pf-v5-c-table tr > * {
26269
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
26278
26270
  width: auto;
26279
26271
  min-width: 0;
26280
26272
  max-width: none;
@@ -26291,57 +26283,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
26291
26283
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
26292
26284
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
26293
26285
  }
26294
- .pf-m-grid-2xl.pf-v5-c-table thead {
26286
+ .pf-m-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
26295
26287
  display: none;
26296
26288
  }
26297
- .pf-m-grid-2xl.pf-v5-c-table tbody {
26289
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26298
26290
  display: block;
26299
26291
  }
26300
- .pf-m-grid-2xl.pf-v5-c-table tbody:first-of-type {
26301
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26292
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
26293
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26302
26294
  }
26303
- .pf-m-grid-2xl.pf-v5-c-table table.pf-m-compact > tbody {
26295
+ .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
26304
26296
  border-top: 0;
26305
26297
  }
26306
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26307
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26298
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26299
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26308
26300
  }
26309
- .pf-m-grid-2xl.pf-v5-c-table tr:last-child,
26310
- .pf-m-grid-2xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
26311
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
26301
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
26302
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
26303
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
26312
26304
  }
26313
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
26305
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
26314
26306
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
26315
26307
  }
26316
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
26308
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26317
26309
  border-bottom: 0;
26318
26310
  }
26319
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
26320
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26311
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
26312
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26321
26313
  }
26322
- .pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected {
26314
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
26323
26315
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
26324
26316
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
26325
26317
  }
26326
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26318
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26327
26319
  display: grid;
26328
26320
  grid-template-columns: 1fr;
26329
26321
  height: auto;
26330
26322
  grid-auto-columns: max-content;
26331
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
26332
- padding: var(--pf-v5-c-table-tr--responsive--PaddingTop) var(--pf-v5-c-table-tr--responsive--PaddingRight) var(--pf-v5-c-table-tr--responsive--PaddingBottom) var(--pf-v5-c-table-tr--responsive--PaddingLeft);
26323
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
26324
+ padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
26333
26325
  }
26334
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
26326
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
26335
26327
  padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
26336
26328
  }
26337
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
26329
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
26338
26330
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
26339
26331
  }
26340
26332
  .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact {
26341
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
26342
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
26343
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
26344
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
26333
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
26334
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
26335
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
26336
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
26345
26337
  --pf-v5-c-table__check--input--MarginTop: 0;
26346
26338
  }
26347
26339
  .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -26354,61 +26346,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
26354
26346
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__icon > * {
26355
26347
  text-align: left;
26356
26348
  }
26357
- .pf-m-grid-2xl.pf-v5-c-table [data-label] {
26349
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
26358
26350
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
26359
26351
  grid-column: 1;
26360
26352
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
26361
26353
  grid-template-columns: 1fr minmax(0, 1.5fr);
26362
26354
  align-items: start;
26363
26355
  }
26364
- .pf-m-grid-2xl.pf-v5-c-table [data-label] > * {
26356
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
26365
26357
  grid-column: 2;
26366
26358
  }
26367
- .pf-m-grid-2xl.pf-v5-c-table [data-label]::before {
26359
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
26368
26360
  font-weight: bold;
26369
26361
  text-align: left;
26370
26362
  content: attr(data-label);
26371
26363
  }
26372
- .pf-m-grid-2xl.pf-v5-c-table tr > *:first-child {
26364
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
26373
26365
  --pf-v5-c-table--cell--PaddingLeft: 0;
26374
26366
  }
26375
- .pf-m-grid-2xl.pf-v5-c-table tr > *:last-child {
26367
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
26376
26368
  --pf-v5-c-table--cell--PaddingRight: 0;
26377
26369
  }
26378
26370
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table {
26379
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
26380
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
26381
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
26382
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
26371
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
26372
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
26373
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
26374
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
26383
26375
  border: 0;
26384
26376
  }
26385
- .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
26386
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
26377
+ .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26378
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
26387
26379
  }
26388
26380
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
26389
26381
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
26390
26382
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
26391
26383
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
26392
26384
  }
26393
- .pf-m-grid-2xl.pf-v5-c-table tbody {
26385
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26394
26386
  position: relative;
26395
26387
  }
26396
- .pf-m-grid-2xl.pf-v5-c-table tbody::after {
26388
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
26397
26389
  position: absolute;
26398
26390
  top: 0;
26399
26391
  bottom: 0;
26400
26392
  left: 0;
26401
26393
  content: "";
26402
26394
  border: 0;
26403
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
26395
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
26404
26396
  }
26405
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
26406
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
26397
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
26398
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
26407
26399
  }
26408
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tbody {
26409
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26400
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
26401
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26410
26402
  }
26411
- .pf-m-grid-2xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
26403
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
26412
26404
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
26413
26405
  position: static;
26414
26406
  width: auto;
@@ -26437,7 +26429,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26437
26429
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
26438
26430
  content: none;
26439
26431
  }
26440
- .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
26432
+ .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
26433
+ .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
26441
26434
  padding: 0;
26442
26435
  }
26443
26436
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -26447,44 +26440,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
26447
26440
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
26448
26441
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
26449
26442
  }
26450
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable {
26451
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26452
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
26443
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
26444
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26445
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
26453
26446
  }
26454
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable,
26455
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
26447
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
26448
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
26456
26449
  position: relative;
26457
26450
  }
26458
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
26451
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
26459
26452
  content: "";
26460
26453
  position: absolute;
26461
26454
  top: 0;
26462
26455
  bottom: 0;
26463
26456
  left: 0;
26464
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
26465
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
26457
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
26458
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
26466
26459
  }
26467
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
26468
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
26469
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
26460
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
26461
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
26462
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
26470
26463
  }
26471
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
26472
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
26473
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
26464
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
26465
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
26466
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
26474
26467
  }
26475
- .pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected::after {
26468
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
26476
26469
  content: "";
26477
26470
  position: absolute;
26478
26471
  top: 0;
26479
26472
  bottom: 0;
26480
26473
  left: 0;
26481
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
26482
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
26474
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
26475
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
26483
26476
  }
26484
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
26485
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
26486
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
26487
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
26477
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
26478
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
26479
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
26480
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
26488
26481
  width: auto;
26489
26482
  padding: 0;
26490
26483
  }
@@ -26555,18 +26548,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
26555
26548
  }
26556
26549
  }
26557
26550
  @media screen and (max-width: 1450px) {
26558
- .pf-m-grid-2xl.pf-v5-c-table .pf-m-nowrap {
26551
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
26559
26552
  --pf-v5-c-table--cell--Overflow: auto;
26560
26553
  }
26561
- }
26562
- @media screen and (max-width: 1450px) {
26563
- .pf-m-grid-2xl.pf-v5-c-table .pf-m-fit-content {
26554
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
26564
26555
  width: auto;
26565
26556
  white-space: normal;
26566
26557
  }
26567
- }
26568
- @media screen and (max-width: 1450px) {
26569
- .pf-m-grid-2xl.pf-v5-c-table .pf-m-truncate {
26558
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
26570
26559
  --pf-v5-c-table--cell--MaxWidth: 100%;
26571
26560
  }
26572
26561
  }
@@ -26580,19 +26569,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
26580
26569
  --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26581
26570
  --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
26582
26571
  --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
26583
- --pf-v5-c-table-caption--FontSize: var(--pf-v5-global--FontSize--sm);
26584
- --pf-v5-c-table-caption--Color: var(--pf-v5-global--Color--200);
26585
- --pf-v5-c-table-caption--PaddingTop: var(--pf-v5-global--spacer--md);
26586
- --pf-v5-c-table-caption--PaddingRight: var(--pf-v5-global--spacer--lg);
26587
- --pf-v5-c-table-caption--PaddingBottom: var(--pf-v5-global--spacer--md);
26588
- --pf-v5-c-table-caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
26589
- --pf-v5-c-table-caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26590
- --pf-v5-c-table-caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26591
- --pf-v5-c-table--thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
26592
- --pf-v5-c-table--thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
26593
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
26594
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
26595
- --pf-v5-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
26572
+ --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
26573
+ --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
26574
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
26575
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
26576
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
26577
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
26578
+ --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26579
+ --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26580
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
26581
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
26582
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
26583
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
26584
+ --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
26596
26585
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
26597
26586
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
26598
26587
  --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
@@ -26605,7 +26594,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
26605
26594
  --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
26606
26595
  --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
26607
26596
  --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
26608
- --pf-v5-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
26597
+ --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
26609
26598
  --pf-v5-c-table--cell--MinWidth: 0;
26610
26599
  --pf-v5-c-table--cell--MaxWidth: none;
26611
26600
  --pf-v5-c-table--cell--Width: auto;
@@ -26694,7 +26683,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
26694
26683
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
26695
26684
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
26696
26685
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
26697
- --pf-v5-c-table--th--m-help--MinWidth: 11ch;
26686
+ --pf-v5-c-table__th--m-help--MinWidth: 11ch;
26698
26687
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
26699
26688
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
26700
26689
  --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
@@ -26716,8 +26705,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26716
26705
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
26717
26706
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
26718
26707
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
26719
- --pf-v5-c-table--m-compact-th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
26720
- --pf-v5-c-table--m-compact-th--PaddingBottom: var(--pf-v5-global--spacer--sm);
26708
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
26709
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
26721
26710
  --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
26722
26711
  --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
26723
26712
  --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -26734,50 +26723,50 @@ svg.pf-v5-c-spinner.pf-m-xl {
26734
26723
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
26735
26724
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
26736
26725
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
26737
- --pf-v5-c-table--tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26738
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: transparent;
26739
- --pf-v5-c-table--tr--m-clickable--BoxShadow: none;
26740
- --pf-v5-c-table--tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26741
- --pf-v5-c-table--tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26742
- --pf-v5-c-table--tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26743
- --pf-v5-c-table--tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26744
- --pf-v5-c-table--tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26745
- --pf-v5-c-table--tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26746
- --pf-v5-c-table--tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26747
- --pf-v5-c-table--tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26748
- --pf-v5-c-table--tr--m-selected--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26749
- --pf-v5-c-table--tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26750
- --pf-v5-c-table--tr--m-selected--BoxShadow: var(--pf-v5-c-table--tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26751
- --pf-v5-c-table--tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26752
- --pf-v5-c-table--tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26753
- --pf-v5-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26754
- --pf-v5-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26755
- --pf-v5-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26756
- --pf-v5-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table--tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26757
- --pf-v5-c-table--tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26758
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: none;
26759
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: transparent;
26760
- --pf-v5-c-table--tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26761
- --pf-v5-c-table--tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26762
- --pf-v5-c-table--tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26763
- --pf-v5-c-table--tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26764
- --pf-v5-c-table--tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26765
- --pf-v5-c-table--tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26766
- --pf-v5-c-table--tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26767
- --pf-v5-c-table--tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
26768
- --pf-v5-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26769
- --pf-v5-c-table--tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26770
- --pf-v5-c-table--tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26771
- --pf-v5-c-table--tbody--m-selected--BoxShadow: var(--pf-v5-c-table--tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26772
- --pf-v5-c-table--tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26773
- --pf-v5-c-table--tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26774
- --pf-v5-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26775
- --pf-v5-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26776
- --pf-v5-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26777
- --pf-v5-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table--tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26778
- --pf-v5-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
26779
- --pf-v5-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-v5-global--spacer--xs);
26780
- --pf-v5-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
26726
+ --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26727
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
26728
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
26729
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26730
+ --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26731
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26732
+ --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26733
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26734
+ --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26735
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26736
+ --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26737
+ --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26738
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26739
+ --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26740
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26741
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26742
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26743
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26744
+ --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26745
+ --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26746
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26747
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
26748
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
26749
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26750
+ --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26751
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26752
+ --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26753
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26754
+ --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26755
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26756
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
26757
+ --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26758
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26759
+ --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26760
+ --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26761
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26762
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26763
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26764
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26765
+ --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
26766
+ --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
26767
+ --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
26768
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
26769
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
26781
26770
  --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
26782
26771
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
26783
26772
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
@@ -26787,8 +26776,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26787
26776
  }
26788
26777
  @media screen and (max-width: 1200px) {
26789
26778
  .pf-v5-c-table {
26790
- --pf-v5-c-table-caption--PaddingRight: var(--pf-v5-c-table-caption--xl--PaddingRight);
26791
- --pf-v5-c-table-caption--PaddingLeft: var(--pf-v5-c-table-caption--xl--PaddingLeft);
26779
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
26780
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
26792
26781
  }
26793
26782
  }
26794
26783
  @media screen and (min-width: 1200px) {
@@ -26805,18 +26794,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
26805
26794
  .pf-v5-c-table.pf-m-sticky-header {
26806
26795
  position: relative;
26807
26796
  }
26808
- .pf-v5-c-table.pf-m-sticky-header > thead > tr {
26797
+ .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) {
26809
26798
  border-bottom: 0;
26810
26799
  }
26811
- .pf-v5-c-table.pf-m-sticky-header > thead > tr > * {
26800
+ .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) > * {
26812
26801
  z-index: var(--pf-v5-c-table--m-sticky-header--cell--ZIndex);
26813
26802
  }
26814
- .pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
26803
+ .pf-v5-c-table.pf-m-sticky-header > thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v5-c-table__tr) > * {
26815
26804
  position: sticky;
26816
26805
  top: 0;
26817
26806
  background: var(--pf-v5-c-table--BackgroundColor);
26818
26807
  }
26819
- .pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
26808
+ .pf-v5-c-table.pf-m-sticky-header > thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v5-c-table__tr) > *::after {
26820
26809
  position: absolute;
26821
26810
  right: 0;
26822
26811
  bottom: 0;
@@ -26834,32 +26823,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
26834
26823
  height: var(--pf-v5-c-table--border-width--base);
26835
26824
  background-color: var(--pf-v5-c-table--BorderColor);
26836
26825
  }
26837
- .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
26838
- .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
26839
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--thead--m-nested-column-header--tr--PaddingBottom);
26826
+ .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:nth-last-child(2)) th:where(.pf-v5-c-table__th):not([rowspan]),
26827
+ .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:nth-last-child(2)) td:where(.pf-v5-c-table__td):not([rowspan]) {
26828
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
26840
26829
  }
26841
- .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
26830
+ .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) {
26842
26831
  border-bottom: 0;
26843
26832
  }
26844
- .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
26845
- .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
26846
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--thead--m-nested-column-header--tr--PaddingBottom);
26833
+ .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) th:where(.pf-v5-c-table__th):not([rowspan]),
26834
+ .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
26835
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
26847
26836
  }
26848
- .pf-v5-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-v5-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-v5-c-table__expandable-row),
26837
+ .pf-v5-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr):nth-child(odd), .pf-v5-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v5-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row),
26849
26838
  .pf-v5-c-table > .pf-m-striped > tr:nth-child(odd),
26850
26839
  .pf-v5-c-table > .pf-m-striped-even > tr:nth-child(even),
26851
- .pf-v5-c-table tr.pf-m-striped {
26840
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-striped {
26852
26841
  --pf-v5-c-table__sticky-column--BackgroundColor: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
26853
26842
  background: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
26854
26843
  }
26855
- .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26844
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26856
26845
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
26857
26846
  }
26858
- .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
26847
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
26859
26848
  background-color: var(--pf-v5-c-table__tr--m-ghost-row--BackgroundColor);
26860
26849
  opacity: var(--pf-v5-c-table__tr--m-ghost-row--Opacity);
26861
26850
  }
26862
- .pf-v5-c-table tr > * {
26851
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
26863
26852
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-table--cell--hidden-visible--Display);
26864
26853
  position: relative;
26865
26854
  width: var(--pf-v5-c-table--cell--Width);
@@ -26874,30 +26863,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
26874
26863
  word-break: var(--pf-v5-c-table--cell--WordBreak);
26875
26864
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
26876
26865
  }
26877
- .pf-v5-c-table tr > *:first-child {
26866
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
26878
26867
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
26879
26868
  }
26880
- .pf-v5-c-table tr > *:last-child {
26869
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
26881
26870
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
26882
26871
  }
26883
- .pf-v5-c-table tr > *.pf-m-center {
26872
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
26884
26873
  text-align: center;
26885
26874
  }
26886
- .pf-v5-c-table tr > *:empty {
26875
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:empty {
26887
26876
  width: auto;
26888
26877
  min-width: 0;
26889
26878
  padding: 0;
26890
26879
  }
26891
- .pf-v5-c-table tr > *.pf-m-help {
26880
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-help {
26892
26881
  --pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--cell--m-help--MinWidth);
26893
26882
  }
26894
- .pf-v5-c-table tr > *.pf-m-favorite {
26883
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-favorite {
26895
26884
  --pf-v5-c-table__button--Color: var(--pf-v5-c-table--cell--m-favorite--Color);
26896
26885
  --pf-v5-c-table__sort--MinWidth: fit-content;
26897
26886
  --pf-v5-c-table--cell--MaxWidth: fit-content;
26898
26887
  --pf-v5-c-table--cell--Overflow: visible;
26899
26888
  }
26900
- .pf-v5-c-table tr > *.pf-m-border-right::before, .pf-v5-c-table tr > *.pf-m-border-left::before {
26889
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
26901
26890
  position: absolute;
26902
26891
  top: 0;
26903
26892
  right: 0;
@@ -26906,55 +26895,55 @@ svg.pf-v5-c-spinner.pf-m-xl {
26906
26895
  pointer-events: none;
26907
26896
  content: "";
26908
26897
  }
26909
- .pf-v5-c-table tr > *.pf-m-border-right::before {
26898
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before {
26910
26899
  border-right: var(--pf-v5-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v5-c-table--cell--m-border-right--before--BorderRightColor);
26911
26900
  }
26912
- .pf-v5-c-table tr > *.pf-m-border-left::before {
26901
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
26913
26902
  border-left: var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftColor);
26914
26903
  }
26915
- .pf-v5-c-table caption {
26916
- padding-top: var(--pf-v5-c-table-caption--PaddingTop);
26917
- padding-bottom: var(--pf-v5-c-table-caption--PaddingBottom);
26918
- padding-left: var(--pf-v5-c-table-caption--PaddingLeft);
26919
- font-size: var(--pf-v5-c-table-caption--FontSize);
26920
- color: var(--pf-v5-c-table-caption--Color);
26904
+ .pf-v5-c-table caption:where(.pf-v5-c-table__caption) {
26905
+ padding-top: var(--pf-v5-c-table__caption--PaddingTop);
26906
+ padding-bottom: var(--pf-v5-c-table__caption--PaddingBottom);
26907
+ padding-left: var(--pf-v5-c-table__caption--PaddingLeft);
26908
+ font-size: var(--pf-v5-c-table__caption--FontSize);
26909
+ color: var(--pf-v5-c-table__caption--Color);
26921
26910
  text-align: left;
26922
26911
  background-color: var(--pf-v5-c-table--BackgroundColor);
26923
26912
  }
26924
- .pf-v5-c-table thead {
26925
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--thead--cell--FontSize);
26926
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table--thead--cell--FontWeight);
26913
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
26914
+ --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
26915
+ --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
26927
26916
  vertical-align: bottom;
26928
26917
  }
26929
- .pf-v5-c-table thead.pf-m-nested-column-header button {
26930
- outline-offset: var(--pf-v5-c-table--thead--m-nested-column-header--button--OutlineOffset);
26918
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
26919
+ outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
26931
26920
  }
26932
- .pf-v5-c-table thead.pf-m-nested-column-header th,
26933
- .pf-v5-c-table thead.pf-m-nested-column-header td,
26934
- .pf-v5-c-table thead.pf-m-nested-column-header input {
26921
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
26922
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
26923
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
26935
26924
  vertical-align: middle;
26936
26925
  }
26937
- .pf-v5-c-table thead.pf-m-nested-column-header .pf-v5-c-table__check label {
26926
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
26938
26927
  display: flex;
26939
26928
  align-items: center;
26940
26929
  }
26941
- .pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
26942
- .pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
26943
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--thead--m-nested-column-header--tr--PaddingTop);
26930
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) th:where(.pf-v5-c-table__th):not([rowspan]),
26931
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
26932
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
26944
26933
  }
26945
- .pf-v5-c-table thead .pf-v5-c-table__subhead {
26934
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
26946
26935
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
26947
26936
  color: var(--pf-v5-c-table__subhead--Color);
26948
26937
  }
26949
- .pf-v5-c-table tbody {
26950
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--tbody--cell--PaddingTop);
26951
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--tbody--cell--PaddingBottom);
26938
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26939
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
26940
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
26952
26941
  }
26953
- .pf-v5-c-table tbody > tr > * {
26942
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
26954
26943
  overflow-wrap: break-word;
26955
26944
  vertical-align: baseline;
26956
26945
  }
26957
- .pf-v5-c-table tbody > tr > :first-child::after {
26946
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
26958
26947
  position: absolute;
26959
26948
  top: var(--pf-v5-c-table__expandable-row--after--Top);
26960
26949
  bottom: var(--pf-v5-c-table__expandable-row--after--Bottom);
@@ -26963,11 +26952,11 @@ svg.pf-v5-c-spinner.pf-m-xl {
26963
26952
  background-color: transparent;
26964
26953
  border-left: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
26965
26954
  }
26966
- .pf-v5-c-table tbody .pf-v5-c-table__check input {
26955
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
26967
26956
  margin-top: var(--pf-v5-c-table__check--input--MarginTop);
26968
26957
  vertical-align: top;
26969
26958
  }
26970
- .pf-v5-c-table tbody.pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
26959
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
26971
26960
  border-bottom-width: 0;
26972
26961
  }
26973
26962
  .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child {
@@ -26976,33 +26965,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
26976
26965
  .pf-v5-c-table .pf-v5-c-table__sort {
26977
26966
  min-width: var(--pf-v5-c-table__sort--MinWidth);
26978
26967
  }
26979
- .pf-v5-c-table .pf-m-help {
26980
- min-width: var(--pf-v5-c-table--th--m-help--MinWidth);
26968
+ .pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td).pf-m-help {
26969
+ min-width: var(--pf-v5-c-table__th--m-help--MinWidth);
26981
26970
  }
26982
- .pf-v5-c-table thead,
26983
- .pf-v5-c-table .pf-m-truncate {
26971
+ .pf-v5-c-table > thead, .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-truncate, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-truncate {
26984
26972
  --pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--m-truncate--cell--MinWidth);
26985
26973
  --pf-v5-c-table--cell--MaxWidth: var(--pf-v5-c-table--m-truncate--cell--MaxWidth);
26986
26974
  --pf-v5-c-table--cell--Overflow: hidden;
26987
26975
  --pf-v5-c-table--cell--TextOverflow: ellipsis;
26988
26976
  --pf-v5-c-table--cell--WhiteSpace: nowrap;
26989
26977
  }
26990
- .pf-v5-c-table .pf-m-wrap {
26978
+
26979
+ .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-wrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-wrap {
26991
26980
  --pf-v5-c-table--cell--MinWidth: 0;
26992
26981
  --pf-v5-c-table--cell--MaxWidth: none;
26993
26982
  --pf-v5-c-table--cell--Overflow: visible;
26994
26983
  --pf-v5-c-table--cell--TextOverflow: clip;
26995
26984
  --pf-v5-c-table--cell--WhiteSpace: normal;
26996
26985
  }
26997
- .pf-v5-c-table .pf-m-nowrap {
26986
+ .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-nowrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-nowrap {
26998
26987
  --pf-v5-c-table--cell--MinWidth: 0;
26999
26988
  --pf-v5-c-table--cell--MaxWidth: none;
27000
26989
  --pf-v5-c-table--cell--Overflow: visible;
27001
26990
  --pf-v5-c-table--cell--TextOverflow: clip;
27002
26991
  --pf-v5-c-table--cell--WhiteSpace: nowrap;
27003
26992
  }
27004
- .pf-v5-c-table .pf-v5-c-table__icon,
27005
- .pf-v5-c-table .pf-m-fit-content {
26993
+ .pf-v5-c-table :where([class*=pf-v5-c-table]) .pf-v5-c-table__icon, .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-fit-content, :where(.pf-v5-c-table) > :is(thead, tbody) .pf-v5-c-table__icon, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-fit-content {
27006
26994
  --pf-v5-c-table--cell--MinWidth: fit-content;
27007
26995
  --pf-v5-c-table--cell--MaxWidth: none;
27008
26996
  --pf-v5-c-table--cell--Width: 1%;
@@ -27010,105 +26998,105 @@ svg.pf-v5-c-spinner.pf-m-xl {
27010
26998
  --pf-v5-c-table--cell--TextOverflow: clip;
27011
26999
  --pf-v5-c-table--cell--WhiteSpace: nowrap;
27012
27000
  }
27013
- .pf-v5-c-table .pf-m-break-word {
27001
+ .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-break-word, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-break-word {
27014
27002
  --pf-v5-c-table--cell--WordBreak: break-word;
27015
27003
  --pf-v5-c-table--cell--WhiteSpace: normal;
27016
27004
  }
27017
- .pf-v5-c-table.pf-m-no-border-rows > tbody > tr {
27005
+ .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) {
27018
27006
  border-bottom: 0;
27019
27007
  }
27020
- .pf-v5-c-table.pf-m-no-border-rows > tbody > tr > :first-child::after {
27008
+ .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
27021
27009
  border-left: 0;
27022
27010
  }
27023
- .pf-v5-c-table.pf-m-no-border-rows > tbody:not(.pf-m-expanded) .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before {
27011
+ .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody):not(.pf-m-expanded) .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before {
27024
27012
  display: none;
27025
27013
  }
27026
- .pf-v5-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-v5-c-table__control-row {
27014
+ .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > .pf-v5-c-table__control-row {
27027
27015
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
27028
27016
  }
27029
- .pf-v5-c-table.pf-m-no-border-rows > tbody .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
27017
+ .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
27030
27018
  border-left-width: 0;
27031
27019
  }
27032
- .pf-v5-c-table tr.pf-m-clickable {
27020
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27033
27021
  cursor: pointer;
27034
- background-color: var(--pf-v5-c-table--tr--m-clickable--BackgroundColor);
27035
- outline-offset: var(--pf-v5-c-table--tr--m-clickable--OutlineOffset);
27036
- box-shadow: var(--pf-v5-c-table--tr--m-clickable--BoxShadow);
27022
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27023
+ outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27024
+ box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27037
27025
  }
27038
- .pf-v5-c-table tr.pf-m-clickable:hover:not(.pf-m-selected) + tr.pf-m-selected, .pf-v5-c-table tr.pf-m-clickable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-v5-c-table tr.pf-m-clickable:active:not(.pf-m-selected) + tr.pf-m-selected {
27039
- box-shadow: var(--pf-v5-c-table--tr--m-clickable--m-selected--BoxShadow);
27026
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27027
+ box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27040
27028
  }
27041
- .pf-v5-c-table tr.pf-m-clickable:hover {
27042
- --pf-v5-c-table--tr--m-clickable--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--hover--BoxShadow);
27043
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: var(--pf-v5-c-table--tr--m-clickable--hover--BackgroundColor);
27029
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27030
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
27031
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27044
27032
  }
27045
- .pf-v5-c-table tr.pf-m-clickable:focus {
27046
- --pf-v5-c-table--tr--m-clickable--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--focus--BoxShadow);
27047
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: var(--pf-v5-c-table--tr--m-clickable--focus--BackgroundColor);
27033
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27034
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27035
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27048
27036
  }
27049
- .pf-v5-c-table tr.pf-m-clickable:active {
27050
- --pf-v5-c-table--tr--m-clickable--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--active--BoxShadow);
27051
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: var(--pf-v5-c-table--tr--m-clickable--active--BackgroundColor);
27037
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27038
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27039
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27052
27040
  }
27053
- .pf-v5-c-table tr.pf-m-selected {
27054
- --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
27055
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
27041
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27042
+ --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27043
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
27056
27044
  position: relative;
27057
- background-color: var(--pf-v5-c-table--tr--m-selected--BackgroundColor);
27058
- outline-offset: var(--pf-v5-c-table--tr--m-selected--OutlineOffset);
27059
- box-shadow: var(--pf-v5-c-table--tr--m-selected--BoxShadow);
27045
+ background-color: var(--pf-v5-c-table__tr--m-selected--BackgroundColor);
27046
+ outline-offset: var(--pf-v5-c-table__tr--m-selected--OutlineOffset);
27047
+ box-shadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow);
27060
27048
  }
27061
- .pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected {
27062
- box-shadow: var(--pf-v5-c-table--tr--m-selected--m-selected--BoxShadow);
27049
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27050
+ box-shadow: var(--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow);
27063
27051
  }
27064
- .pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected:hover {
27065
- box-shadow: var(--pf-v5-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow);
27052
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected + tr:where(.pf-v5-c-table__tr).pf-m-selected:hover {
27053
+ box-shadow: var(--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
27066
27054
  }
27067
- .pf-v5-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
27068
- box-shadow: var(--pf-v5-c-table--tr--m-selected--hover--m-selected--BoxShadow);
27055
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:hover + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27056
+ box-shadow: var(--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
27069
27057
  }
27070
- .pf-v5-c-table tr.pf-m-first-cell-offset-reset {
27071
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
27058
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-first-cell-offset-reset {
27059
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
27072
27060
  }
27073
- .pf-v5-c-table tbody.pf-m-clickable {
27061
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable {
27074
27062
  cursor: pointer;
27075
- background-color: var(--pf-v5-c-table--tbody--m-clickable--BackgroundColor);
27076
- outline-offset: var(--pf-v5-c-table--tbody--m-clickable--OutlineOffset);
27077
- box-shadow: var(--pf-v5-c-table--tbody--m-clickable--BoxShadow);
27063
+ background-color: var(--pf-v5-c-table__tbody--m-clickable--BackgroundColor);
27064
+ outline-offset: var(--pf-v5-c-table__tbody--m-clickable--OutlineOffset);
27065
+ box-shadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow);
27078
27066
  }
27079
- .pf-v5-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
27080
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table--tbody--m-clickable--m-expanded--BorderColor);
27067
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
27068
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor);
27081
27069
  }
27082
- .pf-v5-c-table tbody.pf-m-clickable:hover:not(.pf-m-selected) + tbody.pf-m-selected, .pf-v5-c-table tbody.pf-m-clickable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-v5-c-table tbody.pf-m-clickable:active:not(.pf-m-selected) + tbody.pf-m-selected {
27083
- box-shadow: var(--pf-v5-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow);
27070
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover:not(.pf-m-selected) + tbody:where(.pf-v5-c-table__tbody).pf-m-selected, .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus:not(.pf-m-selected) + tbody:where(.pf-v5-c-table__tbody).pf-m-selected, .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active:not(.pf-m-selected) + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
27071
+ box-shadow: var(--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
27084
27072
  }
27085
- .pf-v5-c-table tbody.pf-m-clickable:hover {
27086
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--hover--BoxShadow);
27087
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table--tbody--m-clickable--hover--BackgroundColor);
27073
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover {
27074
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow);
27075
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor);
27088
27076
  }
27089
- .pf-v5-c-table tbody.pf-m-clickable:focus {
27090
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--focus--BoxShadow);
27091
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table--tbody--m-clickable--focus--BackgroundColor);
27077
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus {
27078
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow);
27079
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor);
27092
27080
  }
27093
- .pf-v5-c-table tbody.pf-m-clickable:active {
27094
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--active--BoxShadow);
27095
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table--tbody--m-clickable--active--BackgroundColor);
27081
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active {
27082
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--active--BoxShadow);
27083
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor);
27096
27084
  }
27097
- .pf-v5-c-table tbody.pf-m-selected {
27098
- --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--BorderLeftWidth);
27099
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table--tbody--m-selected--after--BorderLeftColor);
27100
- background-color: var(--pf-v5-c-table--tbody--m-selected--BackgroundColor);
27101
- outline-offset: var(--pf-v5-c-table--tbody--m-selected--OutlineOffset);
27102
- box-shadow: var(--pf-v5-c-table--tbody--m-selected--BoxShadow);
27085
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
27086
+ --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth);
27087
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor);
27088
+ background-color: var(--pf-v5-c-table__tbody--m-selected--BackgroundColor);
27089
+ outline-offset: var(--pf-v5-c-table__tbody--m-selected--OutlineOffset);
27090
+ box-shadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow);
27103
27091
  }
27104
- .pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected {
27105
- --pf-v5-c-table--tbody--m-selected--BoxShadow: var(--pf-v5-c-table--tbody--m-selected--m-selected--BoxShadow);
27092
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
27093
+ --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow);
27106
27094
  }
27107
- .pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {
27108
- box-shadow: var(--pf-v5-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow);
27095
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected + tbody:where(.pf-v5-c-table__tbody).pf-m-selected:hover {
27096
+ box-shadow: var(--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
27109
27097
  }
27110
- .pf-v5-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {
27111
- box-shadow: var(--pf-v5-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow);
27098
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected:hover + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
27099
+ box-shadow: var(--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
27112
27100
  }
27113
27101
  .pf-v5-c-table.pf-m-drag-over {
27114
27102
  overflow-anchor: none;
@@ -27191,25 +27179,25 @@ svg.pf-v5-c-spinner.pf-m-xl {
27191
27179
  .pf-v5-c-table__column-help .pf-v5-c-table__text {
27192
27180
  min-width: auto;
27193
27181
  }
27194
- .pf-v5-c-table thead.pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-nowrap .pf-v5-c-table__button-content,
27195
- .pf-v5-c-table thead.pf-m-nowrap .pf-v5-c-table__column-help,
27196
- .pf-v5-c-table tr.pf-m-nowrap .pf-v5-c-table__column-help,
27197
- .pf-v5-c-table th.pf-m-nowrap .pf-v5-c-table__column-help {
27182
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__button-content,
27183
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__column-help,
27184
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__column-help,
27185
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__column-help {
27198
27186
  grid-template-columns: min-content max-content;
27199
27187
  }
27200
- .pf-v5-c-table thead.pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-fit-content .pf-v5-c-table__button-content,
27201
- .pf-v5-c-table thead.pf-m-fit-content .pf-v5-c-table__column-help,
27202
- .pf-v5-c-table tr.pf-m-fit-content .pf-v5-c-table__column-help,
27203
- .pf-v5-c-table th.pf-m-fit-content .pf-v5-c-table__column-help {
27188
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__button-content,
27189
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__column-help,
27190
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__column-help,
27191
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__column-help {
27204
27192
  grid-template-columns: fit-content max-content;
27205
27193
  }
27206
- .pf-v5-c-table thead.pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table thead.pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-truncate .pf-v5-c-table__button-content,
27207
- .pf-v5-c-table thead.pf-m-wrap .pf-v5-c-table__column-help,
27208
- .pf-v5-c-table tr.pf-m-wrap .pf-v5-c-table__column-help,
27209
- .pf-v5-c-table th.pf-m-wrap .pf-v5-c-table__column-help,
27210
- .pf-v5-c-table thead.pf-m-truncate .pf-v5-c-table__column-help,
27211
- .pf-v5-c-table tr.pf-m-truncate .pf-v5-c-table__column-help,
27212
- .pf-v5-c-table th.pf-m-truncate .pf-v5-c-table__column-help {
27194
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__button-content,
27195
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__column-help,
27196
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__column-help,
27197
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__column-help,
27198
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__column-help,
27199
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__column-help,
27200
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__column-help {
27213
27201
  grid-template-columns: auto max-content;
27214
27202
  }
27215
27203
 
@@ -27223,7 +27211,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27223
27211
  .pf-v5-c-table .pf-v5-c-table__toggle,
27224
27212
  .pf-v5-c-table .pf-v5-c-table__action,
27225
27213
  .pf-v5-c-table .pf-v5-c-table__favorite,
27226
- .pf-v5-c-table th.pf-m-favorite,
27214
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-favorite,
27227
27215
  .pf-v5-c-table .pf-v5-c-table__inline-edit-action,
27228
27216
  .pf-v5-c-table .pf-v5-c-table__draggable {
27229
27217
  --pf-v5-c-table--cell--MinWidth: 0;
@@ -27411,7 +27399,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27411
27399
  color: var(--pf-v5-c-table__sort--m-selected__button--Color);
27412
27400
  }
27413
27401
  .pf-v5-c-table__sort.pf-m-help {
27414
- --pf-v5-c-table--th--m-help--MinWidth: var(--pf-v5-c-table__sort--m-help--MinWidth);
27402
+ --pf-v5-c-table__th--m-help--MinWidth: var(--pf-v5-c-table__sort--m-help--MinWidth);
27415
27403
  }
27416
27404
  .pf-v5-c-table__sort.pf-m-favorite {
27417
27405
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort--m-favorite__button__text--Color);
@@ -27436,15 +27424,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
27436
27424
  box-shadow: 0 0 0 0 transparent;
27437
27425
  }
27438
27426
  .pf-v5-c-table__expandable-row,
27439
- .pf-v5-c-table__expandable-row td:first-child::after {
27427
+ .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
27440
27428
  transition: var(--pf-v5-c-table__expandable-row--Transition);
27441
27429
  }
27442
- .pf-v5-c-table__expandable-row td.pf-m-no-padding,
27443
- .pf-v5-c-table__expandable-row th.pf-m-no-padding {
27430
+ .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
27431
+ .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
27444
27432
  padding: 0 0 0 var(--pf-v5-c-table__expandable-row--after--border-width--base);
27445
27433
  }
27446
- .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content,
27447
- .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
27434
+ .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
27435
+ .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
27448
27436
  padding: 0;
27449
27437
  }
27450
27438
  .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content {
@@ -27460,10 +27448,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27460
27448
  display: none;
27461
27449
  }
27462
27450
 
27463
- .pf-v5-c-table .pf-v5-c-table tr > *:first-child {
27451
+ .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
27464
27452
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
27465
27453
  }
27466
- .pf-v5-c-table .pf-v5-c-table tr > *:last-child {
27454
+ .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
27467
27455
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
27468
27456
  }
27469
27457
 
@@ -27473,25 +27461,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27473
27461
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
27474
27462
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
27475
27463
  }
27476
- .pf-v5-c-table.pf-m-compact tr {
27464
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
27477
27465
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
27478
27466
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
27479
27467
  }
27480
- .pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) {
27468
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
27481
27469
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
27482
27470
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
27483
27471
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
27484
27472
  }
27485
- .pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
27473
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
27486
27474
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27487
27475
  }
27488
- .pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:last-child {
27476
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
27489
27477
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27490
27478
  }
27491
- .pf-v5-c-table.pf-m-compact thead th,
27492
- .pf-v5-c-table.pf-m-compact thead .pf-v5-c-table__toggle {
27493
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact-th--PaddingTop);
27494
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact-th--PaddingBottom);
27479
+ .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
27480
+ .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) td:where(.pf-v5-c-table__td),
27481
+ .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
27482
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
27483
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
27495
27484
  }
27496
27485
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
27497
27486
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
@@ -27507,10 +27496,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27507
27496
  min-width: 0;
27508
27497
  text-align: center;
27509
27498
  }
27510
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:first-child {
27499
+ .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
27511
27500
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
27512
27501
  }
27513
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:last-child {
27502
+ .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
27514
27503
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
27515
27504
  }
27516
27505
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
@@ -27690,31 +27679,31 @@ svg.pf-v5-c-spinner.pf-m-xl {
27690
27679
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft);
27691
27680
  --pf-v5-c-table__tree-view-main--MarginLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft);
27692
27681
  }
27693
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="2"] {
27682
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
27694
27683
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
27695
27684
  }
27696
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="3"] {
27685
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
27697
27686
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
27698
27687
  }
27699
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="4"] {
27688
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
27700
27689
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
27701
27690
  }
27702
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="5"] {
27691
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
27703
27692
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
27704
27693
  }
27705
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="6"] {
27694
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
27706
27695
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
27707
27696
  }
27708
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="7"] {
27697
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
27709
27698
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
27710
27699
  }
27711
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="8"] {
27700
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
27712
27701
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
27713
27702
  }
27714
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="9"] {
27703
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
27715
27704
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
27716
27705
  }
27717
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="10"] {
27706
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
27718
27707
  --pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
27719
27708
  }
27720
27709
 
@@ -27760,85 +27749,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
27760
27749
 
27761
27750
  .pf-m-tree-view-grid.pf-v5-c-table {
27762
27751
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27763
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27764
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27765
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27766
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27752
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27753
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27754
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27755
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27767
27756
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
27768
27757
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
27769
27758
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
27770
27759
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
27771
27760
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
27772
27761
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
27773
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27774
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27775
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27762
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27763
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27764
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27776
27765
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
27777
27766
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
27778
27767
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
27779
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
27780
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
27768
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
27769
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
27781
27770
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
27782
27771
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
27783
27772
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
27784
27773
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
27785
27774
  }
27786
- .pf-m-tree-view-grid.pf-v5-c-table tbody tr {
27775
+ .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
27787
27776
  position: relative;
27788
27777
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
27789
27778
  border: none;
27790
27779
  }
27791
- .pf-m-tree-view-grid.pf-v5-c-table tbody tr::before {
27780
+ .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
27792
27781
  position: absolute;
27793
27782
  top: 0;
27794
27783
  right: 0;
27795
27784
  bottom: 0;
27796
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27785
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27797
27786
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
27798
27787
  content: "";
27799
27788
  }
27800
- .pf-m-tree-view-grid.pf-v5-c-table tr:not([hidden]) {
27789
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
27801
27790
  display: grid;
27802
27791
  grid-template-columns: 1fr max-content;
27803
27792
  }
27804
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27793
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27805
27794
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
27806
27795
  }
27807
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
27796
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
27808
27797
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
27809
27798
  }
27810
- .pf-m-tree-view-grid.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
27811
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
27812
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
27813
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27799
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
27800
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
27801
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
27802
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27814
27803
  }
27815
27804
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-text {
27816
27805
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
27817
27806
  }
27818
- .pf-m-tree-view-grid.pf-v5-c-table thead th {
27807
+ .pf-m-tree-view-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
27819
27808
  display: none;
27820
27809
  }
27821
- .pf-m-tree-view-grid.pf-v5-c-table td {
27810
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td) {
27822
27811
  display: none;
27823
27812
  }
27824
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label] {
27813
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
27825
27814
  grid-column: 1;
27826
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
27827
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
27815
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
27816
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
27828
27817
  align-items: start;
27829
27818
  }
27830
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label] > * {
27819
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
27831
27820
  grid-column: 2;
27832
27821
  }
27833
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label]::before {
27822
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
27834
27823
  font-weight: bold;
27835
27824
  text-align: left;
27836
27825
  content: attr(data-label);
27837
27826
  }
27838
- .pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
27827
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
27839
27828
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
27840
27829
  }
27841
- .pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
27830
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
27842
27831
  display: grid;
27843
27832
  }
27844
27833
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -27850,9 +27839,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
27850
27839
  }
27851
27840
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action {
27852
27841
  --pf-v5-c-table--cell--Width: auto;
27853
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27854
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
27855
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
27842
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27843
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
27844
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
27856
27845
  grid-column: 2;
27857
27846
  grid-row: 1;
27858
27847
  }
@@ -27869,116 +27858,116 @@ svg.pf-v5-c-spinner.pf-m-xl {
27869
27858
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
27870
27859
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
27871
27860
  }
27872
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="2"] {
27873
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
27861
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
27862
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
27874
27863
  }
27875
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="3"] {
27876
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
27864
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
27865
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
27877
27866
  }
27878
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="4"] {
27879
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
27867
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
27868
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
27880
27869
  }
27881
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="5"] {
27882
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
27870
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
27871
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
27883
27872
  }
27884
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="6"] {
27885
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
27873
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
27874
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
27886
27875
  }
27887
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="7"] {
27888
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
27876
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
27877
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
27889
27878
  }
27890
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="8"] {
27891
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
27879
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
27880
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
27892
27881
  }
27893
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="9"] {
27894
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
27882
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
27883
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
27895
27884
  }
27896
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="10"] {
27897
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
27885
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
27886
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
27898
27887
  }
27899
27888
 
27900
27889
  @media screen and (max-width: 768px) {
27901
27890
  .pf-m-tree-view-grid-md.pf-v5-c-table {
27902
27891
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27903
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27904
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27905
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27906
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27892
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27893
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27894
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27895
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27907
27896
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
27908
27897
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
27909
27898
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
27910
27899
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
27911
27900
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
27912
27901
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
27913
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27914
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27915
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27902
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27903
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27904
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27916
27905
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
27917
27906
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
27918
27907
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
27919
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
27920
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
27908
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
27909
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
27921
27910
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
27922
27911
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
27923
27912
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
27924
27913
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
27925
27914
  }
27926
- .pf-m-tree-view-grid-md.pf-v5-c-table tbody tr {
27915
+ .pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
27927
27916
  position: relative;
27928
27917
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
27929
27918
  border: none;
27930
27919
  }
27931
- .pf-m-tree-view-grid-md.pf-v5-c-table tbody tr::before {
27920
+ .pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
27932
27921
  position: absolute;
27933
27922
  top: 0;
27934
27923
  right: 0;
27935
27924
  bottom: 0;
27936
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27925
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27937
27926
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
27938
27927
  content: "";
27939
27928
  }
27940
- .pf-m-tree-view-grid-md.pf-v5-c-table tr:not([hidden]) {
27929
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
27941
27930
  display: grid;
27942
27931
  grid-template-columns: 1fr max-content;
27943
27932
  }
27944
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27933
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27945
27934
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
27946
27935
  }
27947
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
27936
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
27948
27937
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
27949
27938
  }
27950
- .pf-m-tree-view-grid-md.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
27951
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
27952
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
27953
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27939
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
27940
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
27941
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
27942
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27954
27943
  }
27955
27944
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-text {
27956
27945
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
27957
27946
  }
27958
- .pf-m-tree-view-grid-md.pf-v5-c-table thead th {
27947
+ .pf-m-tree-view-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
27959
27948
  display: none;
27960
27949
  }
27961
- .pf-m-tree-view-grid-md.pf-v5-c-table td {
27950
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td) {
27962
27951
  display: none;
27963
27952
  }
27964
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] {
27953
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
27965
27954
  grid-column: 1;
27966
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
27967
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
27955
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
27956
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
27968
27957
  align-items: start;
27969
27958
  }
27970
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] > * {
27959
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
27971
27960
  grid-column: 2;
27972
27961
  }
27973
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label]::before {
27962
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
27974
27963
  font-weight: bold;
27975
27964
  text-align: left;
27976
27965
  content: attr(data-label);
27977
27966
  }
27978
- .pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
27967
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
27979
27968
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
27980
27969
  }
27981
- .pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
27970
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
27982
27971
  display: grid;
27983
27972
  }
27984
27973
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -27990,9 +27979,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
27990
27979
  }
27991
27980
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action {
27992
27981
  --pf-v5-c-table--cell--Width: auto;
27993
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27994
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
27995
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
27982
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27983
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
27984
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
27996
27985
  grid-column: 2;
27997
27986
  grid-row: 1;
27998
27987
  }
@@ -28009,117 +27998,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
28009
27998
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28010
27999
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28011
28000
  }
28012
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="2"] {
28013
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28001
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28002
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28014
28003
  }
28015
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="3"] {
28016
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28004
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28005
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28017
28006
  }
28018
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="4"] {
28019
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28007
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28008
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28020
28009
  }
28021
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="5"] {
28022
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28010
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28011
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28023
28012
  }
28024
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="6"] {
28025
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28013
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28014
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28026
28015
  }
28027
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="7"] {
28028
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28016
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28017
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28029
28018
  }
28030
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="8"] {
28031
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28019
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28020
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28032
28021
  }
28033
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="9"] {
28034
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28022
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28023
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28035
28024
  }
28036
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="10"] {
28037
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28025
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28026
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28038
28027
  }
28039
28028
  }
28040
28029
 
28041
28030
  @media screen and (max-width: 992px) {
28042
28031
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
28043
28032
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28044
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28045
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28046
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28047
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28033
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28034
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28035
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28036
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28048
28037
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
28049
28038
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
28050
28039
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
28051
28040
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
28052
28041
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
28053
28042
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
28054
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28055
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28056
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28043
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28044
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28045
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28057
28046
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
28058
28047
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
28059
28048
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
28060
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
28061
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
28049
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
28050
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
28062
28051
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
28063
28052
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
28064
28053
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
28065
28054
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
28066
28055
  }
28067
- .pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr {
28056
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
28068
28057
  position: relative;
28069
28058
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
28070
28059
  border: none;
28071
28060
  }
28072
- .pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr::before {
28061
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
28073
28062
  position: absolute;
28074
28063
  top: 0;
28075
28064
  right: 0;
28076
28065
  bottom: 0;
28077
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28066
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28078
28067
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
28079
28068
  content: "";
28080
28069
  }
28081
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr:not([hidden]) {
28070
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
28082
28071
  display: grid;
28083
28072
  grid-template-columns: 1fr max-content;
28084
28073
  }
28085
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28074
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28086
28075
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
28087
28076
  }
28088
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
28077
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
28089
28078
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
28090
28079
  }
28091
- .pf-m-tree-view-grid-lg.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
28092
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
28093
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
28094
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28080
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
28081
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
28082
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
28083
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28095
28084
  }
28096
28085
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-text {
28097
28086
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
28098
28087
  }
28099
- .pf-m-tree-view-grid-lg.pf-v5-c-table thead th {
28088
+ .pf-m-tree-view-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
28100
28089
  display: none;
28101
28090
  }
28102
- .pf-m-tree-view-grid-lg.pf-v5-c-table td {
28091
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td) {
28103
28092
  display: none;
28104
28093
  }
28105
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] {
28094
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
28106
28095
  grid-column: 1;
28107
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
28108
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
28096
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28097
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
28109
28098
  align-items: start;
28110
28099
  }
28111
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] > * {
28100
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
28112
28101
  grid-column: 2;
28113
28102
  }
28114
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label]::before {
28103
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
28115
28104
  font-weight: bold;
28116
28105
  text-align: left;
28117
28106
  content: attr(data-label);
28118
28107
  }
28119
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
28108
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
28120
28109
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
28121
28110
  }
28122
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
28111
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
28123
28112
  display: grid;
28124
28113
  }
28125
28114
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -28131,9 +28120,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28131
28120
  }
28132
28121
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action {
28133
28122
  --pf-v5-c-table--cell--Width: auto;
28134
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28135
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
28136
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
28123
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28124
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
28125
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
28137
28126
  grid-column: 2;
28138
28127
  grid-row: 1;
28139
28128
  }
@@ -28150,117 +28139,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
28150
28139
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28151
28140
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28152
28141
  }
28153
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="2"] {
28154
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28142
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28143
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28155
28144
  }
28156
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="3"] {
28157
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28145
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28146
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28158
28147
  }
28159
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="4"] {
28160
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28148
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28149
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28161
28150
  }
28162
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="5"] {
28163
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28151
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28152
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28164
28153
  }
28165
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="6"] {
28166
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28154
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28155
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28167
28156
  }
28168
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="7"] {
28169
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28157
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28158
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28170
28159
  }
28171
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="8"] {
28172
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28160
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28161
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28173
28162
  }
28174
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="9"] {
28175
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28163
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28164
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28176
28165
  }
28177
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="10"] {
28178
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28166
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28167
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28179
28168
  }
28180
28169
  }
28181
28170
 
28182
28171
  @media screen and (max-width: 1200px) {
28183
28172
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
28184
28173
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28185
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28186
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28187
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28188
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28174
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28175
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28176
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28177
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28189
28178
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
28190
28179
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
28191
28180
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
28192
28181
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
28193
28182
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
28194
28183
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
28195
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28196
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28197
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28184
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28185
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28186
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28198
28187
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
28199
28188
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
28200
28189
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
28201
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
28202
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
28190
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
28191
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
28203
28192
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
28204
28193
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
28205
28194
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
28206
28195
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
28207
28196
  }
28208
- .pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr {
28197
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
28209
28198
  position: relative;
28210
28199
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
28211
28200
  border: none;
28212
28201
  }
28213
- .pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr::before {
28202
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
28214
28203
  position: absolute;
28215
28204
  top: 0;
28216
28205
  right: 0;
28217
28206
  bottom: 0;
28218
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28207
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28219
28208
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
28220
28209
  content: "";
28221
28210
  }
28222
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr:not([hidden]) {
28211
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
28223
28212
  display: grid;
28224
28213
  grid-template-columns: 1fr max-content;
28225
28214
  }
28226
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28215
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28227
28216
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
28228
28217
  }
28229
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
28218
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
28230
28219
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
28231
28220
  }
28232
- .pf-m-tree-view-grid-xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
28233
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
28234
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
28235
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28221
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
28222
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
28223
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
28224
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28236
28225
  }
28237
28226
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
28238
28227
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
28239
28228
  }
28240
- .pf-m-tree-view-grid-xl.pf-v5-c-table thead th {
28229
+ .pf-m-tree-view-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
28241
28230
  display: none;
28242
28231
  }
28243
- .pf-m-tree-view-grid-xl.pf-v5-c-table td {
28232
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
28244
28233
  display: none;
28245
28234
  }
28246
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] {
28235
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
28247
28236
  grid-column: 1;
28248
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
28249
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
28237
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28238
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
28250
28239
  align-items: start;
28251
28240
  }
28252
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] > * {
28241
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
28253
28242
  grid-column: 2;
28254
28243
  }
28255
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label]::before {
28244
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
28256
28245
  font-weight: bold;
28257
28246
  text-align: left;
28258
28247
  content: attr(data-label);
28259
28248
  }
28260
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
28249
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
28261
28250
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
28262
28251
  }
28263
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
28252
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
28264
28253
  display: grid;
28265
28254
  }
28266
28255
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -28272,9 +28261,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28272
28261
  }
28273
28262
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action {
28274
28263
  --pf-v5-c-table--cell--Width: auto;
28275
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28276
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
28277
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
28264
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28265
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
28266
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
28278
28267
  grid-column: 2;
28279
28268
  grid-row: 1;
28280
28269
  }
@@ -28291,117 +28280,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
28291
28280
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28292
28281
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28293
28282
  }
28294
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="2"] {
28295
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28283
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28284
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28296
28285
  }
28297
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="3"] {
28298
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28286
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28287
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28299
28288
  }
28300
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="4"] {
28301
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28289
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28290
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28302
28291
  }
28303
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="5"] {
28304
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28292
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28293
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28305
28294
  }
28306
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="6"] {
28307
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28295
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28296
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28308
28297
  }
28309
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="7"] {
28310
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28298
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28299
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28311
28300
  }
28312
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="8"] {
28313
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28301
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28302
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28314
28303
  }
28315
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="9"] {
28316
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28304
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28305
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28317
28306
  }
28318
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="10"] {
28319
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28307
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28308
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28320
28309
  }
28321
28310
  }
28322
28311
 
28323
28312
  @media screen and (max-width: 1450px) {
28324
28313
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
28325
28314
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28326
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28327
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28328
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28329
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28315
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28316
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28317
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28318
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28330
28319
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
28331
28320
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
28332
28321
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
28333
28322
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
28334
28323
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
28335
28324
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
28336
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28337
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28338
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28325
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28326
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28327
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28339
28328
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
28340
28329
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
28341
28330
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
28342
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
28343
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
28331
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
28332
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
28344
28333
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
28345
28334
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
28346
28335
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
28347
28336
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
28348
28337
  }
28349
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr {
28338
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
28350
28339
  position: relative;
28351
28340
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
28352
28341
  border: none;
28353
28342
  }
28354
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr::before {
28343
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
28355
28344
  position: absolute;
28356
28345
  top: 0;
28357
28346
  right: 0;
28358
28347
  bottom: 0;
28359
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28348
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28360
28349
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
28361
28350
  content: "";
28362
28351
  }
28363
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:not([hidden]) {
28352
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
28364
28353
  display: grid;
28365
28354
  grid-template-columns: 1fr max-content;
28366
28355
  }
28367
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28356
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28368
28357
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
28369
28358
  }
28370
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
28359
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
28371
28360
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
28372
28361
  }
28373
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
28374
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
28375
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
28376
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28362
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
28363
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
28364
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
28365
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28377
28366
  }
28378
28367
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
28379
28368
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
28380
28369
  }
28381
- .pf-m-tree-view-grid-2xl.pf-v5-c-table thead th {
28370
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
28382
28371
  display: none;
28383
28372
  }
28384
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td {
28373
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
28385
28374
  display: none;
28386
28375
  }
28387
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] {
28376
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
28388
28377
  grid-column: 1;
28389
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
28390
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
28378
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28379
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
28391
28380
  align-items: start;
28392
28381
  }
28393
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] > * {
28382
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
28394
28383
  grid-column: 2;
28395
28384
  }
28396
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label]::before {
28385
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
28397
28386
  font-weight: bold;
28398
28387
  text-align: left;
28399
28388
  content: attr(data-label);
28400
28389
  }
28401
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
28390
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
28402
28391
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
28403
28392
  }
28404
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
28393
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
28405
28394
  display: grid;
28406
28395
  }
28407
28396
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -28413,9 +28402,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28413
28402
  }
28414
28403
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action {
28415
28404
  --pf-v5-c-table--cell--Width: auto;
28416
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28417
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
28418
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
28405
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28406
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
28407
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
28419
28408
  grid-column: 2;
28420
28409
  grid-row: 1;
28421
28410
  }
@@ -28432,32 +28421,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
28432
28421
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28433
28422
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28434
28423
  }
28435
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="2"] {
28436
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28424
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28425
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
28437
28426
  }
28438
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="3"] {
28439
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28427
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28428
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
28440
28429
  }
28441
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="4"] {
28442
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28430
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28431
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
28443
28432
  }
28444
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="5"] {
28445
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28433
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28434
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
28446
28435
  }
28447
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="6"] {
28448
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28436
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28437
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
28449
28438
  }
28450
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="7"] {
28451
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28439
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28440
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
28452
28441
  }
28453
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="8"] {
28454
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28442
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28443
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
28455
28444
  }
28456
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="9"] {
28457
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28445
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28446
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
28458
28447
  }
28459
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="10"] {
28460
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28448
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28449
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
28461
28450
  }
28462
28451
  }
28463
28452
 
@@ -32614,9 +32603,9 @@ label.pf-v5-c-tree-view__node-text {
32614
32603
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32615
32604
  }
32616
32605
  }
32617
- .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32618
- --pf-v5-l-flex--RowGap: ;
32619
- --pf-v5-l-flex--ColumnGap: ;
32606
+ .pf-v5-l-flex.pf-m-gap {
32607
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32608
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32620
32609
  }
32621
32610
  .pf-v5-l-flex.pf-m-gap-none {
32622
32611
  --pf-v5-l-flex--RowGap: 0;
@@ -32650,14 +32639,14 @@ label.pf-v5-c-tree-view__node-text {
32650
32639
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32651
32640
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32652
32641
  }
32653
- .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32642
+ .pf-v5-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32654
32643
  --pf-v5-l-flex--spacer--row: 0;
32655
32644
  --pf-v5-l-flex--spacer--column: 0;
32656
32645
  }
32657
32646
  @media (min-width: 576px) {
32658
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32659
- --pf-v5-l-flex--RowGap: ;
32660
- --pf-v5-l-flex--ColumnGap: ;
32647
+ .pf-v5-l-flex.pf-m-gap-on-sm {
32648
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32649
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32661
32650
  }
32662
32651
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32663
32652
  --pf-v5-l-flex--RowGap: 0;
@@ -32691,15 +32680,15 @@ label.pf-v5-c-tree-view__node-text {
32691
32680
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32692
32681
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32693
32682
  }
32694
- .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32683
+ .pf-v5-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32695
32684
  --pf-v5-l-flex--spacer--row: 0;
32696
32685
  --pf-v5-l-flex--spacer--column: 0;
32697
32686
  }
32698
32687
  }
32699
32688
  @media (min-width: 768px) {
32700
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32701
- --pf-v5-l-flex--RowGap: ;
32702
- --pf-v5-l-flex--ColumnGap: ;
32689
+ .pf-v5-l-flex.pf-m-gap-on-md {
32690
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32691
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32703
32692
  }
32704
32693
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32705
32694
  --pf-v5-l-flex--RowGap: 0;
@@ -32733,15 +32722,15 @@ label.pf-v5-c-tree-view__node-text {
32733
32722
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32734
32723
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32735
32724
  }
32736
- .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32725
+ .pf-v5-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32737
32726
  --pf-v5-l-flex--spacer--row: 0;
32738
32727
  --pf-v5-l-flex--spacer--column: 0;
32739
32728
  }
32740
32729
  }
32741
32730
  @media (min-width: 992px) {
32742
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32743
- --pf-v5-l-flex--RowGap: ;
32744
- --pf-v5-l-flex--ColumnGap: ;
32731
+ .pf-v5-l-flex.pf-m-gap-on-lg {
32732
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32733
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32745
32734
  }
32746
32735
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32747
32736
  --pf-v5-l-flex--RowGap: 0;
@@ -32775,15 +32764,15 @@ label.pf-v5-c-tree-view__node-text {
32775
32764
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32776
32765
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32777
32766
  }
32778
- .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32767
+ .pf-v5-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32779
32768
  --pf-v5-l-flex--spacer--row: 0;
32780
32769
  --pf-v5-l-flex--spacer--column: 0;
32781
32770
  }
32782
32771
  }
32783
32772
  @media (min-width: 1200px) {
32784
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32785
- --pf-v5-l-flex--RowGap: ;
32786
- --pf-v5-l-flex--ColumnGap: ;
32773
+ .pf-v5-l-flex.pf-m-gap-on-xl {
32774
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32775
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32787
32776
  }
32788
32777
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32789
32778
  --pf-v5-l-flex--RowGap: 0;
@@ -32817,15 +32806,15 @@ label.pf-v5-c-tree-view__node-text {
32817
32806
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32818
32807
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32819
32808
  }
32820
- .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32809
+ .pf-v5-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32821
32810
  --pf-v5-l-flex--spacer--row: 0;
32822
32811
  --pf-v5-l-flex--spacer--column: 0;
32823
32812
  }
32824
32813
  }
32825
32814
  @media (min-width: 1450px) {
32826
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32827
- --pf-v5-l-flex--RowGap: ;
32828
- --pf-v5-l-flex--ColumnGap: ;
32815
+ .pf-v5-l-flex.pf-m-gap-on-2xl {
32816
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32817
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32829
32818
  }
32830
32819
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32831
32820
  --pf-v5-l-flex--RowGap: 0;
@@ -32859,13 +32848,13 @@ label.pf-v5-c-tree-view__node-text {
32859
32848
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32860
32849
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32861
32850
  }
32862
- .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32851
+ .pf-v5-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32863
32852
  --pf-v5-l-flex--spacer--row: 0;
32864
32853
  --pf-v5-l-flex--spacer--column: 0;
32865
32854
  }
32866
32855
  }
32867
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32868
- --pf-v5-l-flex--RowGap: ;
32856
+ .pf-v5-l-flex.pf-m-row-gap {
32857
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32869
32858
  }
32870
32859
  .pf-v5-l-flex.pf-m-row-gap-none {
32871
32860
  --pf-v5-l-flex--RowGap: 0;
@@ -32891,12 +32880,12 @@ label.pf-v5-c-tree-view__node-text {
32891
32880
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32892
32881
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32893
32882
  }
32894
- .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32883
+ .pf-v5-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32895
32884
  --pf-v5-l-flex--spacer--row: 0;
32896
32885
  }
32897
32886
  @media (min-width: 576px) {
32898
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32899
- --pf-v5-l-flex--RowGap: ;
32887
+ .pf-v5-l-flex.pf-m-row-gap-on-sm {
32888
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32900
32889
  }
32901
32890
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32902
32891
  --pf-v5-l-flex--RowGap: 0;
@@ -32922,13 +32911,13 @@ label.pf-v5-c-tree-view__node-text {
32922
32911
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
32923
32912
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32924
32913
  }
32925
- .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
32914
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
32926
32915
  --pf-v5-l-flex--spacer--row: 0;
32927
32916
  }
32928
32917
  }
32929
32918
  @media (min-width: 768px) {
32930
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32931
- --pf-v5-l-flex--RowGap: ;
32919
+ .pf-v5-l-flex.pf-m-row-gap-on-md {
32920
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32932
32921
  }
32933
32922
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
32934
32923
  --pf-v5-l-flex--RowGap: 0;
@@ -32954,13 +32943,13 @@ label.pf-v5-c-tree-view__node-text {
32954
32943
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
32955
32944
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32956
32945
  }
32957
- .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
32946
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
32958
32947
  --pf-v5-l-flex--spacer--row: 0;
32959
32948
  }
32960
32949
  }
32961
32950
  @media (min-width: 992px) {
32962
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
32963
- --pf-v5-l-flex--RowGap: ;
32951
+ .pf-v5-l-flex.pf-m-row-gap-on-lg {
32952
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32964
32953
  }
32965
32954
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
32966
32955
  --pf-v5-l-flex--RowGap: 0;
@@ -32986,13 +32975,13 @@ label.pf-v5-c-tree-view__node-text {
32986
32975
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
32987
32976
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32988
32977
  }
32989
- .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
32978
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
32990
32979
  --pf-v5-l-flex--spacer--row: 0;
32991
32980
  }
32992
32981
  }
32993
32982
  @media (min-width: 1200px) {
32994
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
32995
- --pf-v5-l-flex--RowGap: ;
32983
+ .pf-v5-l-flex.pf-m-row-gap-on-xl {
32984
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32996
32985
  }
32997
32986
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
32998
32987
  --pf-v5-l-flex--RowGap: 0;
@@ -33018,13 +33007,13 @@ label.pf-v5-c-tree-view__node-text {
33018
33007
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
33019
33008
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33020
33009
  }
33021
- .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
33010
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
33022
33011
  --pf-v5-l-flex--spacer--row: 0;
33023
33012
  }
33024
33013
  }
33025
33014
  @media (min-width: 1450px) {
33026
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
33027
- --pf-v5-l-flex--RowGap: ;
33015
+ .pf-v5-l-flex.pf-m-row-gap-on-2xl {
33016
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33028
33017
  }
33029
33018
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33030
33019
  --pf-v5-l-flex--RowGap: 0;
@@ -33050,12 +33039,12 @@ label.pf-v5-c-tree-view__node-text {
33050
33039
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33051
33040
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33052
33041
  }
33053
- .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
33042
+ .pf-v5-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
33054
33043
  --pf-v5-l-flex--spacer--row: 0;
33055
33044
  }
33056
33045
  }
33057
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
33058
- --pf-v5-l-flex--ColumnGap: ;
33046
+ .pf-v5-l-flex.pf-m-column-gap {
33047
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33059
33048
  }
33060
33049
  .pf-v5-l-flex.pf-m-column-gap-none {
33061
33050
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33081,12 +33070,12 @@ label.pf-v5-c-tree-view__node-text {
33081
33070
  .pf-v5-l-flex.pf-m-column-gap-4xl {
33082
33071
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33083
33072
  }
33084
- .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
33073
+ .pf-v5-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
33085
33074
  --pf-v5-l-flex--spacer--column: 0;
33086
33075
  }
33087
33076
  @media (min-width: 576px) {
33088
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
33089
- --pf-v5-l-flex--ColumnGap: ;
33077
+ .pf-v5-l-flex.pf-m-column-gap-on-sm {
33078
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33090
33079
  }
33091
33080
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33092
33081
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33112,13 +33101,13 @@ label.pf-v5-c-tree-view__node-text {
33112
33101
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33113
33102
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33114
33103
  }
33115
- .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
33104
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
33116
33105
  --pf-v5-l-flex--spacer--column: 0;
33117
33106
  }
33118
33107
  }
33119
33108
  @media (min-width: 768px) {
33120
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
33121
- --pf-v5-l-flex--ColumnGap: ;
33109
+ .pf-v5-l-flex.pf-m-column-gap-on-md {
33110
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33122
33111
  }
33123
33112
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33124
33113
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33144,13 +33133,13 @@ label.pf-v5-c-tree-view__node-text {
33144
33133
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33145
33134
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33146
33135
  }
33147
- .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33136
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33148
33137
  --pf-v5-l-flex--spacer--column: 0;
33149
33138
  }
33150
33139
  }
33151
33140
  @media (min-width: 992px) {
33152
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33153
- --pf-v5-l-flex--ColumnGap: ;
33141
+ .pf-v5-l-flex.pf-m-column-gap-on-lg {
33142
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33154
33143
  }
33155
33144
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33156
33145
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33176,13 +33165,13 @@ label.pf-v5-c-tree-view__node-text {
33176
33165
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33177
33166
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33178
33167
  }
33179
- .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33168
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33180
33169
  --pf-v5-l-flex--spacer--column: 0;
33181
33170
  }
33182
33171
  }
33183
33172
  @media (min-width: 1200px) {
33184
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33185
- --pf-v5-l-flex--ColumnGap: ;
33173
+ .pf-v5-l-flex.pf-m-column-gap-on-xl {
33174
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33186
33175
  }
33187
33176
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33188
33177
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33208,13 +33197,13 @@ label.pf-v5-c-tree-view__node-text {
33208
33197
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33209
33198
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33210
33199
  }
33211
- .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33200
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33212
33201
  --pf-v5-l-flex--spacer--column: 0;
33213
33202
  }
33214
33203
  }
33215
33204
  @media (min-width: 1450px) {
33216
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33217
- --pf-v5-l-flex--ColumnGap: ;
33205
+ .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33206
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33218
33207
  }
33219
33208
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33220
33209
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33240,7 +33229,7 @@ label.pf-v5-c-tree-view__node-text {
33240
33229
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33241
33230
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33242
33231
  }
33243
- .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33232
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33244
33233
  --pf-v5-l-flex--spacer--column: 0;
33245
33234
  }
33246
33235
  }