@patternfly/react-styles 5.0.0-alpha.11 → 5.0.0-alpha.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (23) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/FormControl/form-control.css +164 -214
  3. package/css/components/FormControl/form-control.d.ts +10 -6
  4. package/css/components/FormControl/form-control.js +10 -6
  5. package/css/components/FormControl/form-control.mjs +10 -6
  6. package/css/components/NumberInput/number-input.css +0 -1
  7. package/css/components/Table/table-grid.css +380 -391
  8. package/css/components/Table/table-grid.d.ts +6 -1
  9. package/css/components/Table/table-grid.js +6 -1
  10. package/css/components/Table/table-grid.mjs +6 -1
  11. package/css/components/Table/table-tree-view.css +254 -254
  12. package/css/components/Table/table-tree-view.d.ts +5 -0
  13. package/css/components/Table/table-tree-view.js +5 -0
  14. package/css/components/Table/table-tree-view.mjs +5 -0
  15. package/css/components/Table/table.css +232 -232
  16. package/css/components/Table/table.d.ts +7 -0
  17. package/css/components/Table/table.js +7 -0
  18. package/css/components/Table/table.mjs +7 -0
  19. package/package.json +3 -3
  20. package/css/docs/components/FormControl/examples/FormControl.css +0 -5
  21. package/css/docs/components/FormControl/examples/FormControl.d.ts +0 -3
  22. package/css/docs/components/FormControl/examples/FormControl.js +0 -4
  23. package/css/docs/components/FormControl/examples/FormControl.mjs +0 -2
package/css/components/Table/table-tree-view.css CHANGED
@@ -26,31 +26,31 @@
26
26
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft);
27
27
  --pf-v5-c-table__tree-view-main--MarginLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft);
28
28
  }
29
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="2"] {
29
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
30
30
  --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));
31
31
  }
32
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="3"] {
32
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
33
33
  --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));
34
34
  }
35
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="4"] {
35
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
36
36
  --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));
37
37
  }
38
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="5"] {
38
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
39
39
  --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));
40
40
  }
41
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="6"] {
41
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
42
42
  --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));
43
43
  }
44
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="7"] {
44
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
45
45
  --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));
46
46
  }
47
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="8"] {
47
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
48
48
  --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));
49
49
  }
50
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="9"] {
50
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
51
51
  --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));
52
52
  }
53
- .pf-v5-c-table.pf-m-tree-view tr[aria-level="10"] {
53
+ .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
54
54
  --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));
55
55
  }
56
56
 
@@ -96,85 +96,85 @@
96
96
 
97
97
  .pf-m-tree-view-grid.pf-v5-c-table {
98
98
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
99
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
100
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
101
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
102
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
99
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
100
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
101
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
102
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
103
103
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
104
104
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
105
105
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
106
106
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
107
107
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
108
108
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
109
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
110
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
111
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
109
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
110
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
111
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
112
112
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
113
113
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
114
114
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
115
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
116
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
115
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
116
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
117
117
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
118
118
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
119
119
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
120
120
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
121
121
  }
122
- .pf-m-tree-view-grid.pf-v5-c-table tbody tr {
122
+ .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
123
123
  position: relative;
124
124
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
125
125
  border: none;
126
126
  }
127
- .pf-m-tree-view-grid.pf-v5-c-table tbody tr::before {
127
+ .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
128
128
  position: absolute;
129
129
  top: 0;
130
130
  right: 0;
131
131
  bottom: 0;
132
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
132
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
133
133
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
134
134
  content: "";
135
135
  }
136
- .pf-m-tree-view-grid.pf-v5-c-table tr:not([hidden]) {
136
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
137
137
  display: grid;
138
138
  grid-template-columns: 1fr max-content;
139
139
  }
140
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
140
+ .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 {
141
141
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
142
142
  }
143
- .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 {
143
+ .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 {
144
144
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
145
145
  }
146
- .pf-m-tree-view-grid.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
147
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
148
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
149
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
146
+ .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) {
147
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
148
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
149
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
150
150
  }
151
151
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-text {
152
152
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
153
153
  }
