@patternfly/react-table 6.2.0-prerelease.15 → 6.2.0-prerelease.16

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-DmQK9dKF.css → output-Db-dzvWM.css} +1976 -1977
  11. package/package.json +3 -3
package/dist/umd/assets/{output-DmQK9dKF.css → output-Db-dzvWM.css} RENAMED
@@ -1,864 +1,634 @@
1
- .pf-v6-c-table {
2
- --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));
3
- --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));
4
- --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
6
- --pf-v6-c-table__tree-view-main--MarginInlineStart: calc(var(--pf-v6-c-table--cell--PaddingInlineStart) * -1);
7
- --pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8
- --pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9
- --pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
10
- --pf-v6-c-table__tree-view-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
11
- --pf-v6-c-table--m-tree-view__toggle--Position: absolute;
12
- --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
13
- --pf-v6-c-table--m-tree-view__toggle--TranslateX: -100%;
14
- --pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
15
- --pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart: 0;
16
- --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
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--sm);
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--sm);
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--sm);
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--md);
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--long);
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: 90deg;
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-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
75
+ --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
76
+ --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
77
+ --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
78
+ --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
79
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
80
+ --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
17
81
  }
18
82
 
19
- .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20
- --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
83
+ .pf-v6-c-form {
84
+ display: grid;
85
+ gap: var(--pf-v6-c-form--GridGap);
21
86
  }
22
87
 
23
- .pf-v6-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
24
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
25
- --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
88
+ .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
89
+ text-align: end;
26
90
  }
27
91
 
28
- .pf-v6-c-table.pf-m-tree-view.pf-m-no-inset {
29
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
30
- --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
92
+ @media screen and (min-width: 48rem) {
93
+ .pf-v6-c-form.pf-m-horizontal {
94
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
95
+ }
96
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
97
+ display: grid;
98
+ 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);
99
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
100
+ }
101
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
102
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
103
+ }
104
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
105
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
106
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
107
+ }
108
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
109
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
110
+ flex-direction: column;
111
+ align-items: flex-start;
112
+ }
113
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
114
+ flex-grow: 0;
115
+ }
116
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
117
+ grid-column: 2;
118
+ }
31
119
  }
32
-
33
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
34
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
120
+ @media screen and (min-width: 0) {
121
+ .pf-v6-c-form.pf-m-horizontal-on-xs {
122
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
123
+ }
124
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
125
+ display: grid;
126
+ 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);
127
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
128
+ }
129
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
130
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
131
+ }
132
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
133
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
134
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
135
+ }
136
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
137
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
138
+ flex-direction: column;
139
+ align-items: flex-start;
140
+ }
141
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
142
+ flex-grow: 0;
143
+ }
144
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
145
+ grid-column: 2;
146
+ }
35
147
  }
36
-
37
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
38
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
148
+ @media (min-width: 36rem) {
149
+ .pf-v6-c-form.pf-m-horizontal-on-sm {
150
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
151
+ }
152
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
153
+ display: grid;
154
+ 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);
155
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
156
+ }
157
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
158
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
159
+ }
160
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
161
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
162
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
163
+ }
164
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
165
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
166
+ flex-direction: column;
167
+ align-items: flex-start;
168
+ }
169
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
170
+ flex-grow: 0;
171
+ }
172
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
173
+ grid-column: 2;
174
+ }
39
175
  }
40
-
41
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
42
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
176
+ @media (min-width: 48rem) {
177
+ .pf-v6-c-form.pf-m-horizontal-on-md {
178
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
179
+ }
180
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
181
+ display: grid;
182
+ 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);
183
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
184
+ }
185
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
186
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
187
+ }
188
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
189
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
190
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
191
+ }
192
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
193
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
194
+ flex-direction: column;
195
+ align-items: flex-start;
196
+ }
197
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
198
+ flex-grow: 0;
199
+ }
200
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
201
+ grid-column: 2;
202
+ }
43
203
  }
44
-
45
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
46
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
204
+ @media (min-width: 62rem) {
205
+ .pf-v6-c-form.pf-m-horizontal-on-lg {
206
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
207
+ }
208
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
209
+ display: grid;
210
+ 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);
211
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
212
+ }
213
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
214
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
215
+ }
216
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
217
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
218
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
219
+ }
220
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
221
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
222
+ flex-direction: column;
223
+ align-items: flex-start;
224
+ }
225
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
226
+ flex-grow: 0;
227
+ }
228
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
229
+ grid-column: 2;
230
+ }
47
231
  }
48
-
49
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
50
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
51
- }
52
-
53
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
54
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
55
- }
56
-
57
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
58
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
232
+ @media (min-width: 75rem) {
233
+ .pf-v6-c-form.pf-m-horizontal-on-xl {
234
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
235
+ }
236
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
237
+ display: grid;
238
+ 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);
239
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
240
+ }
241
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
242
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
243
+ }
244
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
245
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
246
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
247
+ }
248
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
249
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
250
+ flex-direction: column;
251
+ align-items: flex-start;
252
+ }
253
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
254
+ flex-grow: 0;
255
+ }
256
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
257
+ grid-column: 2;
258
+ }
59
259
  }
60
-
61
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
62
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
260
+ @media (min-width: 90.625rem) {
261
+ .pf-v6-c-form.pf-m-horizontal-on-2xl {
262
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
263
+ }
264
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
265
+ display: grid;
266
+ 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);
267
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
268
+ }
269
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
270
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
271
+ }
272
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
273
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
274
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
275
+ }
276
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
277
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
278
+ flex-direction: column;
279
+ align-items: flex-start;
280
+ }
281
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
282
+ flex-grow: 0;
283
+ }
284
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
285
+ grid-column: 2;
286
+ }
63
287
  }
64
-
65
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
66
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
288
+ .pf-v6-c-form.pf-m-limit-width {
289
+ max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
67
290
  }
68
291
 
69
- .pf-v6-c-table__tree-view-main {
70
- position: relative;
292
+ .pf-v6-c-form__group {
71
293
  display: flex;
72
- align-items: baseline;
294
+ flex-direction: column;
295
+ gap: var(--pf-v6-c-form__group--Gap);
73
296
  min-width: 0;
74
- padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
75
- margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginInlineStart);
76
- text-align: start;
77
- cursor: pointer;
78
- }
79
-
80
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
81
- transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
82
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
83
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
84
297
  }
85
298
 
86
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
87
- transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
299
+ .pf-v6-c-form__group.pf-m-action {
300
+ margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
301
+ overflow: hidden;
88
302
  }
89
303
 
90
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
91
- min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
304
+ .pf-v6-c-form__section {
305
+ display: grid;
306
+ gap: var(--pf-v6-c-form__section--Gap);
92
307
  }
93
308
 
94
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-button {
95
- margin-block-start: -50%;
96
- margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd);
309
+ .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
310
+ margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
97
311
  }
98
312
 
99
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
100
- margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd);
313
+ .pf-v6-c-form__section-title {
314
+ margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
315
+ font-size: var(--pf-v6-c-form__section-title--FontSize);
316
+ font-weight: var(--pf-v6-c-form__section-title--FontWeight);
101
317
  }
102
318
 
103
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
104
- padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd);
105
- margin-block-start: 0;
106
- margin-block-end: 0;
107
- margin-inline-start: 0;
108
- margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd) * -1);
319
+ .pf-v6-c-form__group-label {
320
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
109
321
  }
110
322
 
111
- .pf-v6-c-table__tree-view-text {
323
+ .pf-v6-c-form__group-label.pf-m-info {
112
324
  display: flex;
325
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
326
+ align-items: flex-end;
113
327
  }
114
328
 
115
- .pf-v6-c-table__tree-view-icon {
116
- min-width: var(--pf-v6-c-table__tree-view-icon--MinWidth);
117
- margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginInlineEnd);
329
+ .pf-v6-c-form__group-label-main {
330
+ flex-grow: 1;
118
331
  }
119
332
 
120
- .pf-v6-c-table__tree-view-details-toggle {
121
- display: none;
333
+ .pf-v6-c-form__group-label-info {
334
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
122
335
  }
123
336
 
124
- .pf-m-tree-view-grid.pf-v6-c-table {
125
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
126
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
127
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
128
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
129
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
130
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
131
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
132
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
133
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
134
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
135
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
136
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
137
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
138
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
139
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
140
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
141
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
142
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
143
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
144
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
145
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
146
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
147
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
337
+ .pf-v6-c-form__label {
338
+ font-size: var(--pf-v6-c-form__label--FontSize);
339
+ line-height: var(--pf-v6-c-form__label--LineHeight);
148
340
  }
149
341
 
150
- .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
151
- position: relative;
152
- border: none;
153
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
342
+ .pf-v6-c-form__label::selection {
343
+ background-color: none;
154
344
  }
155
345
 
156
- .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
157
- position: absolute;
158
- inset-block-start: 0;
159
- inset-block-end: 0;
160
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
161
- inset-inline-end: 0;
162
- content: "";
163
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
346
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
347
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
164
348
  }
165
349
 
166
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
167
- display: grid;
168
- grid-template-columns: 1fr max-content;
350
+ .pf-v6-c-form__label.pf-m-disabled {
351
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
169
352
  }
170
353
 
171
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
172
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
354
+ .pf-v6-c-form__label.pf-m-disabled:hover {
355
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
173
356
  }
174
357
 
175
- .pf-m-tree-view-grid.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 {
176
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
358
+ .pf-v6-c-form__label-text {
359
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
177
360
  }
178
361
 
179
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
180
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
181
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
182
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
362
+ .pf-v6-c-form__label-required {
363
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
364
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
365
+ color: var(--pf-v6-c-form__label-required--Color);
183
366
  }
184
367
 
185
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-text {
186
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
368
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
369
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
187
370
  }
188
371
 
189
- .pf-m-tree-view-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
190
- display: none;
372
+ .pf-v6-c-form__group-control {
373
+ min-width: 0;
191
374
  }
192
375
 
193
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td) {
194
- display: none;
376
+ .pf-v6-c-form__group-control.pf-m-inline {
377
+ display: flex;
378
+ flex-flow: row wrap;
379
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
195
380
  }
196
381
 
197
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
198
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
199
- grid-column: 1;
200
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
201
- align-items: start;
382
+ .pf-v6-c-form__group-control.pf-m-stack {
383
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
384
+ display: grid;
385
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
202
386
  }
203
387
 
204
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
205
- grid-column: 2;
388
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
389
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
390
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
206
391
  }
207
392
 
208
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
209
- position: revert;
210
- font-weight: var(--pf-t--global--font--weight--body--bold);
211
- text-align: start;
212
- content: attr(data-label);
393
+ .pf-v6-c-form__helper-text {
394
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
213
395
  }
214
396
 
215
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
216
- border-inline-end: 0;
397
+ .pf-v6-c-form__helper-text.pf-m-inactive {
398
+ display: none;
217
399
  }
218
400
 
219
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
220
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
401
+ .pf-v6-c-form__helper-text.pf-m-hidden {
402
+ visibility: hidden;
403
+ opacity: 0;
221
404
  }
222
405
 
223
- .pf-m-tree-view-grid.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] {
224
- display: grid;
406
+ .pf-v6-c-form__fieldset {
407
+ border: 0;
225
408
  }
226
409
 
227
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
228
- display: none;
410
+ .pf-v6-c-form__actions {
411
+ display: flex;
412
+ flex-wrap: wrap;
413
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
414
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
415
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
416
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
229
417
  }
230
418
 
231
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
232
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
233
- display: inline-block;
234
- }
419
+ .pf-v6-c-form__actions > * {
420
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
421
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
422
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
423
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
424
+ }
235
425
 
236
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
237
- --pf-v6-c-table--cell--Width: auto;
238
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
239
- --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);
240
- --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);
241
- grid-row: 1;
242
- grid-column: 2;
243
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
244
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
426
+ .pf-v6-c-form__field-group {
427
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
428
+ display: grid;
429
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
430
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
431
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
245
432
  }
246
433
 
247
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
248
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
249
- margin-inline-start: auto;
250
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
434
+ .pf-v6-c-form__field-group:last-child {
435
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
251
436
  }
