@patternfly/react-table 6.5.0-prerelease.71 → 6.5.0-prerelease.72

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/umd/assets/{output-CI0BoW1v.css → output-BczJ1f6z.css} +2211 -2212
  11. package/package.json +3 -3
package/dist/umd/assets/{output-CI0BoW1v.css → output-BczJ1f6z.css} RENAMED
@@ -1,672 +1,3 @@
1
- .pf-v6-c-form {
2
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
4
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
5
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
6
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
7
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
8
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
9
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
10
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
12
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
13
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
14
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
15
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
16
- --pf-v6-c-form__label--hover--Cursor: pointer;
17
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
18
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
19
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
20
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
21
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
22
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
23
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
24
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
25
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
26
- --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
27
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
28
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
29
- --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
30
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
31
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
32
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
33
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
34
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
35
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
36
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
37
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
38
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
39
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
40
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
41
- --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
42
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
43
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
44
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
45
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
46
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
47
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
48
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
49
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
50
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
51
- --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
52
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
53
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
54
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
55
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
56
- --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
57
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
58
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
59
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
60
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
61
- --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
62
- --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
63
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
64
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
65
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
66
- --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
67
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
68
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
69
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
70
- --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
71
- --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
72
- --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
73
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
74
- --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
75
- --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
76
- --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
77
- --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
78
- --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
79
- --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
80
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
81
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
82
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
83
- --pf-v6-c-form__field-group-body--TranslateY: 0;
84
- --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
85
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
86
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
87
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
88
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
89
- }
90
-
91
- @media screen and (prefers-reduced-motion: no-preference) {
92
- .pf-v6-c-form {
93
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
94
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
95
- --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
96
- }
97
- }
98
- .pf-v6-c-form {
99
- display: grid;
100
- gap: var(--pf-v6-c-form--GridGap);
101
- }
102
-
103
- .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
104
- text-align: end;
105
- }
106
-
107
- @media screen and (min-width: 48rem) {
108
- .pf-v6-c-form.pf-m-horizontal {
109
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
110
- }
111
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
112
- display: grid;
113
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
114
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
115
- }
116
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
117
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
118
- }
119
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
120
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
121
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
122
- }
123
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
124
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
125
- flex-direction: column;
126
- align-items: flex-start;
127
- }
128
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
129
- flex-grow: 0;
130
- }
131
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
132
- grid-column: 2;
133
- }
134
- }
135
- @media screen and (min-width: 0) {
136
- .pf-v6-c-form.pf-m-horizontal-on-xs {
137
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
138
- }
139
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
140
- display: grid;
141
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
142
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
143
- }
144
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
145
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
146
- }
147
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
148
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
149
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
150
- }
151
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
152
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
153
- flex-direction: column;
154
- align-items: flex-start;
155
- }
156
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
157
- flex-grow: 0;
158
- }
159
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
160
- grid-column: 2;
161
- }
162
- }
163
- @media (min-width: 36rem) {
164
- .pf-v6-c-form.pf-m-horizontal-on-sm {
165
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
166
- }
167
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
168
- display: grid;
169
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
170
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
171
- }
172
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
173
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
174
- }
175
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
176
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
177
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
178
- }
179
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
180
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
181
- flex-direction: column;
182
- align-items: flex-start;
183
- }
184
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
185
- flex-grow: 0;
186
- }
187
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
188
- grid-column: 2;
189
- }
190
- }
191
- @media (min-width: 48rem) {
192
- .pf-v6-c-form.pf-m-horizontal-on-md {
193
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
194
- }
195
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
196
- display: grid;
197
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
198
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
199
- }
200
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
201
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
202
- }
203
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
204
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
205
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
206
- }
207
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
208
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
209
- flex-direction: column;
210
- align-items: flex-start;
211
- }
212
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
213
- flex-grow: 0;
214
- }
215
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
216
- grid-column: 2;
217
- }
218
- }
219
- @media (min-width: 62rem) {
220
- .pf-v6-c-form.pf-m-horizontal-on-lg {
221
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
222
- }
223
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
224
- display: grid;
225
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
226
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
227
- }
228
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
229
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
230
- }
231
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
232
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
233
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
234
- }
235
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
236
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
237
- flex-direction: column;
238
- align-items: flex-start;
239
- }
240
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
241
- flex-grow: 0;
242
- }
243
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
244
- grid-column: 2;
245
- }
246
- }
247
- @media (min-width: 75rem) {
248
- .pf-v6-c-form.pf-m-horizontal-on-xl {
249
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
250
- }
251
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
252
- display: grid;
253
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
254
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
255
- }
256
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
257
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
258
- }
259
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
260
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
261
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
262
- }
263
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
264
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
265
- flex-direction: column;
266
- align-items: flex-start;
267
- }
268
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
269
- flex-grow: 0;
270
- }
271
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
272
- grid-column: 2;
273
- }
274
- }
275
- @media (min-width: 90.625rem) {
276
- .pf-v6-c-form.pf-m-horizontal-on-2xl {
277
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
278
- }
279
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
280
- display: grid;
281
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
282
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
283
- }
284
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
285
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
286
- }
287
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
288
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
289
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
290
- }
291
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
292
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
293
- flex-direction: column;
294
- align-items: flex-start;
295
- }
296
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
297
- flex-grow: 0;
298
- }
299
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
300
- grid-column: 2;
301
- }
302
- }
303
- .pf-v6-c-form.pf-m-limit-width {
304
- max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
305
- }
306
-
307
- .pf-v6-c-form__group {
308
- display: flex;
309
- flex-direction: column;
310
- gap: var(--pf-v6-c-form__group--Gap);
311
- min-width: 0;
312
- }
313
-
314
- .pf-v6-c-form__group.pf-m-action {
315
- margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
316
- overflow: hidden;
317
- }
318
-
319
- .pf-v6-c-form__section {
320
- display: grid;
321
- gap: var(--pf-v6-c-form__section--Gap);
322
- }
323
-
324
- .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
325
- margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
326
- }
327
-
328
- .pf-v6-c-form__section-title {
329
- margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
330
- font-size: var(--pf-v6-c-form__section-title--FontSize);
331
- font-weight: var(--pf-v6-c-form__section-title--FontWeight);
332
- }
333
-
334
- .pf-v6-c-form__group-label {
335
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
336
- }
337
-
338
- .pf-v6-c-form__group-label.pf-m-info {
339
- display: flex;
340
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
341
- align-items: flex-end;
342
- }
343
-
344
- .pf-v6-c-form__group-label-main {
345
- flex-grow: 1;
346
- }
347
-
348
- .pf-v6-c-form__group-label-info {
349
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
350
- }
351
-
352
- .pf-v6-c-form__label {
353
- font-size: var(--pf-v6-c-form__label--FontSize);
354
- line-height: var(--pf-v6-c-form__label--LineHeight);
355
- }
356
-
357
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
358
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
359
- }
360
-
361
- .pf-v6-c-form__label.pf-m-disabled {
362
- color: var(--pf-v6-c-form__label--m-disabled--Color);
363
- }
364
-
365
- .pf-v6-c-form__label.pf-m-disabled:hover {
366
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
367
- }
368
-
369
- .pf-v6-c-form__label-text {
370
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
371
- }
372
-
373
- .pf-v6-c-form__label-required {
374
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
375
- font-size: var(--pf-v6-c-form__label-required--FontSize);
376
- color: var(--pf-v6-c-form__label-required--Color);
377
- }
378
-
379
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
380
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
381
- }
382
-
383
- .pf-v6-c-form__group-control {
384
- min-width: 0;
385
- }
386
-
387
- .pf-v6-c-form__group-control.pf-m-inline {
388
- display: flex;
389
- flex-flow: row wrap;
390
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
391
- }
392
-
393
- .pf-v6-c-form__group-control.pf-m-stack {
394
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
395
- display: grid;
396
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
397
- }
398
-
399
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
400
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
401
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
402
- }
403
-
404
- .pf-v6-c-form__helper-text {
405
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
406
- }
407
-
408
- .pf-v6-c-form__helper-text.pf-m-inactive {
409
- display: none;
410
- }
411
-
412
- .pf-v6-c-form__helper-text.pf-m-hidden {
413
- visibility: hidden;
414
- opacity: 0;
415
- }
416
-
417
- .pf-v6-c-form__fieldset {
418
- border: 0;
419
- }
420
-
421
- .pf-v6-c-form__actions {
422
- display: flex;
423
- flex-wrap: wrap;
424
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
425
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
426
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
427
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
428
- }
429
-
430
- .pf-v6-c-form__actions > * {
431
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
432
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
433
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
434
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
435
- }
436
-
437
- .pf-v6-c-form__field-group {
438
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
439
- display: grid;
440
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
441
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
442
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
443
- }
444
-
445
- .pf-v6-c-form__field-group:last-child {
446
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
447
- }
448
-
449
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
450
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
451
- }
452
-
453
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
454
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
455
- }
456
-
457
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
458
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
459
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
460
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
461
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
462
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
463
- }
464
-
465
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
466
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
467
- }
468
-
469
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
470
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
471
- }
472
-
473
- .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
474
- max-height: 99999px;
475
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
476
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
477
- visibility: visible;
478
- opacity: 1;
479
- transition-delay: 0s;
480
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
481
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
482
- }
483
-
484
- .pf-v6-c-form__field-group-toggle {
485
- grid-row: 1/2;
486
- grid-column: 1/2;
487
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
488
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
489
- }
490
-
491
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
492
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
493
- }
494
-
495
- .pf-v6-c-form__field-group-toggle-button {
496
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
497
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
498
- }
499
-
500
- .pf-v6-c-form__field-group-toggle-icon {
501
- display: inline-block;
502
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
503
- text-align: center;
504
- transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
505
- transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
506
- transition-property: transform;
507
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
508
- }
509
-
510
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
511
- scale: -1 1;
512
- }
513
-
514
- .pf-v6-c-form__field-group-header {
515
- display: flex;
516
- grid-row: 1/2;
517
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
518
- align-items: flex-start;
519
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
520
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
521
- }
522
-
523
- .pf-v6-c-form__field-group-header-main {
524
- display: flex;
525
- flex-grow: 1;
526
- flex-direction: column;
527
- }
528
-
529
- .pf-v6-c-form__field-group-header-title {
530
- display: flex;
531
- }
532
-
533
- .pf-v6-c-form__field-group-header-title-text {
534
- flex-grow: 1;
535
- }
536
-
537
- .pf-v6-c-form__field-group-header-description {
538
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
539
- color: var(--pf-v6-c-form__field-group-header-description--Color);
540
- }
541
-
542
- .pf-v6-c-form__field-group-header-actions {
543
- margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
544
- margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
545
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
546
- white-space: nowrap;
547
- }
548
-
549
- .pf-v6-c-form__field-group-body {
550
- display: grid;
551
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
552
- gap: var(--pf-v6-c-form__field-group-body--Gap);
553
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
554
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
555
- }
556
-
557
- .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
558
- max-height: 0;
559
- padding-block-start: 0;
560
- padding-block-end: 0;
561
- visibility: hidden;
562
- opacity: 0;
563
- transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
564
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
565
- transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
566
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
567
- }
568
-
569
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
570
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
571
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
572
- }
573
-
574
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
575
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
576
- }
577
-
578
- .pf-v6-c-inline-edit {
579
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
580
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
581
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
582
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
583
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
584
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
585
- }
586
-
587
- .pf-v6-c-inline-edit__group {
588
- display: flex;
589
- align-items: baseline;
590
- }
591
-
592
- .pf-v6-c-inline-edit__group > * {
593
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
594
- }
595
-
596
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
597
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
598
- }
599
-
600
- .pf-v6-c-inline-edit__group.pf-m-footer {
601
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
602
- }
603
-
604
- .pf-v6-c-inline-edit__group.pf-m-column {
605
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
606
- flex-direction: column;
607
- }
608
-
609
- .pf-v6-c-inline-edit__group > :last-child {
610
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
611
- }
612
-
613
- .pf-v6-c-inline-edit__input {
614
- flex: 1;
615
- }
616
-
617
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
618
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
619
- }
620
-
621
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
622
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
623
- }
624
-
625
- .pf-v6-c-inline-edit__input,
626
- .pf-v6-c-inline-edit__action,
627
- .pf-v6-c-inline-edit__group.pf-m-action-group {
628
- display: none;
629
- }
630
-
631
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
632
- display: inline-block;
633
- }
634
-
635
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
636
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
637
- display: block;
638
- }
639
-
640
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
641
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
642
- display: inline-block;
643
- }
644
-
645
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
646
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
647
- display: inline-flex;
648
- }
649
-
650
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
651
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
652
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
653
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
654
- display: none;
655
- }
656
-
657
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
658
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
659
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
660
- }
661
-
662
- .pf-v6-c-inline-edit__label.pf-m-bold {
663
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
664
- }
665
-
666
- .pf-v6-c-inline-edit__editable-text br {
667
- display: none;
668
- }
669
-
670
1
  .pf-v6-c-table {
671
2
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
672
3
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -1786,57 +1117,272 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1786
1117
  .pf-v6-c-table .pf-m-width-10 {
1787
1118
  --pf-v6-c-table--cell--Width: 10%;
1788
1119
  }
1789
-
1790
- .pf-v6-c-table .pf-m-width-15 {
1791
- --pf-v6-c-table--cell--Width: 15%;
1120
+
1121
+ .pf-v6-c-table .pf-m-width-15 {
1122
+ --pf-v6-c-table--cell--Width: 15%;
1123
+ }
1124
+
1125
+ .pf-v6-c-table .pf-m-width-20 {
1126
+ --pf-v6-c-table--cell--Width: 20%;
1127
+ }
1128
+
1129
+ .pf-v6-c-table .pf-m-width-25 {
1130
+ --pf-v6-c-table--cell--Width: 25%;
1131
+ }
1132
+
1133
+ .pf-v6-c-table .pf-m-width-30 {
1134
+ --pf-v6-c-table--cell--Width: 30%;
1135
+ }
1136
+
1137
+ .pf-v6-c-table .pf-m-width-35 {
1138
+ --pf-v6-c-table--cell--Width: 35%;
1139
+ }
1140
+
1141
+ .pf-v6-c-table .pf-m-width-40 {
1142
+ --pf-v6-c-table--cell--Width: 40%;
1143
+ }
1144
+
1145
+ .pf-v6-c-table .pf-m-width-45 {
1146
+ --pf-v6-c-table--cell--Width: 45%;
1147
+ }
1148
+
1149
+ .pf-v6-c-table .pf-m-width-50 {
1150
+ --pf-v6-c-table--cell--Width: 50%;
1151
+ }
1152
+
1153
+ .pf-v6-c-table .pf-m-width-60 {
1154
+ --pf-v6-c-table--cell--Width: 60%;
1155
+ }
1156
+
1157
+ .pf-v6-c-table .pf-m-width-70 {
1158
+ --pf-v6-c-table--cell--Width: 70%;
1159
+ }
1160
+
1161
+ .pf-v6-c-table .pf-m-width-80 {
1162
+ --pf-v6-c-table--cell--Width: 80%;
1163
+ }
1164
+
1165
+ .pf-v6-c-table .pf-m-width-90 {
1166
+ --pf-v6-c-table--cell--Width: 90%;
1167
+ }
1168
+
1169
+ .pf-v6-c-table .pf-m-width-100 {
1170
+ --pf-v6-c-table--cell--Width: 100%;
1171
+ }
1172
+
1173
+ .pf-v6-u-screen-reader {
1174
+ position: fixed;
1175
+ inset-block-start: 0;
1176
+ inset-inline-start: 0;
1177
+ overflow: hidden;
1178
+ clip: rect(0, 0, 0, 0);
1179
+ white-space: nowrap;
1180
+ border: 0;
1181
+ }
1182
+
1183
+ .pf-v6-u-visible {
1184
+ position: static;
1185
+ overflow: visible;
1186
+ clip: auto;
1187
+ white-space: normal;
1188
+ border: inherit;
1189
+ }
1190
+
1191
+ .pf-v6-u-hidden {
1192
+ display: none !important;
1193
+ }
1194
+
1195
+ @media screen and (min-width: 36rem) {
1196
+ .pf-v6-u-screen-reader-on-sm {
1197
+ position: fixed;
1198
+ inset-block-start: 0;
1199
+ inset-inline-start: 0;
1200
+ overflow: hidden;
1201
+ clip: rect(0, 0, 0, 0);
1202
+ white-space: nowrap;
1203
+ border: 0;
1204
+ }
1205
+ }
1206
+ @media screen and (min-width: 36rem) {
1207
+ .pf-v6-u-visible-on-sm {
1208
+ position: static;
1209
+ overflow: visible;
1210
+ clip: auto;
1211
+ white-space: normal;
1212
+ border: inherit;
1213
+ }
1214
+ }
1215
+ @media screen and (min-width: 36rem) {
1216
+ .pf-v6-u-hidden-on-sm {
1217
+ display: none !important;
1218
+ }
1219
+ }
1220
+ @media screen and (min-width: 48rem) {
1221
+ .pf-v6-u-screen-reader-on-md {
1222
+ position: fixed;
1223
+ inset-block-start: 0;
1224
+ inset-inline-start: 0;
1225
+ overflow: hidden;
1226
+ clip: rect(0, 0, 0, 0);
1227
+ white-space: nowrap;
1228
+ border: 0;
1229
+ }
1230
+ }
1231
+ @media screen and (min-width: 48rem) {
1232
+ .pf-v6-u-visible-on-md {
1233
+ position: static;
1234
+ overflow: visible;
1235
+ clip: auto;
1236
+ white-space: normal;
1237
+ border: inherit;
1238
+ }
1239
+ }
1240
+ @media screen and (min-width: 48rem) {
1241
+ .pf-v6-u-hidden-on-md {
1242
+ display: none !important;
1243
+ }
1244
+ }
1245
+ @media screen and (min-width: 62rem) {
1246
+ .pf-v6-u-screen-reader-on-lg {
1247
+ position: fixed;
1248
+ inset-block-start: 0;
1249
+ inset-inline-start: 0;
1250
+ overflow: hidden;
1251
+ clip: rect(0, 0, 0, 0);
1252
+ white-space: nowrap;
1253
+ border: 0;
1254
+ }
1255
+ }
1256
+ @media screen and (min-width: 62rem) {
1257
+ .pf-v6-u-visible-on-lg {
1258
+ position: static;
1259
+ overflow: visible;
1260
+ clip: auto;
1261
+ white-space: normal;
1262
+ border: inherit;
1263
+ }
1264
+ }
1265
+ @media screen and (min-width: 62rem) {
1266
+ .pf-v6-u-hidden-on-lg {
1267
+ display: none !important;
1268
+ }
1269
+ }
1270
+ @media screen and (min-width: 75rem) {
1271
+ .pf-v6-u-screen-reader-on-xl {
1272
+ position: fixed;
1273
+ inset-block-start: 0;
1274
+ inset-inline-start: 0;
1275
+ overflow: hidden;
1276
+ clip: rect(0, 0, 0, 0);
1277
+ white-space: nowrap;
1278
+ border: 0;
1279
+ }
1280
+ }
1281
+ @media screen and (min-width: 75rem) {
1282
+ .pf-v6-u-visible-on-xl {
1283
+ position: static;
1284
+ overflow: visible;
1285
+ clip: auto;
1286
+ white-space: normal;
1287
+ border: inherit;
1288
+ }
1289
+ }
1290
+ @media screen and (min-width: 75rem) {
1291
+ .pf-v6-u-hidden-on-xl {
1292
+ display: none !important;
1293
+ }
1792
1294
  }
1793
-
1794
- .pf-v6-c-table .pf-m-width-20 {
1795
- --pf-v6-c-table--cell--Width: 20%;
1295
+ @media screen and (min-width: 90.625rem) {
1296
+ .pf-v6-u-screen-reader-on-2xl {
1297
+ position: fixed;
1298
+ inset-block-start: 0;
1299
+ inset-inline-start: 0;
1300
+ overflow: hidden;
1301
+ clip: rect(0, 0, 0, 0);
1302
+ white-space: nowrap;
1303
+ border: 0;
1304
+ }
1796
1305
  }
1797
-
1798
- .pf-v6-c-table .pf-m-width-25 {
1799
- --pf-v6-c-table--cell--Width: 25%;
1306
+ @media screen and (min-width: 90.625rem) {
1307
+ .pf-v6-u-visible-on-2xl {
1308
+ position: static;
1309
+ overflow: visible;
1310
+ clip: auto;
1311
+ white-space: normal;
1312
+ border: inherit;
1313
+ }
1800
1314
  }
1801
-
1802
- .pf-v6-c-table .pf-m-width-30 {
1803
- --pf-v6-c-table--cell--Width: 30%;
1315
+ @media screen and (min-width: 90.625rem) {
1316
+ .pf-v6-u-hidden-on-2xl {
1317
+ display: none !important;
1318
+ }
1804
1319
  }
1805
-
1806
- .pf-v6-c-table .pf-m-width-35 {
1807
- --pf-v6-c-table--cell--Width: 35%;
1320
+ .pf-v6-c-table {
1321
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1322
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1323
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1324
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1325
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1326
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
1327
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1328
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1329
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1330
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1331
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1332
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1333
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1808
1334
  }
1809
1335
 
1810
- .pf-v6-c-table .pf-m-width-40 {
1811
- --pf-v6-c-table--cell--Width: 40%;
1336
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1337
+ position: sticky;
1338
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1339
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1340
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1341
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1812
1342
  }
1813
1343
 
1814
- .pf-v6-c-table .pf-m-width-45 {
1815
- --pf-v6-c-table--cell--Width: 45%;
1344
+ .pf-v6-c-table__sticky-cell {
1345
+ --pf-v6-c-table--cell--Overflow: visible;
1346
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1347
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1348
+ background-clip: padding-box;
1816
1349
  }
1817
1350
 
1818
- .pf-v6-c-table .pf-m-width-50 {
1819
- --pf-v6-c-table--cell--Width: 50%;
1351
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1352
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1353
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1820
1354
  }
1821
1355
 
1822
- .pf-v6-c-table .pf-m-width-60 {
1823
- --pf-v6-c-table--cell--Width: 60%;
1356
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1357
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1358
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1824
1359
  }
1825
1360
 
1826
- .pf-v6-c-table .pf-m-width-70 {
1827
- --pf-v6-c-table--cell--Width: 70%;
1361
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1362
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1828
1363
  }
1829
1364
 
1830
- .pf-v6-c-table .pf-m-width-80 {
1831
- --pf-v6-c-table--cell--Width: 80%;
1365
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1366
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1832
1367
  }
1833
1368
 
1834
- .pf-v6-c-table .pf-m-width-90 {
1835
- --pf-v6-c-table--cell--Width: 90%;
1369
+ .pf-v6-c-scroll-outer-wrapper {
1370
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1371
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1372
+ display: flex;
1373
+ flex-direction: column;
1374
+ max-width: 100%;
1375
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1376
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1377
+ overflow: hidden;
1836
1378
  }
1837
1379
 
1838
- .pf-v6-c-table .pf-m-width-100 {
1839
- --pf-v6-c-table--cell--Width: 100%;
1380
+ .pf-v6-c-scroll-inner-wrapper {
1381
+ display: flex;
1382
+ flex-direction: column;
1383
+ max-width: 100%;
1384
+ max-height: 100%;
1385
+ overflow: auto;
1840
1386
  }
1841
1387
 
1842
1388
  .pf-v6-c-table {
@@ -3496,232 +3042,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3496
3042
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
3497
3043
  --pf-v6-c-table--cell--Overflow: auto;
3498
3044
  }
3499
- .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
3500
- width: auto;
3501
- white-space: normal;
3502
- }
3503
- .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
3504
- --pf-v6-c-table--cell--MaxWidth: 100%;
3505
- }
3506
- .pf-m-grid-2xl.pf-v6-c-table [class*=pf-m-width] {
3507
- --pf-v6-c-table--cell--Width: auto;
3508
- }
3509
- }
3510
- .pf-v6-u-screen-reader {
3511
- position: fixed;
3512
- inset-block-start: 0;
3513
- inset-inline-start: 0;
3514
- overflow: hidden;
3515
- clip: rect(0, 0, 0, 0);
3516
- white-space: nowrap;
3517
- border: 0;
3518
- }
3519
-
3520
- .pf-v6-u-visible {
3521
- position: static;
3522
- overflow: visible;
3523
- clip: auto;
3524
- white-space: normal;
3525
- border: inherit;
3526
- }
3527
-
3528
- .pf-v6-u-hidden {
3529
- display: none !important;
3530
- }
3531
-
3532
- @media screen and (min-width: 36rem) {
3533
- .pf-v6-u-screen-reader-on-sm {
3534
- position: fixed;
3535
- inset-block-start: 0;
3536
- inset-inline-start: 0;
3537
- overflow: hidden;
3538
- clip: rect(0, 0, 0, 0);
3539
- white-space: nowrap;
3540
- border: 0;
3541
- }
3542
- }
3543
- @media screen and (min-width: 36rem) {
3544
- .pf-v6-u-visible-on-sm {
3545
- position: static;
3546
- overflow: visible;
3547
- clip: auto;
3548
- white-space: normal;
3549
- border: inherit;
3550
- }
3551
- }
3552
- @media screen and (min-width: 36rem) {
3553
- .pf-v6-u-hidden-on-sm {
3554
- display: none !important;
3555
- }
3556
- }
3557
- @media screen and (min-width: 48rem) {
3558
- .pf-v6-u-screen-reader-on-md {
3559
- position: fixed;
3560
- inset-block-start: 0;
3561
- inset-inline-start: 0;
3562
- overflow: hidden;
3563
- clip: rect(0, 0, 0, 0);
3564
- white-space: nowrap;
3565
- border: 0;
3566
- }
3567
- }
3568
- @media screen and (min-width: 48rem) {
3569
- .pf-v6-u-visible-on-md {
3570
- position: static;
3571
- overflow: visible;
3572
- clip: auto;
3573
- white-space: normal;
3574
- border: inherit;
3575
- }
3576
- }
3577
- @media screen and (min-width: 48rem) {
3578
- .pf-v6-u-hidden-on-md {
3579
- display: none !important;
3580
- }
3581
- }
3582
- @media screen and (min-width: 62rem) {
3583
- .pf-v6-u-screen-reader-on-lg {
3584
- position: fixed;
3585
- inset-block-start: 0;
3586
- inset-inline-start: 0;
3587
- overflow: hidden;
3588
- clip: rect(0, 0, 0, 0);
3589
- white-space: nowrap;
3590
- border: 0;
3591
- }
3592
- }
3593
- @media screen and (min-width: 62rem) {
3594
- .pf-v6-u-visible-on-lg {
3595
- position: static;
3596
- overflow: visible;
3597
- clip: auto;
3598
- white-space: normal;
3599
- border: inherit;
3600
- }
3601
- }
3602
- @media screen and (min-width: 62rem) {
3603
- .pf-v6-u-hidden-on-lg {
3604
- display: none !important;
3605
- }
3606
- }
3607
- @media screen and (min-width: 75rem) {
3608
- .pf-v6-u-screen-reader-on-xl {
3609
- position: fixed;
3610
- inset-block-start: 0;
3611
- inset-inline-start: 0;
3612
- overflow: hidden;
3613
- clip: rect(0, 0, 0, 0);
3614
- white-space: nowrap;
3615
- border: 0;
3616
- }
3617
- }
3618
- @media screen and (min-width: 75rem) {
3619
- .pf-v6-u-visible-on-xl {
3620
- position: static;
3621
- overflow: visible;
3622
- clip: auto;
3623
- white-space: normal;
3624
- border: inherit;
3625
- }
3626
- }
3627
- @media screen and (min-width: 75rem) {
3628
- .pf-v6-u-hidden-on-xl {
3629
- display: none !important;
3630
- }
3631
- }
3632
- @media screen and (min-width: 90.625rem) {
3633
- .pf-v6-u-screen-reader-on-2xl {
3634
- position: fixed;
3635
- inset-block-start: 0;
3636
- inset-inline-start: 0;
3637
- overflow: hidden;
3638
- clip: rect(0, 0, 0, 0);
3639
- white-space: nowrap;
3640
- border: 0;
3641
- }
3642
- }
3643
- @media screen and (min-width: 90.625rem) {
3644
- .pf-v6-u-visible-on-2xl {
3645
- position: static;
3646
- overflow: visible;
3647
- clip: auto;
3045
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
3046
+ width: auto;
3648
3047
  white-space: normal;
3649
- border: inherit;
3650
3048
  }
3651
- }
3652
- @media screen and (min-width: 90.625rem) {
3653
- .pf-v6-u-hidden-on-2xl {
3654
- display: none !important;
3049
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
3050
+ --pf-v6-c-table--cell--MaxWidth: 100%;
3051
+ }
3052
+ .pf-m-grid-2xl.pf-v6-c-table [class*=pf-m-width] {
3053
+ --pf-v6-c-table--cell--Width: auto;
3655
3054
  }
3656
3055
  }
3657
- .pf-v6-c-table {
3658
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3659
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3660
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3661
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3662
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3663
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
3664
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3665
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3666
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3667
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3668
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3669
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3670
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3671
- }
3672
-
3673
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3674
- position: sticky;
3675
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3676
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3677
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3678
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3679
- }
3680
-
3681
- .pf-v6-c-table__sticky-cell {
3682
- --pf-v6-c-table--cell--Overflow: visible;
3683
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3684
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3685
- background-clip: padding-box;
3686
- }
3687
-
3688
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3689
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3690
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3691
- }
3692
-
3693
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3694
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3695
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3696
- }
3697
-
3698
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3699
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3700
- }
3701
-
3702
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3703
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3704
- }
3705
-
3706
- .pf-v6-c-scroll-outer-wrapper {
3707
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3708
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3709
- display: flex;
3710
- flex-direction: column;
3711
- max-width: 100%;
3712
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3713
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3714
- overflow: hidden;
3715
- }
3716
-
3717
- .pf-v6-c-scroll-inner-wrapper {
3718
- display: flex;
3719
- flex-direction: column;
3720
- max-width: 100%;
3721
- max-height: 100%;
3722
- overflow: auto;
3723
- }
3724
-
3725
3056
  .pf-v6-c-table {
3726
3057
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
3727
3058
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
@@ -4017,9 +3348,293 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4017
3348
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4018
3349
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4019
3350
  }
4020
-
4021
- @media screen and (max-width: calc(48rem - 1px)) {
4022
- .pf-m-tree-view-grid-md.pf-v6-c-table {
3351
+
3352
+ @media screen and (max-width: calc(48rem - 1px)) {
3353
+ .pf-m-tree-view-grid-md.pf-v6-c-table {
3354
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3355
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3356
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3357
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3358
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3359
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3360
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3361
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3362
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3363
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3364
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3365
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3366
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3367
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3368
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3369
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3370
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3371
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3372
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3373
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3374
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3375
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3376
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3377
+ }
3378
+ .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3379
+ position: relative;
3380
+ border: none;
3381
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3382
+ }
3383
+ .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
3384
+ position: absolute;
3385
+ inset-block-start: 0;
3386
+ inset-block-end: 0;
3387
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3388
+ inset-inline-end: 0;
3389
+ content: "";
3390
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3391
+ }
3392
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3393
+ display: grid;
3394
+ grid-template-columns: 1fr max-content;
3395
+ }
3396
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
3397
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3398
+ }
3399
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
3400
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3401
+ }
3402
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
3403
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3404
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3405
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3406
+ }
3407
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3408
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3409
+ }
3410
+ .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3411
+ display: none;
3412
+ }
3413
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3414
+ display: none;
3415
+ }
3416
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3417
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3418
+ grid-column: 1;
3419
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3420
+ align-items: start;
3421
+ }
3422
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3423
+ grid-column: 2;
3424
+ }
3425
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3426
+ position: revert;
3427
+ font-weight: var(--pf-t--global--font--weight--body--bold);
3428
+ text-align: start;
3429
+ content: attr(data-label);
3430
+ }
3431
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3432
+ border-inline-end: 0;
3433
+ }
3434
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3435
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3436
+ }
3437
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
3438
+ display: grid;
3439
+ }
3440
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
3441
+ display: none;
3442
+ }
3443
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3444
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
3445
+ display: inline-block;
3446
+ }
3447
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
3448
+ --pf-v6-c-table--cell--Width: auto;
3449
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3450
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
3451
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
3452
+ grid-row: 1;
3453
+ grid-column: 2;
3454
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3455
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3456
+ }
3457
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3458
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3459
+ margin-inline-start: auto;
3460
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3461
+ }
3462
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3463
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3464
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3465
+ }
3466
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3467
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
3468
+ }
3469
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3470
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
3471
+ }
3472
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3473
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
3474
+ }
3475
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3476
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
3477
+ }
3478
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3479
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
3480
+ }
3481
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3482
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
3483
+ }
3484
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3485
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
3486
+ }
3487
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3488
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
3489
+ }
3490
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3491
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
3492
+ }
3493
+ }
3494
+ @media screen and (max-width: calc(62rem - 1px)) {
3495
+ .pf-m-tree-view-grid-lg.pf-v6-c-table {
3496
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3497
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3498
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3499
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3500
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3501
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3502
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3503
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3504
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3505
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3506
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3507
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3508
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3509
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3510
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3511
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3512
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3513
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3514
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3515
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3516
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3517
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3518
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3519
+ }
3520
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3521
+ position: relative;
3522
+ border: none;
3523
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3524
+ }
3525
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
3526
+ position: absolute;
3527
+ inset-block-start: 0;
3528
+ inset-block-end: 0;
3529
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3530
+ inset-inline-end: 0;
3531
+ content: "";
3532
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3533
+ }
3534
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3535
+ display: grid;
3536
+ grid-template-columns: 1fr max-content;
3537
+ }
3538
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
3539
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3540
+ }
3541
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
3542
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3543
+ }
3544
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
3545
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3546
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3547
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3548
+ }
3549
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3550
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3551
+ }
3552
+ .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3553
+ display: none;
3554
+ }
3555
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3556
+ display: none;
3557
+ }
3558
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3559
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3560
+ grid-column: 1;
3561
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3562
+ align-items: start;
3563
+ }
3564
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3565
+ grid-column: 2;
3566
+ }
3567
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3568
+ position: revert;
3569
+ font-weight: var(--pf-t--global--font--weight--body--bold);
3570
+ text-align: start;
3571
+ content: attr(data-label);
3572
+ }
3573
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3574
+ border-inline-end: 0;
3575
+ }
3576
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3577
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3578
+ }
3579
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
3580
+ display: grid;
3581
+ }
3582
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
3583
+ display: none;
3584
+ }
3585
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3586
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
3587
+ display: inline-block;
3588
+ }
3589
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
3590
+ --pf-v6-c-table--cell--Width: auto;
3591
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3592
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
3593
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
3594
+ grid-row: 1;
3595
+ grid-column: 2;
3596
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3597
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3598
+ }
3599
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3600
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3601
+ margin-inline-start: auto;
3602
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3603
+ }
3604
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3605
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3606
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3607
+ }
3608
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3609
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
3610
+ }
3611
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3612
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
3613
+ }
3614
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3615
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
3616
+ }
3617
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3618
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
3619
+ }
3620
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3621
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
3622
+ }
3623
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3624
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
3625
+ }
3626
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3627
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
3628
+ }
3629
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3630
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
3631
+ }
3632
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3633
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
3634
+ }
3635
+ }
3636
+ @media screen and (max-width: calc(75rem - 1px)) {
3637
+ .pf-m-tree-view-grid-xl.pf-v6-c-table {
4023
3638
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4024
3639
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4025
3640
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -4044,12 +3659,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4044
3659
  --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4045
3660
  --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4046
3661
  }
4047
- .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3662
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4048
3663
  position: relative;
4049
3664
  border: none;
4050
3665
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4051
3666
  }
