@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.
@@ -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
  }
@@ -24827,30 +24827,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
24827
24827
 
24828
24828
  .pf-v5-c-table[class*=pf-m-grid] {
24829
24829
  --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
24830
- --pf-v5-c-table--tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24831
- --pf-v5-c-table--tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
24832
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
24833
- --pf-v5-c-table--tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
24834
- --pf-v5-c-table-tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24835
- --pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
24836
- --pf-v5-c-table-tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
24837
- --pf-v5-c-table-tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
24838
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
24839
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
24840
- --pf-v5-c-table-tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
24841
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
24842
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
24843
- --pf-v5-c-table-tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
24844
- --pf-v5-c-table-tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
24845
- --pf-v5-c-table-tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
24846
- --pf-v5-c-table-tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
24847
- --pf-v5-c-table-tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
24848
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: 0;
24849
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: transparent;
24850
- --pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24851
- --pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
24852
- --pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24853
- --pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
24830
+ --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24831
+ --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
24832
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
24833
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
24834
+ --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
24835
+ --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
24836
+ --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
24837
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
24838
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
24839
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
24840
+ --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
24841
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
24842
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
24843
+ --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
24844
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
24845
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
24846
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
24847
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
24848
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
24849
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
24850
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24851
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
24852
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
24853
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
24854
24854
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
24855
24855
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
24856
24856
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -24862,10 +24862,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
24862
24862
  --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
24863
24863
  --pf-v5-c-table--cell--responsive--PaddingRight: 0;
24864
24864
  --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
24865
- --pf-v5-c-table--m-compact-tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
24866
- --pf-v5-c-table--m-compact-tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
24867
- --pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
24868
- --pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
24865
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
24866
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
24867
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
24868
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
24869
24869
  --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
24870
24870
  --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
24871
24871
  --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
@@ -24887,8 +24887,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
24887
24887
  }
24888
24888
  @media screen and (max-width: 1200px) {
24889
24889
  .pf-v5-c-table[class*=pf-m-grid] {
24890
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--xl--PaddingRight);
24891
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--xl--PaddingLeft);
24890
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
24891
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
24892
24892
  }
24893
24893
  }
24894
24894
  @media screen and (max-width: 1200px) {
@@ -24910,7 +24910,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
24910
24910
  display: grid;
24911
24911
  border: none;
24912
24912
  }
24913
- .pf-m-grid.pf-v5-c-table tr > * {
24913
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
24914
24914
  width: auto;
24915
24915
  min-width: 0;
24916
24916
  max-width: none;
@@ -24927,57 +24927,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
24927
24927
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
24928
24928
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
24929
24929
  }
24930
- .pf-m-grid.pf-v5-c-table thead {
24930
+ .pf-m-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
24931
24931
  display: none;
24932
24932
  }
24933
- .pf-m-grid.pf-v5-c-table tbody {
24933
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
24934
24934
  display: block;
24935
24935
  }
24936
- .pf-m-grid.pf-v5-c-table tbody:first-of-type {
24937
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
24936
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
24937
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
24938
24938
  }
24939
- .pf-m-grid.pf-v5-c-table table.pf-m-compact > tbody {
24939
+ .pf-m-grid.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
24940
24940
  border-top: 0;
24941
24941
  }
24942
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
24943
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
24942
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
24943
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
24944
24944
  }
24945
- .pf-m-grid.pf-v5-c-table tr:last-child,
24946
- .pf-m-grid.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
24947
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
24945
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
24946
+ .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) {
24947
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
24948
24948
  }
24949
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
24949
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
24950
24950
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
24951
24951
  }
24952
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
24952
+ .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) {
24953
24953
  border-bottom: 0;
24954
24954
  }
24955
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
24956
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
24955
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
24956
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
24957
24957
  }
24958
- .pf-m-grid.pf-v5-c-table tr.pf-m-selected {
24958
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
24959
24959
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
24960
24960
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
24961
24961
  }
24962
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
24962
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
24963
24963
  display: grid;
24964
24964
  grid-template-columns: 1fr;
24965
24965
  height: auto;
24966
24966
  grid-auto-columns: max-content;
24967
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
24968
- 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);
24967
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
24968
+ 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);
24969
24969
  }
24970
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
24970
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
24971
24971
  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);
24972
24972
  }
24973
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
24973
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
24974
24974
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
24975
24975
  }
24976
24976
  .pf-m-grid.pf-v5-c-table.pf-m-compact {
24977
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
24978
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
24979
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
24980
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
24977
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
24978
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
24979
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
24980
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
24981
24981
  --pf-v5-c-table__check--input--MarginTop: 0;
24982
24982
  }
24983
24983
  .pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -24990,61 +24990,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
24990
24990
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__icon > * {
24991
24991
  text-align: left;
24992
24992
  }
24993
- .pf-m-grid.pf-v5-c-table [data-label] {
24993
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
24994
24994
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
24995
24995
  grid-column: 1;
24996
24996
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
24997
24997
  grid-template-columns: 1fr minmax(0, 1.5fr);
24998
24998
  align-items: start;
24999
24999
  }
25000
- .pf-m-grid.pf-v5-c-table [data-label] > * {
25000
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25001
25001
  grid-column: 2;
25002
25002
  }
25003
- .pf-m-grid.pf-v5-c-table [data-label]::before {
25003
+ .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25004
25004
  font-weight: bold;
25005
25005
  text-align: left;
25006
25006
  content: attr(data-label);
25007
25007
  }
25008
- .pf-m-grid.pf-v5-c-table tr > *:first-child {
25008
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25009
25009
  --pf-v5-c-table--cell--PaddingLeft: 0;
25010
25010
  }
25011
- .pf-m-grid.pf-v5-c-table tr > *:last-child {
25011
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25012
25012
  --pf-v5-c-table--cell--PaddingRight: 0;
25013
25013
  }
25014
25014
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table {
25015
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25016
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25017
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25018
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25015
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25016
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25017
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25018
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25019
25019
  border: 0;
25020
25020
  }
25021
- .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) {
25022
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25021
+ .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) {
25022
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25023
25023
  }
25024
25024
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25025
25025
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25026
25026
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25027
25027
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25028
25028
  }
25029
- .pf-m-grid.pf-v5-c-table tbody {
25029
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25030
25030
  position: relative;
25031
25031
  }
25032
- .pf-m-grid.pf-v5-c-table tbody::after {
25032
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25033
25033
  position: absolute;
25034
25034
  top: 0;
25035
25035
  bottom: 0;
25036
25036
  left: 0;
25037
25037
  content: "";
25038
25038
  border: 0;
25039
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25039
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25040
25040
  }
25041
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
25042
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25041
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25042
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25043
25043
  }
25044
- .pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tbody {
25045
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25044
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
25045
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25046
25046
  }
25047
- .pf-m-grid.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25047
+ .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 {
25048
25048
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25049
25049
  position: static;
25050
25050
  width: auto;
@@ -25073,7 +25073,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25073
25073
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
25074
25074
  content: none;
25075
25075
  }
25076
- .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 {
25076
+ .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,
25077
+ .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 {
25077
25078
  padding: 0;
25078
25079
  }
25079
25080
  .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -25083,44 +25084,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
25083
25084
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
25084
25085
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
25085
25086
  }
25086
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable {
25087
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25088
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
25087
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
25088
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25089
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
25089
25090
  }
25090
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable,
25091
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr {
25091
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
25092
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
25092
25093
  position: relative;
25093
25094
  }
25094
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
25095
+ .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 {
25095
25096
  content: "";
25096
25097
  position: absolute;
25097
25098
  top: 0;
25098
25099
  bottom: 0;
25099
25100
  left: 0;
25100
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
25101
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
25101
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
25102
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
25102
25103
  }
25103
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
25104
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
25105
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
25104
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
25105
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
25106
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
25106
25107
  }
25107
- .pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
25108
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
25109
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
25108
+ .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
25109
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
25110
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
25110
25111
  }
25111
- .pf-m-grid.pf-v5-c-table tr.pf-m-selected::after {
25112
+ .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
25112
25113
  content: "";
25113
25114
  position: absolute;
25114
25115
  top: 0;
25115
25116
  bottom: 0;
25116
25117
  left: 0;
25117
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
25118
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
25118
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
25119
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
25119
25120
  }
25120
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25121
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25122
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25123
- .pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25121
+ .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,
25122
+ .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,
25123
+ .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,
25124
+ .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 {
25124
25125
  width: auto;
25125
25126
  padding: 0;
25126
25127
  }
@@ -25185,14 +25186,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
25185
25186
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon {
25186
25187
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
25187
25188
  }
25188
- .pf-m-grid.pf-v5-c-table .pf-m-nowrap {
25189
+ .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 {
25189
25190
  --pf-v5-c-table--cell--Overflow: auto;
25190
25191
  }
25191
- .pf-m-grid.pf-v5-c-table .pf-m-fit-content {
25192
+ .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 {
25192
25193
  width: auto;
25193
25194
  white-space: normal;
25194
25195
  }
25195
- .pf-m-grid.pf-v5-c-table .pf-m-truncate {
25196
+ .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 {
25196
25197
  --pf-v5-c-table--cell--MaxWidth: 100%;
25197
25198
  }
25198
25199
  .pf-m-grid.pf-v5-c-table [class*=pf-m-width] {
@@ -25212,7 +25213,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25212
25213
  display: grid;
25213
25214
  border: none;
25214
25215
  }
25215
- .pf-m-grid-md.pf-v5-c-table tr > * {
25216
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25216
25217
  width: auto;
25217
25218
  min-width: 0;
25218
25219
  max-width: none;
@@ -25229,57 +25230,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25229
25230
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25230
25231
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25231
25232
  }
25232
- .pf-m-grid-md.pf-v5-c-table thead {
25233
+ .pf-m-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25233
25234
  display: none;
25234
25235
  }
25235
- .pf-m-grid-md.pf-v5-c-table tbody {
25236
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25236
25237
  display: block;
25237
25238
  }
25238
- .pf-m-grid-md.pf-v5-c-table tbody:first-of-type {
25239
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25239
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25240
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25240
25241
  }
25241
- .pf-m-grid-md.pf-v5-c-table table.pf-m-compact > tbody {
25242
+ .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25242
25243
  border-top: 0;
25243
25244
  }
25244
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25245
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25245
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25246
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25246
25247
  }
25247
- .pf-m-grid-md.pf-v5-c-table tr:last-child,
25248
- .pf-m-grid-md.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25249
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25248
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25249
+ .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) {
25250
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25250
25251
  }
25251
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
25252
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25252
25253
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
25253
25254
  }
25254
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25255
+ .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) {
25255
25256
  border-bottom: 0;
25256
25257
  }
25257
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
25258
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25258
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
25259
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25259
25260
  }
25260
- .pf-m-grid-md.pf-v5-c-table tr.pf-m-selected {
25261
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
25261
25262
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25262
25263
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
25263
25264
  }
25264
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25265
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25265
25266
  display: grid;
25266
25267
  grid-template-columns: 1fr;
25267
25268
  height: auto;
25268
25269
  grid-auto-columns: max-content;
25269
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
25270
- 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);
25270
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
25271
+ 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);
25271
25272
  }
25272
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
25273
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
25273
25274
  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);
25274
25275
  }
25275
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
25276
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
25276
25277
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
25277
25278
  }
25278
25279
  .pf-m-grid-md.pf-v5-c-table.pf-m-compact {
25279
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
25280
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
25281
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
25282
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
25280
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
25281
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
25282
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
25283
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
25283
25284
  --pf-v5-c-table__check--input--MarginTop: 0;
25284
25285
  }
25285
25286
  .pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -25292,61 +25293,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
25292
25293
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__icon > * {
25293
25294
  text-align: left;
25294
25295
  }
25295
- .pf-m-grid-md.pf-v5-c-table [data-label] {
25296
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
25296
25297
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
25297
25298
  grid-column: 1;
25298
25299
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
25299
25300
  grid-template-columns: 1fr minmax(0, 1.5fr);
25300
25301
  align-items: start;
25301
25302
  }
25302
- .pf-m-grid-md.pf-v5-c-table [data-label] > * {
25303
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25303
25304
  grid-column: 2;
25304
25305
  }
25305
- .pf-m-grid-md.pf-v5-c-table [data-label]::before {
25306
+ .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25306
25307
  font-weight: bold;
25307
25308
  text-align: left;
25308
25309
  content: attr(data-label);
25309
25310
  }
25310
- .pf-m-grid-md.pf-v5-c-table tr > *:first-child {
25311
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25311
25312
  --pf-v5-c-table--cell--PaddingLeft: 0;
25312
25313
  }
25313
- .pf-m-grid-md.pf-v5-c-table tr > *:last-child {
25314
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25314
25315
  --pf-v5-c-table--cell--PaddingRight: 0;
25315
25316
  }
25316
25317
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table {
25317
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25318
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25319
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25320
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25318
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25319
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25320
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25321
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25321
25322
  border: 0;
25322
25323
  }