154
- .pf-m-tree-view-grid.pf-v5-c-table thead th {
154
+ .pf-m-tree-view-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
155
155
  display: none;
156
156
  }
157
- .pf-m-tree-view-grid.pf-v5-c-table td {
157
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td) {
158
158
  display: none;
159
159
  }
160
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label] {
160
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
161
161
  grid-column: 1;
162
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
163
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
162
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
163
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
164
164
  align-items: start;
165
165
  }
166
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label] > * {
166
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
167
167
  grid-column: 2;
168
168
  }
169
- .pf-m-tree-view-grid.pf-v5-c-table td[data-label]::before {
169
+ .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
170
170
  font-weight: bold;
171
171
  text-align: left;
172
172
  content: attr(data-label);
173
173
  }
174
- .pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
174
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
175
175
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
176
176
  }
177
- .pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
177
+ .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] {
178
178
  display: grid;
179
179
  }
180
180
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -186,9 +186,9 @@
186
186
  }
187
187
  .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action {
188
188
  --pf-v5-c-table--cell--Width: auto;
189
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
190
- --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);
191
- --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);
189
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
190
+ --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);
191
+ --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);
192
192
  grid-column: 2;
193
193
  grid-row: 1;
194
194
  }
@@ -205,116 +205,116 @@
205
205
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
206
206
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
207
207
  }
208
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="2"] {
209
- --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));
208
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
209
+ --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));
210
210
  }
211
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="3"] {
212
- --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));
211
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
212
+ --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));
213
213
  }
214
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="4"] {
215
- --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));
214
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
215
+ --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));
216
216
  }
217
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="5"] {
218
- --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));
217
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
218
+ --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));
219
219
  }
220
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="6"] {
221
- --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));
220
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
221
+ --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));
222
222
  }
223
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="7"] {
224
- --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));
223
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
224
+ --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));
225
225
  }
226
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="8"] {
227
- --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));
226
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
227
+ --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));
228
228
  }
229
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="9"] {
230
- --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));
229
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
230
+ --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));
231
231
  }
232
- .pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="10"] {
233
- --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));
232
+ .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
233
+ --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));
234
234
  }
235
235
 
236
236
  @media screen and (max-width: 768px) {
237
237
  .pf-m-tree-view-grid-md.pf-v5-c-table {
238
238
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
239
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
240
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
241
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
242
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
239
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
240
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
241
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
242
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
243
243
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
244
244
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
245
245
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
246
246
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
247
247
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
248
248
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
249
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
250
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
251
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
249
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
250
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
251
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
252
252
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
253
253
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
254
254
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
255
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
256
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
255
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
256
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
257
257
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
258
258
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
259
259
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
260
260
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
261
261
  }
262
- .pf-m-tree-view-grid-md.pf-v5-c-table tbody tr {
262
+ .pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
263
263
  position: relative;
264
264
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
265
265
  border: none;
266
266
  }
267
- .pf-m-tree-view-grid-md.pf-v5-c-table tbody tr::before {
267
+ .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 {
268
268
  position: absolute;
269
269
  top: 0;
270
270
  right: 0;
271
271
  bottom: 0;
272
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
272
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
273
273
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
274
274
  content: "";
275
275
  }
276
- .pf-m-tree-view-grid-md.pf-v5-c-table tr:not([hidden]) {
276
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
277
277
  display: grid;
278
278
  grid-template-columns: 1fr max-content;
279
279
  }
280
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
280
+ .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 {
281
281
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
282
282
  }
283
- .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 {
283
+ .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 {
284
284
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
285
285
  }
286
- .pf-m-tree-view-grid-md.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
287
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
288
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
289
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
286
+ .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) {
287
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
288
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
289
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
290
290
  }
291
291
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-text {
292
292
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
293
293
  }
294
- .pf-m-tree-view-grid-md.pf-v5-c-table thead th {
294
+ .pf-m-tree-view-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
295
295
  display: none;
296
296
  }
297
- .pf-m-tree-view-grid-md.pf-v5-c-table td {
297
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td) {
298
298
  display: none;
299
299
  }
300
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] {
300
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
301
301
  grid-column: 1;
302
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
303
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
302
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
303
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
304
304
  align-items: start;
305
305
  }
306
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] > * {
306
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
307
307
  grid-column: 2;
308
308
  }