4052
- .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
3667
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
4053
3668
  position: absolute;
4054
3669
  inset-block-start: 0;
4055
3670
  inset-block-end: 0;
@@ -4058,62 +3673,62 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4058
3673
  content: "";
4059
3674
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4060
3675
  }
4061
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3676
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4062
3677
  display: grid;
4063
3678
  grid-template-columns: 1fr max-content;
4064
3679
  }
4065
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
3680
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
4066
3681
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4067
3682
  }
4068
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
3683
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
4069
3684
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4070
3685
  }
4071
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
3686
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
4072
3687
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4073
3688
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4074
3689
  padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4075
3690
  }
4076
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3691
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4077
3692
  padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4078
3693
  }
4079
- .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3694
+ .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4080
3695
  display: none;
4081
3696
  }
4082
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3697
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4083
3698
  display: none;
4084
3699
  }
4085
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3700
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4086
3701
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4087
3702
  grid-column: 1;
4088
3703
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4089
3704
  align-items: start;
4090
3705
  }
4091
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3706
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4092
3707
  grid-column: 2;
4093
3708
  }
4094
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3709
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4095
3710
  position: revert;
4096
3711
  font-weight: var(--pf-t--global--font--weight--body--bold);
4097
3712
  text-align: start;
4098
3713
  content: attr(data-label);
