@patternfly/react-table 6.4.1-prerelease.2 → 6.4.1-prerelease.3

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-UMfY_4x6.css → output-B3toRANH.css} +2113 -2112
  11. package/package.json +3 -3
package/dist/umd/assets/{output-UMfY_4x6.css → output-B3toRANH.css} RENAMED
@@ -1111,96 +1111,72 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1111
1111
  --pf-v6-c-table--cell--Width: 100%;
1112
1112
  }
1113
1113
 
1114
- .pf-v6-c-inline-edit {
1115
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
1116
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1117
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
1118
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
1119
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
1120
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
1121
- }
1122
-
1123
- .pf-v6-c-inline-edit__group {
1124
- display: flex;
1125
- align-items: baseline;
1126
- }
1127
-
1128
- .pf-v6-c-inline-edit__group > * {
1129
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
1130
- }
1131
-
1132
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
1133
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
1134
- }
1135
-
1136
- .pf-v6-c-inline-edit__group.pf-m-footer {
1137
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
1138
- }
1139
-
1140
- .pf-v6-c-inline-edit__group.pf-m-column {
1141
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1142
- flex-direction: column;
1143
- }
1144
-
1145
- .pf-v6-c-inline-edit__group > :last-child {
1146
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1147
- }
1148
-
1149
- .pf-v6-c-inline-edit__input {
1150
- flex: 1;
1151
- }
1152
-
1153
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
1154
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
1155
- }
1156
-
1157
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
1158
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
1159
- }
1160
-
1161
- .pf-v6-c-inline-edit__input,
1162
- .pf-v6-c-inline-edit__action,
1163
- .pf-v6-c-inline-edit__group.pf-m-action-group {
1164
- display: none;
1114
+ .pf-v6-c-table {
1115
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1116
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1117
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1118
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1119
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1120
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1121
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1122
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1123
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1124
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1125
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1126
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1127
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1165
1128
  }
1166
1129
 
1167
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1168
- display: inline-block;
1130
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1131
+ position: sticky;
1132
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1133
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1134
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1135
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1169
1136
  }
1170
1137
 
1171
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
1172
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
1173
- display: block;
1138
+ .pf-v6-c-table__sticky-cell {
1139
+ --pf-v6-c-table--cell--Overflow: visible;
1140
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1141
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1142
+ background-clip: padding-box;
1174
1143
  }
1175
1144
 
1176
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
1177
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
1178
- display: inline-block;
1145
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1146
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1147
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1179
1148
  }
1180
1149
 
1181
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
1182
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
1183
- display: inline-flex;
1150
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1151
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1152
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1184
1153
  }
1185
1154
 
1186
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
1187
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
1188
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
1189
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1190
- display: none;
1155
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1156
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1191
1157
  }
1192
1158
 
1193
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
1194
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
1195
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
1159
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1160
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1196
1161
  }
1197
1162
 
1198
- .pf-v6-c-inline-edit__label.pf-m-bold {
1199
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
1163
+ .pf-v6-c-scroll-outer-wrapper {
1164
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1165
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1166
+ display: flex;
1167
+ flex-direction: column;
1168
+ max-width: 100%;
1169
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1170
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1171
+ overflow: hidden;
1200
1172
  }
1201
1173
 
1202
- .pf-v6-c-inline-edit__editable-text br {
1203
- display: none;
1174
+ .pf-v6-c-scroll-inner-wrapper {
1175
+ display: flex;
1176
+ flex-direction: column;
1177
+ max-width: 100%;
1178
+ max-height: 100%;
1179
+ overflow: auto;
1204
1180
  }
1205
1181
 
1206
1182
  .pf-v6-c-table {
@@ -2879,1657 +2855,1681 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2879
2855
  --pf-v6-c-table--cell--Width: auto;
2880
2856
  }
2881
2857
  }
2882
- .pf-v6-c-table {
2883
- --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));
2884
- --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));
2885
- --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2886
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
2887
- --pf-v6-c-table__tree-view-main--MarginInlineStart: calc(var(--pf-v6-c-table--cell--PaddingInlineStart) * -1);
2888
- --pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2889
- --pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2890
- --pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
2891
- --pf-v6-c-table__tree-view-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2892
- --pf-v6-c-table--m-tree-view__toggle--Position: absolute;
2893
- --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
2894
- --pf-v6-c-table--m-tree-view__toggle--TranslateX: -100%;
2895
- --pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
2896
- --pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart: 0;
2897
- --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
2898
- }
2899
-
2900
- .pf-v6-c-table.pf-m-tree-view > tbody > tr {
2901
- --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
2902
- }
2903
-
2904
- .pf-v6-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
2905
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
2906
- --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
2858
+ .pf-v6-c-inline-edit {
2859
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2860
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2861
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2862
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2863
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2864
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
2907
2865
  }
2908
2866
 
2909
- .pf-v6-c-table.pf-m-tree-view.pf-m-no-inset {
2910
- --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
2911
- --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
2867
+ .pf-v6-c-inline-edit__group {
2868
+ display: flex;
2869
+ align-items: baseline;
2912
2870
  }
2913
2871
 
2914
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
2915
- --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));
2872
+ .pf-v6-c-inline-edit__group > * {
2873
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
2916
2874
  }
2917
2875
 
2918
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
2919
- --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));
2876
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
2877
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
2920
2878
  }
2921
2879
 
2922
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
2923
- --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));
2880
+ .pf-v6-c-inline-edit__group.pf-m-footer {
2881
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
2924
2882
  }
2925
2883
 
2926
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
2927
- --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));
2884
+ .pf-v6-c-inline-edit__group.pf-m-column {
2885
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2886
+ flex-direction: column;
2928
2887
  }
2929
2888
 
2930
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
2931
- --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));
2889
+ .pf-v6-c-inline-edit__group > :last-child {
2890
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2932
2891
  }
2933
2892
 
2934
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
2935
- --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));
2893
+ .pf-v6-c-inline-edit__input {
2894
+ flex: 1;
2936
2895
  }
2937
2896
 
2938
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
2939
- --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));
2897
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2898
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2940
2899
  }
2941
2900
 
2942
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
2943
- --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));
2901
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2902
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2944
2903
  }
2945
2904
 
2946
- .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
2947
- --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));
2905
+ .pf-v6-c-inline-edit__input,
2906
+ .pf-v6-c-inline-edit__action,
2907
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
2908
+ display: none;
2948
2909
  }
2949
2910
 
2950
- .pf-v6-c-table__tree-view-main {
2951
- position: relative;
2952
- display: flex;
2953
- align-items: baseline;
2954
- min-width: 0;
2955
- padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
2956
- margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginInlineStart);
2957
- text-align: start;
2958
- cursor: pointer;
2911
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2912
+ display: inline-block;
2959
2913
  }
2960
2914
 
2961
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
2962
- transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
2963
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
2964
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
2915
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2916
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2917
+ display: block;
2965
2918
  }
2966
2919
 
2967
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
2968
- transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
2920
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2921
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2922
+ display: inline-block;
2969
2923
  }
2970
2924
 
2971
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
2972
- min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
2925
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2926
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2927
+ display: inline-flex;
2973
2928
  }
2974
2929
 
2975
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-button {
2976
- margin-block-start: -50%;
2977
- margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd);
2930
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2931
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2932
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2933
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2934
+ display: none;
2978
2935
  }
2979
2936
 
2980
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
2981
- margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd);
2937
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2938
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2939
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2982
2940
  }
2983
2941
 
2984
- .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
2985
- padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd);
2986
- margin-block-start: 0;
2987
- margin-block-end: 0;
2988
- margin-inline-start: 0;
2989
- margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd) * -1);
2942
+ .pf-v6-c-inline-edit__label.pf-m-bold {
2943
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2990
2944
  }
2991
2945
 
2992
- .pf-v6-c-table__tree-view-text {
2993
- display: flex;
2946
+ .pf-v6-c-inline-edit__editable-text br {
2947
+ display: none;
2994
2948
  }
2995
2949
 
2996
- .pf-v6-c-table__tree-view-icon {
2997
- min-width: var(--pf-v6-c-table__tree-view-icon--MinWidth);
2998
- margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginInlineEnd);
2999
- }
3000
-
3001
- .pf-v6-c-table__tree-view-details-toggle {
3002
- display: none;
3003
- }
3004
-
3005
- .pf-m-tree-view-grid.pf-v6-c-table {
3006
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3007
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3008
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3009
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3010
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3011
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3012
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3013
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3014
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3015
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3016
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3017
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3018
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3019
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3020
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3021
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3022
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3023
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3024
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3025
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3026
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3027
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3028
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3029
- }
3030
-
3031
- .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3032
- position: relative;
3033
- border: none;
3034
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
2950
+ .pf-v6-c-form {
2951
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
2952
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
2953
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
2954
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
2955
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
2956
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
2957
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
2958
+ --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));
2959
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2960
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
2961
+ --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)));
2962
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
2963
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
2964
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
2965
+ --pf-v6-c-form__label--hover--Cursor: pointer;
2966
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
2967
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
2968
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2969
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
2970
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
2971
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
2972
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
2973
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
2974
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
2975
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
2976
+ --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
2977
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
2978
+ --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));
2979
+ --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
2980
+ --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2981
+ --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2982
+ --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
2983
+ --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
2984
+ --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
2985
+ --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
2986
+ --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
2987
+ --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
2988
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
2989
+ --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
2990
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
2991
+ --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
2992
+ --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
2993
+ --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
2994
+ --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
2995
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
2996
+ --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
2997
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
2998
+ --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2999
+ --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
3000
+ --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));
3001
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3002
+ --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3003
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3004
+ --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
3005
+ --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);
3006
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3007
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3008
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3009
+ --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3010
+ --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3011
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
3012
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
3013
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
3014
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3015
+ --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
3016
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3017
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3018
+ --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
3019
+ --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);
3020
+ --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
3021
+ --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
3022
+ --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
3023
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3024
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3025
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3026
+ --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3027
+ --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
3028
+ --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
3029
+ --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3030
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3031
+ --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
3032
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
3033
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
3034
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
3035
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
3036
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
3037
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
3035
3038
  }
3036
3039
 
3037
- .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
3038
- position: absolute;
3039
- inset-block-start: 0;
3040
- inset-block-end: 0;
3041
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3042
- inset-inline-end: 0;
3043
- content: "";
3044
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3040
+ @media screen and (prefers-reduced-motion: no-preference) {
3041
+ .pf-v6-c-form {
3042
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
3043
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
3044
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
3045
+ }
3045
3046
  }
3046
-
3047
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3047
+ .pf-v6-c-form {
3048
3048
  display: grid;
3049
- grid-template-columns: 1fr max-content;
3050
- }
3051
-
3052
- .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 {
3053
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3054
- }
3055
-
3056
- .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 {
3057
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3058
- }
3059
-
3060
- .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) {
3061
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3062
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3063
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3049
+ gap: var(--pf-v6-c-form--GridGap);
3064
3050
  }
3065
3051
 
3066
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3067
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3052
+ .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
3053
+ text-align: end;
3068
3054
  }
3069
3055
 
3070
- .pf-m-tree-view-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3071
- display: none;
3056
+ @media screen and (min-width: 48rem) {
3057
+ .pf-v6-c-form.pf-m-horizontal {
3058
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3059
+ }
3060
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
3061
+ display: grid;
3062
+ 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);
3063
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3064
+ }
3065
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
3066
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3067
+ }
3068
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
3069
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3070
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3071
+ }
3072
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
3073
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3074
+ flex-direction: column;
3075
+ align-items: flex-start;
3076
+ }
3077
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
3078
+ flex-grow: 0;
3079
+ }
3080
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
3081
+ grid-column: 2;
3082
+ }
3072
3083
  }
3073
-
3074
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3075
- display: none;
3084
+ @media screen and (min-width: 0) {
3085
+ .pf-v6-c-form.pf-m-horizontal-on-xs {
3086
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3087
+ }
3088
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
3089
+ display: grid;
3090
+ 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);
3091
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3092
+ }
3093
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
3094
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3095
+ }
3096
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
3097
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3098
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3099
+ }
3100
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
3101
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3102
+ flex-direction: column;
3103
+ align-items: flex-start;
3104
+ }
3105
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
3106
+ flex-grow: 0;
3107
+ }
3108
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
3109
+ grid-column: 2;
3110
+ }
3076
3111
  }
3077
-
3078
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3079
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3080
- grid-column: 1;
3081
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3082
- align-items: start;
3112
+ @media (min-width: 36rem) {
3113
+ .pf-v6-c-form.pf-m-horizontal-on-sm {
3114
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3115
+ }
3116
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
3117
+ display: grid;
3118
+ 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);
3119
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3120
+ }
3121
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
3122
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3123
+ }
3124
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
3125
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3126
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3127
+ }
3128
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
3129
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3130
+ flex-direction: column;
3131
+ align-items: flex-start;
3132
+ }
3133
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
3134
+ flex-grow: 0;
3135
+ }
3136
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
3137
+ grid-column: 2;
3138
+ }
3083
3139
  }