25323
- .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) {
25324
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25324
+ .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) {
25325
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25325
25326
  }
25326
25327
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25327
25328
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25328
25329
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25329
25330
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25330
25331
  }
25331
- .pf-m-grid-md.pf-v5-c-table tbody {
25332
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25332
25333
  position: relative;
25333
25334
  }
25334
- .pf-m-grid-md.pf-v5-c-table tbody::after {
25335
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25335
25336
  position: absolute;
25336
25337
  top: 0;
25337
25338
  bottom: 0;
25338
25339
  left: 0;
25339
25340
  content: "";
25340
25341
  border: 0;
25341
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25342
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25342
25343
  }
25343
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
25344
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25344
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25345
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25345
25346
  }
25346
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tbody {
25347
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25347
+ .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) {
25348
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25348
25349
  }
25349
- .pf-m-grid-md.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25350
+ .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 {
25350
25351
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25351
25352
  position: static;
25352
25353
  width: auto;
@@ -25375,7 +25376,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25375
25376
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
25376
25377
  content: none;
25377
25378
  }
25378
- .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 {
25379
+ .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,
25380
+ .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 {
25379
25381
  padding: 0;
25380
25382
  }
25381
25383
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -25385,44 +25387,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
25385
25387
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
25386
25388
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
25387
25389
  }
25388
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable {
25389
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25390
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
25390
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
25391
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25392
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
25391
25393
  }
25392
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable,
25393
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr {
25394
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
25395
+ .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) {
25394
25396
  position: relative;
25395
25397
  }
25396
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
25398
+ .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 {
25397
25399
  content: "";
25398
25400
  position: absolute;
25399
25401
  top: 0;
25400
25402
  bottom: 0;
25401
25403
  left: 0;
25402
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
25403
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
25404
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
25405
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
25404
25406
  }
25405
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
25406
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
25407
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
25407
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
25408
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
25409
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
25408
25410
  }
25409
- .pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
25410
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
25411
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
25411
+ .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
25412
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
25413
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
25412
25414
  }
25413
- .pf-m-grid-md.pf-v5-c-table tr.pf-m-selected::after {
25415
+ .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
25414
25416
  content: "";
25415
25417
  position: absolute;
25416
25418
  top: 0;
25417
25419
  bottom: 0;
25418
25420
  left: 0;
25419
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
25420
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
25421
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
25422
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
25421
25423
  }
25422
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25423
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25424
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25425
- .pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25424
+ .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,
25425
+ .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,
25426
+ .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,
25427
+ .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 {
25426
25428
  width: auto;
25427
25429
  padding: 0;
25428
25430
  }
@@ -25493,18 +25495,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
25493
25495
  }
25494
25496
  }
25495
25497
  @media screen and (max-width: 768px) {
25496
- .pf-m-grid-md.pf-v5-c-table .pf-m-nowrap {
25498
+ .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 {
25497
25499
  --pf-v5-c-table--cell--Overflow: auto;
25498
25500
  }
25499
- }
25500
- @media screen and (max-width: 768px) {
25501
- .pf-m-grid-md.pf-v5-c-table .pf-m-fit-content {
25501
+ .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 {
25502
25502
  width: auto;
25503
25503
  white-space: normal;
25504
25504
  }
25505
- }
25506
- @media screen and (max-width: 768px) {
25507
- .pf-m-grid-md.pf-v5-c-table .pf-m-truncate {
25505
+ .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 {
25508
25506
  --pf-v5-c-table--cell--MaxWidth: 100%;
25509
25507
  }
25510
25508
  }
@@ -25527,7 +25525,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25527
25525
  display: grid;
25528
25526
  border: none;
25529
25527
  }
25530
- .pf-m-grid-lg.pf-v5-c-table tr > * {
25528
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25531
25529
  width: auto;
25532
25530
  min-width: 0;
25533
25531
  max-width: none;
@@ -25544,57 +25542,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25544
25542
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25545
25543
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25546
25544
  }
25547
- .pf-m-grid-lg.pf-v5-c-table thead {
25545
+ .pf-m-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25548
25546
  display: none;
25549
25547
  }
25550
- .pf-m-grid-lg.pf-v5-c-table tbody {
25548
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25551
25549
  display: block;
25552
25550
  }
25553
- .pf-m-grid-lg.pf-v5-c-table tbody:first-of-type {
25554
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25551
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25552
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25555
25553
  }
25556
- .pf-m-grid-lg.pf-v5-c-table table.pf-m-compact > tbody {
25554
+ .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25557
25555
  border-top: 0;
25558
25556
  }
25559
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25560
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25557
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25558
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25561
25559
  }
25562
- .pf-m-grid-lg.pf-v5-c-table tr:last-child,
25563
- .pf-m-grid-lg.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25564
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25560
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25561
+ .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) {
25562
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25565
25563
  }
25566
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
25564
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25567
25565
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
25568
25566
  }
25569
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25567
+ .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) {
25570
25568
  border-bottom: 0;
25571
25569
  }
25572
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
25573
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25570
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
25571
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25574
25572
  }
25575
- .pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected {
25573
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
25576
25574
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25577
25575
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
25578
25576
  }
25579
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25577
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25580
25578
  display: grid;
25581
25579
  grid-template-columns: 1fr;
25582
25580
  height: auto;
25583
25581
  grid-auto-columns: max-content;
25584
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
25585
- 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);
25582
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
25583
+ 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);
25586
25584
  }
25587
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
25585
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
25588
25586
  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);
25589
25587
  }
25590
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
25588
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
25591
25589
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
25592
25590
  }
25593
25591
  .pf-m-grid-lg.pf-v5-c-table.pf-m-compact {
25594
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
25595
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
25596
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
25597
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
25592
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
25593
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
25594
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
25595
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
25598
25596
  --pf-v5-c-table__check--input--MarginTop: 0;
25599
25597
  }
25600
25598
  .pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -25607,61 +25605,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
25607
25605
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__icon > * {
25608
25606
  text-align: left;
25609
25607
  }
25610
- .pf-m-grid-lg.pf-v5-c-table [data-label] {
25608
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
25611
25609
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
25612
25610
  grid-column: 1;
25613
25611
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
25614
25612
  grid-template-columns: 1fr minmax(0, 1.5fr);
25615
25613
  align-items: start;
25616
25614
  }
25617
- .pf-m-grid-lg.pf-v5-c-table [data-label] > * {
25615
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25618
25616
  grid-column: 2;
25619
25617
  }
25620
- .pf-m-grid-lg.pf-v5-c-table [data-label]::before {
25618
+ .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25621
25619
  font-weight: bold;
25622
25620
  text-align: left;
25623
25621
  content: attr(data-label);
25624
25622
  }
25625
- .pf-m-grid-lg.pf-v5-c-table tr > *:first-child {
25623
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25626
25624
  --pf-v5-c-table--cell--PaddingLeft: 0;
25627
25625
  }
25628
- .pf-m-grid-lg.pf-v5-c-table tr > *:last-child {
25626
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25629
25627
  --pf-v5-c-table--cell--PaddingRight: 0;
25630
25628
  }
25631
25629
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table {
25632
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25633
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25634
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25635
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25630
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25631
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25632
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25633
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25636
25634
  border: 0;
25637
25635
  }
25638
- .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) {
25639
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25636
+ .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) {
25637
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25640
25638
  }
25641
25639
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25642
25640
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25643
25641
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25644
25642
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25645
25643
  }
25646
- .pf-m-grid-lg.pf-v5-c-table tbody {
25644
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25647
25645
  position: relative;
25648
25646
  }
25649
- .pf-m-grid-lg.pf-v5-c-table tbody::after {
25647
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25650
25648
  position: absolute;
25651
25649
  top: 0;
25652
25650
  bottom: 0;
25653
25651
  left: 0;
25654
25652
  content: "";
25655
25653
  border: 0;
25656
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25654
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25657
25655
  }
25658
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
25659
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25656
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25657
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25660
25658
  }
25661
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tbody {
25662
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25659
+ .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) {
25660
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25663
25661
  }
25664
- .pf-m-grid-lg.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25662
+ .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 {
25665
25663
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25666
25664
  position: static;
25667
25665
  width: auto;
@@ -25690,7 +25688,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25690
25688
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
25691
25689
  content: none;
25692
25690
  }
25693
- .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 {
25691
+ .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,
25692
+ .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 {
25694
25693
  padding: 0;
25695
25694
  }
25696
25695
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -25700,44 +25699,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
25700
25699
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
25701
25700
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
25702
25701
  }
25703
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable {
25704
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25705
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
25702
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
25703
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25704
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
25706
25705
  }
25707
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable,
25708
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr {
25706
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
25707
+ .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) {
25709
25708
  position: relative;
25710
25709
  }
25711
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
25710
+ .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 {
25712
25711
  content: "";
25713
25712
  position: absolute;
25714
25713
  top: 0;
25715
25714
  bottom: 0;
25716
25715
  left: 0;
25717
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
25718
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
25716
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
25717
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
25719
25718
  }
25720
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
25721
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
25722
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
25719
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
25720
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
25721
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
25723
25722
  }
25724
- .pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
25725
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
25726
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
25723
+ .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
25724
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
25725
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
25727
25726
  }
25728
- .pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected::after {
25727
+ .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
25729
25728
  content: "";
25730
25729
  position: absolute;
25731
25730
  top: 0;
25732
25731
  bottom: 0;
25733
25732
  left: 0;
25734
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
25735
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
25733
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
25734
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
25736
25735
  }
25737
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
25738
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
25739
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
25740
- .pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
25736
+ .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,
25737
+ .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,
25738
+ .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,
25739
+ .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 {
25741
25740
  width: auto;
25742
25741
  padding: 0;
25743
25742
  }
@@ -25808,18 +25807,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
25808
25807
  }
25809
25808
  }
25810
25809
  @media screen and (max-width: 992px) {
25811
- .pf-m-grid-lg.pf-v5-c-table .pf-m-nowrap {
25810
+ .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 {
25812
25811
  --pf-v5-c-table--cell--Overflow: auto;
25813
25812
  }
25814
- }
25815
- @media screen and (max-width: 992px) {
25816
- .pf-m-grid-lg.pf-v5-c-table .pf-m-fit-content {
25813
+ .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 {
25817
25814
  width: auto;
25818
25815
  white-space: normal;
25819
25816
  }
25820
- }
25821
- @media screen and (max-width: 992px) {
25822
- .pf-m-grid-lg.pf-v5-c-table .pf-m-truncate {
25817
+ .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 {
25823
25818
  --pf-v5-c-table--cell--MaxWidth: 100%;
25824
25819
  }
25825
25820
  }
@@ -25842,7 +25837,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25842
25837
  display: grid;
25843
25838
  border: none;
25844
25839
  }
25845
- .pf-m-grid-xl.pf-v5-c-table tr > * {
25840
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
25846
25841
  width: auto;
25847
25842
  min-width: 0;
25848
25843
  max-width: none;
@@ -25859,57 +25854,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
25859
25854
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
25860
25855
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
25861
25856
  }
25862
- .pf-m-grid-xl.pf-v5-c-table thead {
25857
+ .pf-m-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
25863
25858
  display: none;
25864
25859
  }
25865
- .pf-m-grid-xl.pf-v5-c-table tbody {
25860
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25866
25861
  display: block;
25867
25862
  }
25868
- .pf-m-grid-xl.pf-v5-c-table tbody:first-of-type {
25869
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25863
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
25864
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25870
25865
  }
25871
- .pf-m-grid-xl.pf-v5-c-table table.pf-m-compact > tbody {
25866
+ .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
25872
25867
  border-top: 0;
25873
25868
  }
25874
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25875
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25869
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25870
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25876
25871
  }
25877
- .pf-m-grid-xl.pf-v5-c-table tr:last-child,
25878
- .pf-m-grid-xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
25879
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
25872
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
25873
+ .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) {
25874
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
25880
25875
  }
25881
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
25876
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25882
25877
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
25883
25878
  }
25884
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
25879
+ .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) {
25885
25880
  border-bottom: 0;
25886
25881
  }
25887
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
25888
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25882
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
25883
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
25889
25884
  }
25890
- .pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected {
25885
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
25891
25886
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25892
25887
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
25893
25888
  }
25894
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
25889
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
25895
25890
  display: grid;
25896
25891
  grid-template-columns: 1fr;
25897
25892
  height: auto;
25898
25893
  grid-auto-columns: max-content;
25899
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
25900
- 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);
25894
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
25895
+ 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);
25901
25896
  }
25902
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
25897
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
25903
25898
  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);
25904
25899
  }
25905
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
25900
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
25906
25901
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
25907
25902
  }
25908
25903
  .pf-m-grid-xl.pf-v5-c-table.pf-m-compact {
25909
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
25910
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
25911
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
25912
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
25904
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
25905
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
25906
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
25907
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
25913
25908
  --pf-v5-c-table__check--input--MarginTop: 0;
25914
25909
  }