309
- .pf-m-tree-view-grid-md.pf-v5-c-table td[data-label]::before {
309
+ .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
310
310
  font-weight: bold;
311
311
  text-align: left;
312
312
  content: attr(data-label);
313
313
  }
314
- .pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
314
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
315
315
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
316
316
  }
317
- .pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
317
+ .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] {
318
318
  display: grid;
319
319
  }
320
320
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -326,9 +326,9 @@
326
326
  }
327
327
  .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action {
328
328
  --pf-v5-c-table--cell--Width: auto;
329
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
330
- --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);
331
- --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);
329
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
330
+ --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);
331
+ --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);
332
332
  grid-column: 2;
333
333
  grid-row: 1;
334
334
  }
@@ -345,117 +345,117 @@
345
345
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
346
346
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
347
347
  }
348
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="2"] {
349
- --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));
348
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
349
+ --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));
350
350
  }
351
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="3"] {
352
- --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));
351
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
352
+ --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));
353
353
  }
354
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="4"] {
355
- --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));
354
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
355
+ --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));
356
356
  }
357
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="5"] {
358
- --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));
357
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
358
+ --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));
359
359
  }
360
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="6"] {
361
- --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));
360
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
361
+ --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));
362
362
  }
363
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="7"] {
364
- --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));
363
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
364
+ --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));
365
365
  }
366
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="8"] {
367
- --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));
366
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
367
+ --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));
368
368
  }
369
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="9"] {
370
- --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));
369
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
370
+ --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));
371
371
  }
372
- .pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="10"] {
373
- --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));
372
+ .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
373
+ --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));
374
374
  }
375
375
  }
376
376
 
377
377
  @media screen and (max-width: 992px) {
378
378
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
379
379
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
380
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
381
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
382
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
383
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
380
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
381
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
382
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
383
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
384
384
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
385
385
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
386
386
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
387
387
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
388
388
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
389
389
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
390
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
391
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
392
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
390
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
391
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
392
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
393
393
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
394
394
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
395
395
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
396
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
397
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
396
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
397
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
398
398
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
399
399
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
400
400
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
401
401
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
402
402
  }
403
- .pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr {
403
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
404
404
  position: relative;
405
405
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
406
406
  border: none;
407
407
  }
408
- .pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr::before {
408
+ .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 {
409
409
  position: absolute;
410
410
  top: 0;
411
411
  right: 0;
412
412
  bottom: 0;
413
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
413
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
414
414
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
415
415
  content: "";
416
416
  }
417
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr:not([hidden]) {
417
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
418
418
  display: grid;
419
419
  grid-template-columns: 1fr max-content;
420
420
  }
421
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
421
+ .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 {
422
422
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
423
423
  }
424
- .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 {
424
+ .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 {
425
425
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
426
426
  }
427
- .pf-m-tree-view-grid-lg.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
428
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
429
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
430
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
427
+ .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) {
428
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
429
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
430
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
431
431
  }
432
432
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-text {
433
433
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
434
434
  }
435
- .pf-m-tree-view-grid-lg.pf-v5-c-table thead th {
435
+ .pf-m-tree-view-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
436
436
  display: none;
437
437
  }
438
- .pf-m-tree-view-grid-lg.pf-v5-c-table td {
438
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td) {
439
439
  display: none;
440
440
  }
441
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] {
441
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
442
442
  grid-column: 1;
443
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
444
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
443
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
444
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
445
445
  align-items: start;
446
446
  }
447
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] > * {
447
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
448
448
  grid-column: 2;
449
449
  }
450
- .pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label]::before {
450
+ .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
451
451
  font-weight: bold;
452
452
  text-align: left;
453
453
  content: attr(data-label);
454
454
  }
455
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
455
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
456
456
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
457
457
  }
458
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
458
+ .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] {
459
459
  display: grid;
460
460
  }
461
461
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -467,9 +467,9 @@
467
467
  }