3084
-
3085
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3086
- grid-column: 2;
3140
+ @media (min-width: 48rem) {
3141
+ .pf-v6-c-form.pf-m-horizontal-on-md {
3142
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3143
+ }
3144
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
3145
+ display: grid;
3146
+ 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);
3147
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3148
+ }
3149
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
3150
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3151
+ }
3152
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
3153
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3154
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3155
+ }
3156
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
3157
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3158
+ flex-direction: column;
3159
+ align-items: flex-start;
3160
+ }
3161
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
3162
+ flex-grow: 0;
3163
+ }
3164
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
3165
+ grid-column: 2;
3166
+ }
3087
3167
  }
3088
-
3089
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3090
- position: revert;
3091
- font-weight: var(--pf-t--global--font--weight--body--bold);
3092
- text-align: start;
3093
- content: attr(data-label);
3168
+ @media (min-width: 62rem) {
3169
+ .pf-v6-c-form.pf-m-horizontal-on-lg {
3170
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3171
+ }
3172
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
3173
+ display: grid;
3174
+ 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);
3175
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3176
+ }
3177
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
3178
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3179
+ }
3180
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
3181
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3182
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3183
+ }
3184
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
3185
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3186
+ flex-direction: column;
3187
+ align-items: flex-start;
3188
+ }
3189
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
3190
+ flex-grow: 0;
3191
+ }
3192
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
3193
+ grid-column: 2;
3194
+ }
3195
+ }
3196
+ @media (min-width: 75rem) {
3197
+ .pf-v6-c-form.pf-m-horizontal-on-xl {
3198
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3199
+ }
3200
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
3201
+ display: grid;
3202
+ 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);
3203
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3204
+ }
3205
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
3206
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3207
+ }
3208
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
3209
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3210
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3211
+ }
3212
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
3213
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3214
+ flex-direction: column;
3215
+ align-items: flex-start;
3216
+ }
3217
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
3218
+ flex-grow: 0;
3219
+ }
3220
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
3221
+ grid-column: 2;
3222
+ }
3223
+ }
3224
+ @media (min-width: 90.625rem) {
3225
+ .pf-v6-c-form.pf-m-horizontal-on-2xl {
3226
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3227
+ }
3228
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
3229
+ display: grid;
3230
+ 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);
3231
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3232
+ }
3233
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
3234
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3235
+ }
3236
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
3237
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3238
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3239
+ }
3240
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
3241
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3242
+ flex-direction: column;
3243
+ align-items: flex-start;
3244
+ }
3245
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
3246
+ flex-grow: 0;
3247
+ }
3248
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
3249
+ grid-column: 2;
3250
+ }
3251
+ }
3252
+ .pf-v6-c-form.pf-m-limit-width {
3253
+ max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
3094
3254
  }
3095
3255
 
3096
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3097
- border-inline-end: 0;
3256
+ .pf-v6-c-form__group {
3257
+ display: flex;
3258
+ flex-direction: column;
3259
+ gap: var(--pf-v6-c-form__group--Gap);
3260
+ min-width: 0;
3098
3261
  }
3099
3262
 
3100
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3101
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3263
+ .pf-v6-c-form__group.pf-m-action {
3264
+ margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
3265
+ overflow: hidden;
3102
3266
  }
3103
3267
 
3104
- .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] {
3268
+ .pf-v6-c-form__section {
3105
3269
  display: grid;
3270
+ gap: var(--pf-v6-c-form__section--Gap);
3106
3271
  }
3107
3272
 
3108
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
3109
- display: none;
3273
+ .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
3274
+ margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
3110
3275
  }
3111
3276
 
3112
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3113
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
3114
- display: inline-block;
3277
+ .pf-v6-c-form__section-title {
3278
+ margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
3279
+ font-size: var(--pf-v6-c-form__section-title--FontSize);
3280
+ font-weight: var(--pf-v6-c-form__section-title--FontWeight);
3115
3281
  }
3116
3282
 
3117
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
3118
- --pf-v6-c-table--cell--Width: auto;
3119
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3120
- --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);
3121
- --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);
3122
- grid-row: 1;
3123
- grid-column: 2;
3124
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3125
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3283
+ .pf-v6-c-form__group-label {
3284
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3126
3285
  }
3127
3286
 
3128
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3129
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3130
- margin-inline-start: auto;
3131
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3287
+ .pf-v6-c-form__group-label.pf-m-info {
3288
+ display: flex;
3289
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
3290
+ align-items: flex-end;
3132
3291
  }
3133
3292
 
3134
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3135
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3136
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3293
+ .pf-v6-c-form__group-label-main {
3294
+ flex-grow: 1;
3137
3295
  }
3138
3296
 
3139
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3140
- --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));
3297
+ .pf-v6-c-form__group-label-info {
3298
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
3141
3299
  }
3142
3300
 
3143
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3144
- --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));
3301
+ .pf-v6-c-form__label {
3302
+ font-size: var(--pf-v6-c-form__label--FontSize);
3303
+ line-height: var(--pf-v6-c-form__label--LineHeight);
3145
3304
  }
3146
3305
 
3147
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3148
- --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));
3306
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
3307
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
3149
3308
  }
3150
3309
 
3151
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3152
- --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));
3310
+ .pf-v6-c-form__label.pf-m-disabled {
3311
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
3153
3312
  }
3154
3313
 
3155
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3156
- --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));
3314
+ .pf-v6-c-form__label.pf-m-disabled:hover {
3315
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
3157
3316
  }
3158
3317
 
3159
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3160
- --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));
3318
+ .pf-v6-c-form__label-text {
3319
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
3161
3320
  }
3162
3321
 
3163
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3164
- --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));
3322
+ .pf-v6-c-form__label-required {
3323
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
3324
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
3325
+ color: var(--pf-v6-c-form__label-required--Color);
3165
3326
  }
3166
3327
 
3167
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3168
- --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));
3328
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
3329
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
3169
3330
  }
3170
3331
 
3171
- .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3172
- --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));
3332
+ .pf-v6-c-form__group-control {
3333
+ min-width: 0;
3173
3334
  }
3174
3335
 
3175
- @media screen and (max-width: calc(48rem - 1px)) {
3176
- .pf-m-tree-view-grid-md.pf-v6-c-table {
3177
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3178
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3179
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3180
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3181
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3182
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3183
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3184
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3185
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3186
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3187
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3188
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3189
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3190
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3191
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3192
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3193
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3194
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3195
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3196
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3197
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3198
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3199
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3200
- }
3201
- .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3202
- position: relative;
3203
- border: none;
3204
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3205
- }
3206
- .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 {
3207
- position: absolute;
3208
- inset-block-start: 0;
3209
- inset-block-end: 0;
3210
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3211
- inset-inline-end: 0;
3212
- content: "";
3213
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3214
- }
3215
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3216
- display: grid;
3217
- grid-template-columns: 1fr max-content;
3218
- }
3219
- .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 {
3220
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3221
- }
3222
- .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 {
3223
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3336
+ .pf-v6-c-form__group-control.pf-m-inline {
3337
+ display: flex;
3338
+ flex-flow: row wrap;
3339
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
3340
+ }
3341
+
3342
+ .pf-v6-c-form__group-control.pf-m-stack {
3343
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
3344
+ display: grid;
3345
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
3346
+ }
3347
+
3348
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
3349
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3350
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
3351
+ }
3352
+
3353
+ .pf-v6-c-form__helper-text {
3354
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
3355
+ }
3356
+
3357
+ .pf-v6-c-form__helper-text.pf-m-inactive {
3358
+ display: none;
3359
+ }
3360
+
3361
+ .pf-v6-c-form__helper-text.pf-m-hidden {
3362
+ visibility: hidden;
3363
+ opacity: 0;
3364
+ }
3365
+
3366
+ .pf-v6-c-form__fieldset {
3367
+ border: 0;
3368
+ }
3369
+
3370
+ .pf-v6-c-form__actions {
3371
+ display: flex;
3372
+ flex-wrap: wrap;
3373
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
3374
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
3375
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
3376
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
3377
+ }
3378
+
3379
+ .pf-v6-c-form__actions > * {
3380
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
3381
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
3382
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
3383
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
3384
+ }
3385
+
3386
+ .pf-v6-c-form__field-group {
3387
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3388
+ display: grid;
3389
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
3390
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
3391
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
3392
+ }
3393
+
3394
+ .pf-v6-c-form__field-group:last-child {
3395
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
3396
+ }
3397
+
3398
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
3399
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
3400
+ }
3401
+
3402
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
3403
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
3404
+ }
3405
+
3406
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
3407
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
3408
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
3409
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
3410
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
3411
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
3412
+ }
3413
+
3414
+ .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 {
3415
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
3416
+ }
3417
+
3418
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
3419
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
3420
+ }
3421
+
3422
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
3423
+ max-height: 99999px;
3424
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
3425
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
3426
+ visibility: visible;
3427
+ opacity: 1;
3428
+ transition-delay: 0s;
3429
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
3430
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
3431
+ }
3432
+
3433
+ .pf-v6-c-form__field-group-toggle {
3434
+ grid-row: 1/2;
3435
+ grid-column: 1/2;
3436
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
3437
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
3438
+ }
3439
+
3440
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
3441
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
3442
+ }
3443
+
3444
+ .pf-v6-c-form__field-group-toggle-button {
3445
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
3446
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
3447
+ }
3448
+
3449
+ .pf-v6-c-form__field-group-toggle-icon {
3450
+ display: inline-block;
3451
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
3452
+ text-align: center;
3453
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
3454
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
3455
+ transition-property: transform;
3456
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
3457
+ }
3458
+
3459
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
3460
+ scale: -1 1;
3461
+ }
3462
+
3463
+ .pf-v6-c-form__field-group-header {
3464
+ display: flex;
3465
+ grid-row: 1/2;
3466
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
3467
+ align-items: flex-start;
3468
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3469
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
3470
+ }
3471
+
3472
+ .pf-v6-c-form__field-group-header-main {
3473
+ display: flex;
3474
+ flex-direction: column;
3475
+ flex-grow: 1;
3476
+ }
3477
+
3478
+ .pf-v6-c-form__field-group-header-title {
3479
+ display: flex;
3480
+ }
3481
+
3482
+ .pf-v6-c-form__field-group-header-title-text {
3483
+ flex-grow: 1;
3484
+ }
3485
+
3486
+ .pf-v6-c-form__field-group-header-description {
3487
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
3488
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
3489
+ }
3490
+
3491
+ .pf-v6-c-form__field-group-header-actions {
3492
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
3493
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
3494
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
3495
+ white-space: nowrap;
3496
+ }
3497
+
3498
+ .pf-v6-c-form__field-group-body {
3499
+ display: grid;
3500
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
3501
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
3502
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
3503
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
3504
+ }
3505
+
3506
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
3507
+ max-height: 0;
3508
+ padding-block-start: 0;
3509
+ padding-block-end: 0;
3510
+ visibility: hidden;
3511
+ opacity: 0;
3512
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
3513
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
3514
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
3515
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
3516
+ }
3517
+
3518
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
3519
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
3520
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
3521
+ }
3522
+
3523
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
3524
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
3525
+ }
3526
+
3527
+ .pf-v6-u-screen-reader {
3528
+ position: fixed;
3529
+ inset-block-start: 0;
3530
+ inset-inline-start: 0;
3531
+ overflow: hidden;
3532
+ clip: rect(0, 0, 0, 0);
3533
+ white-space: nowrap;
3534
+ border: 0;
3535
+ }
3536
+
3537
+ .pf-v6-u-visible {
3538
+ position: static;
3539
+ overflow: visible;
3540
+ clip: auto;
3541
+ white-space: normal;
3542
+ border: inherit;
3543
+ }
3544
+
3545
+ .pf-v6-u-hidden {
3546
+ display: none !important;
3547
+ }
3548
+
3549
+ @media screen and (min-width: 36rem) {
3550
+ .pf-v6-u-screen-reader-on-sm {
3551
+ position: fixed;
3552
+ inset-block-start: 0;
3553
+ inset-inline-start: 0;
3554
+ overflow: hidden;
3555
+ clip: rect(0, 0, 0, 0);
3556
+ white-space: nowrap;
3557
+ border: 0;
3224
3558
  }
3225
- .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) {
3226
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3227
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3228
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3559
+ }
3560
+ @media screen and (min-width: 36rem) {
3561
+ .pf-v6-u-visible-on-sm {
3562
+ position: static;
3563
+ overflow: visible;
3564
+ clip: auto;
3565
+ white-space: normal;
3566
+ border: inherit;
3229
3567
  }
3230
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3231
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3568
+ }
3569
+ @media screen and (min-width: 36rem) {
3570
+ .pf-v6-u-hidden-on-sm {
3571
+ display: none !important;
3232
3572
  }
3233
- .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3234
- display: none;
3235
- }
3236
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3237
- display: none;
3238
- }
3239
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3240
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3241
- grid-column: 1;
3242
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3243
- align-items: start;
3244
- }
3245
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3246
- grid-column: 2;
3247
- }
3248
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3249
- position: revert;
3250
- font-weight: var(--pf-t--global--font--weight--body--bold);
3251
- text-align: start;
3252
- content: attr(data-label);
3253
- }
3254
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3255
- border-inline-end: 0;
3256
- }
3257
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3258
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3259
- }
3260
- .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] {
3261
- display: grid;
3262
- }
3263
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
3264
- display: none;
3265
- }
3266
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3267
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
3268
- display: inline-block;
3269
- }
3270
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
3271
- --pf-v6-c-table--cell--Width: auto;
3272
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3273
- --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);
3274
- --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);
3275
- grid-row: 1;
3276
- grid-column: 2;
3277
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3278
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3279
- }
3280
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3281
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3282
- margin-inline-start: auto;
3283
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3284
- }
3285
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3286
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3287
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3288
- }
3289
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3290
- --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));
3291
- }
3292
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3293
- --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));
3294
- }
3295
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3296
- --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));
3297
- }
3298
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3299
- --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));
3300
- }
3301
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3302
- --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));
3303
- }
3304
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3305
- --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));
3306
- }
3307
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3308
- --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));
3309
- }
3310
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3311
- --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));
3312
- }
3313
- .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3314
- --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));
3573
+ }
3574
+ @media screen and (min-width: 48rem) {
3575
+ .pf-v6-u-screen-reader-on-md {
3576
+ position: fixed;
3577
+ inset-block-start: 0;
3578
+ inset-inline-start: 0;
3579
+ overflow: hidden;
3580
+ clip: rect(0, 0, 0, 0);
3581
+ white-space: nowrap;
3582
+ border: 0;
3315
3583
  }
3316
3584
  }