252
437
 
253
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
254
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
255
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
438
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
439
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
256
440
  }
257
441
 
258
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
259
- --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));
442
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
443
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
260
444
  }
261
445
 
262
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
263
- --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));
446
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
447
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
448
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
449
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
450
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
451
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
264
452
  }
265
453
 
266
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
267
- --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));
454
+ .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 {
455
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
268
456
  }
269
457
 
270
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
271
- --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));
458
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
459
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
272
460
  }
273
461
 
274
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
275
- --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));
462
+ .pf-v6-c-form__field-group-toggle {
463
+ grid-row: 1/2;
464
+ grid-column: 1/2;
465
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
466
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
276
467
  }
277
468
 
278
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
279
- --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));
469
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
470
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
280
471
  }
281
472
 
282
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
283
- --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));
473
+ .pf-v6-c-form__field-group-toggle-button {
474
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
475
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
284
476
  }
285
477
 
286
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
287
- --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));
478
+ .pf-v6-c-form__field-group-toggle-icon {
479
+ display: inline-block;
480
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
481
+ text-align: center;
482
+ transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
483
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
288
484
  }
289
485
 
290
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
291
- --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));
486
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
487
+ scale: -1 1;
292
488
  }
293
489
 
294
- @media screen and (max-width: calc(48rem - 1px)) {
295
- .pf-m-tree-view-grid-md.pf-v6-c-table {
296
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
297
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
298
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
299
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
300
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
301
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
302
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
303
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
304
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
305
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
306
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
307
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
308
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
309
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
310
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
311
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
312
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
313
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
314
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
315
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
316
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
317
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
318
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
319
- }
320
- .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
321
- position: relative;
322
- border: none;
323
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
324
- }
325
- .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 {
326
- position: absolute;
327
- inset-block-start: 0;
328
- inset-block-end: 0;
329
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
330
- inset-inline-end: 0;
331
- content: "";
332
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
333
- }
334
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
335
- display: grid;
336
- grid-template-columns: 1fr max-content;
337
- }
338
- .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 {
339
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
340
- }
341
- .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 {
342
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
343
- }
344
- .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) {
345
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
346
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
347
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
348
- }
349
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
350
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
351
- }
352
- .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
353
- display: none;
354
- }
355
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
356
- display: none;
357
- }
358
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
359
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
360
- grid-column: 1;
361
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
362
- align-items: start;
363
- }
364
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
365
- grid-column: 2;
366
- }
367
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
368
- position: revert;
369
- font-weight: var(--pf-t--global--font--weight--body--bold);
370
- text-align: start;
371
- content: attr(data-label);
372
- }
373
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
374
- border-inline-end: 0;
375
- }
376
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
377
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
378
- }
379
- .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] {
380
- display: grid;
381
- }
382
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
383
- display: none;
384
- }
385
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
386
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
387
- display: inline-block;
388
- }
389
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
390
- --pf-v6-c-table--cell--Width: auto;
391
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
392
- --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);
393
- --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);
394
- grid-row: 1;
395
- grid-column: 2;
396
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
397
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
398
- }
399
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
400
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
401
- margin-inline-start: auto;
402
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
403
- }
404
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
405
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
406
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
407
- }
408
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
409
- --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));
410
- }
411
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
412
- --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));
413
- }
414
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
415
- --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));
416
- }
417
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
418
- --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));
419
- }
420
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
421
- --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));
422
- }
423
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
424
- --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));
425
- }
426
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
427
- --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));
428
- }
429
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
430
- --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));
431
- }
432
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
433
- --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));
434
- }
490
+ .pf-v6-c-form__field-group-header {
491
+ display: flex;
492
+ grid-row: 1/2;
493
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
494
+ align-items: flex-start;
495
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
496
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
435
497
  }
436
- @media screen and (max-width: calc(62rem - 1px)) {
437
- .pf-m-tree-view-grid-lg.pf-v6-c-table {
438
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
439
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
440
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
441
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
442
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
443
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
444
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
445
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
446
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
447
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
448
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
449
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
450
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
451
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
452
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
453
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
454
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
455
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
456
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
457
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
458
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
459
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
460
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
461
- }
462
- .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
463
- position: relative;
464
- border: none;
465
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
466
- }
467
- .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 {
468
- position: absolute;
469
- inset-block-start: 0;
470
- inset-block-end: 0;
471
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
472
- inset-inline-end: 0;
473
- content: "";
474
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
475
- }
476
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
477
- display: grid;
478
- grid-template-columns: 1fr max-content;
479
- }
480
- .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 {
481
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
482
- }
483
- .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 {
484
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
485
- }
486
- .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) {
487
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
488
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
489
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
490
- }
491
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
492
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
493
- }
494
- .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
495
- display: none;
496
- }
497
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
498
- display: none;
499
- }
500
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
501
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
502
- grid-column: 1;
503
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
504
- align-items: start;
505
- }
506
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
507
- grid-column: 2;
508
- }
509
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
510
- position: revert;
511
- font-weight: var(--pf-t--global--font--weight--body--bold);
512
- text-align: start;
513
- content: attr(data-label);
514
- }
515
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
516
- border-inline-end: 0;
517
- }
518
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
519
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
520
- }
521
- .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] {
522
- display: grid;
523
- }
524
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
525
- display: none;
526
- }
527
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
528
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
529
- display: inline-block;
530
- }
531
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
532
- --pf-v6-c-table--cell--Width: auto;
533
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
534
- --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);
535
- --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);
536
- grid-row: 1;
537
- grid-column: 2;
538
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
539
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
540
- }
541
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
542
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
543
- margin-inline-start: auto;
544
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
545
- }
546
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
547
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
548
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
549
- }
550
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
551
- --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));
552
- }
553
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
554
- --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));
555
- }
556
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
557
- --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));
558
- }
559
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
560
- --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));
561
- }
562
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
563
- --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));
564
- }
565
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
566
- --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));
567
- }
568
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
569
- --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));
570
- }
571
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
572
- --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));
573
- }
574
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
575
- --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));
576
- }
498
+
499
+ .pf-v6-c-form__field-group-header-main {
500
+ display: flex;
501
+ flex-direction: column;
502
+ flex-grow: 1;
577
503
  }
578
- @media screen and (max-width: calc(75rem - 1px)) {
579
- .pf-m-tree-view-grid-xl.pf-v6-c-table {
580
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
581
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
582
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
583
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
584
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
585
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
586
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
587
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
588
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
589
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
590
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
591
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
592
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
593
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
594
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
595
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
596
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
597
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
598
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
599
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
600
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
601
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
602
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
603
- }
604
- .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
605
- position: relative;
606
- border: none;
607
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
608
- }
609
- .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 {
610
- position: absolute;
611
- inset-block-start: 0;
612
- inset-block-end: 0;
613
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
614
- inset-inline-end: 0;
615
- content: "";
616
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
617
- }
618
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
619
- display: grid;
620
- grid-template-columns: 1fr max-content;
621
- }
622
- .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 {
623
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
624
- }
625
- .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 {
626
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
627
- }
628
- .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) {
629
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
630
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
631
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
632
- }
633
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
634
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
635
- }
636
- .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
637
- display: none;
638
- }
639
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
640
- display: none;
641
- }
642
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
643
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
644
- grid-column: 1;
645
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
646
- align-items: start;
647
- }
648
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
649
- grid-column: 2;
650
- }
651
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
652
- position: revert;
653
- font-weight: var(--pf-t--global--font--weight--body--bold);
654
- text-align: start;
655
- content: attr(data-label);
656
- }
657
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
658
- border-inline-end: 0;
659
- }
660
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
661
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
662
- }
663
- .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] {
664
- display: grid;
665
- }
666
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
667
- display: none;
668
- }
669
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
670
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
671
- display: inline-block;
672
- }
673
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
674
- --pf-v6-c-table--cell--Width: auto;
675
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
676
- --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);
677
- --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);
678
- grid-row: 1;
679
- grid-column: 2;
680
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
681
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
682
- }
683
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
684
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
685
- margin-inline-start: auto;
686
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
687
- }
688
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
689
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
690
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
691
- }
692
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
693
- --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));
694
- }
695
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
696
- --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));
697
- }
698
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
699
- --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));
700
- }
701
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
702
- --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));
703
- }
704
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
705
- --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));
706
- }
707
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
708
- --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));
709
- }
710
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
711
- --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));
712
- }
713
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
714
- --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));
715
- }
716
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
717
- --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));
718
- }
504
+
505
+ .pf-v6-c-form__field-group-header-title {
506
+ display: flex;
507
+ }
508
+
509
+ .pf-v6-c-form__field-group-header-title-text {
510
+ flex-grow: 1;
511
+ }
512
+
513
+ .pf-v6-c-form__field-group-header-description {
514
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
515
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
516
+ }
517
+
518
+ .pf-v6-c-form__field-group-header-actions {
519
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
520
+ white-space: nowrap;
521
+ }
522
+
523
+ .pf-v6-c-form__field-group-body {
524
+ display: grid;
525
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
526
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
527
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
528
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
529
+ }
530
+
531
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
532
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
533
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
534
+ }
535
+
536
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
537
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
538
+ }
539
+
540
+ .pf-v6-c-inline-edit {
541
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
542
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
543
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
544
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
545
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
546
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
547
+ }
548
+
549
+ .pf-v6-c-inline-edit__group {
550
+ display: flex;
551
+ align-items: baseline;
552
+ }
553
+
554
+ .pf-v6-c-inline-edit__group > * {
555
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
556
+ }
557
+
558
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
559
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
560
+ }
561
+
562
+ .pf-v6-c-inline-edit__group.pf-m-footer {
563
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
564
+ }
565
+
566
+ .pf-v6-c-inline-edit__group.pf-m-column {
567
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
568
+ flex-direction: column;
569
+ }
570
+
571
+ .pf-v6-c-inline-edit__group > :last-child {
572
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
573
+ }
574
+
575
+ .pf-v6-c-inline-edit__input {
576
+ flex: 1;
577
+ }
578
+
579
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
580
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
581
+ }
582
+
583
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
584
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
585
+ }
586
+
587
+ .pf-v6-c-inline-edit__input,
588
+ .pf-v6-c-inline-edit__action,
589
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
590
+ display: none;
591
+ }
592
+
593
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
594
+ display: inline-block;
595
+ }
596
+
597
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
598
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
599
+ display: block;
600
+ }
601
+
602
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
603
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
604
+ display: inline-block;
605
+ }
606
+
607
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
608
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
609
+ display: inline-flex;
610
+ }
611
+
612
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
613
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
614
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
615
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
616
+ display: none;
719
617
  }
720
- @media screen and (max-width: calc(90.625rem - 1px)) {
721
- .pf-m-tree-view-grid-2xl.pf-v6-c-table {
722
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
723
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
724
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
725
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
726
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
727
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
728
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
729
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
730
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
731
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
732
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
733
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
734
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
735
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
736
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
737
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
738
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
739
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
740
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
741
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
742
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
743
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
744
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
745
- }
746
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
747
- position: relative;
748
- border: none;
749
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
750
- }
751
- .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 {
752
- position: absolute;
753
- inset-block-start: 0;
754
- inset-block-end: 0;
755
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
756
- inset-inline-end: 0;
757
- content: "";
758
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
759
- }
760
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
761
- display: grid;
762
- grid-template-columns: 1fr max-content;
763
- }
764
- .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 {
765
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
766
- }
767
- .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 {
768
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
769
- }
770
- .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) {
771
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
772
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
773
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
774
- }
775
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
776
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
777
- }
778
- .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
779
- display: none;
780
- }
781
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
782
- display: none;
783
- }
784
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
785
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
786
- grid-column: 1;
787
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
788
- align-items: start;
789
- }
790
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
791
- grid-column: 2;
792
- }
793
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
794
- position: revert;
795
- font-weight: var(--pf-t--global--font--weight--body--bold);
796
- text-align: start;
797
- content: attr(data-label);
798
- }
799
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
800
- border-inline-end: 0;
801
- }
802
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
803
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
804
- }
805
- .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] {
806
- display: grid;
807
- }
808
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
809
- display: none;
810
- }
811
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
812
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
813
- display: inline-block;
814
- }
815
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
816
- --pf-v6-c-table--cell--Width: auto;
817
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
818
- --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);
819
- --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);
820
- grid-row: 1;
821
- grid-column: 2;
822
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
823
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
824
- }
825
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
826
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
827
- margin-inline-start: auto;
828
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
829
- }
830
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
831
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
832
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
833
- }
834
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
835
- --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));
836
- }
837
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
838
- --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));
839
- }
840
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
841
- --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));
842
- }
843
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
844
- --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));
845
- }
846
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
847
- --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));
848
- }
849
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
850
- --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));
851
- }
852
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
853
- --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));
854
- }
855
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
856
- --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));
857
- }
858
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
859
- --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));
860
- }
618
+
619
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
620
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
621
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
622
+ }
623
+
624
+ .pf-v6-c-inline-edit__label.pf-m-bold {
625
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
861
626
  }