4099
3714
  }
4100
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3715
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4101
3716
  border-inline-end: 0;
4102
3717
  }
4103
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3718
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4104
3719
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4105
3720
  }
4106
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
3721
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
4107
3722
  display: grid;
4108
3723
  }
4109
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
3724
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
4110
3725
  display: none;
4111
3726
  }
4112
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4113
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
3727
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3728
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
4114
3729
  display: inline-block;
4115
3730
  }
4116
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
3731
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
4117
3732
  --pf-v6-c-table--cell--Width: auto;
4118
3733
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4119
3734
  --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
@@ -4123,45 +3738,45 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4123
3738
  margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4124
3739
  margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4125
3740
  }
4126
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3741
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4127
3742
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4128
3743
  margin-inline-start: auto;
4129
3744
  margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4130
3745
  }
4131
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3746
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4132
3747
  margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4133
3748
  margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4134
3749
  }
4135
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3750
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4136
3751
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
4137
3752
  }
4138
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3753
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4139
3754
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
4140
3755
  }
4141
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3756
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4142
3757
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
4143
3758
  }
4144
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3759
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4145
3760
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
4146
3761
  }
4147
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3762
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4148
3763
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
4149
3764
  }
4150
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3765
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4151
3766
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
4152
3767
  }
4153
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3768
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4154
3769
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
4155
3770
  }
4156
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3771
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4157
3772
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
4158
3773
  }
4159
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3774
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4160
3775
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4161
3776
  }
4162
3777
  }
4163
- @media screen and (max-width: calc(62rem - 1px)) {
4164
- .pf-m-tree-view-grid-lg.pf-v6-c-table {
3778
+ @media screen and (max-width: calc(90.625rem - 1px)) {
3779
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table {
4165
3780
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4166
3781
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4167
3782
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -4186,12 +3801,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4186
3801
  --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4187
3802
  --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4188
3803
  }
4189
- .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3804
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4190
3805
  position: relative;
4191
3806
  border: none;
4192
3807
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4193
3808
  }
4194
- .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
3809
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
4195
3810
  position: absolute;
4196
3811
  inset-block-start: 0;
4197
3812
  inset-block-end: 0;
@@ -4200,392 +3815,777 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4200
3815
  content: "";
4201
3816
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4202
3817
  }
4203
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3818
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4204
3819
  display: grid;
4205
3820
  grid-template-columns: 1fr max-content;
4206
3821
  }
4207
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
3822
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
4208
3823
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4209
3824
  }
4210
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
3825
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
4211
3826
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4212
3827
  }
4213
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
4214
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4215
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4216
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3828
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
3829
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3830
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3831
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3832
+ }
3833
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3834
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3835
+ }
3836
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3837
+ display: none;
3838
+ }
3839
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3840
+ display: none;
3841
+ }
3842
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3843
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3844
+ grid-column: 1;
3845
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3846
+ align-items: start;
3847
+ }
3848
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3849
+ grid-column: 2;
3850
+ }
3851
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3852
+ position: revert;
3853
+ font-weight: var(--pf-t--global--font--weight--body--bold);
3854
+ text-align: start;
3855
+ content: attr(data-label);
3856
+ }
3857
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3858
+ border-inline-end: 0;
3859
+ }
3860
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3861
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3862
+ }
3863
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
3864
+ display: grid;
3865
+ }
3866
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
3867
+ display: none;
3868
+ }
3869
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3870
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3871
+ display: inline-block;
3872
+ }
3873
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3874
+ --pf-v6-c-table--cell--Width: auto;
3875
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3876
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
3877
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
3878
+ grid-row: 1;
3879
+ grid-column: 2;
3880
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3881
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3882
+ }
3883
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3884
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3885
+ margin-inline-start: auto;
3886
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3887
+ }
3888
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3889
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3890
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3891
+ }
3892
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3893
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
3894
+ }
3895
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3896
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
3897
+ }
3898
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3899
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
4217
3900
  }
4218
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4219
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3901
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3902
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
4220
3903
  }
4221
- .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4222
- display: none;
3904
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3905
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
4223
3906
  }
4224
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4225
- display: none;
3907
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3908
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
4226
3909
  }
4227
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4228
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4229
- grid-column: 1;
4230
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4231
- align-items: start;
3910
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3911
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
4232
3912
  }
4233
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4234
- grid-column: 2;
3913
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3914
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
4235
3915
  }
4236
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4237
- position: revert;
4238
- font-weight: var(--pf-t--global--font--weight--body--bold);
4239
- text-align: start;
4240
- content: attr(data-label);
3916
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3917
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4241
3918
  }
4242
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4243
- border-inline-end: 0;
3919
+ }
3920
+ .pf-v6-c-inline-edit {
3921
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3922
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3923
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3924
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3925
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3926
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3927
+ }
3928
+
3929
+ .pf-v6-c-inline-edit__group {
3930
+ display: flex;
3931
+ align-items: baseline;
3932
+ }
3933
+
3934
+ .pf-v6-c-inline-edit__group > * {
3935
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3936
+ }
3937
+
3938
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
3939
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3940
+ }
3941
+
3942
+ .pf-v6-c-inline-edit__group.pf-m-footer {
3943
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3944
+ }
3945
+
3946
+ .pf-v6-c-inline-edit__group.pf-m-column {
3947
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3948
+ flex-direction: column;
3949
+ }
3950
+
3951
+ .pf-v6-c-inline-edit__group > :last-child {
3952
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3953
+ }
3954
+
3955
+ .pf-v6-c-inline-edit__input {
3956
+ flex: 1;
3957
+ }
3958
+
3959
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3960
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3961
+ }
3962
+
3963
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3964
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3965
+ }
3966
+
3967
+ .pf-v6-c-inline-edit__input,
3968
+ .pf-v6-c-inline-edit__action,
3969
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
3970
+ display: none;
3971
+ }
3972
+
3973
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3974
+ display: inline-block;
3975
+ }
3976
+
3977
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3978
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3979
+ display: block;
3980
+ }
3981
+
3982
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3983
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3984
+ display: inline-block;
3985
+ }
3986
+
3987
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3988
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3989
+ display: inline-flex;
3990
+ }
3991
+
3992
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3993
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3994
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3995
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3996
+ display: none;
3997
+ }
3998
+
3999
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
4000
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
4001
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
4002
+ }
4003
+
4004
+ .pf-v6-c-inline-edit__label.pf-m-bold {
4005
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
4006
+ }
4007
+
4008
+ .pf-v6-c-inline-edit__editable-text br {
4009
+ display: none;
4010
+ }
4011
+
4012
+ .pf-v6-c-form {
4013
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4014
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
4015
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
4016
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
4017
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
4018
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
4019
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
4020
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
4021
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4022
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
4023
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
4024
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
4025
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
4026
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
4027
+ --pf-v6-c-form__label--hover--Cursor: pointer;
4028
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
4029
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
4030
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4031
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
4032
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
4033
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
4034
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
4035
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
4036
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
4037
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
4038
+ --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
4039
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
4040
+ --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
4041
+ --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
4042
+ --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
4043
+ --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
4044
+ --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
4045
+ --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
4046
+ --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
4047
+ --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
4048
+ --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
4049
+ --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
4050
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
4051
+ --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
4052
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
4053
+ --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
4054
+ --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
4055
+ --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
4056
+ --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
4057
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4058
+ --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
4059
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
4060
+ --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4061
+ --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
4062
+ --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
4063
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4064
+ --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
4065
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
4066
+ --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
4067
+ --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
4068
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4069
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4070
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4071
+ --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4072
+ --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
4073
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
4074
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
4075
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
4076
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4077
+ --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
4078
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
4079
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
4080
+ --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
4081
+ --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
4082
+ --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
4083
+ --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
4084
+ --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
4085
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4086
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4087
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
4088
+ --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
4089
+ --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
4090
+ --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
4091
+ --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
4092
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
4093
+ --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
4094
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
4095
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
4096
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
4097
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
4098
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
4099
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
4100
+ }
4101
+
4102
+ @media screen and (prefers-reduced-motion: no-preference) {
4103
+ .pf-v6-c-form {
4104
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
4105
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
4106
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
4244
4107
  }
4245
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4246
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4108
+ }
4109
+ .pf-v6-c-form {
4110
+ display: grid;
4111
+ gap: var(--pf-v6-c-form--GridGap);
4112
+ }
4113
+
4114
+ .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
4115
+ text-align: end;
4116
+ }
4117
+
4118
+ @media screen and (min-width: 48rem) {
4119
+ .pf-v6-c-form.pf-m-horizontal {
4120
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4247
4121
  }
4248
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
4122
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
4249
4123
  display: grid;
4124
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4125
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4250
4126
  }