25915
25910
  .pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -25922,61 +25917,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
25922
25917
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__icon > * {
25923
25918
  text-align: left;
25924
25919
  }
25925
- .pf-m-grid-xl.pf-v5-c-table [data-label] {
25920
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
25926
25921
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
25927
25922
  grid-column: 1;
25928
25923
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
25929
25924
  grid-template-columns: 1fr minmax(0, 1.5fr);
25930
25925
  align-items: start;
25931
25926
  }
25932
- .pf-m-grid-xl.pf-v5-c-table [data-label] > * {
25927
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
25933
25928
  grid-column: 2;
25934
25929
  }
25935
- .pf-m-grid-xl.pf-v5-c-table [data-label]::before {
25930
+ .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
25936
25931
  font-weight: bold;
25937
25932
  text-align: left;
25938
25933
  content: attr(data-label);
25939
25934
  }
25940
- .pf-m-grid-xl.pf-v5-c-table tr > *:first-child {
25935
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
25941
25936
  --pf-v5-c-table--cell--PaddingLeft: 0;
25942
25937
  }
25943
- .pf-m-grid-xl.pf-v5-c-table tr > *:last-child {
25938
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
25944
25939
  --pf-v5-c-table--cell--PaddingRight: 0;
25945
25940
  }
25946
25941
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table {
25947
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
25948
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
25949
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
25950
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
25942
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
25943
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
25944
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
25945
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
25951
25946
  border: 0;
25952
25947
  }
25953
- .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) {
25954
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
25948
+ .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) {
25949
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
25955
25950
  }
25956
25951
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
25957
25952
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
25958
25953
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
25959
25954
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
25960
25955
  }
25961
- .pf-m-grid-xl.pf-v5-c-table tbody {
25956
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
25962
25957
  position: relative;
25963
25958
  }
25964
- .pf-m-grid-xl.pf-v5-c-table tbody::after {
25959
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
25965
25960
  position: absolute;
25966
25961
  top: 0;
25967
25962
  bottom: 0;
25968
25963
  left: 0;
25969
25964
  content: "";
25970
25965
  border: 0;
25971
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
25966
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
25972
25967
  }
25973
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
25974
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
25968
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
25969
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
25975
25970
  }
25976
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tbody {
25977
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
25971
+ .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) {
25972
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25978
25973
  }
25979
- .pf-m-grid-xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
25974
+ .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 {
25980
25975
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
25981
25976
  position: static;
25982
25977
  width: auto;
@@ -26005,7 +26000,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26005
26000
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
26006
26001
  content: none;
26007
26002
  }
26008
- .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 {
26003
+ .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,
26004
+ .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 {
26009
26005
  padding: 0;
26010
26006
  }
26011
26007
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -26015,44 +26011,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
26015
26011
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
26016
26012
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
26017
26013
  }
26018
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable {
26019
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26020
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
26014
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
26015
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26016
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
26021
26017
  }
26022
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable,
26023
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
26018
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
26019
+ .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) {
26024
26020
  position: relative;
26025
26021
  }
26026
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
26022
+ .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 {
26027
26023
  content: "";
26028
26024
  position: absolute;
26029
26025
  top: 0;
26030
26026
  bottom: 0;
26031
26027
  left: 0;
26032
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
26033
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
26028
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
26029
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
26034
26030
  }
26035
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
26036
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
26037
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
26031
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
26032
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
26033
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
26038
26034
  }
26039
- .pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
26040
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
26041
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
26035
+ .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
26036
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
26037
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
26042
26038
  }
26043
- .pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected::after {
26039
+ .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
26044
26040
  content: "";
26045
26041
  position: absolute;
26046
26042
  top: 0;
26047
26043
  bottom: 0;
26048
26044
  left: 0;
26049
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
26050
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
26045
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
26046
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
26051
26047
  }
26052
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
26053
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
26054
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
26055
- .pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
26048
+ .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,
26049
+ .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,
26050
+ .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,
26051
+ .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 {
26056
26052
  width: auto;
26057
26053
  padding: 0;
26058
26054
  }
@@ -26123,18 +26119,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
26123
26119
  }
26124
26120
  }
26125
26121
  @media screen and (max-width: 1200px) {
26126
- .pf-m-grid-xl.pf-v5-c-table .pf-m-nowrap {
26122
+ .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 {
26127
26123
  --pf-v5-c-table--cell--Overflow: auto;
26128
26124
  }
26129
- }
26130
- @media screen and (max-width: 1200px) {
26131
- .pf-m-grid-xl.pf-v5-c-table .pf-m-fit-content {
26125
+ .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 {
26132
26126
  width: auto;
26133
26127
  white-space: normal;
26134
26128
  }
26135
- }
26136
- @media screen and (max-width: 1200px) {
26137
- .pf-m-grid-xl.pf-v5-c-table .pf-m-truncate {
26129
+ .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 {
26138
26130
  --pf-v5-c-table--cell--MaxWidth: 100%;
26139
26131
  }
26140
26132
  }
@@ -26157,7 +26149,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
26157
26149
  display: grid;
26158
26150
  border: none;
26159
26151
  }
26160
- .pf-m-grid-2xl.pf-v5-c-table tr > * {
26152
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
26161
26153
  width: auto;
26162
26154
  min-width: 0;
26163
26155
  max-width: none;
@@ -26174,57 +26166,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
26174
26166
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
26175
26167
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
26176
26168
  }
26177
- .pf-m-grid-2xl.pf-v5-c-table thead {
26169
+ .pf-m-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
26178
26170
  display: none;
26179
26171
  }
26180
- .pf-m-grid-2xl.pf-v5-c-table tbody {
26172
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26181
26173
  display: block;
26182
26174
  }
26183
- .pf-m-grid-2xl.pf-v5-c-table tbody:first-of-type {
26184
- border-top: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26175
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
26176
+ border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26185
26177
  }
26186
- .pf-m-grid-2xl.pf-v5-c-table table.pf-m-compact > tbody {
26178
+ .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
26187
26179
  border-top: 0;
26188
26180
  }
26189
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26190
- border-bottom: var(--pf-v5-c-table-tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26181
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26182
+ border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26191
26183
  }
26192
- .pf-m-grid-2xl.pf-v5-c-table tr:last-child,
26193
- .pf-m-grid-2xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
26194
- border-bottom-width: var(--pf-v5-c-table-tr--responsive--last-child--BorderBottomWidth);
26184
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
26185
+ .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) {
26186
+ border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
26195
26187
  }
26196
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
26188
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
26197
26189
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
26198
26190
  }
26199
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
26191
+ .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) {
26200
26192
  border-bottom: 0;
26201
26193
  }
26202
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
26203
- border-bottom: var(--pf-v5-c-table--tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26194
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
26195
+ border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
26204
26196
  }
26205
- .pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected {
26197
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
26206
26198
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
26207
26199
  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
26208
26200
  }
26209
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26201
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26210
26202
  display: grid;
26211
26203
  grid-template-columns: 1fr;
26212
26204
  height: auto;
26213
26205
  grid-auto-columns: max-content;
26214
- grid-column-gap: var(--pf-v5-c-table-tr--responsive--GridColumnGap);
26215
- 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);
26206
+ grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
26207
+ 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);
26216
26208
  }
26217
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
26209
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
26218
26210
  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);
26219
26211
  }
26220
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
26212
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
26221
26213
  --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
26222
26214
  }
26223
26215
  .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact {
26224
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingTop);
26225
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr--responsive--PaddingBottom);
26226
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingTop);
26227
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact-tr-td--responsive--PaddingBottom);
26216
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
26217
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
26218
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
26219
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
26228
26220
  --pf-v5-c-table__check--input--MarginTop: 0;
26229
26221
  }
26230
26222
  .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
@@ -26237,61 +26229,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
26237
26229
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__icon > * {
26238
26230
  text-align: left;
26239
26231
  }
26240
- .pf-m-grid-2xl.pf-v5-c-table [data-label] {
26232
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
26241
26233
  --pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
26242
26234
  grid-column: 1;
26243
26235
  grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
26244
26236
  grid-template-columns: 1fr minmax(0, 1.5fr);
26245
26237
  align-items: start;
26246
26238
  }
26247
- .pf-m-grid-2xl.pf-v5-c-table [data-label] > * {
26239
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
26248
26240
  grid-column: 2;
26249
26241
  }
26250
- .pf-m-grid-2xl.pf-v5-c-table [data-label]::before {
26242
+ .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
26251
26243
  font-weight: bold;
26252
26244
  text-align: left;
26253
26245
  content: attr(data-label);
26254
26246
  }
26255
- .pf-m-grid-2xl.pf-v5-c-table tr > *:first-child {
26247
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
26256
26248
  --pf-v5-c-table--cell--PaddingLeft: 0;
26257
26249
  }
26258
- .pf-m-grid-2xl.pf-v5-c-table tr > *:last-child {
26250
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
26259
26251
  --pf-v5-c-table--cell--PaddingRight: 0;
26260
26252
  }
26261
26253
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table {
26262
- --pf-v5-c-table-tr--responsive--PaddingTop: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingTop);
26263
- --pf-v5-c-table-tr--responsive--PaddingRight: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingRight);
26264
- --pf-v5-c-table-tr--responsive--PaddingBottom: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingBottom);
26265
- --pf-v5-c-table-tr--responsive--PaddingLeft: var(--pf-v5-c-table-tr--responsive--nested-table--PaddingLeft);
26254
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
26255
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
26256
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
26257
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
26266
26258
  border: 0;
26267
26259
  }
26268
- .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) {
26269
- --pf-v5-c-table-tr--responsive--PaddingTop: 0;
26260
+ .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) {
26261
+ --pf-v5-c-table__tr--responsive--PaddingTop: 0;
26270
26262
  }
26271
26263
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
26272
26264
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
26273
26265
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
26274
26266
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
26275
26267
  }
26276
- .pf-m-grid-2xl.pf-v5-c-table tbody {
26268
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26277
26269
  position: relative;
26278
26270
  }
26279
- .pf-m-grid-2xl.pf-v5-c-table tbody::after {
26271
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
26280
26272
  position: absolute;
26281
26273
  top: 0;
26282
26274
  bottom: 0;
26283
26275
  left: 0;
26284
26276
  content: "";
26285
26277
  border: 0;
26286
- border-left: var(--pf-v5-c-table--tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table--tbody--after--BorderColor);
26278
+ border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
26287
26279
  }
26288
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
26289
- --pf-v5-c-table--tbody--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--after--border-width--base);
26280
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
26281
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
26290
26282
  }
26291
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tbody {
26292
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26283
+ .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) {
26284
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26293
26285
  }
26294
- .pf-m-grid-2xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
26286
+ .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 {
26295
26287
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
26296
26288
  position: static;
26297
26289
  width: auto;
@@ -26320,7 +26312,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26320
26312
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
26321
26313
  content: none;
26322
26314
  }
26323
- .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 {
26315
+ .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,
26316
+ .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 {
26324
26317
  padding: 0;
26325
26318
  }
26326
26319
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -26330,44 +26323,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
26330
26323
  padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
26331
26324
  padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
26332
26325
  }
26333
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable {
26334
- --pf-v5-c-table--tbody--after--BorderLeftWidth: 0;
26335
- --pf-v5-c-table--tbody--after--BorderLeftColor: transparent;
26326
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
26327
+ --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26328
+ --pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
26336
26329
  }
26337
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable,
26338
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
26330
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
26331
+ .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) {
26339
26332
  position: relative;
26340
26333
  }
26341
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
26334
+ .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 {
26342
26335
  content: "";
26343
26336
  position: absolute;
26344
26337
  top: 0;
26345
26338
  bottom: 0;
26346
26339
  left: 0;
26347
- width: var(--pf-v5-c-table--tbody--after--tr--BorderLeftWidth);
26348
- background-color: var(--pf-v5-c-table--tbody--after--tr--BorderLeftColor);
26340
+ width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
26341
+ background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
26349
26342
  }
26350
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
26351
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
26352
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-expanded--after--tr--BorderLeftColor);
26343
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
26344
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
26345
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
26353
26346
  }
26354
- .pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
26355
- --pf-v5-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
26356
- --pf-v5-c-table--tbody--after--tr--BorderLeftColor: var(--pf-v5-c-table--tbody--m-selected--after--tr--BorderLeftColor);
26347
+ .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
26348
+ --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
26349
+ --pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
26357
26350
  }
26358
- .pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected::after {
26351
+ .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
26359
26352
  content: "";
26360
26353
  position: absolute;
26361
26354
  top: 0;
26362
26355
  bottom: 0;
26363
26356
  left: 0;
26364
- width: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
26365
- background-color: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
26357
+ width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
26358
+ background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
26366
26359
  }
26367
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
26368
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
26369
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
26370
- .pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
26360
+ .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,
26361
+ .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,
26362
+ .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,
26363
+ .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 {
26371
26364
  width: auto;
26372
26365
  padding: 0;
26373
26366
  }