3317
- @media screen and (max-width: calc(62rem - 1px)) {
3318
- .pf-m-tree-view-grid-lg.pf-v6-c-table {
3319
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3320
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3321
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3322
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3323
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3324
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3325
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3326
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3327
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3328
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3329
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3330
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3331
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3332
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3333
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3334
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3335
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3336
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3337
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3338
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3339
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3340
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3341
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3585
+ @media screen and (min-width: 48rem) {
3586
+ .pf-v6-u-visible-on-md {
3587
+ position: static;
3588
+ overflow: visible;
3589
+ clip: auto;
3590
+ white-space: normal;
3591
+ border: inherit;
3342
3592
  }
3343
- .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3344
- position: relative;
3345
- border: none;
3346
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3593
+ }
3594
+ @media screen and (min-width: 48rem) {
3595
+ .pf-v6-u-hidden-on-md {
3596
+ display: none !important;
3347
3597
  }
3348
- .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 {
3349
- position: absolute;
3598
+ }
3599
+ @media screen and (min-width: 62rem) {
3600
+ .pf-v6-u-screen-reader-on-lg {
3601
+ position: fixed;
3350
3602
  inset-block-start: 0;
3351
- inset-block-end: 0;
3352
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3353
- inset-inline-end: 0;
3354
- content: "";
3355
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3356
- }
3357
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3358
- display: grid;
3359
- grid-template-columns: 1fr max-content;
3360
- }
3361
- .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 {
3362
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3363
- }
3364
- .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 {
3365
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3366
- }
3367
- .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) {
3368
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3369
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3370
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3371
- }
3372
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3373
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3374
- }
3375
- .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3376
- display: none;
3377
- }
3378
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3379
- display: none;
3380
- }
3381
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3382
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3383
- grid-column: 1;
3384
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3385
- align-items: start;
3386
- }
3387
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3388
- grid-column: 2;
3389
- }
3390
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3391
- position: revert;
3392
- font-weight: var(--pf-t--global--font--weight--body--bold);
3393
- text-align: start;
3394
- content: attr(data-label);
3603
+ inset-inline-start: 0;
3604
+ overflow: hidden;
3605
+ clip: rect(0, 0, 0, 0);
3606
+ white-space: nowrap;
3607
+ border: 0;
3395
3608
  }
3396
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3397
- border-inline-end: 0;
3609
+ }
3610
+ @media screen and (min-width: 62rem) {
3611
+ .pf-v6-u-visible-on-lg {
3612
+ position: static;
3613
+ overflow: visible;
3614
+ clip: auto;
3615
+ white-space: normal;
3616
+ border: inherit;
3398
3617
  }
3399
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3400
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3618
+ }
3619
+ @media screen and (min-width: 62rem) {
3620
+ .pf-v6-u-hidden-on-lg {
3621
+ display: none !important;
3401
3622
  }
3402
- .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] {
3403
- display: grid;
3623
+ }
3624
+ @media screen and (min-width: 75rem) {
3625
+ .pf-v6-u-screen-reader-on-xl {
3626
+ position: fixed;
3627
+ inset-block-start: 0;
3628
+ inset-inline-start: 0;
3629
+ overflow: hidden;
3630
+ clip: rect(0, 0, 0, 0);
3631
+ white-space: nowrap;
3632
+ border: 0;
3404
3633
  }
3405
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
3406
- display: none;
3634
+ }
3635
+ @media screen and (min-width: 75rem) {
3636
+ .pf-v6-u-visible-on-xl {
3637
+ position: static;
3638
+ overflow: visible;
3639
+ clip: auto;
3640
+ white-space: normal;
3641
+ border: inherit;
3407
3642
  }
3408
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3409
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
3410
- display: inline-block;
3643
+ }
3644
+ @media screen and (min-width: 75rem) {
3645
+ .pf-v6-u-hidden-on-xl {
3646
+ display: none !important;
3411
3647
  }
3412
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
3413
- --pf-v6-c-table--cell--Width: auto;
3414
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3415
- --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);
3416
- --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);
3417
- grid-row: 1;
3418
- grid-column: 2;
3419
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3420
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3648
+ }
3649
+ @media screen and (min-width: 90.625rem) {
3650
+ .pf-v6-u-screen-reader-on-2xl {
3651
+ position: fixed;
3652
+ inset-block-start: 0;
3653
+ inset-inline-start: 0;
3654
+ overflow: hidden;
3655
+ clip: rect(0, 0, 0, 0);
3656
+ white-space: nowrap;
3657
+ border: 0;
3421
3658
  }
3422
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3423
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3424
- margin-inline-start: auto;
3425
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3659
+ }
3660
+ @media screen and (min-width: 90.625rem) {
3661
+ .pf-v6-u-visible-on-2xl {
3662
+ position: static;
3663
+ overflow: visible;
3664
+ clip: auto;
3665
+ white-space: normal;
3666
+ border: inherit;
3426
3667
  }
3427
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3428
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3429
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3668
+ }
3669
+ @media screen and (min-width: 90.625rem) {
3670
+ .pf-v6-u-hidden-on-2xl {
3671
+ display: none !important;
3430
3672
  }
3431
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3432
- --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));
3433
- }
3434
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3435
- --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));
3436
- }
3437
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3438
- --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));
3439
- }
3440
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3441
- --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));
3442
- }
3443
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3444
- --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));
3445
- }
3446
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3447
- --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));
3448
- }
3449
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3450
- --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));
3451
- }
3452
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3453
- --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));
3454
- }
3455
- .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3456
- --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));
3457
- }
3458
- }
3459
- @media screen and (max-width: calc(75rem - 1px)) {
3460
- .pf-m-tree-view-grid-xl.pf-v6-c-table {
3461
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3462
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3463
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3464
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3465
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3466
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3467
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3468
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3469
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3470
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3471
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3472
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3473
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3474
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3475
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3476
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3477
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3478
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3479
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3480
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3481
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3482
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3483
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3484
- }
3485
- .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3486
- position: relative;
3487
- border: none;
3488
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3489
- }
3490
- .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 {
3491
- position: absolute;
3492
- inset-block-start: 0;
3493
- inset-block-end: 0;
3494
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3495
- inset-inline-end: 0;
3496
- content: "";
3497
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3498
- }
3499
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3500
- display: grid;
3501
- grid-template-columns: 1fr max-content;
3502
- }
3503
- .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 {
3504
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3505
- }
3506
- .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 {
3507
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3508
- }
3509
- .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) {
3510
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3511
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3512
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3513
- }
3514
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3515
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3516
- }
3517
- .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3518
- display: none;
3519
- }
3520
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3521
- display: none;
3522
- }
3523
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3524
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3525
- grid-column: 1;
3526
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3527
- align-items: start;
3528
- }
3529
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3530
- grid-column: 2;
3531
- }
3532
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3533
- position: revert;
3534
- font-weight: var(--pf-t--global--font--weight--body--bold);
3535
- text-align: start;
3536
- content: attr(data-label);
3537
- }
3538
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3539
- border-inline-end: 0;
3540
- }
3541
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3542
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3543
- }
3544
- .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] {
3545
- display: grid;
3546
- }
3547
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
3548
- display: none;
3549
- }
3550
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3551
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
3552
- display: inline-block;
3553
- }
3554
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
3555
- --pf-v6-c-table--cell--Width: auto;
3556
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3557
- --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);
3558
- --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);
3559
- grid-row: 1;
3560
- grid-column: 2;
3561
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3562
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3563
- }
3564
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3565
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3566
- margin-inline-start: auto;
3567
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3568
- }
3569
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3570
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3571
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3572
- }
3573
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3574
- --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));
3575
- }
3576
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3577
- --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));
3578
- }
3579
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3580
- --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));
3581
- }
3582
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3583
- --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));
3584
- }
3585
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3586
- --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));
3587
- }
3588
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3589
- --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));
3590
- }
3591
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3592
- --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));
3593
- }
3594
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3595
- --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));
3596
- }
3597
- .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3598
- --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));
3599
- }
3600
- }
3601
- @media screen and (max-width: calc(90.625rem - 1px)) {
3602
- .pf-m-tree-view-grid-2xl.pf-v6-c-table {
3603
- --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3604
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3605
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3606
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3607
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3608
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3609
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3610
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3611
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3612
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3613
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3614
- --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3615
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3616
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3617
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3618
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3619
- --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3620
- --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3621
- --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3622
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3623
- --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3624
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3625
- --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3626
- }
3627
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3628
- position: relative;
3629
- border: none;
3630
- outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3631
- }
3632
- .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 {
3633
- position: absolute;
3634
- inset-block-start: 0;
3635
- inset-block-end: 0;
3636
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3637
- inset-inline-end: 0;
3638
- content: "";
3639
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
3640
- }
3641
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3642
- display: grid;
3643
- grid-template-columns: 1fr max-content;
3644
- }
3645
- .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 {
3646
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
3647
- }
3648
- .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 {
3649
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
3650
- }
3651
- .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) {
3652
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3653
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3654
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3655
- }
3656
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3657
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
3658
- }
3659
- .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3660
- display: none;
3661
- }
3662
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3663
- display: none;
3664
- }
3665
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3666
- grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3667
- grid-column: 1;
3668
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3669
- align-items: start;
3670
- }
3671
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3672
- grid-column: 2;
3673
- }
3674
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3675
- position: revert;
3676
- font-weight: var(--pf-t--global--font--weight--body--bold);
3677
- text-align: start;
3678
- content: attr(data-label);
3679
- }
3680
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3681
- border-inline-end: 0;
3682
- }
3683
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3684
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
3685
- }
3686
- .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] {
3687
- display: grid;
3688
- }
3689
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
3690
- display: none;
3691
- }
3692
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3693
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3694
- display: inline-block;
3695
- }
3696
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3697
- --pf-v6-c-table--cell--Width: auto;
3698
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3699
- --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);
3700
- --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);
3701
- grid-row: 1;
3702
- grid-column: 2;
3703
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3704
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
3705
- }
3706
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3707
- order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3708
- margin-inline-start: auto;
3709
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
3710
- }
3711
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3712
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3713
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
3714
- }
3715
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3716
- --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));
3717
- }
3718
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3719
- --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));
3720
- }
3721
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3722
- --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));
3723
- }
3724
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3725
- --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));
3726
- }
3727
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3728
- --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));
3729
- }
3730
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3731
- --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));
3732
- }
3733
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3734
- --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));
3735
- }
3736
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3737
- --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));
3738
- }
3739
- .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3740
- --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));
3741
- }
3742
- }
3743
- .pf-v6-c-form {
3744
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3745
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3746
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3747
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3748
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3749
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3750
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3751
- --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));
3752
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3753
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3754
- --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)));
3755
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3756
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3757
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3758
- --pf-v6-c-form__label--hover--Cursor: pointer;
3759
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3760
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3761
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3762
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3763
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3764
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3765
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3766
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3767
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3768
- --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
3769
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
3770
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3771
- --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));
3772
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
3773
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3774
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3775
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
3776
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
3777
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
3778
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
3779
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
3780
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
3781
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
3782
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
3783
- --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
3784
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
3785
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
3786
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3787
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
3788
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3789
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
3790
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
3791
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3792
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
3793
- --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));
3794
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3795
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3796
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3797
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
3798
- --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);
3799
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3800
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3801
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3802
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3803
- --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3804
- --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
3805
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
3806
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
3807
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3808
- --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
3809
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3810
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3811
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
3812
- --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);
3813
- --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
3814
- --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
3815
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
3816
- --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3817
- --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3818
- --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3819
- --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3820
- --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
3821
- --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
3822
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3823
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3824
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
3825
- --pf-v6-c-form__field-group-body--TranslateY: 0;
3826
- --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
3827
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
3828
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
3829
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
3830
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
3831
- }
3832
-
3833
- @media screen and (prefers-reduced-motion: no-preference) {
3834
- .pf-v6-c-form {
3835
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
3836
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
3837
- --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
3838
- }
3839
- }
3840
- .pf-v6-c-form {
3841
- display: grid;
3842
- gap: var(--pf-v6-c-form--GridGap);
3843
- }
3844
-
3845
- .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
3846
- text-align: end;
3847
- }
3848
-
3849
- @media screen and (min-width: 48rem) {
3850
- .pf-v6-c-form.pf-m-horizontal {
3851
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3852
- }
3853
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
3854
- display: grid;
3855
- 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);
3856
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3857
- }
3858
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
3859
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3860
- }
3861
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
3862
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3863
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3864
- }
3865
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
3866
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3867
- flex-direction: column;
3868
- align-items: flex-start;
3869
- }
3870
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
3871
- flex-grow: 0;
3872
- }
3873
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
3874
- grid-column: 2;
3875
- }
3876
- }
3877
- @media screen and (min-width: 0) {
3878
- .pf-v6-c-form.pf-m-horizontal-on-xs {
3879
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3880
- }
3881
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
3882
- display: grid;
3883
- 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);
3884
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3885
- }
3886
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
3887
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3888
- }
3889
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
3890
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3891
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3892
- }
3893
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
3894
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3895
- flex-direction: column;
3896
- align-items: flex-start;
3897
- }
3898
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
3899
- flex-grow: 0;
3900
- }
3901
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
3902
- grid-column: 2;
3903
- }
3904
- }
3905
- @media (min-width: 36rem) {
3906
- .pf-v6-c-form.pf-m-horizontal-on-sm {
3907
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3908
- }
3909
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
3910
- display: grid;
3911
- 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);
3912
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3913
- }
3914
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
3915
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3916
- }
3917
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
3918
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3919
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3920
- }
3921
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
3922
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3923
- flex-direction: column;
3924
- align-items: flex-start;
3925
- }
3926
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
3927
- flex-grow: 0;
3928
- }
3929
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
3930
- grid-column: 2;
3931
- }
3932
- }
3933
- @media (min-width: 48rem) {
3934
- .pf-v6-c-form.pf-m-horizontal-on-md {
3935
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3936
- }
3937
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
3938
- display: grid;
3939
- 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);
3940
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3941
- }
3942
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
3943
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3944
- }
3945
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
3946
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3947
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3948
- }
3949
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
3950
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3951
- flex-direction: column;
3952
- align-items: flex-start;
3953
- }
3954
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
3955
- flex-grow: 0;
3956
- }
3957
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
3958
- grid-column: 2;
3959
- }
3960
- }
3961
- @media (min-width: 62rem) {
3962
- .pf-v6-c-form.pf-m-horizontal-on-lg {
3963
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3964
- }
3965
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
3966
- display: grid;
3967
- 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);
3968
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3969
- }
3970
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
3971
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3972
- }
3973
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
3974
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3975
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3976
- }
3977
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
3978
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3979
- flex-direction: column;
3980
- align-items: flex-start;
3981
- }
3982
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
3983
- flex-grow: 0;
3984
- }
3985
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
3986
- grid-column: 2;
3987
- }
3988
- }
3989
- @media (min-width: 75rem) {
3990
- .pf-v6-c-form.pf-m-horizontal-on-xl {
3991
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3992
- }
3993
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
3994
- display: grid;
3995
- 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);
3996
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3997
- }
3998
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
3999
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4000
- }
4001
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4002
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4003
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4004
- }
4005
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
4006
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4007
- flex-direction: column;
4008
- align-items: flex-start;
4009
- }
4010
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
4011
- flex-grow: 0;
4012
- }
4013
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
4014
- grid-column: 2;
4015
- }
4016
- }
4017
- @media (min-width: 90.625rem) {
4018
- .pf-v6-c-form.pf-m-horizontal-on-2xl {
4019
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4020
- }
4021
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
4022
- display: grid;
4023
- 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);
4024
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4025
- }
4026
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
4027
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4028
- }
4029
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4030
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4031
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4032
- }
4033
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
4034
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4035
- flex-direction: column;
4036
- align-items: flex-start;
4037
- }
4038
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
4039
- flex-grow: 0;
4040
- }
4041
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
4042
- grid-column: 2;
4043
- }
4044
- }
4045
- .pf-v6-c-form.pf-m-limit-width {
4046
- max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
4047
- }
4048
-
4049
- .pf-v6-c-form__group {
4050
- display: flex;
4051
- flex-direction: column;
4052
- gap: var(--pf-v6-c-form__group--Gap);
4053
- min-width: 0;
4054
- }
4055
-
4056
- .pf-v6-c-form__group.pf-m-action {
4057
- margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
4058
- overflow: hidden;
4059
- }
4060
-
4061
- .pf-v6-c-form__section {
4062
- display: grid;
4063
- gap: var(--pf-v6-c-form__section--Gap);
4064
- }
4065
-
4066
- .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
4067
- margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
4068
- }
4069
-
4070
- .pf-v6-c-form__section-title {
4071
- margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
4072
- font-size: var(--pf-v6-c-form__section-title--FontSize);
4073
- font-weight: var(--pf-v6-c-form__section-title--FontWeight);
3673
+ }
3674
+ .pf-v6-c-table {
3675
+ --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));
3676
+ --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));
3677
+ --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3678
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3679
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: calc(var(--pf-v6-c-table--cell--PaddingInlineStart) * -1);
3680
+ --pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3681
+ --pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3682
+ --pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
3683
+ --pf-v6-c-table__tree-view-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3684
+ --pf-v6-c-table--m-tree-view__toggle--Position: absolute;
3685
+ --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
3686
+ --pf-v6-c-table--m-tree-view__toggle--TranslateX: -100%;
3687
+ --pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
3688
+ --pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart: 0;
3689
+ --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
4074
3690
  }