4251
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
4252
- display: none;
4127
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
4128
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4129
+ }
4130
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
4131
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4132
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4133
+ }
4134
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
4135
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4136
+ flex-direction: column;
4137
+ align-items: flex-start;
4253
4138
  }
4254
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4255
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
4256
- display: inline-block;
4139
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
4140
+ flex-grow: 0;
4257
4141
  }
4258
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
4259
- --pf-v6-c-table--cell--Width: auto;
4260
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4261
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
4262
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
4263
- grid-row: 1;
4142
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
4264
4143
  grid-column: 2;
4265
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4266
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4267
4144
  }
4268
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4269
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4270
- margin-inline-start: auto;
4271
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4145
+ }
4146
+ @media screen and (min-width: 0) {
4147
+ .pf-v6-c-form.pf-m-horizontal-on-xs {
4148
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4272
4149
  }
4273
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4274
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4275
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4150
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
4151
+ display: grid;
4152
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4153
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4276
4154
  }
4277
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4278
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
4155
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
4156
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4279
4157
  }
4280
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4281
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
4158
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
4159
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4160
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4282
4161
  }
4283
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4284
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
4162
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
4163
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4164
+ flex-direction: column;
4165
+ align-items: flex-start;
4285
4166
  }
4286
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4287
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
4167
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
4168
+ flex-grow: 0;
4288
4169
  }
4289
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4290
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
4170
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
4171
+ grid-column: 2;
4291
4172
  }
4292
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4293
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
4173
+ }
4174
+ @media (min-width: 36rem) {
4175
+ .pf-v6-c-form.pf-m-horizontal-on-sm {
4176
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4294
4177
  }
4295
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4296
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
4178
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
4179
+ display: grid;
4180
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4181
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4297
4182
  }
4298
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4299
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
4183
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
4184
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4300
4185
  }
4301
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4302
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4186
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
4187
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4188
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4303
4189
  }
4304
- }
4305
- @media screen and (max-width: calc(75rem - 1px)) {
4306
- .pf-m-tree-view-grid-xl.pf-v6-c-table {
4307
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4308
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4309
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4310
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
4311
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
4312
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
4313
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4314
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
4315
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4316
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
4317
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4318
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
4319
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4320
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4321
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
4322
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
4323
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
4324
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
4325
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
4326
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4327
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4328
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4329
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4190
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
4191
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4192
+ flex-direction: column;
4193
+ align-items: flex-start;
4330
4194
  }
4331
- .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4332
- position: relative;
4333
- border: none;
4334
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4195
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
4196
+ flex-grow: 0;
4335
4197
  }
4336
- .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
4337
- position: absolute;
4338
- inset-block-start: 0;
4339
- inset-block-end: 0;
4340
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4341
- inset-inline-end: 0;
4342
- content: "";
4343
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4198
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
4199
+ grid-column: 2;
4344
4200
  }
4345
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4201
+ }
4202
+ @media (min-width: 48rem) {
4203
+ .pf-v6-c-form.pf-m-horizontal-on-md {
4204
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4205
+ }
4206
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
4346
4207
  display: grid;
4347
- grid-template-columns: 1fr max-content;
4208
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4209
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4348
4210
  }
4349
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
4350
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4211
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
4212
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4351
4213
  }
4352
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
4353
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4214
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
4215
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4216
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4354
4217
  }
4355
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
4356
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4357
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4358
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4218
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
4219
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4220
+ flex-direction: column;
4221
+ align-items: flex-start;
4359
4222
  }
4360
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4361
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4223
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
4224
+ flex-grow: 0;
4362
4225
  }
4363
- .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4364
- display: none;
4226
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
4227
+ grid-column: 2;
4365
4228
  }
4366
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4367
- display: none;
4229
+ }
4230
+ @media (min-width: 62rem) {
4231
+ .pf-v6-c-form.pf-m-horizontal-on-lg {
4232
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4368
4233
  }
4369
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4370
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4371
- grid-column: 1;
4372
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4373
- align-items: start;
4234
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
4235
+ display: grid;
4236
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4237
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4374
4238
  }
4375
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4376
- grid-column: 2;
4239
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
4240
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4377
4241
  }
4378
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4379
- position: revert;
4380
- font-weight: var(--pf-t--global--font--weight--body--bold);
4381
- text-align: start;
4382
- content: attr(data-label);
4242
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
4243
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4244
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4383
4245
  }
4384
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4385
- border-inline-end: 0;
4246
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
4247
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4248
+ flex-direction: column;
4249
+ align-items: flex-start;
4386
4250
  }
4387
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4388
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4251
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
4252
+ flex-grow: 0;
4389
4253
  }
4390
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
4391
- display: grid;
4254
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
4255
+ grid-column: 2;
4392
4256
  }
4393
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
4394
- display: none;
4257
+ }
4258
+ @media (min-width: 75rem) {
4259
+ .pf-v6-c-form.pf-m-horizontal-on-xl {
4260
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4395
4261
  }
4396
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4397
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
4398
- display: inline-block;
4262
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
4263
+ display: grid;
4264
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4265
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4399
4266
  }
4400
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
4401
- --pf-v6-c-table--cell--Width: auto;
4402
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4403
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
4404
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
4405
- grid-row: 1;
4406
- grid-column: 2;
4407
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4408
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4267
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
4268
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4409
4269
  }
4410
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4411
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4412
- margin-inline-start: auto;
4413
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4270
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4271
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4272
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4414
4273
  }
4415
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4416
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4417
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4274
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
4275
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4276
+ flex-direction: column;
4277
+ align-items: flex-start;
4418
4278
  }
4419
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4420
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
4279
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
4280
+ flex-grow: 0;
4421
4281
  }
4422
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4423
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
4282
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
4283
+ grid-column: 2;
4424
4284
  }
4425
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4426
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
4285
+ }
4286
+ @media (min-width: 90.625rem) {
4287
+ .pf-v6-c-form.pf-m-horizontal-on-2xl {
4288
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4427
4289
  }
4428
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4429
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
4290
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
4291
+ display: grid;
4292
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4293
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4430
4294
  }
4431
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4432
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
4295
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
4296
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4433
4297
  }
4434
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4435
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
4298
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4299
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4300
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4436
4301
  }
4437
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4438
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
4302
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
4303
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4304
+ flex-direction: column;
4305
+ align-items: flex-start;
4439
4306
  }
4440
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4441
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
4307
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
4308
+ flex-grow: 0;
4442
4309
  }
4443
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4444
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4310
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
4311
+ grid-column: 2;
4445
4312
  }
4446
4313
  }
4447
- @media screen and (max-width: calc(90.625rem - 1px)) {
4448
- .pf-m-tree-view-grid-2xl.pf-v6-c-table {
4449
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4450
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4451
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4452
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
4453
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
4454
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
4455
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4456
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
4457
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4458
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
4459
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4460
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
4461
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4462
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4463
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
4464
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
4465
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
4466
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
4467
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
4468
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4469
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4470
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4471
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4472
- }
4473
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4474
- position: relative;
4475
- border: none;
4476
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4477
- }
4478
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
4479
- position: absolute;
4480
- inset-block-start: 0;
4481
- inset-block-end: 0;
4482
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4483
- inset-inline-end: 0;
4484
- content: "";
4485
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4486
- }
4487
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4488
- display: grid;
4489
- grid-template-columns: 1fr max-content;
4490
- }
4491
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
4492
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4493
- }
4494
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
4495
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4496
- }
4497
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
4498
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4499
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4500
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4501
- }
4502
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4503
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4504
- }
4505
- .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4506
- display: none;
4507
- }
4508
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4509
- display: none;
4510
- }
4511
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4512
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4513
- grid-column: 1;
4514
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4515
- align-items: start;
4516
- }
4517
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4518
- grid-column: 2;
4519
- }
4520
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4521
- position: revert;
4522
- font-weight: var(--pf-t--global--font--weight--body--bold);
4523
- text-align: start;
4524
- content: attr(data-label);
4525
- }
4526
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4527
- border-inline-end: 0;
4528
- }
4529
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4530
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4531
- }
4532
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
4533
- display: grid;
4534
- }
4535
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
4536
- display: none;
4537
- }
4538
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4539
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
4540
- display: inline-block;
4541
- }
4542
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
4543
- --pf-v6-c-table--cell--Width: auto;
4544
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4545
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
4546
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
4547
- grid-row: 1;
4548
- grid-column: 2;
4549
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4550
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4551
- }
4552
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4553
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4554
- margin-inline-start: auto;
4555
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4556
- }
4557
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4558
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4559
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4560
- }
4561
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4562
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
4563
- }
4564
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4565
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
4566
- }
4567
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4568
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
4569
- }
4570
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4571
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
4572
- }
4573
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4574
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
4575
- }
4576
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4577
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
4578
- }
4579
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4580
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
4581
- }
4582
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4583
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
4584
- }
4585
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4586
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4587
- }
4314
+ .pf-v6-c-form.pf-m-limit-width {
4315
+ max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
4316
+ }
4317
+
4318
+ .pf-v6-c-form__group {
4319
+ display: flex;
4320
+ flex-direction: column;
4321
+ gap: var(--pf-v6-c-form__group--Gap);
4322
+ min-width: 0;
4323
+ }
4324
+
4325
+ .pf-v6-c-form__group.pf-m-action {
4326
+ margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
4327
+ overflow: hidden;
4328
+ }
4329
+
4330
+ .pf-v6-c-form__section {
4331
+ display: grid;
4332
+ gap: var(--pf-v6-c-form__section--Gap);
4333
+ }
4334
+
4335
+ .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
4336
+ margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
4337
+ }
4338
+
4339
+ .pf-v6-c-form__section-title {
4340
+ margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
4341
+ font-size: var(--pf-v6-c-form__section-title--FontSize);
4342
+ font-weight: var(--pf-v6-c-form__section-title--FontWeight);
4343
+ }
4344
+
4345
+ .pf-v6-c-form__group-label {
4346
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4347
+ }
4348
+
4349
+ .pf-v6-c-form__group-label.pf-m-info {
4350
+ display: flex;
4351
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
4352
+ align-items: flex-end;
4353
+ }
4354
+
4355
+ .pf-v6-c-form__group-label-main {
4356
+ flex-grow: 1;
4357
+ }
4358
+
4359
+ .pf-v6-c-form__group-label-info {
4360
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
4361
+ }
4362
+
4363
+ .pf-v6-c-form__label {
4364
+ font-size: var(--pf-v6-c-form__label--FontSize);
4365
+ line-height: var(--pf-v6-c-form__label--LineHeight);
4366
+ }
4367
+
4368
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
4369
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
4370
+ }
4371
+
4372
+ .pf-v6-c-form__label.pf-m-disabled {
4373
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
4374
+ }
4375
+
4376
+ .pf-v6-c-form__label.pf-m-disabled:hover {
4377
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
4378
+ }
4379
+
4380
+ .pf-v6-c-form__label-text {
4381
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
4382
+ }
4383
+
4384
+ .pf-v6-c-form__label-required {
4385
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4386
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
4387
+ color: var(--pf-v6-c-form__label-required--Color);
4388
+ }
4389
+
4390
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
4391
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
4392
+ }
4393
+
4394
+ .pf-v6-c-form__group-control {
4395
+ min-width: 0;
4396
+ }
4397
+
4398
+ .pf-v6-c-form__group-control.pf-m-inline {
4399
+ display: flex;
4400
+ flex-flow: row wrap;
4401
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
4402
+ }
4403
+
4404
+ .pf-v6-c-form__group-control.pf-m-stack {
4405
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4406
+ display: grid;
4407
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
4408
+ }
4409
+
4410
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4411
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4412
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
4413
+ }
4414
+
4415
+ .pf-v6-c-form__helper-text {
4416
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
4417
+ }
4418
+
4419
+ .pf-v6-c-form__helper-text.pf-m-inactive {
4420
+ display: none;
4421
+ }
4422
+
4423
+ .pf-v6-c-form__helper-text.pf-m-hidden {
4424
+ visibility: hidden;
4425
+ opacity: 0;
4426
+ }
4427
+
4428
+ .pf-v6-c-form__fieldset {
4429
+ border: 0;
4430
+ }
4431
+
4432
+ .pf-v6-c-form__actions {
4433
+ display: flex;
4434
+ flex-wrap: wrap;
4435
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4436
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4437
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4438
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4439
+ }
4440
+
4441
+ .pf-v6-c-form__actions > * {
4442
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4443
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4444
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4445
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4446
+ }
4447
+
4448
+ .pf-v6-c-form__field-group {
4449
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4450
+ display: grid;
4451
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4452
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4453
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4454
+ }
4455
+
4456
+ .pf-v6-c-form__field-group:last-child {
4457
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
4458
+ }
4459
+
4460
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4461
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
4462
+ }
4463
+
4464
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4465
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
4466
+ }
4467
+
4468
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4469
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4470
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4471
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4472
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4473
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
4474
+ }
4475
+
4476
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
4477
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
4478
+ }
4479
+
4480
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4481
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4482
+ }
4483
+
4484
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
4485
+ max-height: 99999px;
4486
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4487
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4488
+ visibility: visible;
4489
+ opacity: 1;
4490
+ transition-delay: 0s;
4491
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
4492
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
4493
+ }
4494
+
4495
+ .pf-v6-c-form__field-group-toggle {
4496
+ grid-row: 1/2;
4497
+ grid-column: 1/2;
4498
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4499
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
4500
+ }
4501
+
4502
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4503
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
4504
+ }
4505
+
4506
+ .pf-v6-c-form__field-group-toggle-button {
4507
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4508
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
4509
+ }
4510
+
4511
+ .pf-v6-c-form__field-group-toggle-icon {
4512
+ display: inline-block;
4513
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4514
+ text-align: center;
4515
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4516
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
4517
+ transition-property: transform;
4518
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
4519
+ }
4520
+
4521
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4522
+ scale: -1 1;
4523
+ }
4524
+
4525
+ .pf-v6-c-form__field-group-header {
4526
+ display: flex;
4527
+ grid-row: 1/2;
4528
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4529
+ align-items: flex-start;
4530
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4531
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
4532
+ }
4533
+
4534
+ .pf-v6-c-form__field-group-header-main {
4535
+ display: flex;
4536
+ flex-grow: 1;
4537
+ flex-direction: column;
4538
+ }
4539
+
4540
+ .pf-v6-c-form__field-group-header-title {
4541
+ display: flex;
4542
+ }
4543
+
4544
+ .pf-v6-c-form__field-group-header-title-text {
4545
+ flex-grow: 1;
4546
+ }
4547
+
4548
+ .pf-v6-c-form__field-group-header-description {
4549
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4550
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
4551
+ }
4552
+
4553
+ .pf-v6-c-form__field-group-header-actions {
4554
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
4555
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
4556
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4557
+ white-space: nowrap;
4558
+ }
4559
+
4560
+ .pf-v6-c-form__field-group-body {
4561
+ display: grid;
4562
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4563
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
4564
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4565
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4566
+ }
4567
+
4568
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4569
+ max-height: 0;
4570
+ padding-block-start: 0;
4571
+ padding-block-end: 0;
4572
+ visibility: hidden;
4573
+ opacity: 0;
4574
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4575
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4576
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4577
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
4578
+ }
4579
+
4580
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4581
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4582
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
4583
+ }
4584
+
4585
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4586
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4588
4587
  }