627
+
628
+ .pf-v6-c-inline-edit__editable-text br {
629
+ display: none;
630
+ }
631
+
862
632
  .pf-v6-c-table {
863
633
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
864
634
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -1822,553 +1592,875 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1822
1592
  --pf-v6-c-table--cell--Width: 80%;
1823
1593
  }
1824
1594
 
1825
- .pf-v6-c-table .pf-m-width-90 {
1826
- --pf-v6-c-table--cell--Width: 90%;
1827
- }
1828
-
1829
- .pf-v6-c-table .pf-m-width-100 {
1830
- --pf-v6-c-table--cell--Width: 100%;
1831
- }
1832
-
1833
- .pf-v6-c-form {
1834
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
1835
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
1836
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
1837
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
1838
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
1839
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
1840
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
1841
- --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));
1842
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1843
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
1844
- --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)));
1845
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
1846
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
1847
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
1848
- --pf-v6-c-form__label--hover--Cursor: pointer;
1849
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
1850
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
1851
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
1852
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
1853
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
1854
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
1855
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
1856
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
1857
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
1858
- --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
1859
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
1860
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
1861
- --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));
1862
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
1863
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1864
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
1865
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
1866
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
1867
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
1868
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
1869
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
1870
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
1871
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
1872
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
1873
- --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
1874
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
1875
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
1876
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
1877
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
1878
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
1879
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
1880
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
1881
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
1882
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
1883
- --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));
1884
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
1885
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
1886
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
1887
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
1888
- --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);
1889
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1890
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1891
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1892
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1893
- --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
1894
- --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
1895
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
1896
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
1897
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1898
- --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
1899
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1900
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
1901
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
1902
- --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);
1903
- --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
1904
- --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
1905
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
1906
- --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1907
- --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
1908
- --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
1909
- --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
1910
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
1911
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
1912
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
1913
- }
1914
-
1915
- .pf-v6-c-form {
1916
- display: grid;
1917
- gap: var(--pf-v6-c-form--GridGap);
1918
- }
1919
-
1920
- .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
1921
- text-align: end;
1922
- }
1923
-
1924
- @media screen and (min-width: 48rem) {
1925
- .pf-v6-c-form.pf-m-horizontal {
1926
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
1927
- }
1928
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
1929
- display: grid;
1930
- 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);
1931
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
1932
- }
1933
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
1934
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
1935
- }
1936
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
1937
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
1938
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
1939
- }
1940
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
1941
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
1942
- flex-direction: column;
1943
- align-items: flex-start;
1944
- }
1945
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
1946
- flex-grow: 0;
1947
- }
1948
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
1949
- grid-column: 2;
1950
- }
1595
+ .pf-v6-c-table .pf-m-width-90 {
1596
+ --pf-v6-c-table--cell--Width: 90%;
1951
1597
  }
1952
- @media screen and (min-width: 0) {
1953
- .pf-v6-c-form.pf-m-horizontal-on-xs {
1954
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
1955
- }
1956
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
1957
- display: grid;
1958
- 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);
1959
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
1960
- }
1961
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
1962
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
1963
- }
1964
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
1965
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
1966
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
1967
- }
1968
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
1969
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
1970
- flex-direction: column;
1971
- align-items: flex-start;
1972
- }
1973
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
1974
- flex-grow: 0;
1975
- }
1976
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
1977
- grid-column: 2;
1978
- }
1598
+
1599
+ .pf-v6-c-table .pf-m-width-100 {
1600
+ --pf-v6-c-table--cell--Width: 100%;
1979
1601
  }
1980
- @media (min-width: 36rem) {
1981
- .pf-v6-c-form.pf-m-horizontal-on-sm {
1982
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
1983
- }
1984
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
1985
- display: grid;
1986
- 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);
1987
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
1988
- }
1989
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
1990
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
1991
- }
1992
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
1993
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
1994
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
1995
- }
1996
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
1997
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
1998
- flex-direction: column;
1999
- align-items: flex-start;
2000
- }
2001
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
2002
- flex-grow: 0;
2003
- }
2004
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
2005
- grid-column: 2;
2006
- }
1602
+
1603
+ .pf-v6-c-table {
1604
+ --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));
1605
+ --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));
1606
+ --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1607
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
1608
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: calc(var(--pf-v6-c-table--cell--PaddingInlineStart) * -1);
1609
+ --pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1610
+ --pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1611
+ --pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
1612
+ --pf-v6-c-table__tree-view-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1613
+ --pf-v6-c-table--m-tree-view__toggle--Position: absolute;
1614
+ --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
1615
+ --pf-v6-c-table--m-tree-view__toggle--TranslateX: -100%;
1616
+ --pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
1617
+ --pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart: 0;
1618
+ --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
2007
1619
  }
2008
- @media (min-width: 48rem) {
2009
- .pf-v6-c-form.pf-m-horizontal-on-md {
2010
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2011
- }
2012
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
2013
- display: grid;
2014
- 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);
2015
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2016
- }
2017
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
2018
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2019
- }
2020
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
2021
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2022
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2023
- }
2024
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
2025
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2026
- flex-direction: column;
2027
- align-items: flex-start;
2028
- }
2029
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
2030
- flex-grow: 0;
2031
- }
2032
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
2033
- grid-column: 2;
2034
- }
1620
+
1621
+ .pf-v6-c-table.pf-m-tree-view > tbody > tr {
1622
+ --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
2035
1623
  }
2036
- @media (min-width: 62rem) {
2037
- .pf-v6-c-form.pf-m-horizontal-on-lg {
2038
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2039
- }
2040
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
2041
- display: grid;
2042
- 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);
2043
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2044
- }
2045
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
2046
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2047
- }
2048
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
2049
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2050
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2051
- }
2052
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
2053
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2054
- flex-direction: column;
2055
- align-items: flex-start;
2056
- }
2057
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
2058
- flex-grow: 0;
2059
- }
2060
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
2061
- grid-column: 2;
2062
- }
1624
+
1625
+ .pf-v6-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
1626
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
1627
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
2063
1628
  }
2064
- @media (min-width: 75rem) {
2065
- .pf-v6-c-form.pf-m-horizontal-on-xl {
2066
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2067
- }
2068
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
2069
- display: grid;
2070
- 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);
2071
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2072
- }
2073
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
2074
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2075
- }
2076
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
2077
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2078
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2079
- }
2080
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
2081
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2082
- flex-direction: column;
2083
- align-items: flex-start;
2084
- }
2085
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
2086
- flex-grow: 0;
2087
- }
2088
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
2089
- grid-column: 2;
2090
- }
1629
+
1630
+ .pf-v6-c-table.pf-m-tree-view.pf-m-no-inset {
1631
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
1632
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
2091
1633
  }
2092
- @media (min-width: 90.625rem) {
2093
- .pf-v6-c-form.pf-m-horizontal-on-2xl {
2094
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2095
- }
2096
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
2097
- display: grid;
2098
- 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);
2099
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2100
- }
2101
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
2102
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2103
- }
2104
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
2105
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2106
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2107
- }
2108
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
2109
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2110
- flex-direction: column;
2111
- align-items: flex-start;
2112
- }
2113
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
2114
- flex-grow: 0;
2115
- }
2116
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
2117
- grid-column: 2;
2118
- }
1634
+
1635
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
1636
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
2119
1637
  }
2120
- .pf-v6-c-form.pf-m-limit-width {
2121
- max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
1638
+
1639
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
1640
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
2122
1641
  }
2123
1642
 
2124
- .pf-v6-c-form__group {
2125
- display: flex;
2126
- flex-direction: column;
2127
- gap: var(--pf-v6-c-form__group--Gap);
2128
- min-width: 0;
1643
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
1644
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
2129
1645
  }
2130
1646
 
2131
- .pf-v6-c-form__group.pf-m-action {
2132
- margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
2133
- overflow: hidden;
1647
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
1648
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
2134
1649
  }
2135
1650
 
2136
- .pf-v6-c-form__section {
2137
- display: grid;
2138
- gap: var(--pf-v6-c-form__section--Gap);
1651
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
1652
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
2139
1653
  }
2140
1654
 
2141
- .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
2142
- margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
1655
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
1656
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
2143
1657
  }
2144
1658
 
2145
- .pf-v6-c-form__section-title {
2146
- margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
2147
- font-size: var(--pf-v6-c-form__section-title--FontSize);
2148
- font-weight: var(--pf-v6-c-form__section-title--FontWeight);
1659
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
1660
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
2149
1661
  }
2150
1662
 
2151
- .pf-v6-c-form__group-label {
2152
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
1663
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
1664
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
2153
1665
  }
2154
1666
 
2155
- .pf-v6-c-form__group-label.pf-m-info {
1667
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
1668
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
1669
+ }
1670
+
1671
+ .pf-v6-c-table__tree-view-main {
1672
+ position: relative;
2156
1673
  display: flex;
2157
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
2158
- align-items: flex-end;
1674
+ align-items: baseline;
1675
+ min-width: 0;
1676
+ padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
1677
+ margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginInlineStart);
1678
+ text-align: start;
1679
+ cursor: pointer;
2159
1680
  }
2160
1681
 
2161
- .pf-v6-c-form__group-label-main {
2162
- flex-grow: 1;
1682
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
1683
+ transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
1684
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
1685
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
2163
1686
  }
2164
1687
 
2165
- .pf-v6-c-form__group-label-info {
2166
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
1688
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
1689
+ transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
2167
1690
  }
2168
1691
 
2169
- .pf-v6-c-form__label {
2170
- font-size: var(--pf-v6-c-form__label--FontSize);
2171
- line-height: var(--pf-v6-c-form__label--LineHeight);
1692
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
1693
+ min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
2172
1694
  }
2173
1695
 
2174
- .pf-v6-c-form__label::selection {
2175
- background-color: none;
1696
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-button {
1697
+ margin-block-start: -50%;
1698
+ margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd);
2176
1699
  }
2177
1700
 
2178
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
2179
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
1701
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
1702
+ margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd);
2180
1703
  }
2181
1704
 
2182
- .pf-v6-c-form__label.pf-m-disabled {
2183
- color: var(--pf-v6-c-form__label--m-disabled--Color);
1705
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
1706
+ padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd);
1707
+ margin-block-start: 0;
1708
+ margin-block-end: 0;
1709
+ margin-inline-start: 0;
1710
+ margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd) * -1);
2184
1711
  }
2185
1712
 