@@ -26438,18 +26431,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
26438
26431
  }
26439
26432
  }
26440
26433
  @media screen and (max-width: 1450px) {
26441
- .pf-m-grid-2xl.pf-v5-c-table .pf-m-nowrap {
26434
+ .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 {
26442
26435
  --pf-v5-c-table--cell--Overflow: auto;
26443
26436
  }
26444
- }
26445
- @media screen and (max-width: 1450px) {
26446
- .pf-m-grid-2xl.pf-v5-c-table .pf-m-fit-content {
26437
+ .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 {
26447
26438
  width: auto;
26448
26439
  white-space: normal;
26449
26440
  }
26450
- }
26451
- @media screen and (max-width: 1450px) {
26452
- .pf-m-grid-2xl.pf-v5-c-table .pf-m-truncate {
26441
+ .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 {
26453
26442
  --pf-v5-c-table--cell--MaxWidth: 100%;
26454
26443
  }
26455
26444
  }
@@ -26463,19 +26452,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
26463
26452
  --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26464
26453
  --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
26465
26454
  --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
26466
- --pf-v5-c-table-caption--FontSize: var(--pf-v5-global--FontSize--sm);
26467
- --pf-v5-c-table-caption--Color: var(--pf-v5-global--Color--200);
26468
- --pf-v5-c-table-caption--PaddingTop: var(--pf-v5-global--spacer--md);
26469
- --pf-v5-c-table-caption--PaddingRight: var(--pf-v5-global--spacer--lg);
26470
- --pf-v5-c-table-caption--PaddingBottom: var(--pf-v5-global--spacer--md);
26471
- --pf-v5-c-table-caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
26472
- --pf-v5-c-table-caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26473
- --pf-v5-c-table-caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26474
- --pf-v5-c-table--thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
26475
- --pf-v5-c-table--thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
26476
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
26477
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
26478
- --pf-v5-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
26455
+ --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
26456
+ --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
26457
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
26458
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
26459
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
26460
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
26461
+ --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26462
+ --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26463
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
26464
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
26465
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
26466
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
26467
+ --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
26479
26468
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
26480
26469
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
26481
26470
  --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
@@ -26488,7 +26477,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
26488
26477
  --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
26489
26478
  --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
26490
26479
  --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
26491
- --pf-v5-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
26480
+ --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
26492
26481
  --pf-v5-c-table--cell--MinWidth: 0;
26493
26482
  --pf-v5-c-table--cell--MaxWidth: none;
26494
26483
  --pf-v5-c-table--cell--Width: auto;
@@ -26577,7 +26566,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
26577
26566
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
26578
26567
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
26579
26568
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
26580
- --pf-v5-c-table--th--m-help--MinWidth: 11ch;
26569
+ --pf-v5-c-table__th--m-help--MinWidth: 11ch;
26581
26570
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
26582
26571
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
26583
26572
  --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
@@ -26599,8 +26588,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26599
26588
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
26600
26589
  --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);
26601
26590
  --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);
26602
- --pf-v5-c-table--m-compact-th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
26603
- --pf-v5-c-table--m-compact-th--PaddingBottom: var(--pf-v5-global--spacer--sm);
26591
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
26592
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
26604
26593
  --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
26605
26594
  --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
26606
26595
  --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -26617,50 +26606,50 @@ svg.pf-v5-c-spinner.pf-m-xl {
26617
26606
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
26618
26607
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
26619
26608
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
26620
- --pf-v5-c-table--tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26621
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: transparent;
26622
- --pf-v5-c-table--tr--m-clickable--BoxShadow: none;
26623
- --pf-v5-c-table--tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26624
- --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);
26625
- --pf-v5-c-table--tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26626
- --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);
26627
- --pf-v5-c-table--tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26628
- --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);
26629
- --pf-v5-c-table--tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26630
- --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);
26631
- --pf-v5-c-table--tr--m-selected--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26632
- --pf-v5-c-table--tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26633
- --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);
26634
- --pf-v5-c-table--tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26635
- --pf-v5-c-table--tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26636
- --pf-v5-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26637
- --pf-v5-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26638
- --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);
26639
- --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);
26640
- --pf-v5-c-table--tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26641
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: none;
26642
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: transparent;
26643
- --pf-v5-c-table--tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26644
- --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);
26645
- --pf-v5-c-table--tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26646
- --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);
26647
- --pf-v5-c-table--tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26648
- --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);
26649
- --pf-v5-c-table--tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26650
- --pf-v5-c-table--tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
26651
- --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);
26652
- --pf-v5-c-table--tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26653
- --pf-v5-c-table--tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table--tr--BoxShadow--top--base);
26654
- --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);
26655
- --pf-v5-c-table--tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26656
- --pf-v5-c-table--tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26657
- --pf-v5-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26658
- --pf-v5-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26659
- --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);
26660
- --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);
26661
- --pf-v5-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
26662
- --pf-v5-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-v5-global--spacer--xs);
26663
- --pf-v5-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
26609
+ --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26610
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
26611
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
26612
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26613
+ --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);
26614
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26615
+ --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);
26616
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26617
+ --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);
26618
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26619
+ --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);
26620
+ --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26621
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26622
+ --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);
26623
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26624
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26625
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26626
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26627
+ --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);
26628
+ --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);
26629
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26630
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
26631
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
26632
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26633
+ --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);
26634
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26635
+ --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);
26636
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26637
+ --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);
26638
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26639
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
26640
+ --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);
26641
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26642
+ --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
26643
+ --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);
26644
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
26645
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
26646
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
26647
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
26648
+ --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);
26649
+ --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);
26650
+ --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
26651
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
26652
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
26664
26653
  --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
26665
26654
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
26666
26655
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
@@ -26670,8 +26659,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26670
26659
  }
26671
26660
  @media screen and (max-width: 1200px) {
26672
26661
  .pf-v5-c-table {
26673
- --pf-v5-c-table-caption--PaddingRight: var(--pf-v5-c-table-caption--xl--PaddingRight);
26674
- --pf-v5-c-table-caption--PaddingLeft: var(--pf-v5-c-table-caption--xl--PaddingLeft);
26662
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
26663
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
26675
26664
  }
26676
26665
  }
26677
26666
  @media screen and (min-width: 1200px) {
@@ -26688,18 +26677,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
26688
26677
  .pf-v5-c-table.pf-m-sticky-header {
26689
26678
  position: relative;
26690
26679
  }
26691
- .pf-v5-c-table.pf-m-sticky-header > thead > tr {
26680
+ .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) {
26692
26681
  border-bottom: 0;
26693
26682
  }
26694
- .pf-v5-c-table.pf-m-sticky-header > thead > tr > * {
26683
+ .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) > * {
26695
26684
  z-index: var(--pf-v5-c-table--m-sticky-header--cell--ZIndex);
26696
26685
  }
26697
- .pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
26686
+ .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) > * {
26698
26687
  position: sticky;
26699
26688
  top: 0;
26700
26689
  background: var(--pf-v5-c-table--BackgroundColor);
26701
26690
  }
26702
- .pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
26691
+ .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 {
26703
26692
  position: absolute;
26704
26693
  right: 0;
26705
26694
  bottom: 0;
@@ -26717,32 +26706,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
26717
26706
  height: var(--pf-v5-c-table--border-width--base);
26718
26707
  background-color: var(--pf-v5-c-table--BorderColor);
26719
26708
  }
26720
- .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
26721
- .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
26722
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--thead--m-nested-column-header--tr--PaddingBottom);
26709
+ .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]),
26710
+ .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]) {
26711
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
26723
26712
  }
26724
- .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
26713
+ .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) {
26725
26714
  border-bottom: 0;
26726
26715
  }
26727
- .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
26728
- .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
26729
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--thead--m-nested-column-header--tr--PaddingBottom);
26716
+ .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]),
26717
+ .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]) {
26718
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
26730
26719
  }
26731
- .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),
26720
+ .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),
26732
26721
  .pf-v5-c-table > .pf-m-striped > tr:nth-child(odd),
26733
26722
  .pf-v5-c-table > .pf-m-striped-even > tr:nth-child(even),
26734
- .pf-v5-c-table tr.pf-m-striped {
26723
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-striped {
26735
26724
  --pf-v5-c-table__sticky-column--BackgroundColor: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
26736
26725
  background: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
26737
26726
  }
26738
- .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
26727
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
26739
26728
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
26740
26729
  }
26741
- .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
26730
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
26742
26731
  background-color: var(--pf-v5-c-table__tr--m-ghost-row--BackgroundColor);
26743
26732
  opacity: var(--pf-v5-c-table__tr--m-ghost-row--Opacity);
26744
26733
  }
26745
- .pf-v5-c-table tr > * {
26734
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
26746
26735
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-table--cell--hidden-visible--Display);
26747
26736
  position: relative;
26748
26737
  width: var(--pf-v5-c-table--cell--Width);
@@ -26757,30 +26746,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
26757
26746
  word-break: var(--pf-v5-c-table--cell--WordBreak);
26758
26747
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
26759
26748
  }
26760
- .pf-v5-c-table tr > *:first-child {
26749
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
26761
26750
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
26762
26751
  }
26763
- .pf-v5-c-table tr > *:last-child {
26752
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
26764
26753
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
26765
26754
  }
26766
- .pf-v5-c-table tr > *.pf-m-center {
26755
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
26767
26756
  text-align: center;
26768
26757
  }
26769
- .pf-v5-c-table tr > *:empty {
26758
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:empty {
26770
26759
  width: auto;
26771
26760
  min-width: 0;
26772
26761
  padding: 0;
26773
26762
  }
26774
- .pf-v5-c-table tr > *.pf-m-help {
26763
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-help {
26775
26764
  --pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--cell--m-help--MinWidth);
26776
26765
  }
26777
- .pf-v5-c-table tr > *.pf-m-favorite {
26766
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-favorite {
26778
26767
  --pf-v5-c-table__button--Color: var(--pf-v5-c-table--cell--m-favorite--Color);
26779
26768
  --pf-v5-c-table__sort--MinWidth: fit-content;
26780
26769
  --pf-v5-c-table--cell--MaxWidth: fit-content;
26781
26770
  --pf-v5-c-table--cell--Overflow: visible;
26782
26771
  }
26783
- .pf-v5-c-table tr > *.pf-m-border-right::before, .pf-v5-c-table tr > *.pf-m-border-left::before {
26772
+ .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 {
26784
26773
  position: absolute;
26785
26774
  top: 0;
26786
26775
  right: 0;
@@ -26789,55 +26778,55 @@ svg.pf-v5-c-spinner.pf-m-xl {
26789
26778
  pointer-events: none;
26790
26779
  content: "";
26791
26780
  }
26792
- .pf-v5-c-table tr > *.pf-m-border-right::before {
26781
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before {
26793
26782
  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);
26794
26783
  }
26795
- .pf-v5-c-table tr > *.pf-m-border-left::before {
26784
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
26796
26785
  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);
26797
26786
  }
26798
- .pf-v5-c-table caption {
26799
- padding-top: var(--pf-v5-c-table-caption--PaddingTop);
26800
- padding-bottom: var(--pf-v5-c-table-caption--PaddingBottom);
26801
- padding-left: var(--pf-v5-c-table-caption--PaddingLeft);
26802
- font-size: var(--pf-v5-c-table-caption--FontSize);
26803
- color: var(--pf-v5-c-table-caption--Color);
26787
+ .pf-v5-c-table caption:where(.pf-v5-c-table__caption) {
26788
+ padding-top: var(--pf-v5-c-table__caption--PaddingTop);
26789
+ padding-bottom: var(--pf-v5-c-table__caption--PaddingBottom);
26790
+ padding-left: var(--pf-v5-c-table__caption--PaddingLeft);
26791
+ font-size: var(--pf-v5-c-table__caption--FontSize);
26792
+ color: var(--pf-v5-c-table__caption--Color);
26804
26793
  text-align: left;
26805
26794
  background-color: var(--pf-v5-c-table--BackgroundColor);
26806
26795
  }
26807
- .pf-v5-c-table thead {
26808
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--thead--cell--FontSize);
26809
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table--thead--cell--FontWeight);
26796
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
26797
+ --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
26798
+ --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
26810
26799
  vertical-align: bottom;
26811
26800
  }
26812
- .pf-v5-c-table thead.pf-m-nested-column-header button {
26813
- outline-offset: var(--pf-v5-c-table--thead--m-nested-column-header--button--OutlineOffset);
26801
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
26802
+ outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
26814
26803
  }
26815
- .pf-v5-c-table thead.pf-m-nested-column-header th,
26816
- .pf-v5-c-table thead.pf-m-nested-column-header td,
26817
- .pf-v5-c-table thead.pf-m-nested-column-header input {
26804
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
26805
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
26806
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
26818
26807
  vertical-align: middle;
26819
26808
  }
26820
- .pf-v5-c-table thead.pf-m-nested-column-header .pf-v5-c-table__check label {
26809
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
26821
26810
  display: flex;
26822
26811
  align-items: center;
26823
26812
  }
26824
- .pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
26825
- .pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
26826
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--thead--m-nested-column-header--tr--PaddingTop);
26813
+ .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]),
26814
+ .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]) {
26815
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
26827
26816
  }