4075
3691
 
4076
- .pf-v6-c-form__group-label {
4077
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3692
+ .pf-v6-c-table.pf-m-tree-view > tbody > tr {
3693
+ --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
4078
3694
  }
4079
3695
 
4080
- .pf-v6-c-form__group-label.pf-m-info {
4081
- display: flex;
4082
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
4083
- align-items: flex-end;
3696
+ .pf-v6-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
3697
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
3698
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
4084
3699
  }
4085
3700
 
4086
- .pf-v6-c-form__group-label-main {
4087
- flex-grow: 1;
3701
+ .pf-v6-c-table.pf-m-tree-view.pf-m-no-inset {
3702
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
3703
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
4088
3704
  }
4089
3705
 
4090
- .pf-v6-c-form__group-label-info {
4091
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
3706
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3707
+ --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));
4092
3708
  }
4093
3709
 
4094
- .pf-v6-c-form__label {
4095
- font-size: var(--pf-v6-c-form__label--FontSize);
4096
- line-height: var(--pf-v6-c-form__label--LineHeight);
3710
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3711
+ --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));
4097
3712
  }
4098
3713
 
4099
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
4100
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
3714
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3715
+ --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));
4101
3716
  }
4102
3717
 
4103
- .pf-v6-c-form__label.pf-m-disabled {
4104
- color: var(--pf-v6-c-form__label--m-disabled--Color);
3718
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3719
+ --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));
4105
3720
  }
4106
3721
 
4107
- .pf-v6-c-form__label.pf-m-disabled:hover {
4108
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
3722
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3723
+ --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));
4109
3724
  }
4110
3725
 
4111
- .pf-v6-c-form__label-text {
4112
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
3726
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3727
+ --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));
4113
3728
  }
4114
3729
 
4115
- .pf-v6-c-form__label-required {
4116
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4117
- font-size: var(--pf-v6-c-form__label-required--FontSize);
4118
- color: var(--pf-v6-c-form__label-required--Color);
3730
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3731
+ --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));
4119
3732
  }
4120
3733
 
4121
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
4122
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
3734
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3735
+ --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));
4123
3736
  }
4124
3737
 
4125
- .pf-v6-c-form__group-control {
4126
- min-width: 0;
3738
+ .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3739
+ --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));
4127
3740
  }
4128
3741
 
4129
- .pf-v6-c-form__group-control.pf-m-inline {
3742
+ .pf-v6-c-table__tree-view-main {
3743
+ position: relative;
4130
3744
  display: flex;
4131
- flex-flow: row wrap;
4132
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
3745
+ align-items: baseline;
3746
+ min-width: 0;
3747
+ padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
3748
+ margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginInlineStart);
3749
+ text-align: start;
3750
+ cursor: pointer;
4133
3751
  }
4134
3752
 
4135
- .pf-v6-c-form__group-control.pf-m-stack {
4136
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4137
- display: grid;
4138
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
3753
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
3754
+ transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
3755
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
3756
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
4139
3757
  }
4140
3758
 
4141
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4142
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4143
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
3759
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
3760
+ transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
4144
3761
  }
4145
3762
 
4146
- .pf-v6-c-form__helper-text {
4147
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
3763
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
3764
+ min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
4148
3765
  }
4149
3766
 
4150
- .pf-v6-c-form__helper-text.pf-m-inactive {
4151
- display: none;
3767
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-button {
3768
+ margin-block-start: -50%;
3769
+ margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd);
4152
3770
  }
4153
3771
 
4154
- .pf-v6-c-form__helper-text.pf-m-hidden {
4155
- visibility: hidden;
4156
- opacity: 0;
3772
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3773
+ margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd);
4157
3774
  }
4158
3775
 
4159
- .pf-v6-c-form__fieldset {
4160
- border: 0;
3776
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
3777
+ padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd);
3778
+ margin-block-start: 0;
3779
+ margin-block-end: 0;
3780
+ margin-inline-start: 0;
3781
+ margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd) * -1);
4161
3782
  }
4162
3783
 
4163
- .pf-v6-c-form__actions {
3784
+ .pf-v6-c-table__tree-view-text {
4164
3785
  display: flex;
4165
- flex-wrap: wrap;
4166
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4167
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4168
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4169
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4170
- }
4171
-
4172
- .pf-v6-c-form__actions > * {
4173
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4174
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4175
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4176
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4177
- }
4178
-
4179
- .pf-v6-c-form__field-group {
4180
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4181
- display: grid;
4182
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4183
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4184
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4185
3786
  }
4186
3787
 
4187
- .pf-v6-c-form__field-group:last-child {
4188
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
3788
+ .pf-v6-c-table__tree-view-icon {
3789
+ min-width: var(--pf-v6-c-table__tree-view-icon--MinWidth);
3790
+ margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginInlineEnd);
4189
3791
  }
4190
3792
 
4191
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4192
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
3793
+ .pf-v6-c-table__tree-view-details-toggle {
3794
+ display: none;
4193
3795
  }
4194
3796
 
4195
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4196
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
3797
+ .pf-m-tree-view-grid.pf-v6-c-table {
3798
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3799
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3800
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3801
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3802
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3803
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3804
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3805
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3806
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3807
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3808
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3809
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3810
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3811
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3812
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3813
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3814
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3815
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3816
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3817
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3818
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3819
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3820
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4197
3821
  }
4198
3822
 
4199
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4200
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4201
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4202
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4203
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4204
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
3823
+ .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3824
+ position: relative;
3825
+ border: none;
3826
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4205
3827
  }
4206
3828
 
4207
- .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 {
4208
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
3829
+ .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
3830
+ position: absolute;
3831
+ inset-block-start: 0;
3832
+ inset-block-end: 0;
3833
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
3834
+ inset-inline-end: 0;
3835
+ content: "";
3836
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4209
3837
  }
4210
3838
 
4211
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4212
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
3839
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
3840
+ display: grid;
3841
+ grid-template-columns: 1fr max-content;
4213
3842
  }
4214
3843
 
4215
- .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
4216
- max-height: 99999px;
4217
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4218
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4219
- visibility: visible;
4220
- opacity: 1;
4221
- transition-delay: 0s;
4222
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
4223
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
3844
+ .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 {
3845
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4224
3846
  }
4225
3847
 
4226
- .pf-v6-c-form__field-group-toggle {
4227
- grid-row: 1/2;
4228
- grid-column: 1/2;
4229
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4230
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
3848
+ .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 {
3849
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4231
3850
  }
4232
3851
 
4233
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4234
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
3852
+ .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) {
3853
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
3854
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
3855
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4235
3856
  }
4236
3857
 
4237
- .pf-v6-c-form__field-group-toggle-button {
4238
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4239
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
3858
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-text {
3859
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4240
3860
  }
4241
3861
 
4242
- .pf-v6-c-form__field-group-toggle-icon {
4243
- display: inline-block;
4244
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4245
- text-align: center;
4246
- transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4247
- transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
4248
- transition-property: transform;
4249
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
3862
+ .pf-m-tree-view-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
3863
+ display: none;
4250
3864
  }
4251
3865
 
4252
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4253
- scale: -1 1;
3866
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td) {
3867
+ display: none;
4254
3868
  }
4255
3869
 
4256
- .pf-v6-c-form__field-group-header {
4257
- display: flex;
4258
- grid-row: 1/2;
4259
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4260
- align-items: flex-start;
4261
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4262
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
3870
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
3871
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
3872
+ grid-column: 1;
3873
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
3874
+ align-items: start;
4263
3875
  }
4264
3876
 
4265
- .pf-v6-c-form__field-group-header-main {
4266
- display: flex;
4267
- flex-direction: column;
4268
- flex-grow: 1;
3877
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
3878
+ grid-column: 2;
4269
3879
  }
4270
3880
 