4588
+
4589
4589
  .pf-v6-c-tooltip {
4590
4590
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4591
4591
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -4717,9 +4717,91 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4717
4717
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
4718
4718
  }
4719
4719
 
4720
- .pf-v6-c-popover[data-popper-reference-hidden=true] {
4721
- visibility: hidden;
4722
- pointer-events: none;
4720
+ .pf-v6-c-popover[data-popper-reference-hidden=true] {
4721
+ visibility: hidden;
4722
+ pointer-events: none;
4723
+ }
4724
+
4725
+ .pf-v6-c-check {
4726
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4727
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4728
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4729
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4730
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4731
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4732
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4733
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4734
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4735
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4736
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4737
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4738
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4739
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4740
+ }
4741
+
4742
+ .pf-v6-c-check {
4743
+ display: grid;
4744
+ grid-template-columns: auto 1fr;
4745
+ grid-gap: var(--pf-v6-c-check--GridGap);
4746
+ accent-color: var(--pf-v6-c-check--AccentColor);
4747
+ }
4748
+
4749
+ .pf-v6-c-check.pf-m-standalone {
4750
+ display: inline-grid;
4751
+ grid-template-columns: auto;
4752
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4753
+ }
4754
+
4755
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4756
+ align-self: center;
4757
+ transform: none;
4758
+ }
4759
+
4760
+ .pf-v6-c-check__input {
4761
+ align-self: start;
4762
+ font-size: var(--pf-v6-c-check__label--FontSize);
4763
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4764
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4765
+ }
4766
+
4767
+ .pf-v6-c-check__label {
4768
+ font-size: var(--pf-v6-c-check__label--FontSize);
4769
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
4770
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4771
+ color: var(--pf-v6-c-check__label--Color);
4772
+ }
4773
+
4774
+ .pf-v6-c-check__description {
4775
+ grid-column: 2;
4776
+ font-size: var(--pf-v6-c-check__description--FontSize);
4777
+ color: var(--pf-v6-c-check__description--Color);
4778
+ }
4779
+
4780
+ .pf-v6-c-check__body {
4781
+ grid-column: 2;
4782
+ }
4783
+
4784
+ .pf-v6-c-check__label,
4785
+ .pf-v6-c-check__input {
4786
+ justify-self: start;
4787
+ }
4788
+
4789
+ label.pf-v6-c-check, .pf-v6-c-check__label,
4790
+ .pf-v6-c-check__input {
4791
+ cursor: pointer;
4792
+ }
4793
+
4794
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4795
+ .pf-v6-c-check__input:disabled,
4796
+ .pf-v6-c-check__input.pf-m-disabled {
4797
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4798
+ cursor: not-allowed;
4799
+ }
4800
+
4801
+ .pf-v6-c-check__label-required {
4802
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4803
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
4804
+ color: var(--pf-v6-c-check__label-required--Color);
4723
4805
  }
4724
4806
 
4725
4807
  .pf-v6-c-menu-toggle {
@@ -5320,538 +5402,316 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5320
5402
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5321
5403
  }
5322
5404
 
