@patternfly/react-styles 6.0.0-alpha.26 → 6.0.0-alpha.28
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/assets/images/img_avatar-dark.svg +22 -16
- package/css/assets/images/img_avatar-light.svg +25 -18
- package/css/components/Alert/alert-group.css +55 -4
- package/css/components/Alert/alert-group.d.ts +5 -1
- package/css/components/Alert/alert-group.js +5 -1
- package/css/components/Alert/alert-group.mjs +5 -1
- package/css/components/Alert/alert.css +5 -14
- package/css/components/Button/button.css +44 -21
- package/css/components/Card/card.css +7 -7
- package/css/components/Card/card.d.ts +1 -0
- package/css/components/Card/card.js +1 -0
- package/css/components/Card/card.mjs +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
- package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
- package/css/components/Content/content.css +19 -43
- package/css/components/DataList/data-list.css +2 -2
- package/css/components/Drawer/drawer.css +6 -6
- package/css/components/EmptyState/empty-state.css +3 -3
- package/css/components/Hint/hint.css +1 -7
- package/css/components/InlineEdit/inline-edit.css +2 -2
- package/css/components/JumpLinks/jump-links.css +3 -20
- package/css/components/JumpLinks/jump-links.d.ts +0 -2
- package/css/components/JumpLinks/jump-links.js +0 -2
- package/css/components/JumpLinks/jump-links.mjs +0 -2
- package/css/components/Label/label.css +6 -6
- package/css/components/List/list.css +33 -40
- package/css/components/MenuToggle/menu-toggle.css +6 -34
- package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
- package/css/components/MenuToggle/menu-toggle.js +0 -1
- package/css/components/MenuToggle/menu-toggle.mjs +0 -1
- package/css/components/ModalBox/modal-box.css +2 -0
- package/css/components/Nav/nav.css +1 -0
- package/css/components/NotificationDrawer/notification-drawer.css +1 -7
- package/css/components/NumberInput/number-input.css +0 -1
- package/css/components/Page/page.css +45 -55
- package/css/components/Page/page.d.ts +1 -0
- package/css/components/Page/page.js +1 -0
- package/css/components/Page/page.mjs +1 -0
- package/css/components/Panel/panel.css +17 -14
- package/css/components/Popover/popover.css +3 -5
- package/css/components/Switch/switch.css +0 -6
- package/css/components/Switch/switch.d.ts +1 -3
- package/css/components/Switch/switch.js +1 -3
- package/css/components/Switch/switch.mjs +1 -3
- package/css/components/Table/table-grid.css +26 -100
- package/css/components/Table/table-grid.d.ts +2 -1
- package/css/components/Table/table-grid.js +2 -1
- package/css/components/Table/table-grid.mjs +2 -1
- package/css/components/Tabs/tabs.css +1 -18
- package/css/components/Tabs/tabs.d.ts +1 -2
- package/css/components/Tabs/tabs.js +1 -2
- package/css/components/Tabs/tabs.mjs +1 -2
- package/css/components/Toolbar/toolbar.css +67 -792
- package/css/components/Toolbar/toolbar.d.ts +2 -110
- package/css/components/Toolbar/toolbar.js +2 -110
- package/css/components/Toolbar/toolbar.mjs +2 -110
- package/css/components/Truncate/truncate.css +1 -1
- package/css/components/Wizard/wizard.css +24 -9
- package/css/components/Wizard/wizard.d.ts +1 -0
- package/css/components/Wizard/wizard.js +1 -0
- package/css/components/Wizard/wizard.mjs +1 -0
- package/css/components/_index.css +388 -1410
- package/css/components/_index.d.ts +7 -130
- package/css/components/_index.js +7 -130
- package/css/components/_index.mjs +7 -130
- package/css/docs/components/Page/examples/Page.css +5 -9
- package/css/docs/components/Page/examples/Page.d.ts +2 -0
- package/css/docs/components/Page/examples/Page.js +2 -0
- package/css/docs/components/Page/examples/Page.mjs +2 -0
- package/css/docs/demos/Page/examples/Page.css +11 -0
- package/css/docs/demos/Page/examples/Page.d.ts +9 -0
- package/css/docs/demos/Page/examples/Page.js +10 -0
- package/css/docs/demos/Page/examples/Page.mjs +8 -0
- package/package.json +3 -3
- package/css/components/LogViewer/log-viewer.css +0 -176
- package/css/components/LogViewer/log-viewer.d.ts +0 -25
- package/css/components/LogViewer/log-viewer.js +0 -26
- package/css/components/LogViewer/log-viewer.mjs +0 -24
- package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
- package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
- package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
- package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
- package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
- package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
- package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
- package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
- package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
- package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
- package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
- package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
- package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
- package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
- package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
- package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
- package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
- package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
- package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
- package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
- package/css/docs/components/Select/deprecated/Select.css +0 -56
- package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
- package/css/docs/components/Select/deprecated/Select.js +0 -4
- package/css/docs/components/Select/deprecated/Select.mjs +0 -2
@@ -2,8 +2,6 @@ import './toolbar.css';
|
|
2
2
|
export default {
|
3
3
|
"dirRtl": "pf-v6-m-dir-rtl",
|
4
4
|
"modifiers": {
|
5
|
-
"labelGroupContainer": "pf-m-label-group-container",
|
6
|
-
"labelGroup": "pf-m-label-group",
|
7
5
|
"hidden": "pf-m-hidden",
|
8
6
|
"hiddenOnSm": "pf-m-hidden-on-sm",
|
9
7
|
"visibleOnSm": "pf-m-visible-on-sm",
|
@@ -29,6 +27,8 @@ export default {
|
|
29
27
|
"overflowContainer": "pf-m-overflow-container",
|
30
28
|
"iconButtonGroup": "pf-m-icon-button-group",
|
31
29
|
"filterGroup": "pf-m-filter-group",
|
30
|
+
"labelGroupContainer": "pf-m-label-group-container",
|
31
|
+
"labelGroup": "pf-m-label-group",
|
32
32
|
"alignStart": "pf-m-align-start",
|
33
33
|
"alignCenter": "pf-m-align-center",
|
34
34
|
"alignEnd": "pf-m-align-end",
|
@@ -65,40 +65,22 @@ export default {
|
|
65
65
|
"gap_4xl": "pf-m-gap-4xl",
|
66
66
|
"columnGapNone": "pf-m-column-gap-none",
|
67
67
|
"rowGapNone": "pf-m-row-gap-none",
|
68
|
-
"marginInlineStartnone": "pf-m-margin-inline-startnone",
|
69
|
-
"marginInlineEndnone": "pf-m-margin-inline-endnone",
|
70
68
|
"columnGapXs": "pf-m-column-gap-xs",
|
71
69
|
"rowGapXs": "pf-m-row-gap-xs",
|
72
|
-
"marginInlineStartxs": "pf-m-margin-inline-startxs",
|
73
|
-
"marginInlineEndxs": "pf-m-margin-inline-endxs",
|
74
70
|
"columnGapSm": "pf-m-column-gap-sm",
|
75
71
|
"rowGapSm": "pf-m-row-gap-sm",
|
76
|
-
"marginInlineStartsm": "pf-m-margin-inline-startsm",
|
77
|
-
"marginInlineEndsm": "pf-m-margin-inline-endsm",
|
78
72
|
"columnGapMd": "pf-m-column-gap-md",
|
79
73
|
"rowGapMd": "pf-m-row-gap-md",
|
80
|
-
"marginInlineStartmd": "pf-m-margin-inline-startmd",
|
81
|
-
"marginInlineEndmd": "pf-m-margin-inline-endmd",
|
82
74
|
"columnGapLg": "pf-m-column-gap-lg",
|
83
75
|
"rowGapLg": "pf-m-row-gap-lg",
|
84
|
-
"marginInlineStartlg": "pf-m-margin-inline-startlg",
|
85
|
-
"marginInlineEndlg": "pf-m-margin-inline-endlg",
|
86
76
|
"columnGapXl": "pf-m-column-gap-xl",
|
87
77
|
"rowGapXl": "pf-m-row-gap-xl",
|
88
|
-
"marginInlineStartxl": "pf-m-margin-inline-startxl",
|
89
|
-
"marginInlineEndxl": "pf-m-margin-inline-endxl",
|
90
78
|
"columnGap_2xl": "pf-m-column-gap-2xl",
|
91
79
|
"rowGap_2xl": "pf-m-row-gap-2xl",
|
92
|
-
"marginInlineStart2xl": "pf-m-margin-inline-start2xl",
|
93
|
-
"marginInlineEnd2xl": "pf-m-margin-inline-end2xl",
|
94
80
|
"columnGap_3xl": "pf-m-column-gap-3xl",
|
95
81
|
"rowGap_3xl": "pf-m-row-gap-3xl",
|
96
|
-
"marginInlineStart3xl": "pf-m-margin-inline-start3xl",
|
97
|
-
"marginInlineEnd3xl": "pf-m-margin-inline-end3xl",
|
98
82
|
"columnGap_4xl": "pf-m-column-gap-4xl",
|
99
83
|
"rowGap_4xl": "pf-m-row-gap-4xl",
|
100
|
-
"marginInlineStart4xl": "pf-m-margin-inline-start4xl",
|
101
|
-
"marginInlineEnd4xl": "pf-m-margin-inline-end4xl",
|
102
84
|
"toggleGroup": "pf-m-toggle-group",
|
103
85
|
"show": "pf-m-show",
|
104
86
|
"hide": "pf-m-hide",
|
@@ -138,40 +120,22 @@ export default {
|
|
138
120
|
"gap_4xlOnSm": "pf-m-gap-4xl-on-sm",
|
139
121
|
"columnGapNoneOnSm": "pf-m-column-gap-none-on-sm",
|
140
122
|
"rowGapNoneOnSm": "pf-m-row-gap-none-on-sm",
|
141
|
-
"marginInlineStartnoneOnSm": "pf-m-margin-inline-startnone-on-sm",
|
142
|
-
"marginInlineEndnoneOnSm": "pf-m-margin-inline-endnone-on-sm",
|
143
123
|
"columnGapXsOnSm": "pf-m-column-gap-xs-on-sm",
|
144
124
|
"rowGapXsOnSm": "pf-m-row-gap-xs-on-sm",
|
145
|
-
"marginInlineStartxsOnSm": "pf-m-margin-inline-startxs-on-sm",
|
146
|
-
"marginInlineEndxsOnSm": "pf-m-margin-inline-endxs-on-sm",
|
147
125
|
"columnGapSmOnSm": "pf-m-column-gap-sm-on-sm",
|
148
126
|
"rowGapSmOnSm": "pf-m-row-gap-sm-on-sm",
|
149
|
-
"marginInlineStartsmOnSm": "pf-m-margin-inline-startsm-on-sm",
|
150
|
-
"marginInlineEndsmOnSm": "pf-m-margin-inline-endsm-on-sm",
|
151
127
|
"columnGapMdOnSm": "pf-m-column-gap-md-on-sm",
|
152
128
|
"rowGapMdOnSm": "pf-m-row-gap-md-on-sm",
|
153
|
-
"marginInlineStartmdOnSm": "pf-m-margin-inline-startmd-on-sm",
|
154
|
-
"marginInlineEndmdOnSm": "pf-m-margin-inline-endmd-on-sm",
|
155
129
|
"columnGapLgOnSm": "pf-m-column-gap-lg-on-sm",
|
156
130
|
"rowGapLgOnSm": "pf-m-row-gap-lg-on-sm",
|
157
|
-
"marginInlineStartlgOnSm": "pf-m-margin-inline-startlg-on-sm",
|
158
|
-
"marginInlineEndlgOnSm": "pf-m-margin-inline-endlg-on-sm",
|
159
131
|
"columnGapXlOnSm": "pf-m-column-gap-xl-on-sm",
|
160
132
|
"rowGapXlOnSm": "pf-m-row-gap-xl-on-sm",
|
161
|
-
"marginInlineStartxlOnSm": "pf-m-margin-inline-startxl-on-sm",
|
162
|
-
"marginInlineEndxlOnSm": "pf-m-margin-inline-endxl-on-sm",
|
163
133
|
"columnGap_2xlOnSm": "pf-m-column-gap-2xl-on-sm",
|
164
134
|
"rowGap_2xlOnSm": "pf-m-row-gap-2xl-on-sm",
|
165
|
-
"marginInlineStart2xlOnSm": "pf-m-margin-inline-start2xl-on-sm",
|
166
|
-
"marginInlineEnd2xlOnSm": "pf-m-margin-inline-end2xl-on-sm",
|
167
135
|
"columnGap_3xlOnSm": "pf-m-column-gap-3xl-on-sm",
|
168
136
|
"rowGap_3xlOnSm": "pf-m-row-gap-3xl-on-sm",
|
169
|
-
"marginInlineStart3xlOnSm": "pf-m-margin-inline-start3xl-on-sm",
|
170
|
-
"marginInlineEnd3xlOnSm": "pf-m-margin-inline-end3xl-on-sm",
|
171
137
|
"columnGap_4xlOnSm": "pf-m-column-gap-4xl-on-sm",
|
172
138
|
"rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
|
173
|
-
"marginInlineStart4xlOnSm": "pf-m-margin-inline-start4xl-on-sm",
|
174
|
-
"marginInlineEnd4xlOnSm": "pf-m-margin-inline-end4xl-on-sm",
|
175
139
|
"showOnSm": "pf-m-show-on-sm",
|
176
140
|
"hideOnSm": "pf-m-hide-on-sm",
|
177
141
|
"alignStartOnMd": "pf-m-align-start-on-md",
|
@@ -210,40 +174,22 @@ export default {
|
|
210
174
|
"gap_4xlOnMd": "pf-m-gap-4xl-on-md",
|
211
175
|
"columnGapNoneOnMd": "pf-m-column-gap-none-on-md",
|
212
176
|
"rowGapNoneOnMd": "pf-m-row-gap-none-on-md",
|
213
|
-
"marginInlineStartnoneOnMd": "pf-m-margin-inline-startnone-on-md",
|
214
|
-
"marginInlineEndnoneOnMd": "pf-m-margin-inline-endnone-on-md",
|
215
177
|
"columnGapXsOnMd": "pf-m-column-gap-xs-on-md",
|
216
178
|
"rowGapXsOnMd": "pf-m-row-gap-xs-on-md",
|
217
|
-
"marginInlineStartxsOnMd": "pf-m-margin-inline-startxs-on-md",
|
218
|
-
"marginInlineEndxsOnMd": "pf-m-margin-inline-endxs-on-md",
|
219
179
|
"columnGapSmOnMd": "pf-m-column-gap-sm-on-md",
|
220
180
|
"rowGapSmOnMd": "pf-m-row-gap-sm-on-md",
|
221
|
-
"marginInlineStartsmOnMd": "pf-m-margin-inline-startsm-on-md",
|
222
|
-
"marginInlineEndsmOnMd": "pf-m-margin-inline-endsm-on-md",
|
223
181
|
"columnGapMdOnMd": "pf-m-column-gap-md-on-md",
|
224
182
|
"rowGapMdOnMd": "pf-m-row-gap-md-on-md",
|
225
|
-
"marginInlineStartmdOnMd": "pf-m-margin-inline-startmd-on-md",
|
226
|
-
"marginInlineEndmdOnMd": "pf-m-margin-inline-endmd-on-md",
|
227
183
|
"columnGapLgOnMd": "pf-m-column-gap-lg-on-md",
|
228
184
|
"rowGapLgOnMd": "pf-m-row-gap-lg-on-md",
|
229
|
-
"marginInlineStartlgOnMd": "pf-m-margin-inline-startlg-on-md",
|
230
|
-
"marginInlineEndlgOnMd": "pf-m-margin-inline-endlg-on-md",
|
231
185
|
"columnGapXlOnMd": "pf-m-column-gap-xl-on-md",
|
232
186
|
"rowGapXlOnMd": "pf-m-row-gap-xl-on-md",
|
233
|
-
"marginInlineStartxlOnMd": "pf-m-margin-inline-startxl-on-md",
|
234
|
-
"marginInlineEndxlOnMd": "pf-m-margin-inline-endxl-on-md",
|
235
187
|
"columnGap_2xlOnMd": "pf-m-column-gap-2xl-on-md",
|
236
188
|
"rowGap_2xlOnMd": "pf-m-row-gap-2xl-on-md",
|
237
|
-
"marginInlineStart2xlOnMd": "pf-m-margin-inline-start2xl-on-md",
|
238
|
-
"marginInlineEnd2xlOnMd": "pf-m-margin-inline-end2xl-on-md",
|
239
189
|
"columnGap_3xlOnMd": "pf-m-column-gap-3xl-on-md",
|
240
190
|
"rowGap_3xlOnMd": "pf-m-row-gap-3xl-on-md",
|
241
|
-
"marginInlineStart3xlOnMd": "pf-m-margin-inline-start3xl-on-md",
|
242
|
-
"marginInlineEnd3xlOnMd": "pf-m-margin-inline-end3xl-on-md",
|
243
191
|
"columnGap_4xlOnMd": "pf-m-column-gap-4xl-on-md",
|
244
192
|
"rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
|
245
|
-
"marginInlineStart4xlOnMd": "pf-m-margin-inline-start4xl-on-md",
|
246
|
-
"marginInlineEnd4xlOnMd": "pf-m-margin-inline-end4xl-on-md",
|
247
193
|
"showOnMd": "pf-m-show-on-md",
|
248
194
|
"hideOnMd": "pf-m-hide-on-md",
|
249
195
|
"alignStartOnLg": "pf-m-align-start-on-lg",
|
@@ -282,40 +228,22 @@ export default {
|
|
282
228
|
"gap_4xlOnLg": "pf-m-gap-4xl-on-lg",
|
283
229
|
"columnGapNoneOnLg": "pf-m-column-gap-none-on-lg",
|
284
230
|
"rowGapNoneOnLg": "pf-m-row-gap-none-on-lg",
|
285
|
-
"marginInlineStartnoneOnLg": "pf-m-margin-inline-startnone-on-lg",
|
286
|
-
"marginInlineEndnoneOnLg": "pf-m-margin-inline-endnone-on-lg",
|
287
231
|
"columnGapXsOnLg": "pf-m-column-gap-xs-on-lg",
|
288
232
|
"rowGapXsOnLg": "pf-m-row-gap-xs-on-lg",
|
289
|
-
"marginInlineStartxsOnLg": "pf-m-margin-inline-startxs-on-lg",
|
290
|
-
"marginInlineEndxsOnLg": "pf-m-margin-inline-endxs-on-lg",
|
291
233
|
"columnGapSmOnLg": "pf-m-column-gap-sm-on-lg",
|
292
234
|
"rowGapSmOnLg": "pf-m-row-gap-sm-on-lg",
|
293
|
-
"marginInlineStartsmOnLg": "pf-m-margin-inline-startsm-on-lg",
|
294
|
-
"marginInlineEndsmOnLg": "pf-m-margin-inline-endsm-on-lg",
|
295
235
|
"columnGapMdOnLg": "pf-m-column-gap-md-on-lg",
|
296
236
|
"rowGapMdOnLg": "pf-m-row-gap-md-on-lg",
|
297
|
-
"marginInlineStartmdOnLg": "pf-m-margin-inline-startmd-on-lg",
|
298
|
-
"marginInlineEndmdOnLg": "pf-m-margin-inline-endmd-on-lg",
|
299
237
|
"columnGapLgOnLg": "pf-m-column-gap-lg-on-lg",
|
300
238
|
"rowGapLgOnLg": "pf-m-row-gap-lg-on-lg",
|
301
|
-
"marginInlineStartlgOnLg": "pf-m-margin-inline-startlg-on-lg",
|
302
|
-
"marginInlineEndlgOnLg": "pf-m-margin-inline-endlg-on-lg",
|
303
239
|
"columnGapXlOnLg": "pf-m-column-gap-xl-on-lg",
|
304
240
|
"rowGapXlOnLg": "pf-m-row-gap-xl-on-lg",
|
305
|
-
"marginInlineStartxlOnLg": "pf-m-margin-inline-startxl-on-lg",
|
306
|
-
"marginInlineEndxlOnLg": "pf-m-margin-inline-endxl-on-lg",
|
307
241
|
"columnGap_2xlOnLg": "pf-m-column-gap-2xl-on-lg",
|
308
242
|
"rowGap_2xlOnLg": "pf-m-row-gap-2xl-on-lg",
|
309
|
-
"marginInlineStart2xlOnLg": "pf-m-margin-inline-start2xl-on-lg",
|
310
|
-
"marginInlineEnd2xlOnLg": "pf-m-margin-inline-end2xl-on-lg",
|
311
243
|
"columnGap_3xlOnLg": "pf-m-column-gap-3xl-on-lg",
|
312
244
|
"rowGap_3xlOnLg": "pf-m-row-gap-3xl-on-lg",
|
313
|
-
"marginInlineStart3xlOnLg": "pf-m-margin-inline-start3xl-on-lg",
|
314
|
-
"marginInlineEnd3xlOnLg": "pf-m-margin-inline-end3xl-on-lg",
|
315
245
|
"columnGap_4xlOnLg": "pf-m-column-gap-4xl-on-lg",
|
316
246
|
"rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
|
317
|
-
"marginInlineStart4xlOnLg": "pf-m-margin-inline-start4xl-on-lg",
|
318
|
-
"marginInlineEnd4xlOnLg": "pf-m-margin-inline-end4xl-on-lg",
|
319
247
|
"showOnLg": "pf-m-show-on-lg",
|
320
248
|
"hideOnLg": "pf-m-hide-on-lg",
|
321
249
|
"alignStartOnXl": "pf-m-align-start-on-xl",
|
@@ -354,40 +282,22 @@ export default {
|
|
354
282
|
"gap_4xlOnXl": "pf-m-gap-4xl-on-xl",
|
355
283
|
"columnGapNoneOnXl": "pf-m-column-gap-none-on-xl",
|
356
284
|
"rowGapNoneOnXl": "pf-m-row-gap-none-on-xl",
|
357
|
-
"marginInlineStartnoneOnXl": "pf-m-margin-inline-startnone-on-xl",
|
358
|
-
"marginInlineEndnoneOnXl": "pf-m-margin-inline-endnone-on-xl",
|
359
285
|
"columnGapXsOnXl": "pf-m-column-gap-xs-on-xl",
|
360
286
|
"rowGapXsOnXl": "pf-m-row-gap-xs-on-xl",
|
361
|
-
"marginInlineStartxsOnXl": "pf-m-margin-inline-startxs-on-xl",
|
362
|
-
"marginInlineEndxsOnXl": "pf-m-margin-inline-endxs-on-xl",
|
363
287
|
"columnGapSmOnXl": "pf-m-column-gap-sm-on-xl",
|
364
288
|
"rowGapSmOnXl": "pf-m-row-gap-sm-on-xl",
|
365
|
-
"marginInlineStartsmOnXl": "pf-m-margin-inline-startsm-on-xl",
|
366
|
-
"marginInlineEndsmOnXl": "pf-m-margin-inline-endsm-on-xl",
|
367
289
|
"columnGapMdOnXl": "pf-m-column-gap-md-on-xl",
|
368
290
|
"rowGapMdOnXl": "pf-m-row-gap-md-on-xl",
|
369
|
-
"marginInlineStartmdOnXl": "pf-m-margin-inline-startmd-on-xl",
|
370
|
-
"marginInlineEndmdOnXl": "pf-m-margin-inline-endmd-on-xl",
|
371
291
|
"columnGapLgOnXl": "pf-m-column-gap-lg-on-xl",
|
372
292
|
"rowGapLgOnXl": "pf-m-row-gap-lg-on-xl",
|
373
|
-
"marginInlineStartlgOnXl": "pf-m-margin-inline-startlg-on-xl",
|
374
|
-
"marginInlineEndlgOnXl": "pf-m-margin-inline-endlg-on-xl",
|
375
293
|
"columnGapXlOnXl": "pf-m-column-gap-xl-on-xl",
|
376
294
|
"rowGapXlOnXl": "pf-m-row-gap-xl-on-xl",
|
377
|
-
"marginInlineStartxlOnXl": "pf-m-margin-inline-startxl-on-xl",
|
378
|
-
"marginInlineEndxlOnXl": "pf-m-margin-inline-endxl-on-xl",
|
379
295
|
"columnGap_2xlOnXl": "pf-m-column-gap-2xl-on-xl",
|
380
296
|
"rowGap_2xlOnXl": "pf-m-row-gap-2xl-on-xl",
|
381
|
-
"marginInlineStart2xlOnXl": "pf-m-margin-inline-start2xl-on-xl",
|
382
|
-
"marginInlineEnd2xlOnXl": "pf-m-margin-inline-end2xl-on-xl",
|
383
297
|
"columnGap_3xlOnXl": "pf-m-column-gap-3xl-on-xl",
|
384
298
|
"rowGap_3xlOnXl": "pf-m-row-gap-3xl-on-xl",
|
385
|
-
"marginInlineStart3xlOnXl": "pf-m-margin-inline-start3xl-on-xl",
|
386
|
-
"marginInlineEnd3xlOnXl": "pf-m-margin-inline-end3xl-on-xl",
|
387
299
|
"columnGap_4xlOnXl": "pf-m-column-gap-4xl-on-xl",
|
388
300
|
"rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
|
389
|
-
"marginInlineStart4xlOnXl": "pf-m-margin-inline-start4xl-on-xl",
|
390
|
-
"marginInlineEnd4xlOnXl": "pf-m-margin-inline-end4xl-on-xl",
|
391
301
|
"showOnXl": "pf-m-show-on-xl",
|
392
302
|
"hideOnXl": "pf-m-hide-on-xl",
|
393
303
|
"alignStartOn_2xl": "pf-m-align-start-on-2xl",
|
@@ -426,40 +336,22 @@ export default {
|
|
426
336
|
"gap_4xlOn_2xl": "pf-m-gap-4xl-on-2xl",
|
427
337
|
"columnGapNoneOn_2xl": "pf-m-column-gap-none-on-2xl",
|
428
338
|
"rowGapNoneOn_2xl": "pf-m-row-gap-none-on-2xl",
|
429
|
-
"marginInlineStartnoneOn_2xl": "pf-m-margin-inline-startnone-on-2xl",
|
430
|
-
"marginInlineEndnoneOn_2xl": "pf-m-margin-inline-endnone-on-2xl",
|
431
339
|
"columnGapXsOn_2xl": "pf-m-column-gap-xs-on-2xl",
|
432
340
|
"rowGapXsOn_2xl": "pf-m-row-gap-xs-on-2xl",
|
433
|
-
"marginInlineStartxsOn_2xl": "pf-m-margin-inline-startxs-on-2xl",
|
434
|
-
"marginInlineEndxsOn_2xl": "pf-m-margin-inline-endxs-on-2xl",
|
435
341
|
"columnGapSmOn_2xl": "pf-m-column-gap-sm-on-2xl",
|
436
342
|
"rowGapSmOn_2xl": "pf-m-row-gap-sm-on-2xl",
|
437
|
-
"marginInlineStartsmOn_2xl": "pf-m-margin-inline-startsm-on-2xl",
|
438
|
-
"marginInlineEndsmOn_2xl": "pf-m-margin-inline-endsm-on-2xl",
|
439
343
|
"columnGapMdOn_2xl": "pf-m-column-gap-md-on-2xl",
|
440
344
|
"rowGapMdOn_2xl": "pf-m-row-gap-md-on-2xl",
|
441
|
-
"marginInlineStartmdOn_2xl": "pf-m-margin-inline-startmd-on-2xl",
|
442
|
-
"marginInlineEndmdOn_2xl": "pf-m-margin-inline-endmd-on-2xl",
|
443
345
|
"columnGapLgOn_2xl": "pf-m-column-gap-lg-on-2xl",
|
444
346
|
"rowGapLgOn_2xl": "pf-m-row-gap-lg-on-2xl",
|
445
|
-
"marginInlineStartlgOn_2xl": "pf-m-margin-inline-startlg-on-2xl",
|
446
|
-
"marginInlineEndlgOn_2xl": "pf-m-margin-inline-endlg-on-2xl",
|
447
347
|
"columnGapXlOn_2xl": "pf-m-column-gap-xl-on-2xl",
|
448
348
|
"rowGapXlOn_2xl": "pf-m-row-gap-xl-on-2xl",
|
449
|
-
"marginInlineStartxlOn_2xl": "pf-m-margin-inline-startxl-on-2xl",
|
450
|
-
"marginInlineEndxlOn_2xl": "pf-m-margin-inline-endxl-on-2xl",
|
451
349
|
"columnGap_2xlOn_2xl": "pf-m-column-gap-2xl-on-2xl",
|
452
350
|
"rowGap_2xlOn_2xl": "pf-m-row-gap-2xl-on-2xl",
|
453
|
-
"marginInlineStart2xlOn_2xl": "pf-m-margin-inline-start2xl-on-2xl",
|
454
|
-
"marginInlineEnd2xlOn_2xl": "pf-m-margin-inline-end2xl-on-2xl",
|
455
351
|
"columnGap_3xlOn_2xl": "pf-m-column-gap-3xl-on-2xl",
|
456
352
|
"rowGap_3xlOn_2xl": "pf-m-row-gap-3xl-on-2xl",
|
457
|
-
"marginInlineStart3xlOn_2xl": "pf-m-margin-inline-start3xl-on-2xl",
|
458
|
-
"marginInlineEnd3xlOn_2xl": "pf-m-margin-inline-end3xl-on-2xl",
|
459
353
|
"columnGap_4xlOn_2xl": "pf-m-column-gap-4xl-on-2xl",
|
460
354
|
"rowGap_4xlOn_2xl": "pf-m-row-gap-4xl-on-2xl",
|
461
|
-
"marginInlineStart4xlOn_2xl": "pf-m-margin-inline-start4xl-on-2xl",
|
462
|
-
"marginInlineEnd4xlOn_2xl": "pf-m-margin-inline-end4xl-on-2xl",
|
463
355
|
"showOn_2xl": "pf-m-show-on-2xl",
|
464
356
|
"hideOn_2xl": "pf-m-hide-on-2xl"
|
465
357
|
},
|
@@ -8,6 +8,8 @@
|
|
8
8
|
--pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
9
9
|
--pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
10
10
|
--pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
11
|
+
--pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
12
|
+
--pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
11
13
|
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
|
12
14
|
--pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
13
15
|
--pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
@@ -53,6 +55,7 @@
|
|
53
55
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
54
56
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
55
57
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
58
|
+
--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
56
59
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
57
60
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
58
61
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
@@ -61,7 +64,7 @@
|
|
61
64
|
--pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
62
65
|
--pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
63
66
|
--pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
64
|
-
--pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--
|
67
|
+
--pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
65
68
|
--pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
66
69
|
--pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
|
67
70
|
--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
@@ -69,7 +72,8 @@
|
|
69
72
|
--pf-v6-c-wizard__toggle-list-item--Gap: var(--pf-t--global--spacer--sm);
|
70
73
|
--pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
|
71
74
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
72
|
-
--pf-v6-c-wizard__toggle--m-
|
75
|
+
--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
76
|
+
--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
73
77
|
--pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
|
74
78
|
--pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
75
79
|
--pf-v6-c-wizard__toggle-list--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
@@ -82,7 +86,7 @@
|
|
82
86
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
83
87
|
--pf-v6-c-wizard__nav--Width: 100%;
|
84
88
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
85
|
-
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--
|
89
|
+
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
86
90
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
87
91
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
88
92
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
@@ -145,6 +149,7 @@
|
|
145
149
|
padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
|
146
150
|
padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
|
147
151
|
background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
|
152
|
+
border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
|
148
153
|
}
|
149
154
|
.pf-v6-c-wizard__header .pf-v6-c-wizard__close {
|
150
155
|
position: absolute;
|
@@ -226,8 +231,10 @@
|
|
226
231
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
227
232
|
}
|
228
233
|
.pf-v6-c-wizard__toggle-list-item.pf-m-danger {
|
229
|
-
--pf-v6-c-
|
230
|
-
|
234
|
+
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
|
235
|
+
}
|
236
|
+
.pf-v6-c-wizard__toggle-list-item.pf-m-success {
|
237
|
+
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
|
231
238
|
}
|
232
239
|
|
233
240
|
.pf-v6-c-wizard__toggle-num {
|
@@ -383,12 +390,15 @@
|
|
383
390
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
384
391
|
}
|
385
392
|
|
393
|
+
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
|
394
|
+
display: none;
|
395
|
+
}
|
396
|
+
.pf-v6-c-wizard__nav-link.pf-m-success {
|
397
|
+
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
|
398
|
+
}
|
386
399
|
.pf-v6-c-wizard__nav-link.pf-m-danger {
|
387
400
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
|
388
401
|
}
|
389
|
-
.pf-v6-c-wizard__nav-link.pf-m-danger::before {
|
390
|
-
display: none;
|
391
|
-
}
|
392
402
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
393
403
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
394
404
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
@@ -443,7 +453,9 @@
|
|
443
453
|
|
444
454
|
.pf-v6-c-wizard__main {
|
445
455
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
446
|
-
|
456
|
+
display: flex;
|
457
|
+
flex-direction: column;
|
458
|
+
flex-grow: 1;
|
447
459
|
overflow-x: hidden;
|
448
460
|
overflow-y: auto;
|
449
461
|
word-break: break-word;
|
@@ -458,6 +470,9 @@
|
|
458
470
|
.pf-v6-c-wizard__main-body.pf-m-no-padding {
|
459
471
|
padding: 0;
|
460
472
|
}
|
473
|
+
.pf-v6-c-wizard__main-body:last-child {
|
474
|
+
flex-grow: 1;
|
475
|
+
}
|
461
476
|
|
462
477
|
.pf-v6-c-wizard__footer {
|
463
478
|
position: relative;
|