4271
- .pf-v6-c-form__field-group-header-title {
4272
- display: flex;
3881
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
3882
+ position: revert;
3883
+ font-weight: var(--pf-t--global--font--weight--body--bold);
3884
+ text-align: start;
3885
+ content: attr(data-label);
4273
3886
  }
4274
3887
 
4275
- .pf-v6-c-form__field-group-header-title-text {
4276
- flex-grow: 1;
3888
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
3889
+ border-inline-end: 0;
4277
3890
  }
4278
3891
 
4279
- .pf-v6-c-form__field-group-header-description {
4280
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4281
- color: var(--pf-v6-c-form__field-group-header-description--Color);
3892
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
3893
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4282
3894
  }
4283
3895
 
4284
- .pf-v6-c-form__field-group-header-actions {
4285
- margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
4286
- margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
4287
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4288
- white-space: nowrap;
3896
+ .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] {
3897
+ display: grid;
4289
3898
  }
4290
3899
 
4291
- .pf-v6-c-form__field-group-body {
4292
- display: grid;
4293
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4294
- gap: var(--pf-v6-c-form__field-group-body--Gap);
4295
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4296
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
3900
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
3901
+ display: none;
4297
3902
  }
4298
3903
 
4299
- .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4300
- max-height: 0;
4301
- padding-block-start: 0;
4302
- padding-block-end: 0;
4303
- visibility: hidden;
4304
- opacity: 0;
4305
- transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4306
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4307
- transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4308
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
3904
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
3905
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
3906
+ display: inline-block;
4309
3907
  }
4310
3908
 
4311
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4312
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4313
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
3909
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
3910
+ --pf-v6-c-table--cell--Width: auto;
3911
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
3912
+ --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);
3913
+ --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);
3914
+ grid-row: 1;
3915
+ grid-column: 2;
3916
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
3917
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4314
3918
  }
4315
3919
 
4316
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4317
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
3920
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
3921
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
3922
+ margin-inline-start: auto;
3923
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4318
3924
  }
4319
3925
 
4320
- .pf-v6-c-table {
4321
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
4322
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
4323
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
4324
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
4325
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
4326
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4327
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
4328
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
4329
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
4330
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4331
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
4332
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
4333
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3926
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
3927
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
3928
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4334
3929
  }
4335
3930
 
4336
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
4337
- position: sticky;
4338
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
4339
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
4340
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
4341
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3931
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
3932
+ --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));
4342
3933
  }
4343
3934
 
4344
- .pf-v6-c-table__sticky-cell {
4345
- --pf-v6-c-table--cell--Overflow: visible;
4346
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
4347
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
4348
- background-clip: padding-box;
3935
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
3936
+ --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));
4349
3937
  }
4350
3938
 
4351
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
4352
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
4353
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3939
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
3940
+ --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));
4354
3941
  }
4355
3942
 
4356
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
4357
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
4358
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3943
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
3944
+ --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));
4359
3945
  }
4360
3946
 
4361
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
4362
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3947
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
3948
+ --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));
4363
3949
  }
4364
3950
 
4365
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
4366
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3951
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
3952
+ --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));
4367
3953
  }
4368
3954
 
4369
- .pf-v6-c-scroll-outer-wrapper {
4370
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
4371
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
4372
- display: flex;
4373
- flex-direction: column;
4374
- max-width: 100%;
4375
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
4376
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
4377
- overflow: hidden;
3955
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
3956
+ --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));
4378
3957
  }
4379
3958
 
4380
- .pf-v6-c-scroll-inner-wrapper {
4381
- display: flex;
4382
- flex-direction: column;
4383
- max-width: 100%;
4384
- max-height: 100%;
4385
- overflow: auto;
3959
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
3960
+ --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));
4386
3961
  }
4387
3962
 
4388
- .pf-v6-u-screen-reader {
4389
- position: fixed;
4390
- inset-block-start: 0;
4391
- inset-inline-start: 0;
4392
- overflow: hidden;
4393
- clip: rect(0, 0, 0, 0);
4394
- white-space: nowrap;
4395
- border: 0;
3963
+ .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
3964
+ --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));
4396
3965
  }
4397
3966
 
4398
- .pf-v6-u-visible {
4399
- position: static;
4400
- overflow: visible;
4401
- clip: auto;
4402
- white-space: normal;
4403
- border: inherit;
3967
+ @media screen and (max-width: calc(48rem - 1px)) {
3968
+ .pf-m-tree-view-grid-md.pf-v6-c-table {
3969
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
3970
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
3971
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3972
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
3973
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
3974
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
3975
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3976
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
3977
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3978
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
3979
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
3980
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
3981
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3982
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3983
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
3984
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
3985
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3986
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
3987
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
3988
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3989
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3990
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3991
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3992
+ }
3993
+ .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
3994
+ position: relative;
3995
+ border: none;
3996
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
3997
+ }
3998
+ .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 {
3999
+ position: absolute;
4000
+ inset-block-start: 0;
4001
+ inset-block-end: 0;
4002
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4003
+ inset-inline-end: 0;
4004
+ content: "";
4005
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4006
+ }
4007
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4008
+ display: grid;
4009
+ grid-template-columns: 1fr max-content;
4010
+ }
4011
+ .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 {
4012
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4013
+ }
4014
+ .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 {
4015
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4016
+ }
4017
+ .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) {
4018
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4019
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4020
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4021
+ }
4022
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4023
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4024
+ }
4025
+ .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4026
+ display: none;
4027
+ }
4028
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4029
+ display: none;
4030
+ }
4031
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4032
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4033
+ grid-column: 1;
4034
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4035
+ align-items: start;
4036
+ }
4037
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4038
+ grid-column: 2;
4039
+ }
4040
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4041
+ position: revert;
4042
+ font-weight: var(--pf-t--global--font--weight--body--bold);
4043
+ text-align: start;
4044
+ content: attr(data-label);
4045
+ }
4046
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4047
+ border-inline-end: 0;
4048
+ }
4049
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4050
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4051
+ }
4052
+ .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] {
4053
+ display: grid;
4054
+ }
4055
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
4056
+ display: none;
4057
+ }
4058
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4059
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
4060
+ display: inline-block;
4061
+ }
4062
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
4063
+ --pf-v6-c-table--cell--Width: auto;
4064
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4065
+ --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);
4066
+ --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);
4067
+ grid-row: 1;
4068
+ grid-column: 2;
4069
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4070
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4071
+ }
4072
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4073
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4074
+ margin-inline-start: auto;
4075
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4076
+ }
4077
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4078
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4079
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4080
+ }
4081
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4082
+ --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));
4083
+ }
4084
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4085
+ --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));
4086
+ }
4087
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4088
+ --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));
4089
+ }
4090
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4091
+ --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));
4092
+ }
4093
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4094
+ --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));
4095
+ }
4096
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4097
+ --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));
4098
+ }
4099
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4100
+ --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));
4101
+ }
4102
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4103
+ --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));
4104
+ }
4105
+ .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4106
+ --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));
4107
+ }
4404
4108
  }
4405
-
4406
- .pf-v6-u-hidden {
4407
- display: none !important;
4109
+ @media screen and (max-width: calc(62rem - 1px)) {
4110
+ .pf-m-tree-view-grid-lg.pf-v6-c-table {
4111
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4112
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4113
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4114
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
4115
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
4116
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
4117
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4118
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
4119
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4120
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
4121
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4122
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
4123
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4124
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4125
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
4126
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
4127
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
4128
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
4129
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
4130
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4131
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4132
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4133
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4134
+ }
4135
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4136
+ position: relative;
4137
+ border: none;
4138
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4139
+ }
4140
+ .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 {
4141
+ position: absolute;
4142
+ inset-block-start: 0;
4143
+ inset-block-end: 0;
4144
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4145
+ inset-inline-end: 0;
4146
+ content: "";
4147
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4148
+ }
4149
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4150
+ display: grid;
4151
+ grid-template-columns: 1fr max-content;
4152
+ }
4153
+ .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 {
4154
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4155
+ }
4156
+ .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 {
4157
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4158
+ }
4159
+ .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) {
4160
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4161
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4162
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4163
+ }
4164
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4165
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4166
+ }
4167
+ .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4168
+ display: none;
4169
+ }
4170
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4171
+ display: none;
4172
+ }
4173
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4174
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4175
+ grid-column: 1;
4176
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4177
+ align-items: start;
4178
+ }
4179
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4180
+ grid-column: 2;
4181
+ }
4182
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4183
+ position: revert;
4184
+ font-weight: var(--pf-t--global--font--weight--body--bold);
4185
+ text-align: start;
4186
+ content: attr(data-label);
4187
+ }
4188
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4189
+ border-inline-end: 0;
4190
+ }
4191
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4192
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4193
+ }
4194
+ .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] {
4195
+ display: grid;
4196
+ }
4197
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
4198
+ display: none;
4199
+ }
4200
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4201
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
4202
+ display: inline-block;
4203
+ }
4204
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
4205
+ --pf-v6-c-table--cell--Width: auto;
4206
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4207
+ --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);
4208
+ --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);
4209
+ grid-row: 1;
4210
+ grid-column: 2;
4211
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4212
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4213
+ }
4214
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4215
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4216
+ margin-inline-start: auto;
4217
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4218
+ }
4219
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4220
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4221
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4222
+ }
4223
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4224
+ --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));
4225
+ }
4226
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4227
+ --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));
4228
+ }
4229
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4230
+ --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));
4231
+ }
4232
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4233
+ --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));
4234
+ }
4235
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4236
+ --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));
4237
+ }
4238
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4239
+ --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));
4240
+ }
4241
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4242
+ --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));
4243
+ }
4244
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4245
+ --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));
4246
+ }
4247
+ .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4248
+ --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));
4249
+ }
4408
4250
  }
4409
-
4410
- @media screen and (min-width: 36rem) {
4411
- .pf-v6-u-screen-reader-on-sm {
4412
- position: fixed;
4251
+ @media screen and (max-width: calc(75rem - 1px)) {
4252
+ .pf-m-tree-view-grid-xl.pf-v6-c-table {
4253
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4254
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4255
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4256
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
4257
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
4258
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
4259
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4260
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
4261
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4262
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
4263
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4264
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
4265
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4266
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4267
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
4268
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
4269
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
4270
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
4271
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
4272
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4273
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4274
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4275
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4276
+ }
4277
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4278
+ position: relative;
4279
+ border: none;
4280
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4281
+ }
4282
+ .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 {
4283
+ position: absolute;
4413
4284
  inset-block-start: 0;
4414
- inset-inline-start: 0;
4415
- overflow: hidden;
4416
- clip: rect(0, 0, 0, 0);
4417
- white-space: nowrap;
4418
- border: 0;
4285
+ inset-block-end: 0;
4286
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4287
+ inset-inline-end: 0;
4288
+ content: "";
4289
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4290
+ }
4291
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4292
+ display: grid;
4293
+ grid-template-columns: 1fr max-content;
4294
+ }
4295
+ .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 {
4296
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4297
+ }
4298
+ .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 {
4299
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4300
+ }
4301
+ .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) {
4302
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4303
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4304
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4305
+ }
4306
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4307
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4308
+ }
4309
+ .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4310
+ display: none;
4311
+ }
4312
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4313
+ display: none;
4314
+ }
4315
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4316
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4317
+ grid-column: 1;
4318
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4319
+ align-items: start;
4419
4320
  }
4420
- }
4421
- @media screen and (min-width: 36rem) {
4422
- .pf-v6-u-visible-on-sm {
4423
- position: static;
4424
- overflow: visible;
4425
- clip: auto;
4426
- white-space: normal;
4427
- border: inherit;
4321
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4322
+ grid-column: 2;
4428
4323
  }
4429
- }
4430
- @media screen and (min-width: 36rem) {
4431
- .pf-v6-u-hidden-on-sm {
4432
- display: none !important;
4324
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4325
+ position: revert;
4326
+ font-weight: var(--pf-t--global--font--weight--body--bold);
4327
+ text-align: start;
4328
+ content: attr(data-label);
4433
4329
  }
4434
- }
4435
- @media screen and (min-width: 48rem) {
4436
- .pf-v6-u-screen-reader-on-md {
4437
- position: fixed;
4438
- inset-block-start: 0;
4439
- inset-inline-start: 0;
4440
- overflow: hidden;
4441
- clip: rect(0, 0, 0, 0);
4442
- white-space: nowrap;
4443
- border: 0;
4330
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4331
+ border-inline-end: 0;
4444
4332
  }
4445
- }
4446
- @media screen and (min-width: 48rem) {
4447
- .pf-v6-u-visible-on-md {
4448
- position: static;
4449
- overflow: visible;
4450
- clip: auto;
4451
- white-space: normal;
4452
- border: inherit;
4333
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4334
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4453
4335
  }
4454
- }
4455
- @media screen and (min-width: 48rem) {
4456
- .pf-v6-u-hidden-on-md {
4457
- display: none !important;
4336
+ .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] {
4337
+ display: grid;
4458
4338
  }
4459
- }
4460
- @media screen and (min-width: 62rem) {
4461
- .pf-v6-u-screen-reader-on-lg {
4462
- position: fixed;
4463
- inset-block-start: 0;
4464
- inset-inline-start: 0;
4465
- overflow: hidden;
4466
- clip: rect(0, 0, 0, 0);
4467
- white-space: nowrap;
4468
- border: 0;
4339
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
4340
+ display: none;
4469
4341
  }
4470
- }
4471
- @media screen and (min-width: 62rem) {
4472
- .pf-v6-u-visible-on-lg {
4473
- position: static;
4474
- overflow: visible;
4475
- clip: auto;
4476
- white-space: normal;
4477
- border: inherit;
4342
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4343
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
4344
+ display: inline-block;
4478
4345
  }
4479
- }
4480
- @media screen and (min-width: 62rem) {
4481
- .pf-v6-u-hidden-on-lg {
4482
- display: none !important;
4346
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
4347
+ --pf-v6-c-table--cell--Width: auto;
4348
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4349
+ --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);
4350
+ --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);
4351
+ grid-row: 1;
4352
+ grid-column: 2;
4353
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4354
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4355
+ }
4356
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4357
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4358
+ margin-inline-start: auto;
4359
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4360
+ }
4361
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4362
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4363
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4364
+ }
4365
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4366
+ --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));
4367
+ }
4368
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4369
+ --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));
4370
+ }
4371
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4372
+ --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));
4373
+ }
4374
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4375
+ --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));
4376
+ }
4377
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4378
+ --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));
4379
+ }
4380
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4381
+ --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));
4382
+ }
4383
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4384
+ --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));
4385
+ }
4386
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4387
+ --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));
4388
+ }
4389
+ .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4390
+ --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));
4483
4391
  }