26828
- .pf-v5-c-table thead .pf-v5-c-table__subhead {
26817
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
26829
26818
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
26830
26819
  color: var(--pf-v5-c-table__subhead--Color);
26831
26820
  }
26832
- .pf-v5-c-table tbody {
26833
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--tbody--cell--PaddingTop);
26834
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--tbody--cell--PaddingBottom);
26821
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
26822
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
26823
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
26835
26824
  }
26836
- .pf-v5-c-table tbody > tr > * {
26825
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
26837
26826
  overflow-wrap: break-word;
26838
26827
  vertical-align: baseline;
26839
26828
  }
26840
- .pf-v5-c-table tbody > tr > :first-child::after {
26829
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
26841
26830
  position: absolute;
26842
26831
  top: var(--pf-v5-c-table__expandable-row--after--Top);
26843
26832
  bottom: var(--pf-v5-c-table__expandable-row--after--Bottom);
@@ -26846,11 +26835,11 @@ svg.pf-v5-c-spinner.pf-m-xl {
26846
26835
  background-color: transparent;
26847
26836
  border-left: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
26848
26837
  }
26849
- .pf-v5-c-table tbody .pf-v5-c-table__check input {
26838
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
26850
26839
  margin-top: var(--pf-v5-c-table__check--input--MarginTop);
26851
26840
  vertical-align: top;
26852
26841
  }
26853
- .pf-v5-c-table tbody.pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
26842
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
26854
26843
  border-bottom-width: 0;
26855
26844
  }
26856
26845
  .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 {
@@ -26859,33 +26848,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
26859
26848
  .pf-v5-c-table .pf-v5-c-table__sort {
26860
26849
  min-width: var(--pf-v5-c-table__sort--MinWidth);
26861
26850
  }
26862
- .pf-v5-c-table .pf-m-help {
26863
- min-width: var(--pf-v5-c-table--th--m-help--MinWidth);
26851
+ .pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td).pf-m-help {
26852
+ min-width: var(--pf-v5-c-table__th--m-help--MinWidth);
26864
26853
  }
26865
- .pf-v5-c-table thead,
26866
- .pf-v5-c-table .pf-m-truncate {
26854
+ .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 {
26867
26855
  --pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--m-truncate--cell--MinWidth);
26868
26856
  --pf-v5-c-table--cell--MaxWidth: var(--pf-v5-c-table--m-truncate--cell--MaxWidth);
26869
26857
  --pf-v5-c-table--cell--Overflow: hidden;
26870
26858
  --pf-v5-c-table--cell--TextOverflow: ellipsis;
26871
26859
  --pf-v5-c-table--cell--WhiteSpace: nowrap;
26872
26860
  }
26873
- .pf-v5-c-table .pf-m-wrap {
26861
+
26862
+ .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-wrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-wrap {
26874
26863
  --pf-v5-c-table--cell--MinWidth: 0;
26875
26864
  --pf-v5-c-table--cell--MaxWidth: none;
26876
26865
  --pf-v5-c-table--cell--Overflow: visible;
26877
26866
  --pf-v5-c-table--cell--TextOverflow: clip;
26878
26867
  --pf-v5-c-table--cell--WhiteSpace: normal;
26879
26868
  }
26880
- .pf-v5-c-table .pf-m-nowrap {
26869
+ .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-nowrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-nowrap {
26881
26870
  --pf-v5-c-table--cell--MinWidth: 0;
26882
26871
  --pf-v5-c-table--cell--MaxWidth: none;
26883
26872
  --pf-v5-c-table--cell--Overflow: visible;
26884
26873
  --pf-v5-c-table--cell--TextOverflow: clip;
26885
26874
  --pf-v5-c-table--cell--WhiteSpace: nowrap;
26886
26875
  }
26887
- .pf-v5-c-table .pf-v5-c-table__icon,
26888
- .pf-v5-c-table .pf-m-fit-content {
26876
+ .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 {
26889
26877
  --pf-v5-c-table--cell--MinWidth: fit-content;
26890
26878
  --pf-v5-c-table--cell--MaxWidth: none;
26891
26879
  --pf-v5-c-table--cell--Width: 1%;
@@ -26893,105 +26881,105 @@ svg.pf-v5-c-spinner.pf-m-xl {
26893
26881
  --pf-v5-c-table--cell--TextOverflow: clip;
26894
26882
  --pf-v5-c-table--cell--WhiteSpace: nowrap;
26895
26883
  }
26896
- .pf-v5-c-table .pf-m-break-word {
26884
+ .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 {
26897
26885
  --pf-v5-c-table--cell--WordBreak: break-word;
26898
26886
  --pf-v5-c-table--cell--WhiteSpace: normal;
26899
26887
  }
26900
- .pf-v5-c-table.pf-m-no-border-rows > tbody > tr {
26888
+ .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) {
26901
26889
  border-bottom: 0;
26902
26890
  }
26903
- .pf-v5-c-table.pf-m-no-border-rows > tbody > tr > :first-child::after {
26891
+ .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 {
26904
26892
  border-left: 0;
26905
26893
  }
26906
- .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 {
26894
+ .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 {
26907
26895
  display: none;
26908
26896
  }
26909
- .pf-v5-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-v5-c-table__control-row {
26897
+ .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 {
26910
26898
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
26911
26899
  }
26912
- .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 {
26900
+ .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 {
26913
26901
  border-left-width: 0;
26914
26902
  }
26915
- .pf-v5-c-table tr.pf-m-clickable {
26903
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
26916
26904
  cursor: pointer;
26917
- background-color: var(--pf-v5-c-table--tr--m-clickable--BackgroundColor);
26918
- outline-offset: var(--pf-v5-c-table--tr--m-clickable--OutlineOffset);
26919
- box-shadow: var(--pf-v5-c-table--tr--m-clickable--BoxShadow);
26905
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
26906
+ outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
26907
+ box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
26920
26908
  }
26921
- .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 {
26922
- box-shadow: var(--pf-v5-c-table--tr--m-clickable--m-selected--BoxShadow);
26909
+ .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 {
26910
+ box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
26923
26911
  }
26924
- .pf-v5-c-table tr.pf-m-clickable:hover {
26925
- --pf-v5-c-table--tr--m-clickable--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--hover--BoxShadow);
26926
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: var(--pf-v5-c-table--tr--m-clickable--hover--BackgroundColor);
26912
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
26913
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
26914
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
26927
26915
  }
26928
- .pf-v5-c-table tr.pf-m-clickable:focus {
26929
- --pf-v5-c-table--tr--m-clickable--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--focus--BoxShadow);
26930
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: var(--pf-v5-c-table--tr--m-clickable--focus--BackgroundColor);
26916
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
26917
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
26918
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
26931
26919
  }
26932
- .pf-v5-c-table tr.pf-m-clickable:active {
26933
- --pf-v5-c-table--tr--m-clickable--BoxShadow: var(--pf-v5-c-table--tr--m-clickable--active--BoxShadow);
26934
- --pf-v5-c-table--tr--m-clickable--BackgroundColor: var(--pf-v5-c-table--tr--m-clickable--active--BackgroundColor);
26920
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
26921
+ --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
26922
+ --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
26935
26923
  }
26936
- .pf-v5-c-table tr.pf-m-selected {
26937
- --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftWidth);
26938
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table--tr--m-selected--after--BorderLeftColor);
26924
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
26925
+ --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
26926
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
26939
26927
  position: relative;
26940
- background-color: var(--pf-v5-c-table--tr--m-selected--BackgroundColor);
26941
- outline-offset: var(--pf-v5-c-table--tr--m-selected--OutlineOffset);
26942
- box-shadow: var(--pf-v5-c-table--tr--m-selected--BoxShadow);
26928
+ background-color: var(--pf-v5-c-table__tr--m-selected--BackgroundColor);
26929
+ outline-offset: var(--pf-v5-c-table__tr--m-selected--OutlineOffset);
26930
+ box-shadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow);
26943
26931
  }
26944
- .pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected {
26945
- box-shadow: var(--pf-v5-c-table--tr--m-selected--m-selected--BoxShadow);
26932
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected + tr:where(.pf-v5-c-table__tr).pf-m-selected {
26933
+ box-shadow: var(--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow);
26946
26934
  }
26947
- .pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected:hover {
26948
- box-shadow: var(--pf-v5-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow);
26935
+ .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 {
26936
+ box-shadow: var(--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
26949
26937
  }
26950
- .pf-v5-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
26951
- box-shadow: var(--pf-v5-c-table--tr--m-selected--hover--m-selected--BoxShadow);
26938
+ .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 {
26939
+ box-shadow: var(--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
26952
26940
  }
26953
- .pf-v5-c-table tr.pf-m-first-cell-offset-reset {
26954
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
26941
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-first-cell-offset-reset {
26942
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
26955
26943
  }
26956
- .pf-v5-c-table tbody.pf-m-clickable {
26944
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable {
26957
26945
  cursor: pointer;
26958
- background-color: var(--pf-v5-c-table--tbody--m-clickable--BackgroundColor);
26959
- outline-offset: var(--pf-v5-c-table--tbody--m-clickable--OutlineOffset);
26960
- box-shadow: var(--pf-v5-c-table--tbody--m-clickable--BoxShadow);
26946
+ background-color: var(--pf-v5-c-table__tbody--m-clickable--BackgroundColor);
26947
+ outline-offset: var(--pf-v5-c-table__tbody--m-clickable--OutlineOffset);
26948
+ box-shadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow);
26961
26949
  }
26962
- .pf-v5-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
26963
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table--tbody--m-clickable--m-expanded--BorderColor);
26950
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
26951
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor);
26964
26952
  }
26965
- .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 {
26966
- box-shadow: var(--pf-v5-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow);
26953
+ .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 {
26954
+ box-shadow: var(--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
26967
26955
  }
26968
- .pf-v5-c-table tbody.pf-m-clickable:hover {
26969
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--hover--BoxShadow);
26970
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table--tbody--m-clickable--hover--BackgroundColor);
26956
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover {
26957
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow);
26958
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor);
26971
26959
  }
26972
- .pf-v5-c-table tbody.pf-m-clickable:focus {
26973
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--focus--BoxShadow);
26974
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table--tbody--m-clickable--focus--BackgroundColor);
26960
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus {
26961
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow);
26962
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor);
26975
26963
  }
26976
- .pf-v5-c-table tbody.pf-m-clickable:active {
26977
- --pf-v5-c-table--tbody--m-clickable--BoxShadow: var(--pf-v5-c-table--tbody--m-clickable--active--BoxShadow);
26978
- --pf-v5-c-table--tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table--tbody--m-clickable--active--BackgroundColor);
26964
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active {
26965
+ --pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--active--BoxShadow);
26966
+ --pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor);
26979
26967
  }
26980
- .pf-v5-c-table tbody.pf-m-selected {
26981
- --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table--tbody--m-selected--after--BorderLeftWidth);
26982
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table--tbody--m-selected--after--BorderLeftColor);
26983
- background-color: var(--pf-v5-c-table--tbody--m-selected--BackgroundColor);
26984
- outline-offset: var(--pf-v5-c-table--tbody--m-selected--OutlineOffset);
26985
- box-shadow: var(--pf-v5-c-table--tbody--m-selected--BoxShadow);
26968
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
26969
+ --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth);
26970
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor);
26971
+ background-color: var(--pf-v5-c-table__tbody--m-selected--BackgroundColor);
26972
+ outline-offset: var(--pf-v5-c-table__tbody--m-selected--OutlineOffset);
26973
+ box-shadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow);
26986
26974
  }
26987
- .pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected {
26988
- --pf-v5-c-table--tbody--m-selected--BoxShadow: var(--pf-v5-c-table--tbody--m-selected--m-selected--BoxShadow);
26975
+ .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
26976
+ --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow);
26989
26977
  }