468
468
  .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action {
469
469
  --pf-v5-c-table--cell--Width: auto;
470
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
471
- --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);
472
- --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);
470
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
471
+ --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);
472
+ --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);
473
473
  grid-column: 2;
474
474
  grid-row: 1;
475
475
  }
@@ -486,117 +486,117 @@
486
486
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
487
487
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
488
488
  }
489
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="2"] {
490
- --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));
489
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
490
+ --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));
491
491
  }
492
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="3"] {
493
- --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));
492
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
493
+ --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));
494
494
  }
495
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="4"] {
496
- --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));
495
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
496
+ --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));
497
497
  }
498
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="5"] {
499
- --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));
498
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
499
+ --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));
500
500
  }
501
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="6"] {
502
- --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));
501
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
502
+ --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));
503
503
  }
504
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="7"] {
505
- --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));
504
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
505
+ --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));
506
506
  }
507
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="8"] {
508
- --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));
507
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
508
+ --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));
509
509
  }
510
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="9"] {
511
- --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));
510
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
511
+ --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));
512
512
  }
513
- .pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="10"] {
514
- --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));
513
+ .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
514
+ --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));
515
515
  }
516
516
  }
517
517
 
518
518
  @media screen and (max-width: 1200px) {
519
519
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
520
520
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
521
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
522
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
523
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
524
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
521
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
522
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
523
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
524
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
525
525
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
526
526
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
527
527
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
528
528
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
529
529
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
530
530
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
531
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
532
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
533
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
531
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
532
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
533
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
534
534
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
535
535
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
536
536
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
537
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
538
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
537
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
538
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
539
539
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
540
540
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
541
541
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
542
542
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
543
543
  }
544
- .pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr {
544
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
545
545
  position: relative;
546
546
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
547
547
  border: none;
548
548
  }
549
- .pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr::before {
549
+ .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 {
550
550
  position: absolute;
551
551
  top: 0;
552
552
  right: 0;
553
553
  bottom: 0;
554
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
554
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
555
555
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
556
556
  content: "";
557
557
  }
558
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr:not([hidden]) {
558
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
559
559
  display: grid;
560
560
  grid-template-columns: 1fr max-content;
561
561
  }
562
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
562
+ .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 {
563
563
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
564
564
  }
565
- .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 {
565
+ .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 {
566
566
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
567
567
  }
568
- .pf-m-tree-view-grid-xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
569
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
570
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
571
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
568
+ .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) {
569
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
570
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
571
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
572
572
  }
573
573
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
574
574
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
575
575
  }
576
- .pf-m-tree-view-grid-xl.pf-v5-c-table thead th {
576
+ .pf-m-tree-view-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
577
577
  display: none;
578
578
  }
579
- .pf-m-tree-view-grid-xl.pf-v5-c-table td {
579
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
580
580
  display: none;
581
581
  }
582
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] {
582
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
583
583
  grid-column: 1;
584
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
585
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
584
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
585
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
586
586
  align-items: start;
587
587
  }
588
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] > * {
588
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
589
589
  grid-column: 2;
590
590
  }
591
- .pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label]::before {
591
+ .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
592
592
  font-weight: bold;
593
593
  text-align: left;
594
594
  content: attr(data-label);
595
595
  }
596
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
596
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
597
597
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
598
598
  }
599
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
599
+ .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] {
600
600
  display: grid;
601
601
  }
602
602
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -608,9 +608,9 @@
608
608
  }
609
609
  .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action {
610
610
  --pf-v5-c-table--cell--Width: auto;
611
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
612
- --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);
613
- --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);
611
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
612
+ --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);
613
+ --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);
614
614
  grid-column: 2;
615
615
  grid-row: 1;
616
616
  }
@@ -627,117 +627,117 @@
627
627
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
628
628
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
629
629
  }
630
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="2"] {
631
- --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));
630
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
631
+ --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));
632
632
  }
633
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="3"] {
634
- --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));
633
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
634
+ --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));
635
635
  }
636
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="4"] {
637
- --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));
636
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
637
+ --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));
638
638
  }