5323
- .pf-v6-c-check {
5324
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5325
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5326
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5327
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5328
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5329
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5330
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5331
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5332
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5333
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5334
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5335
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5336
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5337
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5338
- }
5339
-
5340
- .pf-v6-c-check {
5341
- display: grid;
5342
- grid-template-columns: auto 1fr;
5343
- grid-gap: var(--pf-v6-c-check--GridGap);
5344
- accent-color: var(--pf-v6-c-check--AccentColor);
5345
- }
5346
-
5347
- .pf-v6-c-check.pf-m-standalone {
5348
- display: inline-grid;
5349
- grid-template-columns: auto;
5350
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5351
- }
5352
-
5353
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5354
- align-self: center;
5355
- transform: none;
5356
- }
5357
-
5358
- .pf-v6-c-check__input {
5359
- align-self: start;
5360
- font-size: var(--pf-v6-c-check__label--FontSize);
5361
- line-height: var(--pf-v6-c-check__label--LineHeight);
5362
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5363
- }
5364
-
5365
- .pf-v6-c-check__label {
5366
- font-size: var(--pf-v6-c-check__label--FontSize);
5367
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5368
- line-height: var(--pf-v6-c-check__label--LineHeight);
5369
- color: var(--pf-v6-c-check__label--Color);
5370
- }
5371
-
5372
- .pf-v6-c-check__description {
5373
- grid-column: 2;
5374
- font-size: var(--pf-v6-c-check__description--FontSize);
5375
- color: var(--pf-v6-c-check__description--Color);
5376
- }
5377
-
5378
- .pf-v6-c-check__body {
5379
- grid-column: 2;
5380
- }
5381
-
5382
- .pf-v6-c-check__label,
5383
- .pf-v6-c-check__input {
5384
- justify-self: start;
5385
- }
5386
-
5387
- label.pf-v6-c-check, .pf-v6-c-check__label,
5388
- .pf-v6-c-check__input {
5389
- cursor: pointer;
5390
- }
5391
-
5392
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5393
- .pf-v6-c-check__input:disabled,
5394
- .pf-v6-c-check__input.pf-m-disabled {
5395
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5396
- cursor: not-allowed;
5397
- }
5398
-
5399
- .pf-v6-c-check__label-required {
5400
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5401
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5402
- color: var(--pf-v6-c-check__label-required--Color);
5403
- }
5404
-
5405
- .pf-v6-c-radio {
5406
- --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
5407
- --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
5408
- --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
5409
- --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5410
- --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
5411
- --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5412
- --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
5413
- --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
5414
- --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
5415
- --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
5416
- --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
5417
- --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
5418
- --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
5419
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
5420
- }
5421
-
5422
- .pf-v6-c-radio {
5423
- display: grid;
5424
- grid-template-columns: auto 1fr;
5425
- grid-gap: var(--pf-v6-c-radio--GridGap);
5426
- align-items: baseline;
5427
- accent-color: var(--pf-v6-c-radio--AccentColor);
5428
- }
5429
-
5430
- .pf-v6-c-radio.pf-m-standalone {
5431
- display: inline-grid;
5432
- grid-template-columns: auto;
5433
- min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
5434
- }
5435
-
5436
- .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
5437
- align-self: center;
5438
- transform: none;
5439
- }
5440
-
5441
- .pf-v6-c-radio__input {
5442
- align-self: start;
5443
- font-size: var(--pf-v6-c-radio__label--FontSize);
5444
- line-height: var(--pf-v6-c-radio__label--LineHeight);
5445
- transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
5446
- }
5447
-
5448
- .pf-v6-c-radio__input:first-child {
5449
- margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
5450
- }
5451
-
5452
- .pf-v6-c-radio__input:last-child {
5453
- margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
5454
- }
5455
-
5456
- .pf-v6-c-radio__label {
5457
- font-size: var(--pf-v6-c-radio__label--FontSize);
5458
- font-weight: var(--pf-v6-c-radio__label--FontWeight);
5459
- line-height: var(--pf-v6-c-radio__label--LineHeight);
5460
- color: var(--pf-v6-c-radio__label--Color);
5461
- }
5462
-
5463
- .pf-v6-c-radio__description {
5464
- grid-column: 2;
5465
- font-size: var(--pf-v6-c-radio__description--FontSize);
5466
- color: var(--pf-v6-c-radio__description--Color);
5467
- }
5468
-
5469
- .pf-v6-c-radio__body {
5470
- grid-column: 2;
5471
- margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
5472
- }
5473
-
5474
- .pf-v6-c-radio__label,
5475
- .pf-v6-c-radio__input {
5476
- justify-self: start;
5477
- }
5478
-
5479
- label.pf-v6-c-radio, .pf-v6-c-radio__label,
5480
- .pf-v6-c-radio__input {
5481
- cursor: pointer;
5482
- }
5483
-
5484
- .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
5485
- .pf-v6-c-radio__input:disabled,
5486
- .pf-v6-c-radio__input.pf-m-disabled {
5487
- --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
5488
- cursor: not-allowed;
5489
- }
5490
-
5491
- .pf-v6-c-action-list {
5492
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5493
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5494
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5495
- --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
5496
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5497
- --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5498
- }
5499
-
5500
- .pf-v6-c-action-list,
5501
- .pf-v6-c-action-list__group {
5502
- display: flex;
5503
- align-items: start;
5405
+ .pf-v6-c-popover {
5406
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5407
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5408
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5409
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5410
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
5411
+ --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
5412
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5413
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5414
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5415
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5416
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5417
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5418
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5419
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5420
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5421
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5422
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5423
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5424
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
5425
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
5426
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5427
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5428
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5429
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5430
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5431
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5432
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5433
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5434
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5435
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5436
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5437
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5438
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5439
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5440
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5441
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5442
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5443
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5444
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5445
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5446
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5447
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5448
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5449
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5450
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5451
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5452
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5453
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5454
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5504
5455
  }
5505
5456
 
5506
- .pf-v6-c-action-list {
5507
- row-gap: var(--pf-v6-c-action-list--RowGap);
5508
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
5457
+ .pf-v6-c-popover {
5458
+ position: relative;
5459
+ min-width: var(--pf-v6-c-popover--MinWidth);
5460
+ max-width: var(--pf-v6-c-popover--MaxWidth);
5461
+ font-size: var(--pf-v6-c-popover--FontSize);
5462
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
5463
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
5464
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
5509
5465
  }
5510
5466
 
5511
- .pf-v6-c-action-list.pf-m-icons {
5512
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5513
- --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
5514
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5467
+ .pf-v6-c-popover.pf-m-no-padding {
5468
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5469
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5470
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5471
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
5515
5472
  }
5516
5473
 
5517
- .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
5518
- flex-direction: column;
5474
+ .pf-v6-c-popover.pf-m-width-auto {
5475
+ --pf-v6-c-popover--MinWidth: auto;
5476
+ --pf-v6-c-popover--MaxWidth: none;
5519
5477
  }
5520
5478
 
5521
- .pf-v6-c-action-list.pf-m-vertical {
5522
- row-gap: var(--pf-v6-c-action-list--m-vertical--RowGap);
5479
+ .pf-v6-c-popover:is(.pf-m-top,
5480
+ .pf-m-top-left,
5481
+ .pf-m-top-right) {
5482
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5483
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5484
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5485
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5486
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
5523
5487
  }
5524
5488
 
5525
- .pf-v6-c-action-list__group {
5526
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5527
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5489
+ .pf-v6-c-popover:is(.pf-m-bottom,
5490
+ .pf-m-bottom-left,
5491
+ .pf-m-bottom-right) {
5492
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5493
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5494
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5495
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5496
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
5528
5497
  }
5529
5498
 
5530
- .pf-v6-c-action-list__group.pf-m-icons {
5531
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5499
+ .pf-v6-c-popover:is(.pf-m-left,
5500
+ .pf-m-left-top,
5501
+ .pf-m-left-bottom) {
5502
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5503
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5504
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5505
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5506
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
5532
5507
  }
5533
5508
 
5534
- .pf-v6-c-divider {
5535
- --pf-v6-c-divider--Display: flex;
5536
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5537
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5538
- --pf-v6-c-divider--before--FlexBasis: 100%;
5509
+ .pf-v6-c-popover:is(.pf-m-right,
5510
+ .pf-m-right-top,
5511
+ .pf-m-right-bottom) {
5512
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5513
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5514
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5515
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5516
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
5539
5517
  }
5540
5518
 
5541
- .pf-v6-c-divider {
5542
- flex-direction: row;
5543
- width: 100%;
5544
- height: var(--pf-v6-c-divider--Size);
5545
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5546
- --pf-v6-hidden-visible--hidden--Display: none;
5547
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5548
- display: var(--pf-v6-hidden-visible--Display);
5519
+ .pf-v6-c-popover:is(.pf-m-left-top,
5520
+ .pf-m-right-top) {
5521
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5522
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5549
5523
  }
5550
5524
 
5551
- .pf-v6-c-divider.pf-m-hidden {
5552
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5525
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
5526
+ .pf-m-right-bottom) {
5527
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5528
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
5553
5529
  }
5554
5530
 
5555
- @media screen and (min-width: 36rem) {
5556
- .pf-v6-c-divider.pf-m-hidden-on-sm {
5557
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5558
- }
5559
- .pf-v6-c-divider.pf-m-visible-on-sm {
5560
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5561
- }
5562
- }
5563
- @media screen and (min-width: 48rem) {
5564
- .pf-v6-c-divider.pf-m-hidden-on-md {
5565
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5566
- }
5567
- .pf-v6-c-divider.pf-m-visible-on-md {
5568
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5569
- }
5570
- }
5571
- @media screen and (min-width: 62rem) {
5572
- .pf-v6-c-divider.pf-m-hidden-on-lg {
5573
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5574
- }
5575
- .pf-v6-c-divider.pf-m-visible-on-lg {
5576
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5577
- }
5578
- }
5579
- @media screen and (min-width: 75rem) {
5580
- .pf-v6-c-divider.pf-m-hidden-on-xl {
5581
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5582
- }
5583
- .pf-v6-c-divider.pf-m-visible-on-xl {
5584
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5585
- }
5531
+ .pf-v6-c-popover:is(.pf-m-top-left,
5532
+ .pf-m-bottom-left) {
5533
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5534
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5586
5535
  }
5587
- @media screen and (min-width: 90.625rem) {
5588
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
5589
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5590
- }
5591
- .pf-v6-c-divider.pf-m-visible-on-2xl {
5592
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5593
- }
5536
+
5537
+ .pf-v6-c-popover:is(.pf-m-top-right,
5538
+ .pf-m-bottom-right) {
5539
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5540
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5594
5541
  }
5595
- .pf-v6-c-divider {
5596
- flex-shrink: 0;
5597
- align-items: stretch;
5598
- align-self: stretch;
5599
- justify-content: center;
5600
- border: 0;
5542
+
5543
+ .pf-v6-c-popover.pf-m-danger {
5544
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
5601
5545
  }
5602
5546
 
5603
- .pf-v6-c-divider::before {
5604
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5605
- content: "";
5606
- background-color: var(--pf-v6-c-divider--Color);
5607
- border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
5608
- border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
5547
+ .pf-v6-c-popover.pf-m-warning {
5548
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
5609
5549
  }
5610
5550
 
5611
- .pf-v6-c-divider.pf-m-horizontal {
5612
- flex-direction: row;
5613
- width: 100%;
5614
- height: var(--pf-v6-c-divider--Size);
5551
+ .pf-v6-c-popover.pf-m-success {
5552
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
5615
5553
  }
5616
5554
 
5617
- .pf-v6-c-divider.pf-m-vertical {
5618
- flex-direction: column;
5619
- width: var(--pf-v6-c-divider--Size);
5620
- height: inherit;
5555
+ .pf-v6-c-popover.pf-m-custom {
5556
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
5621
5557
  }
5622
5558
 
5623
- .pf-v6-c-divider.pf-m-inset-none {
5624
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5559
+ .pf-v6-c-popover.pf-m-info {
5560
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
5625
5561
  }
5626
5562
 
5627
- .pf-v6-c-divider.pf-m-inset-xs {
5628
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5563
+ .pf-v6-c-popover__content {
5564
+ position: relative;
5565
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5566
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5567
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5568
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5569
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5570
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
5629
5571
  }
5630
5572
 
5631
- .pf-v6-c-divider.pf-m-inset-sm {
5632
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5573
+ .pf-v6-c-popover__close {
5574
+ position: absolute;
5575
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5576
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
5633
5577
  }
5634
5578
 
5635
- .pf-v6-c-divider.pf-m-inset-md {
5636
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5579
+ .pf-v6-c-popover__close + * {
5580
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
5637
5581
  }
5638
5582
 
5639
- .pf-v6-c-divider.pf-m-inset-lg {
5640
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5583
+ .pf-v6-c-popover__arrow {
5584
+ position: absolute;
5585
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5586
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5587
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5588
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5589
+ width: var(--pf-v6-c-popover__arrow--Width);
5590
+ height: var(--pf-v6-c-popover__arrow--Height);
5591
+ pointer-events: none;
5592
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5593
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
5594
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5595
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
5641
5596
  }
5642
5597
 
5643
- .pf-v6-c-divider.pf-m-inset-xl {
5644
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5598
+ .pf-v6-c-popover__header {
5599
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
5645
5600
  }
5646
5601
 
5647
- .pf-v6-c-divider.pf-m-inset-2xl {
5648
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5602
+ .pf-v6-c-popover__title {
5603
+ display: flex;
5604
+ flex: 0 0 auto;
5649
5605
  }
5650
5606
 
5651
- .pf-v6-c-divider.pf-m-inset-3xl {
5652
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5607
+ .pf-v6-c-popover__title-icon {
5608
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5609
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5610
+ color: var(--pf-v6-c-popover__title-icon--Color);
5653
5611
  }
5654
5612
 
5655
- @media (min-width: 36rem) {
5656
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
5657
- flex-direction: row;
5658
- width: 100%;
5659
- height: var(--pf-v6-c-divider--Size);
5660
- }
5613
+ .pf-v6-c-popover__title-text {
5614
+ min-width: 0;
5615
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
5616
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5617
+ color: var(--pf-v6-c-popover__title-text--Color);
5618
+ overflow-wrap: break-word;
5661
5619
  }
5662
- @media (min-width: 36rem) {
5663
- .pf-v6-c-divider.pf-m-vertical-on-sm {
5664
- flex-direction: column;
5665
- width: var(--pf-v6-c-divider--Size);
5666
- height: inherit;
5667
- }
5620
+
5621
+ .pf-v6-c-popover__body {
5622
+ word-wrap: break-word;
5668
5623
  }
5669
- @media (min-width: 36rem) {
5670
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
5671
- --pf-v6-c-divider--before--FlexBasis: 100%;
5672
- }
5673
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5674
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5675
- }
5676
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5677
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5678
- }
5679
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
5680
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5681
- }
5682
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5683
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5684
- }
5685
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5686
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5687
- }
5688
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5689
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5690
- }
5691
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5692
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5693
- }
5624
+
5625
+ .pf-v6-c-popover__footer {
5626
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
5694
5627
  }
5695
- @media (min-width: 48rem) {
5696
- .pf-v6-c-divider.pf-m-horizontal-on-md {
5697
- flex-direction: row;
5698
- width: 100%;
5699
- height: var(--pf-v6-c-divider--Size);
5700
- }
5628
+
5629
+ .pf-v6-c-radio {
5630
+ --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
5631
+ --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
5632
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
5633
+ --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5634
+ --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
5635
+ --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5636
+ --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
5637
+ --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
5638
+ --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
5639
+ --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
5640
+ --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
5641
+ --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
5642
+ --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
5643
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
5701
5644
  }
5702
- @media (min-width: 48rem) {
5703
- .pf-v6-c-divider.pf-m-vertical-on-md {
5704
- flex-direction: column;
5705
- width: var(--pf-v6-c-divider--Size);
5706
- height: inherit;
5707
- }
5645
+
5646
+ .pf-v6-c-radio {
5647
+ display: grid;
5648
+ grid-template-columns: auto 1fr;
5649
+ grid-gap: var(--pf-v6-c-radio--GridGap);
5650
+ align-items: baseline;
5651
+ accent-color: var(--pf-v6-c-radio--AccentColor);
5708
5652
  }
5709
- @media (min-width: 48rem) {
5710
- .pf-v6-c-divider.pf-m-inset-none-on-md {
5711
- --pf-v6-c-divider--before--FlexBasis: 100%;
5712
- }
5713
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
5714
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5715
- }
5716
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
5717
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5718
- }
5719
- .pf-v6-c-divider.pf-m-inset-md-on-md {
5720
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5721
- }
5722
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
5723
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5724
- }
5725
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
5726
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5727
- }
5728
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
5729
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5730
- }
5731
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
5732
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5733
- }
5653
+
5654
+ .pf-v6-c-radio.pf-m-standalone {
5655
+ display: inline-grid;
5656
+ grid-template-columns: auto;
5657
+ min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
5734
5658
  }
5735
- @media (min-width: 62rem) {
5736
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
5737
- flex-direction: row;
5738
- width: 100%;
5739
- height: var(--pf-v6-c-divider--Size);
5740
- }
5659
+
5660
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
5661
+ align-self: center;
5662
+ transform: none;
5741
5663
  }
5742
- @media (min-width: 62rem) {
5743
- .pf-v6-c-divider.pf-m-vertical-on-lg {
5744
- flex-direction: column;
5745
- width: var(--pf-v6-c-divider--Size);
5746
- height: inherit;
5747
- }
5664
+
5665
+ .pf-v6-c-radio__input {
5666
+ align-self: start;
5667
+ font-size: var(--pf-v6-c-radio__label--FontSize);
5668
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
5669
+ transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
5748
5670
  }
5749
- @media (min-width: 62rem) {
5750
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
5751
- --pf-v6-c-divider--before--FlexBasis: 100%;
5752
- }
5753
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
5754
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5755
- }
5756
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
5757
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5758
- }
5759
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
5760
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5761
- }
5762
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
5763
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5764
- }
5765
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5766
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5767
- }
5768
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5769
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5770
- }
5771
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5772
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5773
- }
5671
+
5672
+ .pf-v6-c-radio__input:first-child {
5673
+ margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
5774
5674
  }
5775
- @media (min-width: 75rem) {
5776
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
5777
- flex-direction: row;
5778
- width: 100%;
5779
- height: var(--pf-v6-c-divider--Size);
5780
- }
5675
+
5676
+ .pf-v6-c-radio__input:last-child {
5677
+ margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
5781
5678
  }
5782
- @media (min-width: 75rem) {
5783
- .pf-v6-c-divider.pf-m-vertical-on-xl {
5784
- flex-direction: column;
5785
- width: var(--pf-v6-c-divider--Size);
5786
- height: inherit;
5787
- }
5679
+
5680
+ .pf-v6-c-radio__label {
5681
+ font-size: var(--pf-v6-c-radio__label--FontSize);
5682
+ font-weight: var(--pf-v6-c-radio__label--FontWeight);
5683
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
5684
+ color: var(--pf-v6-c-radio__label--Color);
5788
5685
  }
5789
- @media (min-width: 75rem) {
5790
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
5791
- --pf-v6-c-divider--before--FlexBasis: 100%;
5792
- }
5793
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5794
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5795
- }
5796
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5797
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5798
- }
5799
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
5800
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5801
- }
5802
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5803
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5804
- }
5805
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5806
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5807
- }
5808
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5809
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5810
- }
5811
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5812
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5813
- }
5686
+
5687
+ .pf-v6-c-radio__description {
5688
+ grid-column: 2;
5689
+ font-size: var(--pf-v6-c-radio__description--FontSize);
5690
+ color: var(--pf-v6-c-radio__description--Color);
5814
5691
  }
5815
- @media (min-width: 90.625rem) {
5816
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5817
- flex-direction: row;
5818
- width: 100%;
5819
- height: var(--pf-v6-c-divider--Size);
5820
- }
5692
+
5693
+ .pf-v6-c-radio__body {
5694
+ grid-column: 2;
5695
+ margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
5821
5696
  }
5822
- @media (min-width: 90.625rem) {
5823
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
5824
- flex-direction: column;
5825
- width: var(--pf-v6-c-divider--Size);
5826
- height: inherit;
5827
- }
5697
+
5698
+ .pf-v6-c-radio__label,
5699
+ .pf-v6-c-radio__input {
5700
+ justify-self: start;
5828
5701
  }
5829
- @media (min-width: 90.625rem) {
5830
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5831
- --pf-v6-c-divider--before--FlexBasis: 100%;
5832
- }
5833
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5834
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5835
- }
5836
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5837
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5838
- }
5839
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5840
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5841
- }
5842
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5843
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5844
- }
5845
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5846
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5847
- }
5848
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5849
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5850
- }
5851
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5852
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5853
- }
5702
+
5703
+ label.pf-v6-c-radio, .pf-v6-c-radio__label,
5704
+ .pf-v6-c-radio__input {
5705
+ cursor: pointer;
5706
+ }
5707
+
5708
+ .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
5709
+ .pf-v6-c-radio__input:disabled,
5710
+ .pf-v6-c-radio__input.pf-m-disabled {
5711
+ --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
5712
+ cursor: not-allowed;
5854
5713
  }
5714
+
5855
5715
  .pf-v6-c-form-control {
5856
5716
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
5857
5717
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6271,6 +6131,49 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
6271
6131
  pointer-events: none;
6272
6132
  }
6273
6133
 
6134
+ .pf-v6-c-action-list {
6135
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6136
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6137
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6138
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6139
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6140
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6141
+ }
6142
+
6143
+ .pf-v6-c-action-list,
6144
+ .pf-v6-c-action-list__group {
6145
+ display: flex;
6146
+ align-items: start;
6147
+ }
6148
+
6149
+ .pf-v6-c-action-list {
6150
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6151
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6152
+ }
6153
+
6154
+ .pf-v6-c-action-list.pf-m-icons {
6155
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6156
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
6157
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6158
+ }
6159
+
6160
+ .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
6161
+ flex-direction: column;
6162
+ }
6163
+
6164
+ .pf-v6-c-action-list.pf-m-vertical {
6165
+ row-gap: var(--pf-v6-c-action-list--m-vertical--RowGap);
6166
+ }
6167
+
6168
+ .pf-v6-c-action-list__group {
6169
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6170
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6171
+ }
6172
+
6173
+ .pf-v6-c-action-list__group.pf-m-icons {
6174
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6175
+ }
6176
+
6274
6177
  .pf-v6-c-button {
6275
6178
  --pf-v6-c-button--Display: inline-flex;
6276
6179
  --pf-v6-c-button--AlignItems: baseline;
@@ -7286,228 +7189,445 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7286
7189
  scale: 1.5;
7287
7190
  }
7288
7191
  }