26990
- .pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {
26991
- box-shadow: var(--pf-v5-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow);
26978
+ .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 {
26979
+ box-shadow: var(--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
26992
26980
  }
26993
- .pf-v5-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {
26994
- box-shadow: var(--pf-v5-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow);
26981
+ .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 {
26982
+ box-shadow: var(--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
26995
26983
  }
26996
26984
  .pf-v5-c-table.pf-m-drag-over {
26997
26985
  overflow-anchor: none;
@@ -27074,25 +27062,25 @@ svg.pf-v5-c-spinner.pf-m-xl {
27074
27062
  .pf-v5-c-table__column-help .pf-v5-c-table__text {
27075
27063
  min-width: auto;
27076
27064
  }
27077
- .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,
27078
- .pf-v5-c-table thead.pf-m-nowrap .pf-v5-c-table__column-help,
27079
- .pf-v5-c-table tr.pf-m-nowrap .pf-v5-c-table__column-help,
27080
- .pf-v5-c-table th.pf-m-nowrap .pf-v5-c-table__column-help {
27065
+ .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,
27066
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__column-help,
27067
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__column-help,
27068
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__column-help {
27081
27069
  grid-template-columns: min-content max-content;
27082
27070
  }
27083
- .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,
27084
- .pf-v5-c-table thead.pf-m-fit-content .pf-v5-c-table__column-help,
27085
- .pf-v5-c-table tr.pf-m-fit-content .pf-v5-c-table__column-help,
27086
- .pf-v5-c-table th.pf-m-fit-content .pf-v5-c-table__column-help {
27071
+ .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,
27072
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__column-help,
27073
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__column-help,
27074
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__column-help {
27087
27075
  grid-template-columns: fit-content max-content;
27088
27076
  }
27089
- .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,
27090
- .pf-v5-c-table thead.pf-m-wrap .pf-v5-c-table__column-help,
27091
- .pf-v5-c-table tr.pf-m-wrap .pf-v5-c-table__column-help,
27092
- .pf-v5-c-table th.pf-m-wrap .pf-v5-c-table__column-help,
27093
- .pf-v5-c-table thead.pf-m-truncate .pf-v5-c-table__column-help,
27094
- .pf-v5-c-table tr.pf-m-truncate .pf-v5-c-table__column-help,
27095
- .pf-v5-c-table th.pf-m-truncate .pf-v5-c-table__column-help {
27077
+ .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,
27078
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__column-help,
27079
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__column-help,
27080
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__column-help,
27081
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__column-help,
27082
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__column-help,
27083
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__column-help {
27096
27084
  grid-template-columns: auto max-content;
27097
27085
  }
27098
27086
 
@@ -27106,7 +27094,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27106
27094
  .pf-v5-c-table .pf-v5-c-table__toggle,
27107
27095
  .pf-v5-c-table .pf-v5-c-table__action,
27108
27096
  .pf-v5-c-table .pf-v5-c-table__favorite,
27109
- .pf-v5-c-table th.pf-m-favorite,
27097
+ .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-favorite,
27110
27098
  .pf-v5-c-table .pf-v5-c-table__inline-edit-action,
27111
27099
  .pf-v5-c-table .pf-v5-c-table__draggable {
27112
27100
  --pf-v5-c-table--cell--MinWidth: 0;
@@ -27294,7 +27282,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27294
27282
  color: var(--pf-v5-c-table__sort--m-selected__button--Color);
27295
27283
  }
27296
27284
  .pf-v5-c-table__sort.pf-m-help {
27297
- --pf-v5-c-table--th--m-help--MinWidth: var(--pf-v5-c-table__sort--m-help--MinWidth);
27285
+ --pf-v5-c-table__th--m-help--MinWidth: var(--pf-v5-c-table__sort--m-help--MinWidth);
27298
27286
  }
27299
27287
  .pf-v5-c-table__sort.pf-m-favorite {
27300
27288
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort--m-favorite__button__text--Color);
@@ -27319,15 +27307,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
27319
27307
  box-shadow: 0 0 0 0 transparent;
27320
27308
  }
27321
27309
  .pf-v5-c-table__expandable-row,
27322
- .pf-v5-c-table__expandable-row td:first-child::after {
27310
+ .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
27323
27311
  transition: var(--pf-v5-c-table__expandable-row--Transition);
27324
27312
  }
27325
- .pf-v5-c-table__expandable-row td.pf-m-no-padding,
27326
- .pf-v5-c-table__expandable-row th.pf-m-no-padding {
27313
+ .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
27314
+ .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
27327
27315
  padding: 0 0 0 var(--pf-v5-c-table__expandable-row--after--border-width--base);
27328
27316
  }
27329
- .pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content,
27330
- .pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
27317
+ .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
27318
+ .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
27331
27319
  padding: 0;
27332
27320
  }
27333
27321
  .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content {
@@ -27343,10 +27331,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27343
27331
  display: none;
27344
27332
  }
27345
27333
 
27346
- .pf-v5-c-table .pf-v5-c-table tr > *:first-child {
27334
+ .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
27347
27335
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
27348
27336
  }
27349
- .pf-v5-c-table .pf-v5-c-table tr > *:last-child {
27337
+ .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
27350
27338
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
27351
27339
  }
27352
27340
 
@@ -27356,25 +27344,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27356
27344
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
27357
27345
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
27358
27346
  }
27359
- .pf-v5-c-table.pf-m-compact tr {
27347
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
27360
27348
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
27361
27349
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
27362
27350
  }
27363
- .pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) {
27351
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
27364
27352
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
27365
27353
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
27366
27354
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
27367
27355
  }
27368
- .pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
27356
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
27369
27357
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27370
27358
  }
27371
- .pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:last-child {
27359
+ .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
27372
27360
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27373
27361
  }
27374
- .pf-v5-c-table.pf-m-compact thead th,
27375
- .pf-v5-c-table.pf-m-compact thead .pf-v5-c-table__toggle {
27376
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact-th--PaddingTop);
27377
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact-th--PaddingBottom);
27362
+ .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
27363
+ .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) td:where(.pf-v5-c-table__td),
27364
+ .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
27365
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
27366
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
27378
27367
  }
27379
27368
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
27380
27369
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
@@ -27390,10 +27379,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27390
27379
  min-width: 0;
27391
27380
  text-align: center;
27392
27381
  }
27393
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:first-child {
27382
+ .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
27394
27383
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
27395
27384
  }
27396
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:last-child {
27385
+ .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
27397
27386
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
27398
27387
  }
27399
27388
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
@@ -27573,31 +27562,31 @@ svg.pf-v5-c-spinner.pf-m-xl {
27573
27562
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft);
27574
27563
  --pf-v5-c-table__tree-view-main--MarginLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft);
27575
27564
  }
27576
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="2"] {
27565
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
27577
27566
  --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));
27578
27567
  }
27579
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="3"] {
27568
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
27580
27569
  --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));
27581
27570
  }
27582
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="4"] {
27571
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
27583
27572
  --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));
27584
27573
  }
27585
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="5"] {
27574
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
27586
27575
  --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));
27587
27576
  }
27588
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="6"] {
27577
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
27589
27578
  --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));
27590
27579
  }
27591
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="7"] {
27580
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
27592
27581
  --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));
27593
27582
  }
27594
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="8"] {
27583
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
27595
27584
  --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));
27596
27585
  }
27597
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="9"] {
27586
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
27598
27587
  --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));
27599
27588
  }
27600
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="10"] {
27589
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
27601
27590
  --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));
27602
27591
  }
27603
27592
 
@@ -27643,85 +27632,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
27643
27632
 
27644
27633
  .pf-m-tree-view-grid.pf-v5-c-table {
27645
27634
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27646
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27647
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27648
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27649
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27635
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27636
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27637
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27638
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27650
27639
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
27651
27640
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
27652
27641
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
27653
27642
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
27654
27643
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
27655
27644
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
27656
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27657
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27658
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27645
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27646
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27647
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27659
27648
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
27660
27649
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
27661
27650
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
27662
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
27663
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
27651
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
27652
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
27664
27653
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
27665
27654
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
27666
27655
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
27667
27656
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
27668
27657
  }
27669
- .pf-m-tree-view-grid.pf-v5-c-table tbody tr {
27658
+ .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
27670
27659
  position: relative;
27671
27660
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
27672
27661
  border: none;
27673
27662
  }
27674
- .pf-m-tree-view-grid.pf-v5-c-table tbody tr::before {
27663
+ .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
27675
27664
  position: absolute;
27676
27665
  top: 0;
27677
27666
  right: 0;
27678
27667
  bottom: 0;
27679
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27668
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27680
27669
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
27681
27670
  content: "";
27682
27671
  }
27683
- .pf-m-tree-view-grid.pf-v5-c-table tr:not([hidden]) {
27672
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
27684
27673
  display: grid;
27685
27674
  grid-template-columns: 1fr max-content;
27686
27675
  }
27687
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27676
+ .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 {
27688
27677
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
27689
27678
  }
27690
- .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 {
27679
+ .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 {
27691
27680
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
27692
27681
  }
27693
- .pf-m-tree-view-grid.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
27694
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
27695
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
27696
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27682
+ .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) {
27683
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
27684
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
27685
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27697
27686
  }
27698
27687
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-text {
27699
27688
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
27700
27689
  }
27701
- .pf-m-tree-view-grid.pf-v5-c-table thead th {
27690
+ .pf-m-tree-view-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
27702
27691
  display: none;
27703
27692
  }
27704
- .pf-m-tree-view-grid.pf-v5-c-table td {
27693
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td) {
27705
27694
  display: none;
27706
27695
  }
27707
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label] {
27696
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
27708
27697
  grid-column: 1;
27709
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
27710
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
27698
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
27699
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
27711
27700
  align-items: start;
27712
27701
  }
27713
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label] > * {
27702
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
27714
27703
  grid-column: 2;
27715
27704
  }
27716
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label]::before {
27705
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
27717
27706
  font-weight: bold;
27718
27707
  text-align: left;
27719
27708
  content: attr(data-label);
27720
27709
  }
27721
- .pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
27710
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
27722
27711
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
27723
27712
  }
27724
- .pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
27713
+ .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] {
27725
27714
  display: grid;
27726
27715
  }
27727
27716
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -27733,9 +27722,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
27733
27722
  }
27734
27723
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action {
27735
27724
  --pf-v5-c-table--cell--Width: auto;
27736
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27737
- --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);
27738
- --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);
27725
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27726
+ --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);
27727
+ --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);
27739
27728
  grid-column: 2;
27740
27729
  grid-row: 1;
27741
27730
  }
@@ -27752,116 +27741,116 @@ svg.pf-v5-c-spinner.pf-m-xl {
27752
27741
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
27753
27742
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
27754
27743
  }
27755
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="2"] {
27756
- --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));
27744
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
27745
+ --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));
27757
27746
  }
27758
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="3"] {
27759
- --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));
27747
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
27748
+ --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));
27760
27749
  }
27761
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="4"] {
27762
- --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));
27750
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
27751
+ --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));
27763
27752
  }
27764
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="5"] {
27765
- --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));
27753
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
27754
+ --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));
27766
27755
  }
27767
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="6"] {
27768
- --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));
27756
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
27757
+ --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));
27769
27758
  }
27770
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="7"] {
27771
- --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));
27759
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
27760
+ --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));
27772
27761
  }
27773
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="8"] {
27774
- --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));
27762
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
27763
+ --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));
27775
27764
  }
27776
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="9"] {
27777
- --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));
27765
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
27766
+ --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));
27778
27767
  }
27779
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="10"] {
27780
- --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));
27768
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
27769
+ --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));
27781
27770
  }
27782
27771
 
27783
27772
  @media screen and (max-width: 768px) {
27784
27773
  .pf-m-tree-view-grid-md.pf-v5-c-table {
27785
27774
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27786
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27787
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27788
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27789
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27775
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27776
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27777
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27778
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27790
27779
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
27791
27780
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
27792
27781
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
27793
27782
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
27794
27783
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
27795
27784
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
27796
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27797
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27798
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27785
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27786
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27787
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27799
27788
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
27800
27789
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
27801
27790
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
27802
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
27803
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
27791
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
27792
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
27804
27793
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
27805
27794
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
27806
27795
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
27807
27796
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
27808
27797
  }
27809
- .pf-m-tree-view-grid-md.pf-v5-c-table tbody tr {
27798
+ .pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
27810
27799
  position: relative;
27811
27800
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
27812
27801
  border: none;
27813
27802
  }
27814
- .pf-m-tree-view-grid-md.pf-v5-c-table tbody tr::before {
27803
+ .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 {
27815
27804
  position: absolute;
27816
27805
  top: 0;
27817
27806
  right: 0;
27818
27807
  bottom: 0;
27819
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27808
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27820
27809
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
27821
27810
  content: "";
27822
27811
  }
27823
- .pf-m-tree-view-grid-md.pf-v5-c-table tr:not([hidden]) {
27812
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
27824
27813
  display: grid;
27825
27814
  grid-template-columns: 1fr max-content;
27826
27815
  }
27827
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27816
+ .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 {
27828
27817
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
27829
27818
  }
27830
- .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 {
27819
+ .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 {
27831
27820
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
27832
27821
  }
27833
- .pf-m-tree-view-grid-md.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
27834
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
27835
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
27836
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27822
+ .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) {
27823
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
27824
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
27825
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27837
27826
  }
27838
27827
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-text {
27839
27828
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
27840
27829
  }
27841
- .pf-m-tree-view-grid-md.pf-v5-c-table thead th {
27830
+ .pf-m-tree-view-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
27842
27831
  display: none;
27843
27832
  }
27844
- .pf-m-tree-view-grid-md.pf-v5-c-table td {
27833
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td) {
27845
27834
  display: none;
27846
27835
  }
27847
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] {
27836
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
27848
27837
  grid-column: 1;
27849
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
27850
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
27838
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
27839
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
27851
27840
  align-items: start;
27852
27841
  }
27853
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] > * {
27842
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
27854
27843
  grid-column: 2;
27855
27844
  }