639
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="5"] {
640
- --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));
639
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
640
+ --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));
641
641
  }
642
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="6"] {
643
- --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));
642
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
643
+ --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));
644
644
  }
645
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="7"] {
646
- --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));
645
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
646
+ --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));
647
647
  }
648
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="8"] {
649
- --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));
648
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
649
+ --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));
650
650
  }
651
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="9"] {
652
- --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));
651
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
652
+ --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));
653
653
  }
654
- .pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="10"] {
655
- --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));
654
+ .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
655
+ --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));
656
656
  }
657
657
  }
658
658
 
659
659
  @media screen and (max-width: 1450px) {
660
660
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
661
661
  --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
662
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
663
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
664
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
665
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
662
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
663
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
664
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
665
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
666
666
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
667
667
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
668
668
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
669
669
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
670
670
  --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
671
671
  --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
672
- --pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
673
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
674
- --pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
672
+ --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
673
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
674
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
675
675
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
676
676
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
677
677
  --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
678
- --pf-v5-c-table--tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
679
- --pf-v5-c-table--tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
678
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
679
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
680
680
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
681
681
  --pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
682
682
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
683
683
  --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
684
684
  }
685
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr {
685
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
686
686
  position: relative;
687
687
  outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
688
688
  border: none;
689
689
  }
690
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr::before {
690
+ .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 {
691
691
  position: absolute;
692
692
  top: 0;
693
693
  right: 0;
694
694
  bottom: 0;
695
- left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
695
+ left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
696
696
  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
697
697
  content: "";
698
698
  }
699
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:not([hidden]) {
699
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
700
700
  display: grid;
701
701
  grid-template-columns: 1fr max-content;
702
702
  }
703
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
703
+ .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 {
704
704
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
705
705
  }
706
- .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 {
706
+ .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 {
707
707
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
708
708
  }
709
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
710
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
711
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
712
- padding-left: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
709
+ .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) {
710
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
711
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
712
+ padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
713
713
  }
714
714
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
715
715
  padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
716
716
  }
717
- .pf-m-tree-view-grid-2xl.pf-v5-c-table thead th {
717
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
718
718
  display: none;
719
719
  }
720
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td {
720
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
721
721
  display: none;
722
722
  }
723
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] {
723
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
724
724
  grid-column: 1;
725
- grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
726
- grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
725
+ grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
726
+ grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
727
727
  align-items: start;
728
728
  }
729
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] > * {
729
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
730
730
  grid-column: 2;
731
731
  }
732
- .pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label]::before {
732
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
733
733
  font-weight: bold;
734
734
  text-align: left;
735
735
  content: attr(data-label);
736
736
  }
737
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
737
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
738
738
  padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
739
739
  }
740
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
740
+ .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] {
741
741
  display: grid;
742
742
  }
743
743
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
@@ -749,9 +749,9 @@
749
749
  }
750
750
  .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action {
751
751
  --pf-v5-c-table--cell--Width: auto;
752
- --pf-v5-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
753
- --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);
754
- --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);
752
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
753
+ --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);
754
+ --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);
755
755
  grid-column: 2;
756
756
  grid-row: 1;
757
757
  }
@@ -768,31 +768,31 @@
768
768
  margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
769
769
  margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
770
770
  }
771
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="2"] {
772
- --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));
771
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
772
+ --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));
773
773
  }
774
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="3"] {
775
- --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));
774
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
775
+ --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));
776
776
  }
777
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="4"] {
778
- --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));
777
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
778
+ --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));
779
779
  }
780
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="5"] {
781
- --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));
780
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
781
+ --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));
782
782
  }
783
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="6"] {
784
- --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));
783
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
784
+ --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));
785
785
  }
786
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="7"] {
787
- --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));
786
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
787
+ --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));
788
788
  }
789
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="8"] {
790
- --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));
789
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
790
+ --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));
791
791
  }
792
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="9"] {
793
- --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));
792
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
793
+ --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));
794
794
  }
795
- .pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="10"] {
796
- --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));
795
+ .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
796
+ --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));
797
797
  }
798
798
  }