7289
- .pf-v6-c-popover {
7290
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
7291
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
7292
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
7293
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
7294
- --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
7295
- --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
7296
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
7297
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
7298
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
7299
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
7300
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
7301
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
7302
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
7303
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
7304
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7305
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7306
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
7307
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
7308
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
7309
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
7310
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
7311
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
7312
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
7313
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
7314
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
7315
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
7316
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
7317
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
7318
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
7319
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
7320
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
7321
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
7322
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
7323
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
7324
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
7325
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
7326
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
7327
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
7328
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
7329
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
7330
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
7331
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7332
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
7333
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
7334
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
7335
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7336
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
7337
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
7338
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
7192
+ .pf-v6-c-divider {
7193
+ --pf-v6-c-divider--Display: flex;
7194
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
7195
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
7196
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7197
+ }
7198
+
7199
+ .pf-v6-c-divider {
7200
+ flex-direction: row;
7201
+ width: 100%;
7202
+ height: var(--pf-v6-c-divider--Size);
7203
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
7204
+ --pf-v6-hidden-visible--hidden--Display: none;
7205
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7206
+ display: var(--pf-v6-hidden-visible--Display);
7207
+ }
7208
+
7209
+ .pf-v6-c-divider.pf-m-hidden {
7210
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7211
+ }
7212
+
7213
+ @media screen and (min-width: 36rem) {
7214
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
7215
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7216
+ }
7217
+ .pf-v6-c-divider.pf-m-visible-on-sm {
7218
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7219
+ }
7220
+ }
7221
+ @media screen and (min-width: 48rem) {
7222
+ .pf-v6-c-divider.pf-m-hidden-on-md {
7223
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7224
+ }
7225
+ .pf-v6-c-divider.pf-m-visible-on-md {
7226
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7227
+ }
7228
+ }
7229
+ @media screen and (min-width: 62rem) {
7230
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
7231
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7232
+ }
7233
+ .pf-v6-c-divider.pf-m-visible-on-lg {
7234
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7235
+ }
7236
+ }
7237
+ @media screen and (min-width: 75rem) {
7238
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
7239
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7240
+ }
7241
+ .pf-v6-c-divider.pf-m-visible-on-xl {
7242
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7243
+ }
7244
+ }
7245
+ @media screen and (min-width: 90.625rem) {
7246
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
7247
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7248
+ }
7249
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
7250
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7251
+ }
7252
+ }
7253
+ .pf-v6-c-divider {
7254
+ flex-shrink: 0;
7255
+ align-items: stretch;
7256
+ align-self: stretch;
7257
+ justify-content: center;
7258
+ border: 0;
7259
+ }
7260
+
7261
+ .pf-v6-c-divider::before {
7262
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
7263
+ content: "";
7264
+ background-color: var(--pf-v6-c-divider--Color);
7265
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
7266
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
7267
+ }
7268
+
7269
+ .pf-v6-c-divider.pf-m-horizontal {
7270
+ flex-direction: row;
7271
+ width: 100%;
7272
+ height: var(--pf-v6-c-divider--Size);
7273
+ }
7274
+
7275
+ .pf-v6-c-divider.pf-m-vertical {
7276
+ flex-direction: column;
7277
+ width: var(--pf-v6-c-divider--Size);
7278
+ height: inherit;
7279
+ }
7280
+
7281
+ .pf-v6-c-divider.pf-m-inset-none {
7282
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
7283
+ }
7284
+
7285
+ .pf-v6-c-divider.pf-m-inset-xs {
7286
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7287
+ }
7288
+
7289
+ .pf-v6-c-divider.pf-m-inset-sm {
7290
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7291
+ }
7292
+
7293
+ .pf-v6-c-divider.pf-m-inset-md {
7294
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7295
+ }
7296
+
7297
+ .pf-v6-c-divider.pf-m-inset-lg {
7298
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7299
+ }
7300
+
7301
+ .pf-v6-c-divider.pf-m-inset-xl {
7302
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7303
+ }
7304
+
7305
+ .pf-v6-c-divider.pf-m-inset-2xl {
7306
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7307
+ }
7308
+
7309
+ .pf-v6-c-divider.pf-m-inset-3xl {
7310
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7311
+ }
7312
+
7313
+ @media (min-width: 36rem) {
7314
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
7315
+ flex-direction: row;
7316
+ width: 100%;
7317
+ height: var(--pf-v6-c-divider--Size);
7318
+ }
7319
+ }
7320
+ @media (min-width: 36rem) {
7321
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
7322
+ flex-direction: column;
7323
+ width: var(--pf-v6-c-divider--Size);
7324
+ height: inherit;
7325
+ }
7326
+ }
7327
+ @media (min-width: 36rem) {
7328
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
7329
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7330
+ }
7331
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
7332
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7333
+ }
7334
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
7335
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7336
+ }
7337
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
7338
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7339
+ }
7340
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
7341
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7342
+ }
7343
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
7344
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7345
+ }
7346
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
7347
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7348
+ }
7349
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
7350
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7351
+ }
7352
+ }
7353
+ @media (min-width: 48rem) {
7354
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
7355
+ flex-direction: row;
7356
+ width: 100%;
7357
+ height: var(--pf-v6-c-divider--Size);
7358
+ }
7359
+ }
7360
+ @media (min-width: 48rem) {
7361
+ .pf-v6-c-divider.pf-m-vertical-on-md {
7362
+ flex-direction: column;
7363
+ width: var(--pf-v6-c-divider--Size);
7364
+ height: inherit;
7365
+ }
7366
+ }
7367
+ @media (min-width: 48rem) {
7368
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
7369
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7370
+ }
7371
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
7372
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7373
+ }
7374
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
7375
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7376
+ }
7377
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
7378
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7379
+ }
7380
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
7381
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7382
+ }
7383
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
7384
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7385
+ }
7386
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
7387
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7388
+ }
7389
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
7390
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7391
+ }
7339
7392
  }
7340
-
7341
- .pf-v6-c-popover {
7342
- position: relative;
7343
- min-width: var(--pf-v6-c-popover--MinWidth);
7344
- max-width: var(--pf-v6-c-popover--MaxWidth);
7345
- font-size: var(--pf-v6-c-popover--FontSize);
7346
- border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
7347
- border-radius: var(--pf-v6-c-popover--BorderRadius);
7348
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
7393
+ @media (min-width: 62rem) {
7394
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
7395
+ flex-direction: row;
7396
+ width: 100%;
7397
+ height: var(--pf-v6-c-divider--Size);
7398
+ }
7349
7399
  }
7350
-
7351
- .pf-v6-c-popover.pf-m-no-padding {
7352
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
7353
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
7354
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
7355
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
7400
+ @media (min-width: 62rem) {
7401
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
7402
+ flex-direction: column;
7403
+ width: var(--pf-v6-c-divider--Size);
7404
+ height: inherit;
7405
+ }
7356
7406
  }
7357
-
7358
- .pf-v6-c-popover.pf-m-width-auto {
7359
- --pf-v6-c-popover--MinWidth: auto;
7360
- --pf-v6-c-popover--MaxWidth: none;
7407
+ @media (min-width: 62rem) {
7408
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
7409
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7410
+ }
7411
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
7412
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7413
+ }
7414
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
7415
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7416
+ }
7417
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
7418
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7419
+ }
7420
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
7421
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7422
+ }
7423
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
7424
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7425
+ }
7426
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
7427
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7428
+ }
7429
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
7430
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7431
+ }
7361
7432
  }
7362
-
7363
- .pf-v6-c-popover:is(.pf-m-top,
7364
- .pf-m-top-left,
7365
- .pf-m-top-right) {
7366
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
7367
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
7368
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
7369
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
7370
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
7433
+ @media (min-width: 75rem) {
7434
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
7435
+ flex-direction: row;
7436
+ width: 100%;
7437
+ height: var(--pf-v6-c-divider--Size);
7438
+ }
7371
7439
  }
7372
-
7373
- .pf-v6-c-popover:is(.pf-m-bottom,
7374
- .pf-m-bottom-left,
7375
- .pf-m-bottom-right) {
7376
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
7377
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
7378
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
7379
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
7380
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
7440
+ @media (min-width: 75rem) {
7441
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
7442
+ flex-direction: column;
7443
+ width: var(--pf-v6-c-divider--Size);
7444
+ height: inherit;
7445
+ }
7381
7446
  }
7382
-
7383
- .pf-v6-c-popover:is(.pf-m-left,
7384
- .pf-m-left-top,
7385
- .pf-m-left-bottom) {
7386
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
7387
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
7388
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
7389
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
7390
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
7447
+ @media (min-width: 75rem) {
7448
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
7449
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7450
+ }
7451
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
7452
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7453
+ }
7454
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
7455
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7456
+ }
7457
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
7458
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7459
+ }
7460
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
7461
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7462
+ }
7463
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
7464
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7465
+ }
7466
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
7467
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7468
+ }
7469
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
7470
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7471
+ }
7391
7472
  }
7392
-
7393
- .pf-v6-c-popover:is(.pf-m-right,
7394
- .pf-m-right-top,
7395
- .pf-m-right-bottom) {
7396
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
7397
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
7398
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
7399
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
7400
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
7473
+ @media (min-width: 90.625rem) {
7474
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
7475
+ flex-direction: row;
7476
+ width: 100%;
7477
+ height: var(--pf-v6-c-divider--Size);
7478
+ }
7401
7479
  }
7402
-
7403
- .pf-v6-c-popover:is(.pf-m-left-top,
7404
- .pf-m-right-top) {
7405
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
7406
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
7480
+ @media (min-width: 90.625rem) {
7481
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
7482
+ flex-direction: column;
7483
+ width: var(--pf-v6-c-divider--Size);
7484
+ height: inherit;
7485
+ }
7407
7486
  }
7408
-
7409
- .pf-v6-c-popover:is(.pf-m-left-bottom,
7410
- .pf-m-right-bottom) {
7411
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
7412
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
7487
+ @media (min-width: 90.625rem) {
7488
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
7489
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7490
+ }
7491
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
7492
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7493
+ }
7494
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
7495
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7496
+ }
7497
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
7498
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7499
+ }
7500
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
7501
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7502
+ }
7503
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
7504
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7505
+ }
7506
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
7507
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7508
+ }
7509
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
7510
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7511
+ }
7413
7512
  }