27856
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label]::before {
27845
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
27857
27846
  font-weight: bold;
27858
27847
  text-align: left;
27859
27848
  content: attr(data-label);
27860
27849
  }
27861
- .pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
27850
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
27862
27851
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
27863
27852
  }
27864
- .pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
27853
+ .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] {
27865
27854
  display: grid;
27866
27855
  }
27867
27856
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -27873,9 +27862,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
27873
27862
  }
27874
27863
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action {
27875
27864
  --pf-v5-c-table--cell--Width: auto;
27876
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27877
- --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);
27878
- --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);
27865
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
27866
+ --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);
27867
+ --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);
27879
27868
  grid-column: 2;
27880
27869
  grid-row: 1;
27881
27870
  }
@@ -27892,117 +27881,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
27892
27881
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
27893
27882
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
27894
27883
  }
27895
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="2"] {
27896
- --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));
27884
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
27885
+ --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));
27897
27886
  }
27898
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="3"] {
27899
- --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));
27887
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
27888
+ --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));
27900
27889
  }
27901
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="4"] {
27902
- --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));
27890
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
27891
+ --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));
27903
27892
  }
27904
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="5"] {
27905
- --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));
27893
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
27894
+ --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));
27906
27895
  }
27907
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="6"] {
27908
- --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));
27896
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
27897
+ --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));
27909
27898
  }
27910
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="7"] {
27911
- --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));
27899
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
27900
+ --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));
27912
27901
  }
27913
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="8"] {
27914
- --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));
27902
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
27903
+ --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));
27915
27904
  }
27916
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="9"] {
27917
- --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));
27905
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
27906
+ --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));
27918
27907
  }
27919
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="10"] {
27920
- --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));
27908
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
27909
+ --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));
27921
27910
  }
27922
27911
  }
27923
27912
 
27924
27913
  @media screen and (max-width: 992px) {
27925
27914
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
27926
27915
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27927
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27928
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27929
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27930
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27916
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
27917
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
27918
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
27919
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
27931
27920
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
27932
27921
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
27933
27922
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
27934
27923
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
27935
27924
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
27936
27925
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
27937
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27938
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27939
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27926
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
27927
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
27928
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
27940
27929
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
27941
27930
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
27942
27931
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
27943
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
27944
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
27932
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
27933
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
27945
27934
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
27946
27935
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
27947
27936
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
27948
27937
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
27949
27938
  }
27950
- .pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr {
27939
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
27951
27940
  position: relative;
27952
27941
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
27953
27942
  border: none;
27954
27943
  }
27955
- .pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr::before {
27944
+ .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 {
27956
27945
  position: absolute;
27957
27946
  top: 0;
27958
27947
  right: 0;
27959
27948
  bottom: 0;
27960
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27949
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27961
27950
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
27962
27951
  content: "";
27963
27952
  }
27964
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr:not([hidden]) {
27953
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
27965
27954
  display: grid;
27966
27955
  grid-template-columns: 1fr max-content;
27967
27956
  }
27968
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
27957
+ .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 {
27969
27958
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
27970
27959
  }
27971
- .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 {
27960
+ .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 {
27972
27961
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
27973
27962
  }
27974
- .pf-m-tree-view-grid-lg.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
27975
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
27976
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
27977
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
27963
+ .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) {
27964
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
27965
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
27966
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
27978
27967
  }
27979
27968
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-text {
27980
27969
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
27981
27970
  }
27982
- .pf-m-tree-view-grid-lg.pf-v5-c-table thead th {
27971
+ .pf-m-tree-view-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
27983
27972
  display: none;
27984
27973
  }
27985
- .pf-m-tree-view-grid-lg.pf-v5-c-table td {
27974
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td) {
27986
27975
  display: none;
27987
27976
  }
27988
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] {
27977
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
27989
27978
  grid-column: 1;
27990
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
27991
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
27979
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
27980
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
27992
27981
  align-items: start;
27993
27982
  }
27994
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] > * {
27983
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
27995
27984
  grid-column: 2;
27996
27985
  }
27997
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label]::before {
27986
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
27998
27987
  font-weight: bold;
27999
27988
  text-align: left;
28000
27989
  content: attr(data-label);
28001
27990
  }
28002
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
27991
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
28003
27992
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
28004
27993
  }
28005
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
27994
+ .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] {
28006
27995
  display: grid;
28007
27996
  }
28008
27997
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -28014,9 +28003,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28014
28003
  }
28015
28004
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action {
28016
28005
  --pf-v5-c-table--cell--Width: auto;
28017
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28018
- --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);
28019
- --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);
28006
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28007
+ --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);
28008
+ --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);
28020
28009
  grid-column: 2;
28021
28010
  grid-row: 1;
28022
28011
  }
@@ -28033,117 +28022,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
28033
28022
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28034
28023
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28035
28024
  }
28036
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="2"] {
28037
- --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));
28025
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28026
+ --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));
28038
28027
  }
28039
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="3"] {
28040
- --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));
28028
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28029
+ --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));
28041
28030
  }
28042
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="4"] {
28043
- --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));
28031
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28032
+ --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));
28044
28033
  }
28045
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="5"] {
28046
- --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));
28034
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28035
+ --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));
28047
28036
  }
28048
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="6"] {
28049
- --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));
28037
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28038
+ --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));
28050
28039
  }
28051
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="7"] {
28052
- --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));
28040
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28041
+ --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));
28053
28042
  }
28054
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="8"] {
28055
- --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));
28043
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28044
+ --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));
28056
28045
  }
28057
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="9"] {
28058
- --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));
28046
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28047
+ --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));
28059
28048
  }
28060
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="10"] {
28061
- --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));
28049
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28050
+ --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));
28062
28051
  }
28063
28052
  }
28064
28053
 
28065
28054
  @media screen and (max-width: 1200px) {
28066
28055
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
28067
28056
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28068
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28069
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28070
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28071
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28057
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28058
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28059
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28060
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28072
28061
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
28073
28062
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
28074
28063
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
28075
28064
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
28076
28065
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
28077
28066
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
28078
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28079
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28080
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28067
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28068
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28069
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28081
28070
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
28082
28071
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
28083
28072
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
28084
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
28085
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
28073
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
28074
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
28086
28075
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
28087
28076
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
28088
28077
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
28089
28078
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
28090
28079
  }
28091
- .pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr {
28080
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
28092
28081
  position: relative;
28093
28082
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
28094
28083
  border: none;
28095
28084
  }
28096
- .pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr::before {
28085
+ .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 {
28097
28086
  position: absolute;
28098
28087
  top: 0;
28099
28088
  right: 0;
28100
28089
  bottom: 0;
28101
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28090
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28102
28091
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
28103
28092
  content: "";
28104
28093
  }
28105
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr:not([hidden]) {
28094
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
28106
28095
  display: grid;
28107
28096
  grid-template-columns: 1fr max-content;
28108
28097
  }
28109
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28098
+ .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 {
28110
28099
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
28111
28100
  }
28112
- .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 {
28101
+ .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 {
28113
28102
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
28114
28103
  }
28115
- .pf-m-tree-view-grid-xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
28116
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
28117
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
28118
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28104
+ .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) {
28105
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
28106
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
28107
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28119
28108
  }
28120
28109
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
28121
28110
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
28122
28111
  }
28123
- .pf-m-tree-view-grid-xl.pf-v5-c-table thead th {
28112
+ .pf-m-tree-view-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
28124
28113
  display: none;
28125
28114
  }
28126
- .pf-m-tree-view-grid-xl.pf-v5-c-table td {
28115
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
28127
28116
  display: none;
28128
28117
  }
28129
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] {
28118
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
28130
28119
  grid-column: 1;
28131
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
28132
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
28120
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28121
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
28133
28122
  align-items: start;
28134
28123
  }
28135
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] > * {
28124
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
28136
28125
  grid-column: 2;
28137
28126
  }
28138
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label]::before {
28127
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
28139
28128
  font-weight: bold;
28140
28129
  text-align: left;
28141
28130
  content: attr(data-label);
28142
28131
  }
28143
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
28132
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
28144
28133
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
28145
28134
  }
28146
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
28135
+ .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] {
28147
28136
  display: grid;
28148
28137
  }
28149
28138
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -28155,9 +28144,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28155
28144
  }
28156
28145
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action {
28157
28146
  --pf-v5-c-table--cell--Width: auto;
28158
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28159
- --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);
28160
- --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);
28147
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28148
+ --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);
28149
+ --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);
28161
28150
  grid-column: 2;
28162
28151
  grid-row: 1;
28163
28152
  }
@@ -28174,117 +28163,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
28174
28163
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28175
28164
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28176
28165
  }
28177
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="2"] {
28178
- --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));
28166
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28167
+ --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));
28179
28168
  }
28180
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="3"] {
28181
- --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));
28169
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28170
+ --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));
28182
28171
  }
28183
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="4"] {
28184
- --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));
28172
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28173
+ --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));
28185
28174
  }
28186
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="5"] {
28187
- --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));
28175
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28176
+ --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));
28188
28177
  }
28189
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="6"] {
28190
- --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));
28178
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28179
+ --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));
28191
28180
  }
28192
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="7"] {
28193
- --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));
28181
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28182
+ --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));
28194
28183
  }
28195
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="8"] {
28196
- --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));
28184
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28185
+ --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));
28197
28186
  }
28198
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="9"] {
28199
- --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));
28187
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28188
+ --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));
28200
28189
  }
28201
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="10"] {
28202
- --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));
28190
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28191
+ --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));
28203
28192
  }
28204
28193
  }
28205
28194
 
28206
28195
  @media screen and (max-width: 1450px) {
28207
28196
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
28208
28197
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28209
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28210
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28211
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28212
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28198
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
28199
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
28200
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
28201
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
28213
28202
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
28214
28203
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
28215
28204
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
28216
28205
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
28217
28206
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
28218
28207
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
28219
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28220
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28221
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28208
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
28209
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
28210
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
28222
28211
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
28223
28212
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
28224
28213
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
28225
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
28226
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
28214
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
28215
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
28227
28216
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
28228
28217
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
28229
28218
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
28230
28219
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
28231
28220
  }
28232
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr {
28221
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
28233
28222
  position: relative;
28234
28223
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
28235
28224
  border: none;
28236
28225
  }
28237
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr::before {
28226
+ .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 {
28238
28227
  position: absolute;
28239
28228
  top: 0;
28240
28229
  right: 0;
28241
28230
  bottom: 0;
28242
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28231
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28243
28232
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
28244
28233
  content: "";
28245
28234
  }
28246
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:not([hidden]) {
28235
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
28247
28236
  display: grid;
28248
28237
  grid-template-columns: 1fr max-content;
28249
28238
  }
28250
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
28239
+ .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 {
28251
28240
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
28252
28241
  }
28253
- .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 {
28242
+ .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 {
28254
28243
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
28255
28244
  }
28256
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
28257
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
28258
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
28259
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
28245
+ .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) {
28246
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
28247
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
28248
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
28260
28249
  }
28261
28250
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
28262
28251
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
28263
28252
  }
28264
- .pf-m-tree-view-grid-2xl.pf-v5-c-table thead th {
28253
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
28265
28254
  display: none;
28266
28255
  }
28267
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td {
28256
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
28268
28257
  display: none;
28269
28258
  }
28270
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] {
28259
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
28271
28260
  grid-column: 1;
28272
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
28273
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
28261
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28262
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
28274
28263
  align-items: start;
28275
28264
  }
28276
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] > * {
28265
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
28277
28266
  grid-column: 2;
28278
28267
  }
28279
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label]::before {
28268
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
28280
28269
  font-weight: bold;
28281
28270
  text-align: left;
28282
28271
  content: attr(data-label);
28283
28272
  }
28284
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
28273
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
28285
28274
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
28286
28275
  }
28287
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
28276
+ .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] {
28288
28277
  display: grid;
28289
28278
  }
28290
28279
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -28296,9 +28285,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28296
28285
  }
28297
28286
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action {
28298
28287
  --pf-v5-c-table--cell--Width: auto;
28299
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28300
- --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);
28301
- --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);
28288
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
28289
+ --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);
28290
+ --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);
28302
28291
  grid-column: 2;
28303
28292
  grid-row: 1;
28304
28293
  }
@@ -28315,32 +28304,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
28315
28304
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
28316
28305
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
28317
28306
  }
28318
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="2"] {
28319
- --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));
28307
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
28308
+ --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));
28320
28309
  }
28321
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="3"] {
28322
- --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));
28310
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
28311
+ --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));
28323
28312
  }
28324
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="4"] {
28325
- --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));
28313
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
28314
+ --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));
28326
28315
  }