2186
- .pf-v6-c-form__label.pf-m-disabled:hover {
2187
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
1713
+ .pf-v6-c-table__tree-view-text {
1714
+ display: flex;
2188
1715
  }
2189
1716
 
2190
- .pf-v6-c-form__label-text {
2191
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
1717
+ .pf-v6-c-table__tree-view-icon {
1718
+ min-width: var(--pf-v6-c-table__tree-view-icon--MinWidth);
1719
+ margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginInlineEnd);
2192
1720
  }
2193
1721
 
2194
- .pf-v6-c-form__label-required {
2195
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
2196
- font-size: var(--pf-v6-c-form__label-required--FontSize);
2197
- color: var(--pf-v6-c-form__label-required--Color);
1722
+ .pf-v6-c-table__tree-view-details-toggle {
1723
+ display: none;
2198
1724
  }
2199
1725
 
2200
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
2201
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
1726
+ .pf-m-tree-view-grid.pf-v6-c-table {
1727
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
1728
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
1729
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1730
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
1731
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
1732
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
1733
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1734
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
1735
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
1736
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
1737
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
1738
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
1739
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1740
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1741
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
1742
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
1743
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1744
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
1745
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
1746
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1747
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1748
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1749
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2202
1750
  }
2203
1751
 
2204
- .pf-v6-c-form__group-control {
2205
- min-width: 0;
1752
+ .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
1753
+ position: relative;
1754
+ border: none;
1755
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
2206
1756
  }
2207
1757
 
2208
- .pf-v6-c-form__group-control.pf-m-inline {
2209
- display: flex;
2210
- flex-flow: row wrap;
2211
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
1758
+ .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
1759
+ position: absolute;
1760
+ inset-block-start: 0;
1761
+ inset-block-end: 0;
1762
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
1763
+ inset-inline-end: 0;
1764
+ content: "";
1765
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
2212
1766
  }
2213
1767
 
2214
- .pf-v6-c-form__group-control.pf-m-stack {
2215
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
1768
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
2216
1769
  display: grid;
2217
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
1770
+ grid-template-columns: 1fr max-content;
2218
1771
  }
2219
1772
 
2220
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
2221
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
2222
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
1773
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
1774
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
2223
1775
  }
2224
1776
 
2225
- .pf-v6-c-form__helper-text {
2226
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
1777
+ .pf-m-tree-view-grid.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 {
1778
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
2227
1779
  }
2228
1780
 
2229
- .pf-v6-c-form__helper-text.pf-m-inactive {
2230
- display: none;
1781
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
1782
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
1783
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
1784
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2231
1785
  }
2232
1786
 
2233
- .pf-v6-c-form__helper-text.pf-m-hidden {
2234
- visibility: hidden;
2235
- opacity: 0;
1787
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-text {
1788
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
2236
1789
  }
2237
1790
 
2238
- .pf-v6-c-form__fieldset {
2239
- border: 0;
1791
+ .pf-m-tree-view-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
1792
+ display: none;
2240
1793
  }
2241
1794
 
2242
- .pf-v6-c-form__actions {
2243
- display: flex;
2244
- flex-wrap: wrap;
2245
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
2246
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
2247
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
2248
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
1795
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td) {
1796
+ display: none;
2249
1797
  }
2250
1798
 
2251
- .pf-v6-c-form__actions > * {
2252
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
2253
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
2254
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
2255
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
1799
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
1800
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
1801
+ grid-column: 1;
1802
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
1803
+ align-items: start;
2256
1804
  }
2257
1805
 
2258
- .pf-v6-c-form__field-group {
2259
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
2260
- display: grid;
2261
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
2262
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
2263
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
1806
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
1807
+ grid-column: 2;
2264
1808
  }
2265
1809
 
2266
- .pf-v6-c-form__field-group:last-child {
2267
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
1810
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
1811
+ position: revert;
1812
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1813
+ text-align: start;
1814
+ content: attr(data-label);
2268
1815
  }
2269
1816
 
2270
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
2271
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
1817
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
1818
+ border-inline-end: 0;
2272
1819
  }
2273
1820
 
2274
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
2275
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
1821
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
1822
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
2276
1823
  }
2277
1824
 
2278
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
2279
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
2280
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
2281
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
2282
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
2283
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
1825
+ .pf-m-tree-view-grid.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] {
1826
+ display: grid;
2284
1827
  }
2285
1828
 
2286
- .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 {
2287
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
1829
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
1830
+ display: none;
2288
1831
  }
2289
1832
 
2290
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
2291
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
1833
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
1834
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
1835
+ display: inline-block;
2292
1836
  }
2293
1837
 
2294
- .pf-v6-c-form__field-group-toggle {
2295
- grid-row: 1/2;
2296
- grid-column: 1/2;
2297
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
2298
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
1838
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
1839
+ --pf-v6-c-table--cell--Width: auto;
1840
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
1841
+ --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);
1842
+ --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);
1843
+ grid-row: 1;
1844
+ grid-column: 2;
1845
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
1846
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
2299
1847
  }
2300
1848
 
2301
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
2302
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
1849
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
1850
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
1851
+ margin-inline-start: auto;
1852
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
2303
1853
  }
2304
1854
 
2305
- .pf-v6-c-form__field-group-toggle-button {
2306
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
2307
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
1855
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
1856
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
1857
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
2308
1858
  }
2309
1859
 
2310
- .pf-v6-c-form__field-group-toggle-icon {
2311
- display: inline-block;
2312
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
2313
- text-align: center;
2314
- transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
2315
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
1860
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
1861
+ --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));
2316
1862
  }
2317
1863
 
2318
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
2319
- scale: -1 1;
1864
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
1865
+ --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));
2320
1866
  }
2321
1867
 
2322
- .pf-v6-c-form__field-group-header {
2323
- display: flex;
2324
- grid-row: 1/2;
2325
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
2326
- align-items: flex-start;
2327
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
2328
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
1868
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
1869
+ --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));
2329
1870
  }
2330
1871
 
2331
- .pf-v6-c-form__field-group-header-main {
2332
- display: flex;
2333
- flex-direction: column;
2334
- flex-grow: 1;
1872
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
1873
+ --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));
1874
+ }
1875
+
1876
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
1877
+ --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));
2335
1878
  }
2336
1879
 
2337
- .pf-v6-c-form__field-group-header-title {
2338
- display: flex;
1880
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
1881
+ --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));
2339
1882
  }
2340
1883
 
2341
- .pf-v6-c-form__field-group-header-title-text {
2342
- flex-grow: 1;
1884
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
1885
+ --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));
2343
1886
  }
2344
1887
 
2345
- .pf-v6-c-form__field-group-header-description {
2346
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
2347
- color: var(--pf-v6-c-form__field-group-header-description--Color);
1888
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
1889
+ --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));
2348
1890
  }
2349
1891
 
2350
- .pf-v6-c-form__field-group-header-actions {
2351
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
2352
- white-space: nowrap;
1892
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
1893
+ --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));
2353
1894
  }
2354
1895
 
2355
- .pf-v6-c-form__field-group-body {
2356
- display: grid;
2357
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
2358
- gap: var(--pf-v6-c-form__field-group-body--Gap);
2359
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
2360
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
1896
+ @media screen and (max-width: calc(48rem - 1px)) {
1897
+ .pf-m-tree-view-grid-md.pf-v6-c-table {
1898
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
1899
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
1900
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1901
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
1902
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
1903
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
1904
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1905
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
1906
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
1907
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
1908
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
1909
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
1910
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1911
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1912
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
1913
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
1914
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1915
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
1916
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
1917
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1918
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1919
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1920
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1921
+ }
1922
+ .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
1923
+ position: relative;
1924
+ border: none;
1925
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
1926
+ }
1927
+ .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 {
1928
+ position: absolute;
1929
+ inset-block-start: 0;
1930
+ inset-block-end: 0;
1931
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
1932
+ inset-inline-end: 0;
1933
+ content: "";
1934
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
1935
+ }
1936
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
1937
+ display: grid;
1938
+ grid-template-columns: 1fr max-content;
1939
+ }
1940
+ .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 {
1941
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
1942
+ }
1943
+ .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 {
1944
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
1945
+ }
1946
+ .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) {
1947
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
1948
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
1949
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
1950
+ }
1951
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
1952
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
1953
+ }
1954
+ .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
1955
+ display: none;
1956
+ }
1957
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
1958
+ display: none;
1959
+ }
1960
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
1961
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
1962
+ grid-column: 1;
1963
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
1964
+ align-items: start;
1965
+ }
1966
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
1967
+ grid-column: 2;
1968
+ }
1969
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
1970
+ position: revert;
1971
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1972
+ text-align: start;
1973
+ content: attr(data-label);
1974
+ }
1975
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
1976
+ border-inline-end: 0;
1977
+ }
1978
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
1979
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
1980
+ }
1981
+ .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] {
1982
+ display: grid;
1983
+ }
1984
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
1985
+ display: none;
1986
+ }
1987
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
1988
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
1989
+ display: inline-block;
1990
+ }
1991
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
1992
+ --pf-v6-c-table--cell--Width: auto;
1993
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
1994
+ --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);
1995
+ --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);
1996
+ grid-row: 1;
1997
+ grid-column: 2;
1998
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
1999
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
2000
+ }
2001
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
2002
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
2003
+ margin-inline-start: auto;
2004
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
2005
+ }
2006
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
2007
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
2008
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
2009
+ }
2010
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
2011
+ --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));
2012
+ }
2013
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
2014
+ --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));
2015
+ }
2016
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
2017
+ --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));
2018
+ }
2019
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
2020
+ --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));
2021
+ }
2022
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
2023
+ --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));
2024
+ }
2025
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
2026
+ --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));
2027
+ }
2028
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
2029
+ --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));
2030
+ }
2031
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
2032
+ --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));
2033
+ }
2034
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
2035
+ --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));
2036
+ }
2037
+ }
2038
+ @media screen and (max-width: calc(62rem - 1px)) {
2039
+ .pf-m-tree-view-grid-lg.pf-v6-c-table {
2040
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
2041
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
2042
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2043
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
2044
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
2045
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
2046
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2047
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
2048
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2049
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2050
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2051
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
2052
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2053
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2054
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
2055
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
2056
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2057
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
2058
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
2059
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2060
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2061
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2062
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2063
+ }
2064
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
2065
+ position: relative;
2066
+ border: none;
2067
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
2068
+ }
2069
+ .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 {
2070
+ position: absolute;
2071
+ inset-block-start: 0;
2072
+ inset-block-end: 0;
2073
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2074
+ inset-inline-end: 0;
2075
+ content: "";
2076
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
2077
+ }
2078
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
2079
+ display: grid;
2080
+ grid-template-columns: 1fr max-content;
2081
+ }
2082
+ .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 {
2083
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
2084
+ }
2085
+ .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 {
2086
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
2087
+ }
2088
+ .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) {
2089
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
2090
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
2091
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2092
+ }
2093
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
2094
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
2095
+ }
2096
+ .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
2097
+ display: none;
2098
+ }
2099
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
2100
+ display: none;
2101
+ }
2102
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
2103
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
2104
+ grid-column: 1;
2105
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
2106
+ align-items: start;
2107
+ }
2108
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
2109
+ grid-column: 2;
2110
+ }
2111
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
2112
+ position: revert;
2113
+ font-weight: var(--pf-t--global--font--weight--body--bold);
2114
+ text-align: start;
2115
+ content: attr(data-label);
2116
+ }
2117
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
2118
+ border-inline-end: 0;
2119
+ }
2120
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
2121
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
2122
+ }
2123
+ .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] {
2124
+ display: grid;
2125
+ }
2126
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
2127
+ display: none;
2128
+ }
2129
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
2130
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
2131
+ display: inline-block;
2132
+ }
2133
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
2134
+ --pf-v6-c-table--cell--Width: auto;
2135
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
2136
+ --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);
2137
+ --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);
2138
+ grid-row: 1;
2139
+ grid-column: 2;
2140
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
2141
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
2142
+ }
2143
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
2144
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
2145
+ margin-inline-start: auto;
2146
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
2147
+ }
2148
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
2149
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
2150
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
2151
+ }
2152
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
2153
+ --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));
2154
+ }
2155
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
2156
+ --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));
2157
+ }
2158
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
2159
+ --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));
2160
+ }
2161
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
2162
+ --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));
2163
+ }
2164
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
2165
+ --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));
2166
+ }
2167
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
2168
+ --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));
2169
+ }
2170
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
2171
+ --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));
2172
+ }
2173
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
2174
+ --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));
2175
+ }
2176
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
2177
+ --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));
2178
+ }
2361
2179
  }