7414
-
7415
- .pf-v6-c-popover:is(.pf-m-top-left,
7416
- .pf-m-bottom-left) {
7417
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
7418
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
7513
+ .pf-v6-c-breadcrumb {
7514
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
7515
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7516
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7517
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7518
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7519
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7520
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7521
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7522
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7523
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7524
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7525
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
7526
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7527
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7528
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7529
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
7530
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7531
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7532
+ --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
7533
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7534
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7535
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7536
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7419
7537
  }
7420
7538
 
7421
- .pf-v6-c-popover:is(.pf-m-top-right,
7422
- .pf-m-bottom-right) {
7423
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
7424
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
7539
+ .pf-v6-c-breadcrumb {
7540
+ display: inline-flex;
7425
7541
  }
7426
7542
 
7427
- .pf-v6-c-popover.pf-m-danger {
7428
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
7543
+ .pf-v6-c-breadcrumb__list {
7544
+ display: flex;
7545
+ flex-wrap: wrap;
7546
+ align-items: center;
7429
7547
  }
7430
7548
 
7431
- .pf-v6-c-popover.pf-m-warning {
7432
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
7549
+ .pf-v6-c-breadcrumb__item {
7550
+ display: flex;
7551
+ align-items: baseline;
7552
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7553
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7554
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7555
+ white-space: nowrap;
7556
+ list-style: none;
7433
7557
  }
7434
7558
 
7435
- .pf-v6-c-popover.pf-m-success {
7436
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
7559
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7560
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7437
7561
  }
7438
7562
 
7439
- .pf-v6-c-popover.pf-m-custom {
7440
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
7563
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
7564
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7441
7565
  }
7442
7566
 
7443
- .pf-v6-c-popover.pf-m-info {
7444
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
7567
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7568
+ scale: -1 1;
7445
7569
  }
7446
7570
 
7447
- .pf-v6-c-popover__content {
7448
- position: relative;
7449
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
7450
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
7451
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
7452
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
7453
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
7454
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
7571
+ .pf-v6-c-breadcrumb__item-divider {
7572
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7573
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7574
+ line-height: 1;
7575
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7455
7576
  }
7456
7577
 
7457
- .pf-v6-c-popover__close {
7458
- position: absolute;
7459
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
7460
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
7578
+ .pf-v6-c-breadcrumb__link {
7579
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7580
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7581
+ font-size: inherit;
7582
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7583
+ line-height: inherit;
7584
+ color: var(--pf-v6-c-breadcrumb__link--Color);
7585
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
7586
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7587
+ text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
7588
+ word-break: break-word;
7589
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7461
7590
  }
7462
7591
 
7463
- .pf-v6-c-popover__close + * {
7464
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
7592
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7593
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7594
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7595
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7596
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
7465
7597
  }
7466
7598
 
7467
- .pf-v6-c-popover__arrow {
7468
- position: absolute;
7469
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
7470
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
7471
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
7472
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
7473
- width: var(--pf-v6-c-popover__arrow--Width);
7474
- height: var(--pf-v6-c-popover__arrow--Height);
7475
- pointer-events: none;
7476
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
7477
- border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
7478
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
7479
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
7599
+ .pf-v6-c-breadcrumb__link.pf-m-current {
7600
+ cursor: default;
7480
7601
  }
7481
7602
 
7482
- .pf-v6-c-popover__header {
7483
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
7603
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7604
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7605
+ text-decoration-line: none;
7484
7606
  }
7485
7607
 
7486
- .pf-v6-c-popover__title {
7487
- display: flex;
7488
- flex: 0 0 auto;
7608
+ button.pf-v6-c-breadcrumb__link {
7609
+ border: none;
7489
7610
  }
7490
7611
 
7491
- .pf-v6-c-popover__title-icon {
7492
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
7493
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
7494
- color: var(--pf-v6-c-popover__title-icon--Color);
7612
+ .pf-v6-c-breadcrumb__dropdown {
7613
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7614
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7615
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7616
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7495
7617
  }
7496
7618
 
7497
- .pf-v6-c-popover__title-text {
7498
- min-width: 0;
7499
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
7500
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
7501
- color: var(--pf-v6-c-popover__title-text--Color);
7502
- overflow-wrap: break-word;
7619
+ .pf-v6-c-breadcrumb__heading {
7620
+ display: inline;
7621
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
7503
7622
  }
7504
7623
 
7505
- .pf-v6-c-popover__body {
7506
- word-wrap: break-word;
7624
+ .pf-v6-c-breadcrumb__link,
7625
+ .pf-v6-c-breadcrumb__heading {
7626
+ white-space: normal;
7507
7627
  }
7508
7628
 
7509
- .pf-v6-c-popover__footer {
7510
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
7629
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7630
+ display: none;
7511
7631
  }
7512
7632
 
7513
7633
  .pf-v6-c-menu {
@@ -8085,327 +8205,132 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8085
8205
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8086
8206
  }
8087
8207
  .pf-v6-c-menu__item.pf-m-visible-on-lg {
8088
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8089
- }
8090
- }
8091
- @media screen and (min-width: 75rem) {
8092
- .pf-v6-c-menu__item.pf-m-hidden-on-xl {
8093
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8094
- }
8095
- .pf-v6-c-menu__item.pf-m-visible-on-xl {
8096
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8097
- }
8098
- }
8099
- @media screen and (min-width: 90.625rem) {
8100
- .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
8101
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8102
- }
8103
- .pf-v6-c-menu__item.pf-m-visible-on-2xl {
8104
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8105
- }
8106
- }
8107
- :where(label).pf-v6-c-menu__item {
8108
- cursor: pointer;
8109
- }
8110
-
8111
- .pf-v6-c-menu__item.pf-m-selected {
8112
- --pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
8113
- }
8114
-
8115
- .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
8116
- .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
8117
- opacity: 1;
8118
- }
8119
-
8120
- .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
8121
- color: var(--pf-v6-c-menu__item-external--Color);
8122
- }
8123
-
8124
- .pf-v6-c-menu__item-select-icon {
8125
- color: var(--pf-v6-c-menu__item-select-icon--Color);
8126
- }
8127
-
8128
- .pf-v6-c-menu__item-main {
8129
- column-gap: var(--pf-v6-c-menu__item-main--ColumnGap);
8130
- align-items: center;
8131
- width: 100%;
8132
- }
8133
-
8134
- .pf-v6-c-menu__item-text {
8135
- overflow: hidden;
8136
- text-overflow: ellipsis;
8137
- white-space: nowrap;
8138
- flex-grow: 1;
8139
- }
8140
-
8141
- .pf-v6-c-menu__group-title {
8142
- padding-block-start: var(--pf-v6-c-menu__group-title--PaddingBlockStart);
8143
- padding-block-end: var(--pf-v6-c-menu__group-title--PaddingBlockEnd);
8144
- padding-inline-start: var(--pf-v6-c-menu__group-title--PaddingInlineStart);
8145
- padding-inline-end: var(--pf-v6-c-menu__group-title--PaddingInlineEnd);
8146
- font-size: var(--pf-v6-c-menu__group-title--FontSize, inherit);
8147
- font-weight: var(--pf-v6-c-menu__group-title--FontWeight, inherit);
8148
- color: var(--pf-v6-c-menu__group-title--Color);
8149
- }
8150
-
8151
- .pf-v6-c-menu__item-description {
8152
- font-size: var(--pf-v6-c-menu__item-description--FontSize);
8153
- color: var(--pf-v6-c-menu__item-description--Color);
8154
- word-break: break-word;
8155
- }
8156
-
8157
- .pf-v6-c-menu__item-check .pf-v6-c-check {
8158
- --pf-v6-c-check__input--TranslateY: none;
8159
- }
8160
-
8161
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
8162
- scale: -1 1;
8163
- }
8164
-
8165
- .pf-v6-c-menu__item-toggle-icon {
8166
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
8167
- }
8168
-
8169
- .pf-v6-c-menu__item-icon {
8170
- color: var(--pf-v6-c-menu__item--icon--Color, inherit);
8171
- }
8172
-
8173
- .pf-v6-c-menu__item-select-icon,
8174
- .pf-v6-c-menu__item-external-icon {
8175
- opacity: 0;
8176
- }
8177
-
8178
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
8179
- .pf-v6-c-menu__item-action.pf-m-favorited,
8180
- .pf-v6-c-menu__item-action.pf-m-favorited:hover,
8181
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
8182
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
8183
- }
8184
-
8185
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
8186
- .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
8187
- .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
8188
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
8189
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
8190
- }
8191
-
8192
- .pf-v6-c-menu__breadcrumb {
8193
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-v6-c-menu__breadcrumb--FontSize);
8194
- padding-block-start: var(--pf-v6-c-menu__breadcrumb--PaddingBlockStart);
8195
- padding-block-end: var(--pf-v6-c-menu__breadcrumb--PaddingBlockEnd);
8196
- padding-inline-start: var(--pf-v6-c-menu__breadcrumb--PaddingInlineStart);
8197
- padding-inline-end: var(--pf-v6-c-menu__breadcrumb--PaddingInlineEnd);
8198
- }
8199
-
8200
- .pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
8201
- min-width: auto;
8202
- padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
8203
- padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
8204
- }
8205
-
8206
- .pf-v6-c-menu__breadcrumb .pf-v6-c-menu__content {
8207
- height: auto;
8208
- }
8209
-
8210
- .pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle {
8211
- --pf-v6-c-menu-toggle--BorderWidth: 0;
8212
- --pf-v6-c-menu-toggle--BorderColor: transparent;
8213
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
8214
- }
8215
-
8216
- .pf-v6-c-badge {
8217
- --pf-v6-c-badge--BorderColor: transparent;
8218
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
8219
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
8220
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
8221
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
8222
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8223
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8224
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8225
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
8226
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
8227
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8228
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8229
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8230
- --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
8231
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8232
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8233
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8234
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8235
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8236
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8237
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8238
- }
8239
-
8240
- .pf-v6-c-badge {
8241
- position: relative;
8242
- display: inline-block;
8243
- min-width: var(--pf-v6-c-badge--MinWidth);
8244
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8245
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8246
- font-size: var(--pf-v6-c-badge--FontSize);
8247
- font-weight: var(--pf-v6-c-badge--FontWeight);
8248
- color: var(--pf-v6-c-badge--Color);
8249
- text-align: center;
8250
- white-space: nowrap;
8251
- background-color: var(--pf-v6-c-badge--BackgroundColor);
8252
- border-radius: var(--pf-v6-c-badge--BorderRadius);
8253
- }
8254
-
8255
- .pf-v6-c-badge::after {
8256
- position: absolute;
8257
- inset: 0;
8258
- pointer-events: none;
8259
- content: "";
8260
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8261
- border-radius: inherit;
8262
- }
8263
-
8264
- .pf-v6-c-badge.pf-m-read {
8265
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
8266
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8267
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8268
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8208
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8209
+ }
8269
8210
  }
8270
-
8271
- .pf-v6-c-badge.pf-m-unread {
8272
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8273
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8274
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8211
+ @media screen and (min-width: 75rem) {
8212
+ .pf-v6-c-menu__item.pf-m-hidden-on-xl {
8213
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8214
+ }
8215
+ .pf-v6-c-menu__item.pf-m-visible-on-xl {
8216
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8217
+ }
8275
8218
  }
8276
-
8277
- .pf-v6-c-badge.pf-m-disabled {
8278
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8279
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8219
+ @media screen and (min-width: 90.625rem) {
8220
+ .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
8221
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8222
+ }
8223
+ .pf-v6-c-menu__item.pf-m-visible-on-2xl {
8224
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8225
+ }
8226
+ }
8227
+ :where(label).pf-v6-c-menu__item {
8228
+ cursor: pointer;
8280
8229
  }
8281
8230
 
8282
- .pf-v6-c-badge.pf-m-disabled::after {
8283
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8231
+ .pf-v6-c-menu__item.pf-m-selected {
8232
+ --pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
8284
8233
  }
8285
8234
 
8286
- .pf-v6-c-badge__toggle-icon {
8287
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8288
- color: var(--pf-v6-c-badge__toggle-icon--Color);
8235
+ .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
8236
+ .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
8237
+ opacity: 1;
8289
8238
  }
8290
8239
 
8291
- .pf-v6-c-breadcrumb {
8292
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
8293
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
8294
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8295
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
8296
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8297
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
8298
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8299
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8300
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
8301
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
8302
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
8303
- --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
8304
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
8305
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
8306
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
8307
- --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
8308
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
8309
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
8310
- --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
8311
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8312
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8313
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8314
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
8240
+ .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
8241
+ color: var(--pf-v6-c-menu__item-external--Color);
8315
8242
  }
8316
8243
 
8317
- .pf-v6-c-breadcrumb {
8318
- display: inline-flex;
8244
+ .pf-v6-c-menu__item-select-icon {
8245
+ color: var(--pf-v6-c-menu__item-select-icon--Color);
8319
8246
  }
8320
8247
 
8321
- .pf-v6-c-breadcrumb__list {
8322
- display: flex;
8323
- flex-wrap: wrap;
8248
+ .pf-v6-c-menu__item-main {
8249
+ column-gap: var(--pf-v6-c-menu__item-main--ColumnGap);
8324
8250
  align-items: center;
8251
+ width: 100%;
8325
8252
  }
8326
8253
 
8327
- .pf-v6-c-breadcrumb__item {
8328
- display: flex;
8329
- align-items: baseline;
8330
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
8331
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
8332
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
8254
+ .pf-v6-c-menu__item-text {
8255
+ overflow: hidden;
8256
+ text-overflow: ellipsis;
8333
8257
  white-space: nowrap;
8334
- list-style: none;
8258
+ flex-grow: 1;
8335
8259
  }
8336
8260
 
8337
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
8338
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
8261
+ .pf-v6-c-menu__group-title {
8262
+ padding-block-start: var(--pf-v6-c-menu__group-title--PaddingBlockStart);
8263
+ padding-block-end: var(--pf-v6-c-menu__group-title--PaddingBlockEnd);
8264
+ padding-inline-start: var(--pf-v6-c-menu__group-title--PaddingInlineStart);
8265
+ padding-inline-end: var(--pf-v6-c-menu__group-title--PaddingInlineEnd);
8266
+ font-size: var(--pf-v6-c-menu__group-title--FontSize, inherit);
8267
+ font-weight: var(--pf-v6-c-menu__group-title--FontWeight, inherit);
8268
+ color: var(--pf-v6-c-menu__group-title--Color);
8339
8269
  }
8340
8270
 
8341
- .pf-v6-c-breadcrumb__item:not(:last-child) {
8342
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
8271
+ .pf-v6-c-menu__item-description {
8272
+ font-size: var(--pf-v6-c-menu__item-description--FontSize);
8273
+ color: var(--pf-v6-c-menu__item-description--Color);
8274
+ word-break: break-word;
8343
8275
  }
8344
8276
 
8345
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
8346
- scale: -1 1;
8277
+ .pf-v6-c-menu__item-check .pf-v6-c-check {
8278
+ --pf-v6-c-check__input--TranslateY: none;
8347
8279
  }
8348
8280
 
8349
- .pf-v6-c-breadcrumb__item-divider {
8350
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
8351
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
8352
- line-height: 1;
8353
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
8281
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
8282
+ scale: -1 1;
8354
8283
  }
8355
8284
 
8356
- .pf-v6-c-breadcrumb__link {
8357
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
8358
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
8359
- font-size: inherit;
8360
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8361
- line-height: inherit;
8362
- color: var(--pf-v6-c-breadcrumb__link--Color);
8363
- text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8364
- text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8365
- text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
8366
- word-break: break-word;
8367
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8285
+ .pf-v6-c-menu__item-toggle-icon {
8286
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
8368
8287
  }
8369
8288
 
8370
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
8371
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
8372
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
8373
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
8374
- --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
8289
+ .pf-v6-c-menu__item-icon {
8290
+ color: var(--pf-v6-c-menu__item--icon--Color, inherit);
8375
8291
  }
8376
8292
 
8377
- .pf-v6-c-breadcrumb__link.pf-m-current {
8378
- cursor: default;
8293
+ .pf-v6-c-menu__item-select-icon,
8294
+ .pf-v6-c-menu__item-external-icon {
8295
+ opacity: 0;
8379
8296
  }
8380
8297
 
8381
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8382
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8383
- text-decoration-line: none;
8298
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
8299
+ .pf-v6-c-menu__item-action.pf-m-favorited,
8300
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover,
8301
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
8302
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
8384
8303
  }
8385
8304
 
8386
- button.pf-v6-c-breadcrumb__link {
8387
- border: none;
8305
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
8306
+ .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
8307
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
8308
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
8309
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
8388
8310
  }
8389
8311
 
8390
- .pf-v6-c-breadcrumb__dropdown {
8391
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
8392
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
8393
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
8394
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
8312
+ .pf-v6-c-menu__breadcrumb {
8313
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-v6-c-menu__breadcrumb--FontSize);
8314
+ padding-block-start: var(--pf-v6-c-menu__breadcrumb--PaddingBlockStart);
8315
+ padding-block-end: var(--pf-v6-c-menu__breadcrumb--PaddingBlockEnd);
8316
+ padding-inline-start: var(--pf-v6-c-menu__breadcrumb--PaddingInlineStart);
8317
+ padding-inline-end: var(--pf-v6-c-menu__breadcrumb--PaddingInlineEnd);
8395
8318
  }
8396
8319
 
8397
- .pf-v6-c-breadcrumb__heading {
8398
- display: inline;
8399
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
8320
+ .pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
8321
+ min-width: auto;
8322
+ padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
8323
+ padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
8400
8324
  }
8401
8325
 
8402
- .pf-v6-c-breadcrumb__link,
8403
- .pf-v6-c-breadcrumb__heading {
8404
- white-space: normal;
8326
+ .pf-v6-c-menu__breadcrumb .pf-v6-c-menu__content {
8327
+ height: auto;
8405
8328
  }
8406
8329
 
8407
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
8408
- display: none;
8330
+ .pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle {
8331
+ --pf-v6-c-menu-toggle--BorderWidth: 0;
8332
+ --pf-v6-c-menu-toggle--BorderColor: transparent;
8333
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
8409
8334
  }
8410
8335
 
8411
8336
  .pf-v6-c-spinner {
@@ -8498,4 +8423,78 @@ button.pf-v6-c-breadcrumb__link {
8498
8423
  stroke-dashoffset: 280;
8499
8424
  transform: rotate(720deg);
8500
8425
  }
8426
+ }
8427
+ .pf-v6-c-badge {
8428
+ --pf-v6-c-badge--BorderColor: transparent;
8429
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
8430
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
8431
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
8432
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
8433
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8434
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8435
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8436
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
8437
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
8438
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8439
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8440
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8441
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
8442
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8443
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8444
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8445
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8446
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8447
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8448
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8449
+ }
8450
+
8451
+ .pf-v6-c-badge {
8452
+ position: relative;
8453
+ display: inline-block;
8454
+ min-width: var(--pf-v6-c-badge--MinWidth);
8455
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8456
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8457
+ font-size: var(--pf-v6-c-badge--FontSize);
8458
+ font-weight: var(--pf-v6-c-badge--FontWeight);
8459
+ color: var(--pf-v6-c-badge--Color);
8460
+ text-align: center;
8461
+ white-space: nowrap;
8462
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
8463
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
8464
+ }
8465
+
8466
+ .pf-v6-c-badge::after {
8467
+ position: absolute;
8468
+ inset: 0;
8469
+ pointer-events: none;
8470
+ content: "";
8471
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8472
+ border-radius: inherit;
8473
+ }
8474
+
8475
+ .pf-v6-c-badge.pf-m-read {
8476
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
8477
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8478
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8479
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8480
+ }
8481
+
8482
+ .pf-v6-c-badge.pf-m-unread {
8483
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8484
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8485
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8486
+ }
8487
+
8488
+ .pf-v6-c-badge.pf-m-disabled {
8489
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8490
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8491
+ }
8492
+
8493
+ .pf-v6-c-badge.pf-m-disabled::after {
8494
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8495
+ }
8496
+
8497
+ .pf-v6-c-badge__toggle-icon {
8498
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8499
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
8501
8500
  }