4484
4392
  }
4485
- @media screen and (min-width: 75rem) {
4486
- .pf-v6-u-screen-reader-on-xl {
4487
- position: fixed;
4393
+ @media screen and (max-width: calc(90.625rem - 1px)) {
4394
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table {
4395
+ --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4396
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
4397
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4398
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
4399
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
4400
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
4401
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
4402
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
4403
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4404
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
4405
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
4406
+ --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
4407
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4408
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4409
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
4410
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
4411
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
4412
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
4413
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
4414
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4415
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4416
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4417
+ --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4418
+ }
4419
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
4420
+ position: relative;
4421
+ border: none;
4422
+ outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
4423
+ }
4424
+ .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 {
4425
+ position: absolute;
4488
4426
  inset-block-start: 0;
4489
- inset-inline-start: 0;
4490
- overflow: hidden;
4491
- clip: rect(0, 0, 0, 0);
4492
- white-space: nowrap;
4493
- border: 0;
4427
+ inset-block-end: 0;
4428
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4429
+ inset-inline-end: 0;
4430
+ content: "";
4431
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
4494
4432
  }
4495
- }
4496
- @media screen and (min-width: 75rem) {
4497
- .pf-v6-u-visible-on-xl {
4498
- position: static;
4499
- overflow: visible;
4500
- clip: auto;
4501
- white-space: normal;
4502
- border: inherit;
4433
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not([hidden]) {
4434
+ display: grid;
4435
+ grid-template-columns: 1fr max-content;
4436
+ }
4437
+ .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 {
4438
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
4439
+ }
4440
+ .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 {
4441
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
4442
+ }
4443
+ .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) {
4444
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
4445
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
4446
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
4447
+ }
4448
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
4449
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
4450
+ }
4451
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
4452
+ display: none;
4453
+ }
4454
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td) {
4455
+ display: none;
4456
+ }
4457
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
4458
+ grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
4459
+ grid-column: 1;
4460
+ grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
4461
+ align-items: start;
4462
+ }
4463
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
4464
+ grid-column: 2;
4465
+ }
4466
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
4467
+ position: revert;
4468
+ font-weight: var(--pf-t--global--font--weight--body--bold);
4469
+ text-align: start;
4470
+ content: attr(data-label);
4471
+ }
4472
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
4473
+ border-inline-end: 0;
4474
+ }
4475
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
4476
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
4477
+ }
4478
+ .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] {
4479
+ display: grid;
4480
+ }
4481
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
4482
+ display: none;
4483
+ }
4484
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
4485
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
4486
+ display: inline-block;
4487
+ }
4488
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
4489
+ --pf-v6-c-table--cell--Width: auto;
4490
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
4491
+ --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);
4492
+ --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);
4493
+ grid-row: 1;
4494
+ grid-column: 2;
4495
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
4496
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
4497
+ }
4498
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
4499
+ order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
4500
+ margin-inline-start: auto;
4501
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
4502
+ }
4503
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
4504
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
4505
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
4506
+ }
4507
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
4508
+ --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));
4509
+ }
4510
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
4511
+ --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));
4503
4512
  }
4504
- }
4505
- @media screen and (min-width: 75rem) {
4506
- .pf-v6-u-hidden-on-xl {
4507
- display: none !important;
4513
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
4514
+ --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));
4508
4515
  }
4509
- }
4510
- @media screen and (min-width: 90.625rem) {
4511
- .pf-v6-u-screen-reader-on-2xl {
4512
- position: fixed;
4513
- inset-block-start: 0;
4514
- inset-inline-start: 0;
4515
- overflow: hidden;
4516
- clip: rect(0, 0, 0, 0);
4517
- white-space: nowrap;
4518
- border: 0;
4516
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
4517
+ --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));
4519
4518
  }
4520
- }
4521
- @media screen and (min-width: 90.625rem) {
4522
- .pf-v6-u-visible-on-2xl {
4523
- position: static;
4524
- overflow: visible;
4525
- clip: auto;
4526
- white-space: normal;
4527
- border: inherit;
4519
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
4520
+ --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));
4528
4521
  }
4529
- }
4530
- @media screen and (min-width: 90.625rem) {
4531
- .pf-v6-u-hidden-on-2xl {
4532
- display: none !important;
4522
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
4523
+ --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));
4524
+ }
4525
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
4526
+ --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));
4527
+ }
4528
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
4529
+ --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));
4530
+ }
4531
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
4532
+ --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));
4533
4533
  }
4534
4534
  }
4535
4535
  .pf-v6-c-tooltip {
@@ -5188,480 +5188,162 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5188
5188
  }
5189
5189
 
5190
5190
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
5191
- --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);
5192
- }
5193
-
5194
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
5195
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5196
- }
5197
-
5198
- .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,
5199
- .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,
5200
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
5201
- padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5202
- }
5203
-
5204
- .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,
5205
- .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,
5206
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
5207
- padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5208
- }
5209
-
5210
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
5211
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5212
- }
5213
-
5214
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
5215
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
5216
- color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
5217
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5218
- }
5219
-
5220
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
5221
- content: none;
5222
- }
5223
-
5224
- .pf-v6-c-menu-toggle.pf-m-typeahead {
5225
- --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
5226
- --pf-v6-c-menu-toggle--Gap: 0;
5227
- align-items: stretch;
5228
- padding: 0;
5229
- }
5230
-
5231
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
5232
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5233
- }
5234
-
5235
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
5236
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5237
- display: flex;
5238
- align-items: stretch;
5239
- }
5240
-
5241
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
5242
- --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
5243
- flex: 1;
5244
- }
5245
-
5246
- .pf-v6-c-menu-toggle__button {
5247
- gap: var(--pf-v6-c-menu-toggle__button--Gap);
5248
- align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
5249
- min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
5250
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
5251
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
5252
- color: inherit;
5253
- background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
5254
- border: 0;
5255
- }
5256
-
5257
- .pf-v6-c-menu-toggle__button.pf-m-text {
5258
- display: inline-flex;
5259
- align-items: baseline;
5260
- }
5261
-
5262
- .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) {
5263
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5264
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5265
- }
5266
-
5267
- .pf-v6-c-menu-toggle__text {
5268
- overflow: hidden;
5269
- text-overflow: ellipsis;
5270
- white-space: nowrap;
5271
- min-width: 0;
5272
- }
5273
-
5274
- .pf-v6-c-menu-toggle__count {
5275
- display: flex;
5276
- flex-wrap: nowrap;
5277
- }
5278
-
5279
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5280
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5281
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
5282
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5283
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5284
- }
5285
-
5286
- .pf-v6-c-menu-toggle__icon {
5287
- flex-shrink: 0;
5288
- transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
5289
- transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
5290
- transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
5291
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
5292
- }
5293
-
5294
- .pf-v6-c-menu-toggle__icon :where(picture, img) {
5295
- vertical-align: middle;
5296
- }
5297
-
5298
- .pf-v6-c-menu-toggle__controls {
5299
- display: flex;
5300
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5301
- align-items: center;
5302
- justify-content: center;
5303
- margin-inline-start: auto;
5304
- }
5305
-
5306
- .pf-v6-c-menu-toggle__toggle-icon {
5307
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5308
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5309
- }
5310
-
5311
- .pf-v6-c-menu-toggle__status-icon {
5312
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5313
- }
5314
-
5315
- .pf-v6-c-action-list {
5316
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5317
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5318
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5319
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5320
- }
5321
-
5322
- .pf-v6-c-action-list,
5323
- .pf-v6-c-action-list__group {
5324
- display: flex;
5325
- align-items: start;
5326
- }
5327
-
5328
- .pf-v6-c-action-list {
5329
- row-gap: var(--pf-v6-c-action-list--RowGap);
5330
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
5331
- }
5332
-
5333
- .pf-v6-c-action-list.pf-m-icons {
5334
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5335
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5336
- }
5337
-
5338
- .pf-v6-c-action-list__group {
5339
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5340
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5341
- }
5342
-
5343
- .pf-v6-c-action-list__group.pf-m-icons {
5344
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5345
- }
5346
-
5347
- .pf-v6-c-divider {
5348
- --pf-v6-c-divider--Display: flex;
5349
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5350
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5351
- --pf-v6-c-divider--before--FlexBasis: 100%;
5352
- }
5353
-
5354
- .pf-v6-c-divider {
5355
- flex-direction: row;
5356
- width: 100%;
5357
- height: var(--pf-v6-c-divider--Size);
5358
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5359
- --pf-v6-hidden-visible--hidden--Display: none;
5360
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5361
- display: var(--pf-v6-hidden-visible--Display);
5362
- flex-shrink: 0;
5363
- align-items: stretch;
5364
- align-self: stretch;
5365
- justify-content: center;
5366
- border: 0;
5367
- }
5368
-
5369
- .pf-v6-c-divider.pf-m-hidden {
5370
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5371
- }
5372
-
5373
- @media screen and (min-width: 36rem) {
5374
- .pf-v6-c-divider.pf-m-hidden-on-sm {
5375
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5376
- }
5377
- .pf-v6-c-divider.pf-m-visible-on-sm {
5378
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5379
- }
5380
- }
5381
- @media screen and (min-width: 48rem) {
5382
- .pf-v6-c-divider.pf-m-hidden-on-md {
5383
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5384
- }
5385
- .pf-v6-c-divider.pf-m-visible-on-md {
5386
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5387
- }
5388
- }
5389
- @media screen and (min-width: 62rem) {
5390
- .pf-v6-c-divider.pf-m-hidden-on-lg {
5391
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5392
- }
5393
- .pf-v6-c-divider.pf-m-visible-on-lg {
5394
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5395
- }
5396
- }
5397
- @media screen and (min-width: 75rem) {
5398
- .pf-v6-c-divider.pf-m-hidden-on-xl {
5399
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5400
- }
5401
- .pf-v6-c-divider.pf-m-visible-on-xl {
5402
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5403
- }
5191
+ --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);
5404
5192
  }
5405
- @media screen and (min-width: 90.625rem) {
5406
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
5407
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5408
- }
5409
- .pf-v6-c-divider.pf-m-visible-on-2xl {
5410
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5411
- }
5193
+
5194
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
5195
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5412
5196
  }
5413
- .pf-v6-c-divider::before {
5414
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5415
- content: "";
5416
- background-color: var(--pf-v6-c-divider--Color);
5417
- border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
5418
- border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
5197
+
5198
+ .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,
5199
+ .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,
5200
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
5201
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5419
5202
  }
5420
5203
 
5421
- .pf-v6-c-divider.pf-m-horizontal {
5422
- flex-direction: row;
5423
- width: 100%;
5424
- height: var(--pf-v6-c-divider--Size);
5204
+ .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,
5205
+ .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,
5206
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
5207
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5425
5208
  }
5426
5209
 
5427
- .pf-v6-c-divider.pf-m-vertical {
5428
- flex-direction: column;
5429
- width: var(--pf-v6-c-divider--Size);
5430
- height: inherit;
5210
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
5211
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5431
5212
  }
5432
5213
 
5433
- .pf-v6-c-divider.pf-m-inset-none {
5434
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5214
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
5215
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
5216
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
5217
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5435
5218
  }
5436
5219
 
5437
- .pf-v6-c-divider.pf-m-inset-xs {
5438
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5220
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
5221
+ content: none;
5439
5222
  }
5440
5223
 
5441
- .pf-v6-c-divider.pf-m-inset-sm {
5442
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5224
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
5225
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
5226
+ --pf-v6-c-menu-toggle--Gap: 0;
5227
+ align-items: stretch;
5228
+ padding: 0;
5443
5229
  }
5444
5230
 
5445
- .pf-v6-c-divider.pf-m-inset-md {
5446
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5231
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
5232
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5447
5233
  }
5448
5234
 