2362
-
2363
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
2364
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
2365
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
2180
+ @media screen and (max-width: calc(75rem - 1px)) {
2181
+ .pf-m-tree-view-grid-xl.pf-v6-c-table {
2182
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
2183
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
2184
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2185
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
2186
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
2187
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
2188
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2189
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
2190
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2191
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2192
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2193
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
2194
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2195
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2196
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
2197
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
2198
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2199
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
2200
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
2201
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2202
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2203
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2204
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2205
+ }
2206
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
2207
+ position: relative;
2208
+ border: none;
2209
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
2210
+ }
2211
+ .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 {
2212
+ position: absolute;
2213
+ inset-block-start: 0;
2214
+ inset-block-end: 0;
2215
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2216
+ inset-inline-end: 0;
2217
+ content: "";
2218
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
2219
+ }
2220
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
2221
+ display: grid;
2222
+ grid-template-columns: 1fr max-content;
2223
+ }
2224
+ .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 {
2225
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
2226
+ }
2227
+ .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 {
2228
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
2229
+ }
2230
+ .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) {
2231
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
2232
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
2233
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2234
+ }
2235
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
2236
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
2237
+ }
2238
+ .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
2239
+ display: none;
2240
+ }
2241
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
2242
+ display: none;
2243
+ }
2244
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
2245
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
2246
+ grid-column: 1;
2247
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
2248
+ align-items: start;
2249
+ }
2250
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
2251
+ grid-column: 2;
2252
+ }
2253
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
2254
+ position: revert;
2255
+ font-weight: var(--pf-t--global--font--weight--body--bold);
2256
+ text-align: start;
2257
+ content: attr(data-label);
2258
+ }
2259
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
2260
+ border-inline-end: 0;
2261
+ }
2262
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
2263
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
2264
+ }
2265
+ .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] {
2266
+ display: grid;
2267
+ }
2268
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
2269
+ display: none;
2270
+ }
2271
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
2272
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
2273
+ display: inline-block;
2274
+ }
2275
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
2276
+ --pf-v6-c-table--cell--Width: auto;
2277
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
2278
+ --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);
2279
+ --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);
2280
+ grid-row: 1;
2281
+ grid-column: 2;
2282
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
2283
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
2284
+ }
2285
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
2286
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
2287
+ margin-inline-start: auto;
2288
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
2289
+ }
2290
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
2291
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
2292
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
2293
+ }
2294
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
2295
+ --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));
2296
+ }
2297
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
2298
+ --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));
2299
+ }
2300
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
2301
+ --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));
2302
+ }
2303
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
2304
+ --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));
2305
+ }
2306
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
2307
+ --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));
2308
+ }
2309
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
2310
+ --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));
2311
+ }
2312
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
2313
+ --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));
2314
+ }
2315
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
2316
+ --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));
2317
+ }
2318
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
2319
+ --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));
2320
+ }
2366
2321
  }
2367
-
2368
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
2369
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
2322
+ @media screen and (max-width: calc(90.625rem - 1px)) {
2323
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table {
2324
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
2325
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
2326
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2327
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
2328
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
2329
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
2330
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2331
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
2332
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2333
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2334
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2335
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
2336
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2337
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2338
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
2339
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
2340
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2341
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
2342
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
2343
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2344
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2345
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2346
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2347
+ }
2348
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
2349
+ position: relative;
2350
+ border: none;
2351
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
2352
+ }
2353
+ .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 {
2354
+ position: absolute;
2355
+ inset-block-start: 0;
2356
+ inset-block-end: 0;
2357
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2358
+ inset-inline-end: 0;
2359
+ content: "";
2360
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
2361
+ }
2362
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
2363
+ display: grid;
2364
+ grid-template-columns: 1fr max-content;
2365
+ }
2366
+ .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 {
2367
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
2368
+ }
2369
+ .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 {
2370
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
2371
+ }
2372
+ .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) {
2373
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
2374
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
2375
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
2376
+ }
2377
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
2378
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
2379
+ }
2380
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
2381
+ display: none;
2382
+ }
2383
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
2384
+ display: none;
2385
+ }
2386
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
2387
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
2388
+ grid-column: 1;
2389
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
2390
+ align-items: start;
2391
+ }
2392
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
2393
+ grid-column: 2;
2394
+ }
2395
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
2396
+ position: revert;
2397
+ font-weight: var(--pf-t--global--font--weight--body--bold);
2398
+ text-align: start;
2399
+ content: attr(data-label);
2400
+ }
2401
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
2402
+ border-inline-end: 0;
2403
+ }
2404
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
2405
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
2406
+ }
2407
+ .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] {
2408
+ display: grid;
2409
+ }
2410
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
2411
+ display: none;
2412
+ }
2413
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
2414
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
2415
+ display: inline-block;
2416
+ }
2417
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
2418
+ --pf-v6-c-table--cell--Width: auto;
2419
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
2420
+ --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);
2421
+ --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);
2422
+ grid-row: 1;
2423
+ grid-column: 2;
2424
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
2425
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
2426
+ }
2427
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
2428
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
2429
+ margin-inline-start: auto;
2430
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
2431
+ }
2432
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
2433
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
2434
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
2435
+ }
2436
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
2437
+ --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));
2438
+ }
2439
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
2440
+ --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));
2441
+ }
2442
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
2443
+ --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));
2444
+ }
2445
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
2446
+ --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));
2447
+ }
2448
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
2449
+ --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));
2450
+ }
2451
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
2452
+ --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));
2453
+ }
2454
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
2455
+ --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));
2456
+ }
2457
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
2458
+ --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));
2459
+ }
2460
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
2461
+ --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));
2462
+ }
2370
2463
  }
2371
-
2372
2464
  .pf-v6-c-table {
2373
2465
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
2374
2466
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -2437,98 +2529,153 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2437
2529
  overflow: auto;
2438
2530
  }
2439
2531
 