28327
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="5"] {
28328
- --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));
28316
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
28317
+ --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));
28329
28318
  }
28330
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="6"] {
28331
- --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));
28319
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
28320
+ --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));
28332
28321
  }
28333
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="7"] {
28334
- --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));
28322
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
28323
+ --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));
28335
28324
  }
28336
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="8"] {
28337
- --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));
28325
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
28326
+ --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));
28338
28327
  }
28339
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="9"] {
28340
- --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));
28328
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
28329
+ --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));
28341
28330
  }
28342
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="10"] {
28343
- --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));
28331
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
28332
+ --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));
28344
28333
  }
28345
28334
  }
28346
28335
 
@@ -32497,9 +32486,9 @@ label.pf-v5-c-tree-view__node-text {
32497
32486
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32498
32487
  }
32499
32488
  }
32500
- .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32501
- --pf-v5-l-flex--RowGap: ;
32502
- --pf-v5-l-flex--ColumnGap: ;
32489
+ .pf-v5-l-flex.pf-m-gap {
32490
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32491
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32503
32492
  }
32504
32493
  .pf-v5-l-flex.pf-m-gap-none {
32505
32494
  --pf-v5-l-flex--RowGap: 0;
@@ -32533,14 +32522,14 @@ label.pf-v5-c-tree-view__node-text {
32533
32522
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32534
32523
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32535
32524
  }
32536
- .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) > * {
32525
+ .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) > * {
32537
32526
  --pf-v5-l-flex--spacer--row: 0;
32538
32527
  --pf-v5-l-flex--spacer--column: 0;
32539
32528
  }
32540
32529
  @media (min-width: 576px) {
32541
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32542
- --pf-v5-l-flex--RowGap: ;
32543
- --pf-v5-l-flex--ColumnGap: ;
32530
+ .pf-v5-l-flex.pf-m-gap-on-sm {
32531
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32532
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32544
32533
  }
32545
32534
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32546
32535
  --pf-v5-l-flex--RowGap: 0;
@@ -32574,15 +32563,15 @@ label.pf-v5-c-tree-view__node-text {
32574
32563
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32575
32564
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32576
32565
  }
32577
- .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) > * {
32566
+ .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) > * {
32578
32567
  --pf-v5-l-flex--spacer--row: 0;
32579
32568
  --pf-v5-l-flex--spacer--column: 0;
32580
32569
  }
32581
32570
  }
32582
32571
  @media (min-width: 768px) {
32583
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32584
- --pf-v5-l-flex--RowGap: ;
32585
- --pf-v5-l-flex--ColumnGap: ;
32572
+ .pf-v5-l-flex.pf-m-gap-on-md {
32573
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32574
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32586
32575
  }
32587
32576
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32588
32577
  --pf-v5-l-flex--RowGap: 0;
@@ -32616,15 +32605,15 @@ label.pf-v5-c-tree-view__node-text {
32616
32605
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32617
32606
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32618
32607
  }
32619
- .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) > * {
32608
+ .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) > * {
32620
32609
  --pf-v5-l-flex--spacer--row: 0;
32621
32610
  --pf-v5-l-flex--spacer--column: 0;
32622
32611
  }
32623
32612
  }
32624
32613
  @media (min-width: 992px) {
32625
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32626
- --pf-v5-l-flex--RowGap: ;
32627
- --pf-v5-l-flex--ColumnGap: ;
32614
+ .pf-v5-l-flex.pf-m-gap-on-lg {
32615
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32616
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32628
32617
  }
32629
32618
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32630
32619
  --pf-v5-l-flex--RowGap: 0;
@@ -32658,15 +32647,15 @@ label.pf-v5-c-tree-view__node-text {
32658
32647
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32659
32648
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32660
32649
  }
32661
- .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) > * {
32650
+ .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) > * {
32662
32651
  --pf-v5-l-flex--spacer--row: 0;
32663
32652
  --pf-v5-l-flex--spacer--column: 0;
32664
32653
  }
32665
32654
  }
32666
32655
  @media (min-width: 1200px) {
32667
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32668
- --pf-v5-l-flex--RowGap: ;
32669
- --pf-v5-l-flex--ColumnGap: ;
32656
+ .pf-v5-l-flex.pf-m-gap-on-xl {
32657
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32658
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32670
32659
  }
32671
32660
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32672
32661
  --pf-v5-l-flex--RowGap: 0;
@@ -32700,15 +32689,15 @@ label.pf-v5-c-tree-view__node-text {
32700
32689
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32701
32690
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32702
32691
  }
32703
- .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) > * {
32692
+ .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) > * {
32704
32693
  --pf-v5-l-flex--spacer--row: 0;
32705
32694
  --pf-v5-l-flex--spacer--column: 0;
32706
32695
  }
32707
32696
  }
32708
32697
  @media (min-width: 1450px) {
32709
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32710
- --pf-v5-l-flex--RowGap: ;
32711
- --pf-v5-l-flex--ColumnGap: ;
32698
+ .pf-v5-l-flex.pf-m-gap-on-2xl {
32699
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32700
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32712
32701
  }
32713
32702
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32714
32703
  --pf-v5-l-flex--RowGap: 0;
@@ -32742,13 +32731,13 @@ label.pf-v5-c-tree-view__node-text {
32742
32731
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32743
32732
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32744
32733
  }
32745
- .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) > * {
32734
+ .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) > * {
32746
32735
  --pf-v5-l-flex--spacer--row: 0;
32747
32736
  --pf-v5-l-flex--spacer--column: 0;
32748
32737
  }
32749
32738
  }
32750
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32751
- --pf-v5-l-flex--RowGap: ;
32739
+ .pf-v5-l-flex.pf-m-row-gap {
32740
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32752
32741
  }
32753
32742
  .pf-v5-l-flex.pf-m-row-gap-none {
32754
32743
  --pf-v5-l-flex--RowGap: 0;
@@ -32774,12 +32763,12 @@ label.pf-v5-c-tree-view__node-text {
32774
32763
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32775
32764
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32776
32765
  }
32777
- .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) > * {
32766
+ .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) > * {
32778
32767
  --pf-v5-l-flex--spacer--row: 0;
32779
32768
  }
32780
32769
  @media (min-width: 576px) {
32781
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32782
- --pf-v5-l-flex--RowGap: ;
32770
+ .pf-v5-l-flex.pf-m-row-gap-on-sm {
32771
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32783
32772
  }
32784
32773
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32785
32774
  --pf-v5-l-flex--RowGap: 0;
@@ -32805,13 +32794,13 @@ label.pf-v5-c-tree-view__node-text {
32805
32794
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
32806
32795
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32807
32796
  }
32808
- .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) > * {
32797
+ .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) > * {
32809
32798
  --pf-v5-l-flex--spacer--row: 0;
32810
32799
  }
32811
32800
  }
32812
32801
  @media (min-width: 768px) {
32813
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32814
- --pf-v5-l-flex--RowGap: ;
32802
+ .pf-v5-l-flex.pf-m-row-gap-on-md {
32803
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32815
32804
  }
32816
32805
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
32817
32806
  --pf-v5-l-flex--RowGap: 0;
@@ -32837,13 +32826,13 @@ label.pf-v5-c-tree-view__node-text {
32837
32826
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
32838
32827
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32839
32828
  }
32840
- .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) > * {
32829
+ .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) > * {
32841
32830
  --pf-v5-l-flex--spacer--row: 0;
32842
32831
  }
32843
32832
  }
32844
32833
  @media (min-width: 992px) {
32845
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
32846
- --pf-v5-l-flex--RowGap: ;
32834
+ .pf-v5-l-flex.pf-m-row-gap-on-lg {
32835
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32847
32836
  }
32848
32837
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
32849
32838
  --pf-v5-l-flex--RowGap: 0;
@@ -32869,13 +32858,13 @@ label.pf-v5-c-tree-view__node-text {
32869
32858
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
32870
32859
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32871
32860
  }
32872
- .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) > * {
32861
+ .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) > * {
32873
32862
  --pf-v5-l-flex--spacer--row: 0;
32874
32863
  }
32875
32864
  }
32876
32865
  @media (min-width: 1200px) {
32877
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
32878
- --pf-v5-l-flex--RowGap: ;
32866
+ .pf-v5-l-flex.pf-m-row-gap-on-xl {
32867
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32879
32868
  }
32880
32869
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
32881
32870
  --pf-v5-l-flex--RowGap: 0;
@@ -32901,13 +32890,13 @@ label.pf-v5-c-tree-view__node-text {
32901
32890
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
32902
32891
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32903
32892
  }
32904
- .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) > * {
32893
+ .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) > * {
32905
32894
  --pf-v5-l-flex--spacer--row: 0;
32906
32895
  }
32907
32896
  }
32908
32897
  @media (min-width: 1450px) {
32909
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
32910
- --pf-v5-l-flex--RowGap: ;
32898
+ .pf-v5-l-flex.pf-m-row-gap-on-2xl {
32899
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32911
32900
  }
32912
32901
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
32913
32902
  --pf-v5-l-flex--RowGap: 0;
@@ -32933,12 +32922,12 @@ label.pf-v5-c-tree-view__node-text {
32933
32922
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
32934
32923
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32935
32924
  }
32936
- .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) > * {
32925
+ .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) > * {
32937
32926
  --pf-v5-l-flex--spacer--row: 0;
32938
32927
  }
32939
32928
  }
32940
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
32941
- --pf-v5-l-flex--ColumnGap: ;
32929
+ .pf-v5-l-flex.pf-m-column-gap {
32930
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32942
32931
  }
32943
32932
  .pf-v5-l-flex.pf-m-column-gap-none {
32944
32933
  --pf-v5-l-flex--ColumnGap: 0;
@@ -32964,12 +32953,12 @@ label.pf-v5-c-tree-view__node-text {
32964
32953
  .pf-v5-l-flex.pf-m-column-gap-4xl {
32965
32954
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32966
32955
  }
32967
- .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) > * {
32956
+ .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) > * {
32968
32957
  --pf-v5-l-flex--spacer--column: 0;
32969
32958
  }
32970
32959
  @media (min-width: 576px) {
32971
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
32972
- --pf-v5-l-flex--ColumnGap: ;
32960
+ .pf-v5-l-flex.pf-m-column-gap-on-sm {
32961
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32973
32962
  }
32974
32963
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
32975
32964
  --pf-v5-l-flex--ColumnGap: 0;
@@ -32995,13 +32984,13 @@ label.pf-v5-c-tree-view__node-text {
32995
32984
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
32996
32985
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32997
32986
  }
32998
- .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) > * {
32987
+ .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) > * {
32999
32988
  --pf-v5-l-flex--spacer--column: 0;
33000
32989
  }
33001
32990
  }
33002
32991
  @media (min-width: 768px) {
33003
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
33004
- --pf-v5-l-flex--ColumnGap: ;
32992
+ .pf-v5-l-flex.pf-m-column-gap-on-md {
32993
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33005
32994
  }
33006
32995
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33007
32996
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33027,13 +33016,13 @@ label.pf-v5-c-tree-view__node-text {
33027
33016
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33028
33017
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33029
33018
  }
33030
- .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) > * {
33019
+ .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) > * {
33031
33020
  --pf-v5-l-flex--spacer--column: 0;
33032
33021
  }
33033
33022
  }
33034
33023
  @media (min-width: 992px) {
33035
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33036
- --pf-v5-l-flex--ColumnGap: ;
33024
+ .pf-v5-l-flex.pf-m-column-gap-on-lg {
33025
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33037
33026
  }
33038
33027
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33039
33028
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33059,13 +33048,13 @@ label.pf-v5-c-tree-view__node-text {
33059
33048
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33060
33049
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33061
33050
  }
33062
- .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) > * {
33051
+ .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) > * {
33063
33052
  --pf-v5-l-flex--spacer--column: 0;
33064
33053
  }
33065
33054
  }
33066
33055
  @media (min-width: 1200px) {
33067
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33068
- --pf-v5-l-flex--ColumnGap: ;
33056
+ .pf-v5-l-flex.pf-m-column-gap-on-xl {
33057
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33069
33058
  }
33070
33059
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33071
33060
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33091,13 +33080,13 @@ label.pf-v5-c-tree-view__node-text {
33091
33080
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33092
33081
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33093
33082
  }
33094
- .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) > * {
33083
+ .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) > * {
33095
33084
  --pf-v5-l-flex--spacer--column: 0;
33096
33085
  }
33097
33086
  }
33098
33087
  @media (min-width: 1450px) {
33099
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33100
- --pf-v5-l-flex--ColumnGap: ;
33088
+ .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33089
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33101
33090
  }
33102
33091
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33103
33092
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33123,7 +33112,7 @@ label.pf-v5-c-tree-view__node-text {
33123
33112
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33124
33113
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33125
33114
  }
33126
- .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) > * {
33115
+ .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) > * {
33127
33116
  --pf-v5-l-flex--spacer--column: 0;
33128
33117
  }
33129
33118
  }