5449
- .pf-v6-c-divider.pf-m-inset-lg {
5450
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5235
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
5236
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5237
+ display: flex;
5238
+ align-items: stretch;
5451
5239
  }
5452
5240
 
5453
- .pf-v6-c-divider.pf-m-inset-xl {
5454
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5241
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
5242
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
5243
+ flex: 1;
5455
5244
  }
5456
5245
 
5457
- .pf-v6-c-divider.pf-m-inset-2xl {
5458
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5246
+ .pf-v6-c-menu-toggle__button {
5247
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
5248
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
5249
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
5250
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
5251
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
5252
+ color: inherit;
5253
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
5254
+ border: 0;
5459
5255
  }
5460
5256
 
5461
- .pf-v6-c-divider.pf-m-inset-3xl {
5462
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5257
+ .pf-v6-c-menu-toggle__button.pf-m-text {
5258
+ display: inline-flex;
5259
+ align-items: baseline;
5463
5260
  }
5464
5261
 
5465
- @media (min-width: 36rem) {
5466
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
5467
- flex-direction: row;
5468
- width: 100%;
5469
- height: var(--pf-v6-c-divider--Size);
5470
- }
5262
+ .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) {
5263
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5264
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5471
5265
  }
5472
- @media (min-width: 36rem) {
5473
- .pf-v6-c-divider.pf-m-vertical-on-sm {
5474
- flex-direction: column;
5475
- width: var(--pf-v6-c-divider--Size);
5476
- height: inherit;
5477
- }
5266
+
5267
+ .pf-v6-c-menu-toggle__text {
5268
+ overflow: hidden;
5269
+ text-overflow: ellipsis;
5270
+ white-space: nowrap;
5271
+ min-width: 0;
5478
5272
  }
5479
- @media (min-width: 36rem) {
5480
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
5481
- --pf-v6-c-divider--before--FlexBasis: 100%;
5482
- }
5483
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5484
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5485
- }
5486
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5487
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5488
- }
5489
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
5490
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5491
- }
5492
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5493
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5494
- }
5495
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5496
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5497
- }
5498
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5499
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5500
- }
5501
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5502
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5503
- }
5273
+
5274
+ .pf-v6-c-menu-toggle__count {
5275
+ display: flex;
5276
+ flex-wrap: nowrap;
5504
5277
  }
5505
- @media (min-width: 48rem) {
5506
- .pf-v6-c-divider.pf-m-horizontal-on-md {
5507
- flex-direction: row;
5508
- width: 100%;
5509
- height: var(--pf-v6-c-divider--Size);
5510
- }
5278
+
5279
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5280
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5281
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
5282
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5283
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5511
5284
  }
5512
- @media (min-width: 48rem) {
5513
- .pf-v6-c-divider.pf-m-vertical-on-md {
5514
- flex-direction: column;
5515
- width: var(--pf-v6-c-divider--Size);
5516
- height: inherit;
5517
- }
5285
+
5286
+ .pf-v6-c-menu-toggle__icon {
5287
+ flex-shrink: 0;
5288
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
5289
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
5290
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
5291
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
5518
5292
  }
5519
- @media (min-width: 48rem) {
5520
- .pf-v6-c-divider.pf-m-inset-none-on-md {
5521
- --pf-v6-c-divider--before--FlexBasis: 100%;
5522
- }
5523
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
5524
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5525
- }
5526
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
5527
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5528
- }
5529
- .pf-v6-c-divider.pf-m-inset-md-on-md {
5530
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5531
- }
5532
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
5533
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5534
- }
5535
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
5536
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5537
- }
5538
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
5539
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5540
- }
5541
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
5542
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5543
- }
5293
+
5294
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
5295
+ vertical-align: middle;
5544
5296
  }
5545
- @media (min-width: 62rem) {
5546
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
5547
- flex-direction: row;
5548
- width: 100%;
5549
- height: var(--pf-v6-c-divider--Size);
5550
- }
5297
+
5298
+ .pf-v6-c-menu-toggle__controls {
5299
+ display: flex;
5300
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5301
+ align-items: center;
5302
+ justify-content: center;
5303
+ margin-inline-start: auto;
5551
5304
  }
5552
- @media (min-width: 62rem) {
5553
- .pf-v6-c-divider.pf-m-vertical-on-lg {
5554
- flex-direction: column;
5555
- width: var(--pf-v6-c-divider--Size);
5556
- height: inherit;
5557
- }
5305
+
5306
+ .pf-v6-c-menu-toggle__toggle-icon {
5307
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5308
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5558
5309
  }
5559
- @media (min-width: 62rem) {
5560
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
5561
- --pf-v6-c-divider--before--FlexBasis: 100%;
5562
- }
5563
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
5564
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5565
- }
5566
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
5567
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5568
- }
5569
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
5570
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5571
- }
5572
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
5573
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5574
- }
5575
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5576
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5577
- }
5578
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5579
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5580
- }
5581
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5582
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5583
- }
5310
+
5311
+ .pf-v6-c-menu-toggle__status-icon {
5312
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5584
5313
  }
5585
- @media (min-width: 75rem) {
5586
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
5587
- flex-direction: row;
5588
- width: 100%;
5589
- height: var(--pf-v6-c-divider--Size);
5590
- }
5314
+
5315
+ .pf-v6-c-action-list {
5316
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5317
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5318
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5319
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5591
5320
  }
5592
- @media (min-width: 75rem) {
5593
- .pf-v6-c-divider.pf-m-vertical-on-xl {
5594
- flex-direction: column;
5595
- width: var(--pf-v6-c-divider--Size);
5596
- height: inherit;
5597
- }
5321
+
5322
+ .pf-v6-c-action-list,
5323
+ .pf-v6-c-action-list__group {
5324
+ display: flex;
5325
+ align-items: start;
5598
5326
  }
5599
- @media (min-width: 75rem) {
5600
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
5601
- --pf-v6-c-divider--before--FlexBasis: 100%;
5602
- }
5603
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5604
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5605
- }
5606
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5607
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5608
- }
5609
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
5610
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5611
- }
5612
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5613
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5614
- }
5615
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5616
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5617
- }
5618
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5619
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5620
- }
5621
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5622
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5623
- }
5327
+
5328
+ .pf-v6-c-action-list {
5329
+ row-gap: var(--pf-v6-c-action-list--RowGap);
5330
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
5624
5331
  }
5625
- @media (min-width: 90.625rem) {
5626
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5627
- flex-direction: row;
5628
- width: 100%;
5629
- height: var(--pf-v6-c-divider--Size);
5630
- }
5332
+
5333
+ .pf-v6-c-action-list.pf-m-icons {
5334
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5335
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5631
5336
  }
5632
- @media (min-width: 90.625rem) {
5633
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
5634
- flex-direction: column;
5635
- width: var(--pf-v6-c-divider--Size);
5636
- height: inherit;
5637
- }
5337
+
5338
+ .pf-v6-c-action-list__group {
5339
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5340
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5638
5341
  }
5639
- @media (min-width: 90.625rem) {
5640
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5641
- --pf-v6-c-divider--before--FlexBasis: 100%;
5642
- }
5643
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5644
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5645
- }
5646
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5647
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5648
- }
5649
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5650
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5651
- }
5652
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5653
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5654
- }
5655
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5656
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5657
- }
5658
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5659
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5660
- }
5661
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5662
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5663
- }
5342
+
5343
+ .pf-v6-c-action-list__group.pf-m-icons {
5344
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5664
5345
  }
5346
+
5665
5347
  .pf-v6-c-form-control {
5666
5348
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
5667
5349
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -7048,156 +6730,474 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7048
6730
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
7049
6731
  }
7050
6732
 
7051
- .pf-v6-c-button:active {
7052
- background-size: 100% 100%;
7053
- transition-duration: 0s;
6733
+ .pf-v6-c-button:active {
6734
+ background-size: 100% 100%;
6735
+ transition-duration: 0s;
6736
+ }
6737
+
6738
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
6739
+ pointer-events: none;
6740
+ }
6741
+
6742
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
6743
+ color: var(--pf-v6-c-button--disabled--Color);
6744
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
6745
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
6746
+ }
6747
+
6748
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
6749
+ border-color: transparent;
6750
+ }
6751
+
6752
+ .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
6753
+ color: var(--pf-v6-c-button--disabled__icon--Color);
6754
+ }
6755
+
6756
+ .pf-v6-c-button.pf-m-aria-disabled {
6757
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
6758
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
6759
+ cursor: default;
6760
+ }
6761
+
6762
+ .pf-v6-c-button.pf-m-progress {
6763
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
6764
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
6765
+ }
6766
+
6767
+ .pf-v6-c-button.pf-m-in-progress {
6768
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
6769
+ }
6770
+
6771
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
6772
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
6773
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
6774
+ }
6775
+
6776
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
6777
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
6778
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
6779
+ }
6780
+
6781
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
6782
+ opacity: 0;
6783
+ }
6784
+
6785
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
6786
+ animation-name: pf-v6-c-button-icon-notify;
6787
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
6788
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
6789
+ }
6790
+
6791
+ .pf-v6-c-button__icon {
6792
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
6793
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
6794
+ color: var(--pf-v6-c-button__icon--Color);
6795
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
6796
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
6797
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
6798
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
6799
+ rotate: var(--pf-v6-c-button__icon--Rotate);
6800
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
6801
+ }
6802
+
6803
+ .pf-v6-c-button__icon.pf-m-start {
6804
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
6805
+ }
6806
+
6807
+ .pf-v6-c-button__icon.pf-m-end {
6808
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
6809
+ }
6810
+
6811
+ .pf-v6-c-button__icon-favorite,
6812
+ .pf-v6-c-button__icon-favorited {
6813
+ grid-area: 1/1/1/1;
6814
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
6815
+ transition-property: opacity;
6816
+ }
6817
+
6818
+ .pf-v6-c-button__icon-favorite {
6819
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
6820
+ }
6821
+
6822
+ .pf-v6-c-button__icon-favorited {
6823
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
6824
+ }
6825
+
6826
+ .pf-v6-c-button__progress {
6827
+ position: absolute;
6828
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6829
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6830
+ line-height: 1;
6831
+ color: var(--pf-v6-c-button__progress--Color);
6832
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
6833
+ }
6834
+
6835
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
6836
+ --pf-v6-c-spinner--Color: currentcolor;
6837
+ }
6838
+
6839
+ .pf-v6-c-button__text {
6840
+ text-decoration: inherit;
6841
+ }
6842
+
6843
+ .pf-v6-c-button__count {
6844
+ display: inline-flex;
6845
+ align-items: center;
6846
+ }
6847
+
6848
+ .pf-v6-c-button--hamburger-icon path {
6849
+ fill: none;
6850
+ stroke: currentcolor;
6851
+ stroke-linecap: round;
6852
+ stroke-linejoin: round;
6853
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
6854
+ }
6855
+
6856
+ .pf-v6-c-button--hamburger-icon--top {
6857
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
6858
+ }
6859
+
6860
+ .pf-v6-c-button--hamburger-icon--middle {
6861
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
6862
+ }
6863
+
6864
+ .pf-v6-c-button--hamburger-icon--arrow {
6865
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
6866
+ }
6867
+
6868
+ .pf-v6-c-button--hamburger-icon--bottom {
6869
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
6870
+ }
6871
+
6872
+ @keyframes pf-v6-c-button-icon-notify {
6873
+ 33% {
6874
+ transform: rotate(30deg);
6875
+ }
6876
+ 66% {
6877
+ transform: rotate(-60deg);
6878
+ }
6879
+ }
6880
+ @keyframes pf-v6-c-button-icon-favorited {
6881
+ 50% {
6882
+ scale: 1.5;
6883
+ }
6884
+ }
6885
+ .pf-v6-c-divider {
6886
+ --pf-v6-c-divider--Display: flex;
6887
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6888
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6889
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6890
+ }
6891
+
6892
+ .pf-v6-c-divider {
6893
+ flex-direction: row;
6894
+ width: 100%;
6895
+ height: var(--pf-v6-c-divider--Size);
6896
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6897
+ --pf-v6-hidden-visible--hidden--Display: none;
6898
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6899
+ display: var(--pf-v6-hidden-visible--Display);
6900
+ flex-shrink: 0;
6901
+ align-items: stretch;
6902
+ align-self: stretch;
6903
+ justify-content: center;
6904
+ border: 0;
6905
+ }
6906
+
6907
+ .pf-v6-c-divider.pf-m-hidden {
6908
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7054
6909
  }
7055
6910
 
7056
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
7057
- pointer-events: none;
6911
+ @media screen and (min-width: 36rem) {
6912
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6913
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6914
+ }
6915
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6916
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6917
+ }
7058
6918
  }
7059
-
7060
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
7061
- color: var(--pf-v6-c-button--disabled--Color);
7062
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
7063
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
6919
+ @media screen and (min-width: 48rem) {
6920
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6921
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6922
+ }
6923
+ .pf-v6-c-divider.pf-m-visible-on-md {
6924
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6925
+ }
7064
6926
  }
7065
-
7066
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
7067
- border-color: transparent;
6927
+ @media screen and (min-width: 62rem) {
6928
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6929
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6930
+ }
6931
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6932
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6933
+ }
7068
6934
  }
7069
-
7070
- .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
7071
- color: var(--pf-v6-c-button--disabled__icon--Color);
6935
+ @media screen and (min-width: 75rem) {
6936
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6937
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6938
+ }
6939
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6940
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6941
+ }
7072
6942
  }