2440
- .pf-v6-c-inline-edit {
2441
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2442
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2443
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2444
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2445
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2446
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
2447
- }
2448
-
2449
- .pf-v6-c-inline-edit__group {
2450
- display: flex;
2451
- align-items: baseline;
2532
+ .pf-v6-u-screen-reader {
2533
+ position: fixed;
2534
+ inset-block-start: 0;
2535
+ inset-inline-start: 0;
2536
+ overflow: hidden;
2537
+ clip: rect(0, 0, 0, 0);
2538
+ white-space: nowrap;
2539
+ border: 0;
2452
2540
  }
2453
2541
 
2454
- .pf-v6-c-inline-edit__group > * {
2455
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
2542
+ .pf-v6-u-visible {
2543
+ position: static;
2544
+ overflow: visible;
2545
+ clip: auto;
2546
+ white-space: normal;
2547
+ border: inherit;
2456
2548
  }
2457
2549
 
2458
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
2459
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
2550
+ .pf-v6-u-hidden {
2551
+ display: none !important;
2460
2552
  }
2461
2553
 
2462
- .pf-v6-c-inline-edit__group.pf-m-footer {
2463
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
2554
+ @media screen and (min-width: 36rem) {
2555
+ .pf-v6-u-screen-reader-on-sm {
2556
+ position: fixed;
2557
+ inset-block-start: 0;
2558
+ inset-inline-start: 0;
2559
+ overflow: hidden;
2560
+ clip: rect(0, 0, 0, 0);
2561
+ white-space: nowrap;
2562
+ border: 0;
2563
+ }
2464
2564
  }
2465
-
2466
- .pf-v6-c-inline-edit__group.pf-m-column {
2467
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2468
- flex-direction: column;
2565
+ @media screen and (min-width: 36rem) {
2566
+ .pf-v6-u-visible-on-sm {
2567
+ position: static;
2568
+ overflow: visible;
2569
+ clip: auto;
2570
+ white-space: normal;
2571
+ border: inherit;
2572
+ }
2469
2573
  }
2470
-
2471
- .pf-v6-c-inline-edit__group > :last-child {
2472
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2574
+ @media screen and (min-width: 36rem) {
2575
+ .pf-v6-u-hidden-on-sm {
2576
+ display: none !important;
2577
+ }
2473
2578
  }
2474
-
2475
- .pf-v6-c-inline-edit__input {
2476
- flex: 1;
2579
+ @media screen and (min-width: 48rem) {
2580
+ .pf-v6-u-screen-reader-on-md {
2581
+ position: fixed;
2582
+ inset-block-start: 0;
2583
+ inset-inline-start: 0;
2584
+ overflow: hidden;
2585
+ clip: rect(0, 0, 0, 0);
2586
+ white-space: nowrap;
2587
+ border: 0;
2588
+ }
2477
2589
  }
2478
-
2479
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2480
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2590
+ @media screen and (min-width: 48rem) {
2591
+ .pf-v6-u-visible-on-md {
2592
+ position: static;
2593
+ overflow: visible;
2594
+ clip: auto;
2595
+ white-space: normal;
2596
+ border: inherit;
2597
+ }
2481
2598
  }
2482
-
2483
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2484
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2599
+ @media screen and (min-width: 48rem) {
2600
+ .pf-v6-u-hidden-on-md {
2601
+ display: none !important;
2602
+ }
2485
2603
  }
2486
-
2487
- .pf-v6-c-inline-edit__input,
2488
- .pf-v6-c-inline-edit__action,
2489
- .pf-v6-c-inline-edit__group.pf-m-action-group {
2490
- display: none;
2604
+ @media screen and (min-width: 62rem) {
2605
+ .pf-v6-u-screen-reader-on-lg {
2606
+ position: fixed;
2607
+ inset-block-start: 0;
2608
+ inset-inline-start: 0;
2609
+ overflow: hidden;
2610
+ clip: rect(0, 0, 0, 0);
2611
+ white-space: nowrap;
2612
+ border: 0;
2613
+ }
2491
2614
  }
2492
-
2493
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2494
- display: inline-block;
2615
+ @media screen and (min-width: 62rem) {
2616
+ .pf-v6-u-visible-on-lg {
2617
+ position: static;
2618
+ overflow: visible;
2619
+ clip: auto;
2620
+ white-space: normal;
2621
+ border: inherit;
2622
+ }
2495
2623
  }
2496
-
2497
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2498
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2499
- display: block;
2624
+ @media screen and (min-width: 62rem) {
2625
+ .pf-v6-u-hidden-on-lg {
2626
+ display: none !important;
2627
+ }
2500
2628
  }
2501
-
2502
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2503
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2504
- display: inline-block;
2629
+ @media screen and (min-width: 75rem) {
2630
+ .pf-v6-u-screen-reader-on-xl {
2631
+ position: fixed;
2632
+ inset-block-start: 0;
2633
+ inset-inline-start: 0;
2634
+ overflow: hidden;
2635
+ clip: rect(0, 0, 0, 0);
2636
+ white-space: nowrap;
2637
+ border: 0;
2638
+ }
2505
2639
  }
2506
-
2507
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2508
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2509
- display: inline-flex;
2640
+ @media screen and (min-width: 75rem) {
2641
+ .pf-v6-u-visible-on-xl {
2642
+ position: static;
2643
+ overflow: visible;
2644
+ clip: auto;
2645
+ white-space: normal;
2646
+ border: inherit;
2647
+ }
2510
2648
  }
2511
-
2512
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2513
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2514
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2515
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2516
- display: none;
2649
+ @media screen and (min-width: 75rem) {
2650
+ .pf-v6-u-hidden-on-xl {
2651
+ display: none !important;
2652
+ }
2517
2653
  }
2518
-
2519
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2520
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2521
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2654
+ @media screen and (min-width: 90.625rem) {
2655
+ .pf-v6-u-screen-reader-on-2xl {
2656
+ position: fixed;
2657
+ inset-block-start: 0;
2658
+ inset-inline-start: 0;
2659
+ overflow: hidden;
2660
+ clip: rect(0, 0, 0, 0);
2661
+ white-space: nowrap;
2662
+ border: 0;
2663
+ }
2522
2664
  }
2523
-
2524
- .pf-v6-c-inline-edit__label.pf-m-bold {
2525
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2665
+ @media screen and (min-width: 90.625rem) {
2666
+ .pf-v6-u-visible-on-2xl {
2667
+ position: static;
2668
+ overflow: visible;
2669
+ clip: auto;
2670
+ white-space: normal;
2671
+ border: inherit;
2672
+ }
2526
2673
  }
2527
-
2528
- .pf-v6-c-inline-edit__editable-text br {
2529
- display: none;
2674
+ @media screen and (min-width: 90.625rem) {
2675
+ .pf-v6-u-hidden-on-2xl {
2676
+ display: none !important;
2677
+ }
2530
2678
  }
2531
-
2532
2679
  .pf-v6-c-table {
2533
2680
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2534
2681
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -4154,153 +4301,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4154
4301
  --pf-v6-c-table--cell--Width: auto;
4155
4302
  }
4156
4303
  }
4157
- .pf-v6-u-screen-reader {
4158
- position: fixed;
4159
- inset-block-start: 0;
4160
- inset-inline-start: 0;
4161
- overflow: hidden;
4162
- clip: rect(0, 0, 0, 0);
4163
- white-space: nowrap;
4164
- border: 0;
4165
- }
4166
-
4167
- .pf-v6-u-visible {
4168
- position: static;
4169
- overflow: visible;
4170
- clip: auto;
4171
- white-space: normal;
4172
- border: inherit;
4173
- }
4174
-
4175
- .pf-v6-u-hidden {
4176
- display: none !important;
4177
- }
4178
-
4179
- @media screen and (min-width: 36rem) {
4180
- .pf-v6-u-screen-reader-on-sm {
4181
- position: fixed;
4182
- inset-block-start: 0;
4183
- inset-inline-start: 0;
4184
- overflow: hidden;
4185
- clip: rect(0, 0, 0, 0);
4186
- white-space: nowrap;
4187
- border: 0;
4188
- }
4189
- }
4190
- @media screen and (min-width: 36rem) {
4191
- .pf-v6-u-visible-on-sm {
4192
- position: static;
4193
- overflow: visible;
4194
- clip: auto;
4195
- white-space: normal;
4196
- border: inherit;
4197
- }
4198
- }
4199
- @media screen and (min-width: 36rem) {
4200
- .pf-v6-u-hidden-on-sm {
4201
- display: none !important;
4202
- }
4203
- }
4204
- @media screen and (min-width: 48rem) {
4205
- .pf-v6-u-screen-reader-on-md {
4206
- position: fixed;
4207
- inset-block-start: 0;
4208
- inset-inline-start: 0;
4209
- overflow: hidden;
4210
- clip: rect(0, 0, 0, 0);
4211
- white-space: nowrap;
4212
- border: 0;
4213
- }
4214
- }
4215
- @media screen and (min-width: 48rem) {
4216
- .pf-v6-u-visible-on-md {
4217
- position: static;
4218
- overflow: visible;
4219
- clip: auto;
4220
- white-space: normal;
4221
- border: inherit;
4222
- }
4223
- }
4224
- @media screen and (min-width: 48rem) {
4225
- .pf-v6-u-hidden-on-md {
4226
- display: none !important;
4227
- }
4228
- }
4229
- @media screen and (min-width: 62rem) {
4230
- .pf-v6-u-screen-reader-on-lg {
4231
- position: fixed;
4232
- inset-block-start: 0;
4233
- inset-inline-start: 0;
4234
- overflow: hidden;
4235
- clip: rect(0, 0, 0, 0);
4236
- white-space: nowrap;
4237
- border: 0;
4238
- }
4239
- }
4240
- @media screen and (min-width: 62rem) {
4241
- .pf-v6-u-visible-on-lg {
4242
- position: static;
4243
- overflow: visible;
4244
- clip: auto;
4245
- white-space: normal;
4246
- border: inherit;
4247
- }
4248
- }
4249
- @media screen and (min-width: 62rem) {
4250
- .pf-v6-u-hidden-on-lg {
4251
- display: none !important;
4252
- }
4253
- }
4254
- @media screen and (min-width: 75rem) {
4255
- .pf-v6-u-screen-reader-on-xl {
4256
- position: fixed;
4257
- inset-block-start: 0;
4258
- inset-inline-start: 0;
4259
- overflow: hidden;
4260
- clip: rect(0, 0, 0, 0);
4261
- white-space: nowrap;
4262
- border: 0;
4263
- }
4264
- }
4265
- @media screen and (min-width: 75rem) {
4266
- .pf-v6-u-visible-on-xl {
4267
- position: static;
4268
- overflow: visible;
4269
- clip: auto;
4270
- white-space: normal;
4271
- border: inherit;
4272
- }
4273
- }
4274
- @media screen and (min-width: 75rem) {
4275
- .pf-v6-u-hidden-on-xl {
4276
- display: none !important;
4277
- }
4278
- }
4279
- @media screen and (min-width: 90.625rem) {
4280
- .pf-v6-u-screen-reader-on-2xl {
4281
- position: fixed;
4282
- inset-block-start: 0;
4283
- inset-inline-start: 0;
4284
- overflow: hidden;
4285
- clip: rect(0, 0, 0, 0);
4286
- white-space: nowrap;
4287
- border: 0;
4288
- }
4289
- }
4290
- @media screen and (min-width: 90.625rem) {
4291
- .pf-v6-u-visible-on-2xl {
4292
- position: static;
4293
- overflow: visible;
4294
- clip: auto;
4295
- white-space: normal;
4296
- border: inherit;
4297
- }
4298
- }
4299
- @media screen and (min-width: 90.625rem) {
4300
- .pf-v6-u-hidden-on-2xl {
4301
- display: none !important;
4302
- }
4303
- }
4304
4304
  .pf-v6-c-tooltip {
4305
4305
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4306
4306
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -4434,89 +4434,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4434
4434
 
4435
4435
  .pf-v6-c-popover[data-popper-reference-hidden=true] {
4436
4436
  visibility: hidden;
4437
- pointer-events: none;
4438
- }
4439
-
4440
- .pf-v6-c-check {
4441
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4442
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4443
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4444
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4445
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4446
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4447
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4448
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4449
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4450
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4451
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4452
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4453
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4454
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4455
- }
4456
-
4457
- .pf-v6-c-check {
4458
- display: grid;
4459
- grid-template-columns: auto 1fr;
4460
- grid-gap: var(--pf-v6-c-check--GridGap);
4461
- accent-color: var(--pf-v6-c-check--AccentColor);
4462
- }
4463
-
4464
- .pf-v6-c-check.pf-m-standalone {
4465
- display: inline-grid;
4466
- grid-template-columns: auto;
4467
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4468
- }
4469
-
4470
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4471
- align-self: center;
4472
- transform: none;
4473
- }
4474
-
4475
- .pf-v6-c-check__input {
4476
- align-self: start;
4477
- font-size: var(--pf-v6-c-check__label--FontSize);
4478
- line-height: var(--pf-v6-c-check__label--LineHeight);
4479
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4480
- }
4481
-
4482
- .pf-v6-c-check__label {
4483
- font-size: var(--pf-v6-c-check__label--FontSize);
4484
- font-weight: var(--pf-v6-c-check__label--FontWeight);
4485
- line-height: var(--pf-v6-c-check__label--LineHeight);
4486
- color: var(--pf-v6-c-check__label--Color);
4487
- }
4488
-
4489
- .pf-v6-c-check__description {
4490
- grid-column: 2;
4491
- font-size: var(--pf-v6-c-check__description--FontSize);
4492
- color: var(--pf-v6-c-check__description--Color);
4493
- }
4494
-
4495
- .pf-v6-c-check__body {
4496
- grid-column: 2;
4497
- }
4498
-
4499
- .pf-v6-c-check__label,
4500
- .pf-v6-c-check__input {
4501
- justify-self: start;
4502
- }
4503
-
4504
- label.pf-v6-c-check, .pf-v6-c-check__label,
4505
- .pf-v6-c-check__input {
4506
- cursor: pointer;
4507
- }
4508
-
4509
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4510
- .pf-v6-c-check__input:disabled,
4511
- .pf-v6-c-check__input.pf-m-disabled {
4512
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4513
- cursor: not-allowed;
4514
- }
4515
-
4516
- .pf-v6-c-check__label-required {
4517
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4518
- font-size: var(--pf-v6-c-check__label-required--FontSize);
4519
- color: var(--pf-v6-c-check__label-required--Color);
4437
+ pointer-events: none;
4520
4438
  }
4521
4439
 
4522
4440
  .pf-v6-c-menu-toggle {
@@ -4844,151 +4762,483 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4844
4762
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4845
4763
  }
4846
4764
 
4847
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
4848
- --pf-v6-c-check__label--Color: currentcolor;
4849
- --pf-v6-c-check__label--disabled--Color: currentcolor;
4850
- align-items: center;
4851
- align-self: stretch;
4765
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
4766
+ --pf-v6-c-check__label--Color: currentcolor;
4767
+ --pf-v6-c-check__label--disabled--Color: currentcolor;
4768
+ align-items: center;
4769
+ align-self: stretch;
4770
+ }
4771
+
4772
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
4773
+ --pf-v6-c-check__input--TranslateY: 0;
4774
+ align-self: center;
4775
+ }
4776
+
4777
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
4778
+ border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
4779
+ }
4780
+
4781
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
4782
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
4783
+ }
4784
+
4785
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
4786
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
4787
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
4788
+ }
4789
+
4790
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
4791
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
4792
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
4793
+ }
4794
+
4795
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
4796
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
4797
+ }
4798
+
4799
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
4800
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
4801
+ }
4802
+
4803
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
4804
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
4805
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
4806
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
4807
+ }
4808
+
4809
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
4810
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
4811
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
4812
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
4813
+ }
4814
+
4815
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
4816
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
4817
+ }
4818
+
4819
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
4820
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
4821
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
4822
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
4823
+ }
4824
+
4825
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
4826
+ content: none;
4827
+ }
4828
+
4829
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
4830
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
4831
+ --pf-v6-c-menu-toggle--Gap: 0;
4832
+ align-items: stretch;
4833
+ padding: 0;
4834
+ }
4835
+
4836
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
4837
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4838
+ }
4839
+
4840
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
4841
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4842
+ display: flex;
4843
+ align-items: stretch;
4844
+ }
4845
+
4846
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
4847
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
4848
+ flex: 1;
4849
+ }
4850
+
4851
+ .pf-v6-c-menu-toggle__button {
4852
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
4853
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
4854
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
4855
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
4856
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
4857
+ color: inherit;
4858
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
4859
+ border: 0;
4860
+ }
4861
+
4862
+ .pf-v6-c-menu-toggle__button.pf-m-text {
4863
+ display: inline-flex;
4864
+ align-items: baseline;
4865
+ }
4866
+
4867
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
4868
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
4869
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
4870
+ }
4871
+
4872
+ .pf-v6-c-menu-toggle__text {
4873
+ overflow: hidden;
4874
+ text-overflow: ellipsis;
4875
+ white-space: nowrap;
4876
+ min-width: 0;
4877
+ }
4878
+
4879
+ .pf-v6-c-menu-toggle__count {
4880
+ display: flex;
4881
+ flex-wrap: nowrap;
4882
+ }
4883
+
4884
+ .pf-v6-c-menu-toggle__icon {
4885
+ flex-shrink: 0;
4886
+ }
4887
+
4888
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
4889
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
4890
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
4891
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
4892
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
4893
+ }
4894
+
4895
+ .pf-v6-c-menu-toggle__controls {
4896
+ display: flex;
4897
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
4898
+ align-items: center;
4899
+ justify-content: center;
4900
+ margin-inline-start: auto;
4901
+ }
4902
+
4903
+ .pf-v6-c-menu-toggle__toggle-icon {
4904
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
4905
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
4906
+ }
4907
+
4908
+ .pf-v6-c-menu-toggle__status-icon {
4909
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
4910
+ }
4911
+
4912
+ .pf-v6-c-check {
4913
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4914
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4915
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4916
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4917
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4918
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4919
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4920
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4921
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4922
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4923
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4924
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4925
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4926
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4927
+ }
4928
+
4929
+ .pf-v6-c-check {
4930
+ display: grid;
4931
+ grid-template-columns: auto 1fr;
4932
+ grid-gap: var(--pf-v6-c-check--GridGap);
4933
+ accent-color: var(--pf-v6-c-check--AccentColor);
4934
+ }
4935
+
4936
+ .pf-v6-c-check.pf-m-standalone {
4937
+ display: inline-grid;
4938
+ grid-template-columns: auto;
4939
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4940
+ }
4941
+
4942
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4943
+ align-self: center;
4944
+ transform: none;
4945
+ }
4946
+
4947
+ .pf-v6-c-check__input {
4948
+ align-self: start;
4949
+ font-size: var(--pf-v6-c-check__label--FontSize);
4950
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4951
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4952
+ }
4953
+
4954
+ .pf-v6-c-check__label {
4955
+ font-size: var(--pf-v6-c-check__label--FontSize);
4956
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
4957
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4958
+ color: var(--pf-v6-c-check__label--Color);
4959
+ }
4960
+
4961
+ .pf-v6-c-check__description {
4962
+ grid-column: 2;
4963
+ font-size: var(--pf-v6-c-check__description--FontSize);
4964
+ color: var(--pf-v6-c-check__description--Color);
4965
+ }
4966
+
4967
+ .pf-v6-c-check__body {
4968
+ grid-column: 2;
4969
+ }
4970
+
4971
+ .pf-v6-c-check__label,
4972
+ .pf-v6-c-check__input {
4973
+ justify-self: start;
4974
+ }
4975
+
4976
+ label.pf-v6-c-check, .pf-v6-c-check__label,
4977
+ .pf-v6-c-check__input {
4978
+ cursor: pointer;
4979
+ }
4980
+
4981
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4982
+ .pf-v6-c-check__input:disabled,
4983
+ .pf-v6-c-check__input.pf-m-disabled {
4984
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4985
+ cursor: not-allowed;
4986
+ }
4987
+
4988
+ .pf-v6-c-check__label-required {
4989
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4990
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
4991
+ color: var(--pf-v6-c-check__label-required--Color);
4992
+ }
4993
+
4994
+ .pf-v6-c-action-list {
4995
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4996
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
4997
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
4998
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
4999
+ }
5000
+
5001
+ .pf-v6-c-action-list,
5002
+ .pf-v6-c-action-list__group {
5003
+ display: flex;
5004
+ align-items: start;
5005
+ }
5006
+
5007
+ .pf-v6-c-action-list {
5008
+ row-gap: var(--pf-v6-c-action-list--RowGap);
5009
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
5010
+ }
5011
+
5012
+ .pf-v6-c-action-list.pf-m-icons {
5013
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5014
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5015
+ }
5016
+
5017
+ .pf-v6-c-action-list__group {
5018
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5019
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5020
+ }
5021
+
5022
+ .pf-v6-c-action-list__group.pf-m-icons {
5023
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
4852
5024
  }
4853
5025
 
4854
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
4855
- --pf-v6-c-check__input--TranslateY: 0;
4856
- align-self: center;
5026
+ .pf-v6-c-popover {
5027
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5028
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5029
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5030
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5031
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5032
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5033
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5034
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5035
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5036
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5037
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5038
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5039
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5040
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5041
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5042
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5043
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
5044
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
5045
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5046
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5047
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5048
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5049
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5050
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5051
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5052
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5053
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5054
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5055
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5056
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5057
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5058
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5059
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5060
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5061
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5062
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5063
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5064
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5065
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5066
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5067
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5068
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5069
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5070
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5071
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5072
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5073
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
4857
5074
  }
4858
5075
 
4859
- .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
4860
- border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
5076
+ .pf-v6-c-popover {
5077
+ position: relative;
5078
+ min-width: var(--pf-v6-c-popover--MinWidth);
5079
+ max-width: var(--pf-v6-c-popover--MaxWidth);
5080
+ font-size: var(--pf-v6-c-popover--FontSize);
5081
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
5082
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
4861
5083
  }
4862
5084
 
4863
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
4864
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
5085
+ .pf-v6-c-popover.pf-m-no-padding {
5086
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5087
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5088
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5089
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
4865
5090
  }
4866
5091
 
4867
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
4868
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
4869
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
5092
+ .pf-v6-c-popover.pf-m-width-auto {
5093
+ --pf-v6-c-popover--MinWidth: auto;
5094
+ --pf-v6-c-popover--MaxWidth: none;
4870
5095
  }
4871
5096
 
4872
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
4873
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
4874
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
5097
+ .pf-v6-c-popover:is(.pf-m-top,
5098
+ .pf-m-top-left,
5099
+ .pf-m-top-right) {
5100
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5101
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5102
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5103
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5104
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
4875
5105
  }
4876
5106
 
4877
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
4878
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
5107
+ .pf-v6-c-popover:is(.pf-m-bottom,
5108
+ .pf-m-bottom-left,
5109
+ .pf-m-bottom-right) {
5110
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5111
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5112
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5113
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5114
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
4879
5115
  }
4880
5116
 
4881
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
4882
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5117
+ .pf-v6-c-popover:is(.pf-m-left,
5118
+ .pf-m-left-top,
5119
+ .pf-m-left-bottom) {
5120
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5121
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5122
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5123
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5124
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
4883
5125
  }
4884
5126
 
4885
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
4886
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
4887
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
4888
- padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5127
+ .pf-v6-c-popover:is(.pf-m-right,
5128
+ .pf-m-right-top,
5129
+ .pf-m-right-bottom) {
5130
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5131
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5132
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5133
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5134
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
4889
5135
  }
4890
5136
 
4891
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
4892
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
4893
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
4894
- padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5137
+ .pf-v6-c-popover:is(.pf-m-left-top,
5138
+ .pf-m-right-top) {
5139
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5140
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
4895
5141
  }
4896
5142
 
4897
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
4898
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5143
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
5144
+ .pf-m-right-bottom) {
5145
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5146
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
4899
5147
  }
4900
5148
 
4901
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
4902
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
4903
- color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
4904
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5149
+ .pf-v6-c-popover:is(.pf-m-top-left,
5150
+ .pf-m-bottom-left) {
5151
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5152
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
4905
5153
  }
4906
5154
 
4907
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
4908
- content: none;
5155
+ .pf-v6-c-popover:is(.pf-m-top-right,
5156
+ .pf-m-bottom-right) {
5157
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5158
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
4909
5159
  }
4910
5160
 