7073
-
7074
- .pf-v6-c-button.pf-m-aria-disabled {
7075
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
7076
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
7077
- cursor: default;
6943
+ @media screen and (min-width: 90.625rem) {
6944
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6945
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6946
+ }
6947
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6948
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6949
+ }
7078
6950
  }
7079
-
7080
- .pf-v6-c-button.pf-m-progress {
7081
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
7082
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
6951
+ .pf-v6-c-divider::before {
6952
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6953
+ content: "";
6954
+ background-color: var(--pf-v6-c-divider--Color);
6955
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
6956
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
7083
6957
  }
7084
6958
 
7085
- .pf-v6-c-button.pf-m-in-progress {
7086
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
6959
+ .pf-v6-c-divider.pf-m-horizontal {
6960
+ flex-direction: row;
6961
+ width: 100%;
6962
+ height: var(--pf-v6-c-divider--Size);
7087
6963
  }
7088
6964
 
7089
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
7090
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
7091
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
6965
+ .pf-v6-c-divider.pf-m-vertical {
6966
+ flex-direction: column;
6967
+ width: var(--pf-v6-c-divider--Size);
6968
+ height: inherit;
7092
6969
  }
7093
6970
 
7094
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
7095
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
7096
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
6971
+ .pf-v6-c-divider.pf-m-inset-none {
6972
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
7097
6973
  }
7098
6974
 
7099
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
7100
- opacity: 0;
6975
+ .pf-v6-c-divider.pf-m-inset-xs {
6976
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7101
6977
  }
7102
6978
 
7103
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
7104
- animation-name: pf-v6-c-button-icon-notify;
7105
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
7106
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
6979
+ .pf-v6-c-divider.pf-m-inset-sm {
6980
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7107
6981
  }
7108
6982
 
7109
- .pf-v6-c-button__icon {
7110
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
7111
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
7112
- color: var(--pf-v6-c-button__icon--Color);
7113
- transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
7114
- transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
7115
- transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
7116
- transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
7117
- rotate: var(--pf-v6-c-button__icon--Rotate);
7118
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
6983
+ .pf-v6-c-divider.pf-m-inset-md {
6984
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7119
6985
  }
7120
6986
 
7121
- .pf-v6-c-button__icon.pf-m-start {
7122
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
6987
+ .pf-v6-c-divider.pf-m-inset-lg {
6988
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7123
6989
  }
7124
6990
 
7125
- .pf-v6-c-button__icon.pf-m-end {
7126
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
6991
+ .pf-v6-c-divider.pf-m-inset-xl {
6992
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7127
6993
  }
7128
6994
 
7129
- .pf-v6-c-button__icon-favorite,
7130
- .pf-v6-c-button__icon-favorited {
7131
- grid-area: 1/1/1/1;
7132
- transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
7133
- transition-property: opacity;
6995
+ .pf-v6-c-divider.pf-m-inset-2xl {
6996
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7134
6997
  }
7135
6998
 
7136
- .pf-v6-c-button__icon-favorite {
7137
- opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
6999
+ .pf-v6-c-divider.pf-m-inset-3xl {
7000
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7138
7001
  }
7139
7002
 
7140
- .pf-v6-c-button__icon-favorited {
7141
- opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
7003
+ @media (min-width: 36rem) {
7004
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
7005
+ flex-direction: row;
7006
+ width: 100%;
7007
+ height: var(--pf-v6-c-divider--Size);
7008
+ }
7142
7009
  }
7143
-
7144
- .pf-v6-c-button__progress {
7145
- position: absolute;
7146
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
7147
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
7148
- line-height: 1;
7149
- color: var(--pf-v6-c-button__progress--Color);
7150
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
7010
+ @media (min-width: 36rem) {
7011
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
7012
+ flex-direction: column;
7013
+ width: var(--pf-v6-c-divider--Size);
7014
+ height: inherit;
7015
+ }
7151
7016
  }
7152
-
7153
- .pf-v6-c-button__progress .pf-v6-c-spinner {
7154
- --pf-v6-c-spinner--Color: currentcolor;
7017
+ @media (min-width: 36rem) {
7018
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
7019
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7020
+ }
7021
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
7022
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7023
+ }
7024
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
7025
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7026
+ }
7027
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
7028
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7029
+ }
7030
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
7031
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7032
+ }
7033
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
7034
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7035
+ }
7036
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
7037
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7038
+ }
7039
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
7040
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7041
+ }
7155
7042
  }
7156
-
7157
- .pf-v6-c-button__text {
7158
- text-decoration: inherit;
7043
+ @media (min-width: 48rem) {
7044
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
7045
+ flex-direction: row;
7046
+ width: 100%;
7047
+ height: var(--pf-v6-c-divider--Size);
7048
+ }
7159
7049
  }
7160
-
7161
- .pf-v6-c-button__count {
7162
- display: inline-flex;
7163
- align-items: center;
7050
+ @media (min-width: 48rem) {
7051
+ .pf-v6-c-divider.pf-m-vertical-on-md {
7052
+ flex-direction: column;
7053
+ width: var(--pf-v6-c-divider--Size);
7054
+ height: inherit;
7055
+ }
7056
+ }
7057
+ @media (min-width: 48rem) {
7058
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
7059
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7060
+ }
7061
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
7062
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7063
+ }
7064
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
7065
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7066
+ }
7067
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
7068
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7069
+ }
7070
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
7071
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7072
+ }
7073
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
7074
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7075
+ }
7076
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
7077
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7078
+ }
7079
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
7080
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7081
+ }
7082
+ }
7083
+ @media (min-width: 62rem) {
7084
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
7085
+ flex-direction: row;
7086
+ width: 100%;
7087
+ height: var(--pf-v6-c-divider--Size);
7088
+ }
7089
+ }
7090
+ @media (min-width: 62rem) {
7091
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
7092
+ flex-direction: column;
7093
+ width: var(--pf-v6-c-divider--Size);
7094
+ height: inherit;
7095
+ }
7096
+ }
7097
+ @media (min-width: 62rem) {
7098
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
7099
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7100
+ }
7101
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
7102
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7103
+ }
7104
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
7105
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7106
+ }
7107
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
7108
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7109
+ }
7110
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
7111
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7112
+ }
7113
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
7114
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7115
+ }
7116
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
7117
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7118
+ }
7119
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
7120
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7121
+ }
7164
7122
  }
7165
-
7166
- .pf-v6-c-button--hamburger-icon path {
7167
- fill: none;
7168
- stroke: currentcolor;
7169
- stroke-linecap: round;
7170
- stroke-linejoin: round;
7171
- transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
7123
+ @media (min-width: 75rem) {
7124
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
7125
+ flex-direction: row;
7126
+ width: 100%;
7127
+ height: var(--pf-v6-c-divider--Size);
7128
+ }
7172
7129
  }
7173
-
7174
- .pf-v6-c-button--hamburger-icon--top {
7175
- d: var(--pf-v6-c-button--hamburger-icon--top--path);
7130
+ @media (min-width: 75rem) {
7131
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
7132
+ flex-direction: column;
7133
+ width: var(--pf-v6-c-divider--Size);
7134
+ height: inherit;
7135
+ }
7176
7136
  }
7177
-
7178
- .pf-v6-c-button--hamburger-icon--middle {
7179
- d: var(--pf-v6-c-button--hamburger-icon--middle--path);
7137
+ @media (min-width: 75rem) {
7138
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
7139
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7140
+ }
7141
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
7142
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7143
+ }
7144
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
7145
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7146
+ }
7147
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
7148
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7149
+ }
7150
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
7151
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7152
+ }
7153
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
7154
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7155
+ }
7156
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
7157
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7158
+ }
7159
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
7160
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7161
+ }
7180
7162
  }
7181
-
7182
- .pf-v6-c-button--hamburger-icon--arrow {
7183
- d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
7163
+ @media (min-width: 90.625rem) {
7164
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
7165
+ flex-direction: row;
7166
+ width: 100%;
7167
+ height: var(--pf-v6-c-divider--Size);
7168
+ }
7184
7169
  }
7185
-
7186
- .pf-v6-c-button--hamburger-icon--bottom {
7187
- d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
7170
+ @media (min-width: 90.625rem) {
7171
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
7172
+ flex-direction: column;
7173
+ width: var(--pf-v6-c-divider--Size);
7174
+ height: inherit;
7175
+ }
7188
7176
  }
7189
-
7190
- @keyframes pf-v6-c-button-icon-notify {
7191
- 33% {
7192
- transform: rotate(30deg);
7177
+ @media (min-width: 90.625rem) {
7178
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
7179
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7193
7180
  }
7194
- 66% {
7195
- transform: rotate(-60deg);
7181
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
7182
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7196
7183
  }
7197
- }
7198
- @keyframes pf-v6-c-button-icon-favorited {
7199
- 50% {
7200
- scale: 1.5;
7184
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
7185
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7186
+ }
7187
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
7188
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7189
+ }
7190
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
7191
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7192
+ }
7193
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
7194
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7195
+ }
7196
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
7197
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7198
+ }
7199
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
7200
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7201
7201
  }
7202
7202
  }
7203
7203
  .pf-v6-c-menu {
@@ -8000,6 +8000,81 @@ button.pf-v6-c-breadcrumb__link {
8000
8000
  display: none;
8001
8001
  }
8002
8002
 
8003
+ .pf-v6-c-badge {
8004
+ --pf-v6-c-badge--BorderColor: transparent;
8005
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
8006
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
8007
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
8008
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
8009
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8010
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8011
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8012
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
8013
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
8014
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8015
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8016
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8017
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
8018
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8019
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8020
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8021
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8022
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8023
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8024
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8025
+ }
8026
+
8027
+ .pf-v6-c-badge {
8028
+ position: relative;
8029
+ display: inline-block;
8030
+ min-width: var(--pf-v6-c-badge--MinWidth);
8031
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8032
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8033
+ font-size: var(--pf-v6-c-badge--FontSize);
8034
+ font-weight: var(--pf-v6-c-badge--FontWeight);
8035
+ color: var(--pf-v6-c-badge--Color);
8036
+ text-align: center;
8037
+ white-space: nowrap;
8038
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
8039
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
8040
+ }
8041
+
8042
+ .pf-v6-c-badge::after {
8043
+ position: absolute;
8044
+ inset: 0;
8045
+ pointer-events: none;
8046
+ content: "";
8047
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8048
+ border-radius: inherit;
8049
+ }
8050
+
8051
+ .pf-v6-c-badge.pf-m-read {
8052
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
8053
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8054
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8055
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8056
+ }
8057
+
8058
+ .pf-v6-c-badge.pf-m-unread {
8059
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8060
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8061
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8062
+ }
8063
+
8064
+ .pf-v6-c-badge.pf-m-disabled {
8065
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8066
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8067
+ }
8068
+
8069
+ .pf-v6-c-badge.pf-m-disabled::after {
8070
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8071
+ }
8072
+
8073
+ .pf-v6-c-badge__toggle-icon {
8074
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8075
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
8076
+ }
8077
+
8003
8078
  .pf-v6-c-spinner {
8004
8079
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
8005
8080
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -8086,78 +8161,4 @@ button.pf-v6-c-breadcrumb__link {
8086
8161
  stroke-dashoffset: 280;
8087
8162
  transform: rotate(720deg);
8088
8163
  }
8089
- }
8090
- .pf-v6-c-badge {
8091
- --pf-v6-c-badge--BorderColor: transparent;
8092
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
8093
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
8094
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
8095
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
8096
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8097
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8098
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8099
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
8100
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
8101
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8102
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8103
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8104
- --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
8105
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8106
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8107
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8108
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8109
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8110
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8111
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8112
- }
8113
-
8114
- .pf-v6-c-badge {
8115
- position: relative;
8116
- display: inline-block;
8117
- min-width: var(--pf-v6-c-badge--MinWidth);
8118
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8119
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8120
- font-size: var(--pf-v6-c-badge--FontSize);
8121
- font-weight: var(--pf-v6-c-badge--FontWeight);
8122
- color: var(--pf-v6-c-badge--Color);
8123
- text-align: center;
8124
- white-space: nowrap;
8125
- background-color: var(--pf-v6-c-badge--BackgroundColor);
8126
- border-radius: var(--pf-v6-c-badge--BorderRadius);
8127
- }
8128
-
8129
- .pf-v6-c-badge::after {
8130
- position: absolute;
8131
- inset: 0;
8132
- pointer-events: none;
8133
- content: "";
8134
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8135
- border-radius: inherit;
8136
- }
8137
-
8138
- .pf-v6-c-badge.pf-m-read {
8139
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
8140
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8141
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8142
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8143
- }
8144
-
8145
- .pf-v6-c-badge.pf-m-unread {
8146
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8147
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8148
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8149
- }
8150
-
8151
- .pf-v6-c-badge.pf-m-disabled {
8152
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8153
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8154
- }
8155
-
8156
- .pf-v6-c-badge.pf-m-disabled::after {
8157
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8158
- }
8159
-
8160
- .pf-v6-c-badge__toggle-icon {
8161
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8162
- color: var(--pf-v6-c-badge__toggle-icon--Color);
8163
8164
  }