4911
- .pf-v6-c-menu-toggle.pf-m-typeahead {
4912
- --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
4913
- --pf-v6-c-menu-toggle--Gap: 0;
4914
- align-items: stretch;
4915
- padding: 0;
5161
+ .pf-v6-c-popover.pf-m-danger {
5162
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
4916
5163
  }
4917
5164
 
4918
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
4919
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5165
+ .pf-v6-c-popover.pf-m-warning {
5166
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
4920
5167
  }
4921
5168
 
4922
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
4923
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4924
- display: flex;
4925
- align-items: stretch;
5169
+ .pf-v6-c-popover.pf-m-success {
5170
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
4926
5171
  }
4927
5172
 
4928
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
4929
- --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
4930
- flex: 1;
5173
+ .pf-v6-c-popover.pf-m-custom {
5174
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
4931
5175
  }
4932
5176
 
4933
- .pf-v6-c-menu-toggle__button {
4934
- gap: var(--pf-v6-c-menu-toggle__button--Gap);
4935
- align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
4936
- min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
4937
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
4938
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
4939
- color: inherit;
4940
- background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
4941
- border: 0;
5177
+ .pf-v6-c-popover.pf-m-info {
5178
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
4942
5179
  }
4943
5180
 
4944
- .pf-v6-c-menu-toggle__button.pf-m-text {
4945
- display: inline-flex;
4946
- align-items: baseline;
5181
+ .pf-v6-c-popover__content {
5182
+ position: relative;
5183
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5184
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5185
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5186
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5187
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5188
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
4947
5189
  }
4948
5190
 
4949
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
4950
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
4951
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5191
+ .pf-v6-c-popover__close {
5192
+ position: absolute;
5193
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5194
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
4952
5195
  }
4953
5196
 
4954
- .pf-v6-c-menu-toggle__text {
4955
- overflow: hidden;
4956
- text-overflow: ellipsis;
4957
- white-space: nowrap;
4958
- min-width: 0;
5197
+ .pf-v6-c-popover__close + * {
5198
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
4959
5199
  }
4960
5200
 
4961
- .pf-v6-c-menu-toggle__count {
4962
- display: flex;
4963
- flex-wrap: nowrap;
5201
+ .pf-v6-c-popover__arrow {
5202
+ position: absolute;
5203
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5204
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5205
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5206
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5207
+ width: var(--pf-v6-c-popover__arrow--Width);
5208
+ height: var(--pf-v6-c-popover__arrow--Height);
5209
+ pointer-events: none;
5210
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5211
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5212
+ 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));
4964
5213
  }
4965
5214
 
4966
- .pf-v6-c-menu-toggle__icon {
4967
- flex-shrink: 0;
5215
+ .pf-v6-c-popover__header {
5216
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
4968
5217
  }
4969
5218
 
4970
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
4971
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
4972
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
4973
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
4974
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5219
+ .pf-v6-c-popover__title {
5220
+ display: flex;
5221
+ flex: 0 0 auto;
4975
5222
  }
4976
5223
 
4977
- .pf-v6-c-menu-toggle__controls {
4978
- display: flex;
4979
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
4980
- align-items: center;
4981
- justify-content: center;
4982
- margin-inline-start: auto;
5224
+ .pf-v6-c-popover__title-icon {
5225
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5226
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5227
+ color: var(--pf-v6-c-popover__title-icon--Color);
4983
5228
  }
4984
5229
 
4985
- .pf-v6-c-menu-toggle__toggle-icon {
4986
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
4987
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5230
+ .pf-v6-c-popover__title-text {
5231
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
5232
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5233
+ color: var(--pf-v6-c-popover__title-text--Color);
5234
+ }
5235
+
5236
+ .pf-v6-c-popover__body {
5237
+ word-wrap: break-word;
4988
5238
  }
4989
5239
 
4990
- .pf-v6-c-menu-toggle__status-icon {
4991
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5240
+ .pf-v6-c-popover__footer {
5241
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
4992
5242
  }
4993
5243
 
4994
5244
  .pf-v6-c-divider {
@@ -5544,340 +5794,90 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5544
5794
 
5545
5795
  .pf-v6-c-form-control:hover {
5546
5796
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
5547
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
5548
- }
5549
-
5550
- .pf-v6-c-form-control.pf-m-icon {
5551
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
5552
- }
5553
-
5554
- .pf-v6-c-form-control > select {
5555
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
5556
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
5557
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
5558
- }
5559
-
5560
- @-moz-document url-prefix() {
5561
- .pf-v6-c-form-control > select {
5562
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
5563
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
5564
- }
5565
- }
5566
- .pf-v6-c-form-control.pf-m-placeholder > select {
5567
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
5568
- }
5569
-
5570
- .pf-v6-c-form-control.pf-m-placeholder > select * {
5571
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
5572
- }
5573
-
5574
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
5575
- color: revert;
5576
- }
5577
-
5578
- .pf-v6-c-form-control > textarea {
5579
- width: 100%;
5580
- height: 100%;
5581
- vertical-align: bottom;
5582
- resize: none;
5583
- }
5584
-
5585
- .pf-v6-c-form-control.pf-m-resize-vertical {
5586
- --pf-v6-c-form-control--Resize: vertical;
5587
- overflow: auto;
5588
- }
5589
-
5590
- .pf-v6-c-form-control.pf-m-resize-horizontal {
5591
- --pf-v6-c-form-control--Resize: horizontal;
5592
- overflow: auto;
5593
- }
5594
-
5595
- .pf-v6-c-form-control.pf-m-resize-both {
5596
- --pf-v6-c-form-control--Resize: both;
5597
- overflow: auto;
5598
- }
5599
-
5600
- .pf-v6-c-form-control__icon {
5601
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
5602
- color: var(--pf-v6-c-form-control__icon--Color);
5603
- }
5604
-
5605
- .pf-v6-c-form-control__icon.pf-m-status {
5606
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
5607
- }
5608
-
5609
- .pf-v6-c-form-control__toggle-icon {
5610
- grid-row: 1/2;
5611
- grid-column: 3;
5612
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
5613
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
5614
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
5615
- pointer-events: none;
5616
- }
5617
-
5618
- .pf-v6-c-form-control__utilities {
5619
- display: flex;
5620
- flex-wrap: nowrap;
5621
- grid-row: 1/2;
5622
- grid-column: 2;
5623
- gap: var(--pf-v6-c-form-control__utilities--Gap);
5624
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
5625
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
5626
- pointer-events: none;
5627
- }
5628
-
5629
- select ~ .pf-v6-c-form-control__utilities {
5630
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
5631
- }
5632
-
5633
- .pf-v6-c-popover {
5634
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5635
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5636
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5637
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5638
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5639
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5640
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5641
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5642
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5643
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5644
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5645
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5646
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5647
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5648
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5649
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5650
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
5651
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
5652
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5653
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5654
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5655
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5656
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5657
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5658
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5659
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5660
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5661
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5662
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5663
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5664
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5665
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5666
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5667
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5668
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5669
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5670
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5671
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5672
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5673
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5674
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5675
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5676
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5677
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5678
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5679
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5680
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5681
- }
5682
-
5683
- .pf-v6-c-popover {
5684
- position: relative;
5685
- min-width: var(--pf-v6-c-popover--MinWidth);
5686
- max-width: var(--pf-v6-c-popover--MaxWidth);
5687
- font-size: var(--pf-v6-c-popover--FontSize);
5688
- border-radius: var(--pf-v6-c-popover--BorderRadius);
5689
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
5690
- }
5691
-
5692
- .pf-v6-c-popover.pf-m-no-padding {
5693
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5694
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5695
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5696
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
5697
- }
5698
-
5699
- .pf-v6-c-popover.pf-m-width-auto {
5700
- --pf-v6-c-popover--MinWidth: auto;
5701
- --pf-v6-c-popover--MaxWidth: none;
5702
- }
5703
-
5704
- .pf-v6-c-popover:is(.pf-m-top,
5705
- .pf-m-top-left,
5706
- .pf-m-top-right) {
5707
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5708
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5709
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5710
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5711
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
5712
- }
5713
-
5714
- .pf-v6-c-popover:is(.pf-m-bottom,
5715
- .pf-m-bottom-left,
5716
- .pf-m-bottom-right) {
5717
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5718
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5719
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5720
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5721
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
5722
- }
5723
-
5724
- .pf-v6-c-popover:is(.pf-m-left,
5725
- .pf-m-left-top,
5726
- .pf-m-left-bottom) {
5727
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5728
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5729
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5730
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5731
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
5732
- }
5733
-
5734
- .pf-v6-c-popover:is(.pf-m-right,
5735
- .pf-m-right-top,
5736
- .pf-m-right-bottom) {
5737
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5738
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5739
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5740
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5741
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
5742
- }
5743
-
5744
- .pf-v6-c-popover:is(.pf-m-left-top,
5745
- .pf-m-right-top) {
5746
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5747
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5748
- }
5749
-
5750
- .pf-v6-c-popover:is(.pf-m-left-bottom,
5751
- .pf-m-right-bottom) {
5752
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5753
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
5754
- }
5755
-
5756
- .pf-v6-c-popover:is(.pf-m-top-left,
5757
- .pf-m-bottom-left) {
5758
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5759
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5760
- }
5761
-
5762
- .pf-v6-c-popover:is(.pf-m-top-right,
5763
- .pf-m-bottom-right) {
5764
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5765
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5766
- }
5767
-
5768
- .pf-v6-c-popover.pf-m-danger {
5769
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
5770
- }
5771
-
5772
- .pf-v6-c-popover.pf-m-warning {
5773
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
5774
- }
5775
-
5776
- .pf-v6-c-popover.pf-m-success {
5777
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
5778
- }
5779
-
5780
- .pf-v6-c-popover.pf-m-custom {
5781
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
5782
- }
5783
-
5784
- .pf-v6-c-popover.pf-m-info {
5785
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
5786
- }
5787
-
5788
- .pf-v6-c-popover__content {
5789
- position: relative;
5790
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5791
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5792
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5793
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5794
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5795
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
5797
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
5796
5798
  }
5797
5799
 
5798
- .pf-v6-c-popover__close {
5799
- position: absolute;
5800
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5801
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
5800
+ .pf-v6-c-form-control.pf-m-icon {
5801
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
5802
5802
  }
5803
5803
 
5804
- .pf-v6-c-popover__close + * {
5805
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
5804
+ .pf-v6-c-form-control > select {
5805
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
5806
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
5807
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
5806
5808
  }
5807
5809
 
5808
- .pf-v6-c-popover__arrow {
5809
- position: absolute;
5810
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5811
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5812
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5813
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5814
- width: var(--pf-v6-c-popover__arrow--Width);
5815
- height: var(--pf-v6-c-popover__arrow--Height);
5816
- pointer-events: none;
5817
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5818
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5819
- 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));
5810
+ @-moz-document url-prefix() {
5811
+ .pf-v6-c-form-control > select {
5812
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
5813
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
5814
+ }
5820
5815
  }
5821
-
5822
- .pf-v6-c-popover__header {
5823
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
5816
+ .pf-v6-c-form-control.pf-m-placeholder > select {
5817
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
5824
5818
  }
5825
5819
 
5826
- .pf-v6-c-popover__title {
5827
- display: flex;
5828
- flex: 0 0 auto;
5820
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
5821
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
5829
5822
  }
5830
5823
 
5831
- .pf-v6-c-popover__title-icon {
5832
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5833
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5834
- color: var(--pf-v6-c-popover__title-icon--Color);
5824
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
5825
+ color: revert;
5835
5826
  }
5836
5827
 
5837
- .pf-v6-c-popover__title-text {
5838
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
5839
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5840
- color: var(--pf-v6-c-popover__title-text--Color);
5828
+ .pf-v6-c-form-control > textarea {
5829
+ width: 100%;
5830
+ height: 100%;
5831
+ vertical-align: bottom;
5832
+ resize: none;
5841
5833
  }
5842
5834
 
5843
- .pf-v6-c-popover__body {
5844
- word-wrap: break-word;
5835
+ .pf-v6-c-form-control.pf-m-resize-vertical {
5836
+ --pf-v6-c-form-control--Resize: vertical;
5837
+ overflow: auto;
5845
5838
  }
5846
5839
 
5847
- .pf-v6-c-popover__footer {
5848
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
5840
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
5841
+ --pf-v6-c-form-control--Resize: horizontal;
5842
+ overflow: auto;
5849
5843
  }
5850
5844
 
5851
- .pf-v6-c-action-list {
5852
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5853
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5854
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5855
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5845
+ .pf-v6-c-form-control.pf-m-resize-both {
5846
+ --pf-v6-c-form-control--Resize: both;
5847
+ overflow: auto;
5856
5848
  }
5857
5849
 
5858
- .pf-v6-c-action-list,
5859
- .pf-v6-c-action-list__group {
5860
- display: flex;
5861
- align-items: start;
5850
+ .pf-v6-c-form-control__icon {
5851
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
5852
+ color: var(--pf-v6-c-form-control__icon--Color);
5862
5853
  }
5863
5854
 
5864
- .pf-v6-c-action-list {
5865
- row-gap: var(--pf-v6-c-action-list--RowGap);
5866
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
5855
+ .pf-v6-c-form-control__icon.pf-m-status {
5856
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
5867
5857
  }
5868
5858
 
5869
- .pf-v6-c-action-list.pf-m-icons {
5870
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5871
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5859
+ .pf-v6-c-form-control__toggle-icon {
5860
+ grid-row: 1/2;
5861
+ grid-column: 3;
5862
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
5863
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
5864
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
5865
+ pointer-events: none;
5872
5866
  }
5873
5867
 
5874
- .pf-v6-c-action-list__group {
5875
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5876
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5868
+ .pf-v6-c-form-control__utilities {
5869
+ display: flex;
5870
+ flex-wrap: nowrap;
5871
+ grid-row: 1/2;
5872
+ grid-column: 2;
5873
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
5874
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
5875
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
5876
+ pointer-events: none;
5877
5877
  }
5878
5878
 
5879
- .pf-v6-c-action-list__group.pf-m-icons {
5880
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5879
+ select ~ .pf-v6-c-form-control__utilities {
5880
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
5881
5881
  }
5882
5882
 
5883
5883
  .pf-v6-c-button {
@@ -7279,79 +7279,6 @@ button.pf-v6-c-breadcrumb__link {
7279
7279
  display: none;
7280
7280
  }
7281
7281
 
7282
- .pf-v6-c-badge {
7283
- --pf-v6-c-badge--BorderColor: transparent;
7284
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7285
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7286
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7287
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7288
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7289
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7290
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7291
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7292
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7293
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7294
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7295
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7296
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7297
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7298
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7299
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7300
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7301
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7302
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7303
- }
7304
-
7305
- .pf-v6-c-badge {
7306
- position: relative;
7307
- display: inline-block;
7308
- min-width: var(--pf-v6-c-badge--MinWidth);
7309
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7310
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7311
- font-size: var(--pf-v6-c-badge--FontSize);
7312
- font-weight: var(--pf-v6-c-badge--FontWeight);
7313
- color: var(--pf-v6-c-badge--Color);
7314
- text-align: center;
7315
- white-space: nowrap;
7316
- background-color: var(--pf-v6-c-badge--BackgroundColor);
7317
- border-radius: var(--pf-v6-c-badge--BorderRadius);
7318
- }
7319
-
7320
- .pf-v6-c-badge::after {
7321
- position: absolute;
7322
- inset: 0;
7323
- pointer-events: none;
7324
- content: "";
7325
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7326
- border-radius: inherit;
7327
- }
7328
-
7329
- .pf-v6-c-badge.pf-m-read {
7330
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7331
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7332
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7333
- }
7334
-
7335
- .pf-v6-c-badge.pf-m-unread {
7336
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7337
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7338
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7339
- }
7340
-
7341
- .pf-v6-c-badge.pf-m-disabled {
7342
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7343
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7344
- }
7345
-
7346
- .pf-v6-c-badge.pf-m-disabled::after {
7347
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7348
- }
7349
-
7350
- .pf-v6-c-badge__toggle-icon {
7351
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7352
- color: var(--pf-v6-c-badge__toggle-icon--Color);
7353
- }
7354
-
7355
7282
  .pf-v6-c-spinner {
7356
7283
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7357
7284
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -7432,4 +7359,76 @@ button.pf-v6-c-breadcrumb__link {
7432
7359
  stroke-dashoffset: 280;
7433
7360
  transform: rotate(720deg);
7434
7361
  }
7362
+ }
7363
+ .pf-v6-c-badge {
7364
+ --pf-v6-c-badge--BorderColor: transparent;
7365
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7366
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7367
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7368
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7369
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7370
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7371
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7372
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7373
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7374
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7375
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7376
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7377
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7378
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7379
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7380
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7381
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7382
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7383
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7384
+ }
7385
+
7386
+ .pf-v6-c-badge {
7387
+ position: relative;
7388
+ display: inline-block;
7389
+ min-width: var(--pf-v6-c-badge--MinWidth);
7390
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7391
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7392
+ font-size: var(--pf-v6-c-badge--FontSize);
7393
+ font-weight: var(--pf-v6-c-badge--FontWeight);
7394
+ color: var(--pf-v6-c-badge--Color);
7395
+ text-align: center;
7396
+ white-space: nowrap;
7397
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
7398
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
7399
+ }
7400
+
7401
+ .pf-v6-c-badge::after {
7402
+ position: absolute;
7403
+ inset: 0;
7404
+ pointer-events: none;
7405
+ content: "";
7406
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7407
+ border-radius: inherit;
7408
+ }
7409
+
7410
+ .pf-v6-c-badge.pf-m-read {
7411
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7412
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7413
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7414
+ }
7415
+
7416
+ .pf-v6-c-badge.pf-m-unread {
7417
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7418
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7419
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7420
+ }
7421
+
7422
+ .pf-v6-c-badge.pf-m-disabled {
7423
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7424
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7425
+ }
7426
+
7427
+ .pf-v6-c-badge.pf-m-disabled::after {
7428
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7429
+ }
7430
+
7431
+ .pf-v6-c-badge__toggle-icon {
7432
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7433
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
7435
7434
  }