@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.122

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 (162) hide show
  1. package/components/AboutModalBox/about-modal-box.css +54 -54
  2. package/components/AboutModalBox/about-modal-box.scss +54 -54
  3. package/components/Accordion/accordion.css +39 -39
  4. package/components/Accordion/accordion.scss +39 -39
  5. package/components/Alert/alert-group.css +15 -15
  6. package/components/Alert/alert-group.scss +15 -15
  7. package/components/Alert/alert.css +46 -46
  8. package/components/Alert/alert.scss +46 -46
  9. package/components/AppLauncher/app-launcher.css +58 -58
  10. package/components/AppLauncher/app-launcher.scss +58 -58
  11. package/components/BackToTop/back-to-top.css +14 -14
  12. package/components/BackToTop/back-to-top.scss +14 -14
  13. package/components/Badge/badge.css +6 -6
  14. package/components/Badge/badge.scss +6 -6
  15. package/components/Banner/banner.css +12 -12
  16. package/components/Banner/banner.scss +12 -12
  17. package/components/Breadcrumb/breadcrumb.css +12 -12
  18. package/components/Breadcrumb/breadcrumb.scss +12 -12
  19. package/components/Button/button.css +93 -93
  20. package/components/Button/button.scss +93 -93
  21. package/components/CalendarMonth/calendar-month.css +42 -42
  22. package/components/CalendarMonth/calendar-month.scss +42 -42
  23. package/components/Card/card.css +59 -59
  24. package/components/Card/card.scss +59 -59
  25. package/components/Check/check.css +2 -2
  26. package/components/Check/check.scss +2 -2
  27. package/components/Chip/chip-group.css +20 -20
  28. package/components/Chip/chip-group.scss +20 -20
  29. package/components/Chip/chip.css +26 -26
  30. package/components/Chip/chip.scss +26 -26
  31. package/components/ClipboardCopy/clipboard-copy.css +36 -36
  32. package/components/ClipboardCopy/clipboard-copy.scss +36 -36
  33. package/components/CodeBlock/code-block.css +19 -19
  34. package/components/CodeBlock/code-block.scss +19 -19
  35. package/components/CodeEditor/code-editor.css +33 -33
  36. package/components/CodeEditor/code-editor.scss +33 -33
  37. package/components/Content/content.css +65 -65
  38. package/components/Content/content.scss +65 -65
  39. package/components/ContextSelector/context-selector.css +145 -145
  40. package/components/ContextSelector/context-selector.scss +145 -145
  41. package/components/DataList/data-list-grid.css +98 -98
  42. package/components/DataList/data-list-grid.scss +14 -14
  43. package/components/DataList/data-list.css +233 -233
  44. package/components/DataList/data-list.scss +135 -135
  45. package/components/DatePicker/date-picker.css +14 -14
  46. package/components/DatePicker/date-picker.scss +14 -14
  47. package/components/DescriptionList/description-list.css +6 -6
  48. package/components/DescriptionList/description-list.scss +6 -6
  49. package/components/Drawer/drawer.css +84 -84
  50. package/components/Drawer/drawer.scss +84 -84
  51. package/components/Dropdown/dropdown.css +126 -126
  52. package/components/Dropdown/dropdown.scss +126 -126
  53. package/components/DualListSelector/dual-list-selector.css +59 -58
  54. package/components/DualListSelector/dual-list-selector.scss +41 -40
  55. package/components/EmptyState/empty-state.css +32 -32
  56. package/components/EmptyState/empty-state.scss +32 -32
  57. package/components/ExpandableSection/expandable-section.css +48 -48
  58. package/components/ExpandableSection/expandable-section.scss +48 -48
  59. package/components/Form/form.css +106 -106
  60. package/components/Form/form.scss +88 -88
  61. package/components/FormControl/form-control.css +44 -44
  62. package/components/FormControl/form-control.scss +44 -44
  63. package/components/HelperText/helper-text.css +2 -2
  64. package/components/HelperText/helper-text.scss +2 -2
  65. package/components/Hint/hint.css +16 -16
  66. package/components/Hint/hint.scss +16 -16
  67. package/components/InlineEdit/inline-edit.css +10 -10
  68. package/components/InlineEdit/inline-edit.scss +10 -10
  69. package/components/InputGroup/input-group.css +16 -16
  70. package/components/InputGroup/input-group.scss +16 -16
  71. package/components/JumpLinks/jump-links.css +75 -75
  72. package/components/JumpLinks/jump-links.scss +75 -75
  73. package/components/Label/label-group.css +26 -26
  74. package/components/Label/label-group.scss +26 -26
  75. package/components/Label/label.css +30 -30
  76. package/components/Label/label.scss +30 -30
  77. package/components/List/list.css +27 -27
  78. package/components/List/list.scss +27 -27
  79. package/components/LogViewer/log-viewer.css +53 -53
  80. package/components/LogViewer/log-viewer.scss +55 -55
  81. package/components/Login/login.css +88 -88
  82. package/components/Login/login.scss +88 -88
  83. package/components/Menu/menu.css +20 -20
  84. package/components/Menu/menu.scss +20 -20
  85. package/components/MenuToggle/menu-toggle.css +58 -58
  86. package/components/MenuToggle/menu-toggle.scss +58 -58
  87. package/components/ModalBox/modal-box.css +39 -39
  88. package/components/ModalBox/modal-box.scss +39 -39
  89. package/components/MultipleFileUpload/multiple-file-upload.css +32 -32
  90. package/components/MultipleFileUpload/multiple-file-upload.scss +32 -32
  91. package/components/NotificationBadge/notification-badge.css +16 -16
  92. package/components/NotificationBadge/notification-badge.scss +16 -16
  93. package/components/NotificationDrawer/notification-drawer.css +41 -41
  94. package/components/NotificationDrawer/notification-drawer.scss +41 -41
  95. package/components/NumberInput/number-input.css +2 -2
  96. package/components/NumberInput/number-input.scss +2 -2
  97. package/components/OptionsMenu/options-menu.css +79 -79
  98. package/components/OptionsMenu/options-menu.scss +79 -79
  99. package/components/Page/page.css +181 -181
  100. package/components/Page/page.scss +131 -131
  101. package/components/Pagination/pagination.css +24 -24
  102. package/components/Pagination/pagination.scss +24 -24
  103. package/components/Panel/panel.css +24 -24
  104. package/components/Panel/panel.scss +24 -24
  105. package/components/Popover/popover.css +48 -48
  106. package/components/Popover/popover.scss +48 -48
  107. package/components/Progress/progress.css +4 -4
  108. package/components/Progress/progress.scss +4 -4
  109. package/components/ProgressStepper/progress-stepper.css +225 -225
  110. package/components/ProgressStepper/progress-stepper.scss +93 -93
  111. package/components/Radio/radio.css +6 -6
  112. package/components/Radio/radio.scss +6 -6
  113. package/components/Select/select.css +171 -171
  114. package/components/Select/select.scss +171 -171
  115. package/components/Sidebar/sidebar.css +44 -44
  116. package/components/Sidebar/sidebar.scss +44 -44
  117. package/components/SimpleList/simple-list.css +18 -18
  118. package/components/SimpleList/simple-list.scss +18 -18
  119. package/components/Skeleton/skeleton.css +4 -4
  120. package/components/Skeleton/skeleton.scss +4 -4
  121. package/components/SkipToContent/skip-to-content.css +4 -4
  122. package/components/SkipToContent/skip-to-content.scss +4 -4
  123. package/components/Slider/slider.css +25 -25
  124. package/components/Slider/slider.scss +25 -25
  125. package/components/Switch/switch.css +4 -4
  126. package/components/Switch/switch.scss +4 -4
  127. package/components/TabContent/tab-content.css +24 -24
  128. package/components/TabContent/tab-content.scss +24 -24
  129. package/components/Table/table-grid.css +404 -404
  130. package/components/Table/table-grid.scss +116 -116
  131. package/components/Table/table-scrollable.css +16 -16
  132. package/components/Table/table-scrollable.scss +16 -16
  133. package/components/Table/table-tree-view.css +251 -251
  134. package/components/Table/table-tree-view.scss +59 -59
  135. package/components/Table/table.css +122 -122
  136. package/components/Table/table.scss +122 -122
  137. package/components/Tabs/tabs.css +118 -118
  138. package/components/Tabs/tabs.scss +118 -118
  139. package/components/TextInputGroup/text-input-group.css +26 -26
  140. package/components/TextInputGroup/text-input-group.scss +26 -26
  141. package/components/Tile/tile.css +13 -13
  142. package/components/Tile/tile.scss +13 -13
  143. package/components/ToggleGroup/toggle-group.css +28 -28
  144. package/components/ToggleGroup/toggle-group.scss +28 -28
  145. package/components/Tooltip/tooltip.css +26 -26
  146. package/components/Tooltip/tooltip.scss +26 -26
  147. package/components/TreeView/tree-view.css +181 -181
  148. package/components/TreeView/tree-view.scss +122 -122
  149. package/components/Wizard/wizard.css +88 -88
  150. package/components/Wizard/wizard.scss +88 -88
  151. package/components/_index.css +4257 -4256
  152. package/docs/components/Drawer/examples/Drawer.md +1 -1
  153. package/docs/components/Slider/examples/Slider.md +39 -39
  154. package/docs/components/Table/examples/Table.md +20 -20
  155. package/docs/demos/Card/examples/Card.css +2 -2
  156. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -44
  157. package/docs/demos/Table/examples/Table.md +20 -20
  158. package/package.json +1 -1
  159. package/patternfly-no-globals.css +4257 -4256
  160. package/patternfly.css +4257 -4256
  161. package/patternfly.min.css +1 -1
  162. package/patternfly.min.css.map +1 -1
package/components/Wizard/wizard.css CHANGED
@@ -3,20 +3,20 @@
3
3
  --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
4
4
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5
5
  --pf-v6-c-wizard__header--ZIndex: auto;
6
- --pf-v6-c-wizard__header--PaddingTop: var(--pf-t--global--spacer--lg);
7
- --pf-v6-c-wizard__header--PaddingRight: var(--pf-t--global--spacer--lg);
8
- --pf-v6-c-wizard__header--PaddingBottom: var(--pf-t--global--spacer--lg);
9
- --pf-v6-c-wizard__header--PaddingLeft: var(--pf-t--global--spacer--lg);
10
- --pf-v6-c-wizard__close--Top: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingTop));
11
- --pf-v6-c-wizard__close--Right: var(--pf-t--global--spacer--sm);
6
+ --pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7
+ --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
8
+ --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
9
+ --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10
+ --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
11
+ --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
12
12
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
13
- --pf-v6-c-wizard__title--PaddingRight: var(--pf-t--global--spacer--2xl);
13
+ --pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
14
14
  --pf-v6-c-wizard__title-text--FontSize: var(--pf-t--global--font--size--3xl);
15
15
  --pf-v6-c-wizard__title-text--FontFamily: var(--pf-t--global--font--family--heading);
16
16
  --pf-v6-c-wizard__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
17
17
  --pf-v6-c-wizard__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
18
18
  --pf-v6-c-wizard__title-text--Color: var(--pf-t--global--text--color--regular);
19
- --pf-v6-c-wizard__description--PaddingTop: var(--pf-t--global--spacer--sm);
19
+ --pf-v6-c-wizard__description--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20
20
  --pf-v6-c-wizard__description--Color: var(--pf-t--global--text--color--subtle);
21
21
  --pf-v6-c-wizard__nav-link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22
22
  --pf-v6-c-wizard__nav-link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -32,15 +32,15 @@
32
32
  --pf-v6-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
33
33
  --pf-v6-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34
34
  --pf-v6-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
35
- --pf-v6-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
36
- --pf-v6-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
35
+ --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
36
+ --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
37
37
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
38
38
  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
39
39
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
40
40
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
41
41
  --pf-v6-c-wizard__nav-link--before--Width: 1.5rem;
42
42
  --pf-v6-c-wizard__nav-link--before--Height: 1.5rem;
43
- --pf-v6-c-wizard__nav-link--before--Top: calc(calc(var(--pf-v6-c-wizard__nav-link--PaddingBlockStart) + var(--pf-v6-c-wizard__nav-link--PaddingBlockEnd) + 1em * var(--pf-t--global--font--line-height--body)) / 2);
43
+ --pf-v6-c-wizard__nav-link--before--InsetBlockStart: calc(calc(var(--pf-v6-c-wizard__nav-link--PaddingBlockStart) + var(--pf-v6-c-wizard__nav-link--PaddingBlockEnd) + 1em * var(--pf-t--global--font--line-height--body)) / 2);
44
44
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
45
45
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
46
46
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
@@ -53,19 +53,19 @@
53
53
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
54
54
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
55
55
  --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
56
- --pf-v6-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
57
- --pf-v6-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
58
- --pf-v6-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
59
- --pf-v6-c-wizard__toggle--PaddingLeft: calc(var(--pf-t--global--spacer--lg) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
60
- --pf-v6-c-wizard__toggle--BorderBottomWidth: var(--pf-t--global--border--width--regular);
61
- --pf-v6-c-wizard__toggle--BorderBottomColor: var(--pf-t--global--border--color--default);
62
- --pf-v6-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
63
- --pf-v6-c-wizard__toggle-num--before--Top: -0.125rem;
64
- --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-t--global--spacer--sm);
65
- --pf-v6-c-wizard__toggle-list-item--MarginBottom: var(--pf-t--global--spacer--xs);
66
- --pf-v6-c-wizard__toggle-list--MarginRight: var(--pf-t--global--spacer--sm);
67
- --pf-v6-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v6-c-wizard__toggle-list-item--MarginBottom) * -1);
68
- --pf-v6-c-wizard__toggle-separator--MarginLeft: var(--pf-t--global--spacer--sm);
56
+ --pf-v6-c-wizard__toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
57
+ --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
58
+ --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
59
+ --pf-v6-c-wizard__toggle--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
60
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
61
+ --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
62
+ --pf-v6-c-wizard--m-in-page__toggle--xl--PaddingInlineStart: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
63
+ --pf-v6-c-wizard__toggle-num--before--InsetBlockStart: -0.125rem;
64
+ --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
65
+ --pf-v6-c-wizard__toggle-list-item--MarginBlockEnd: var(--pf-t--global--spacer--xs);
66
+ --pf-v6-c-wizard__toggle-list--MarginInlineEnd: var(--pf-t--global--spacer--sm);
67
+ --pf-v6-c-wizard__toggle-list--MarginBlockEnd: calc(var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd) * -1);
68
+ --pf-v6-c-wizard__toggle-separator--MarginInlineStart: var(--pf-t--global--spacer--sm);
69
69
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
70
70
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
71
71
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
@@ -74,34 +74,34 @@
74
74
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
75
75
  --pf-v6-c-wizard__nav--Width: 100%;
76
76
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
77
- --pf-v6-c-wizard__nav--lg--BorderRightWidth: var(--pf-t--global--border--width--regular);
78
- --pf-v6-c-wizard__nav--lg--BorderRightColor: var(--pf-t--global--border--color--default);
79
- --pf-v6-c-wizard__nav-list--PaddingTop: var(--pf-t--global--spacer--lg);
80
- --pf-v6-c-wizard__nav-list--PaddingRight: var(--pf-t--global--spacer--lg);
81
- --pf-v6-c-wizard__nav-list--PaddingBottom: var(--pf-t--global--spacer--lg);
82
- --pf-v6-c-wizard__nav-list--PaddingLeft: calc(var(--pf-t--global--spacer--lg) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
83
- --pf-v6-c-wizard__nav-list--nested--MarginLeft: var(--pf-t--global--spacer--md);
84
- --pf-v6-c-wizard__nav-list--nested--MarginTop: var(--pf-t--global--spacer--md);
85
- --pf-v6-c-wizard__nav-item--MarginTop: var(--pf-t--global--spacer--md);
77
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
78
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
79
+ --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
80
+ --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
81
+ --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
82
+ --pf-v6-c-wizard__nav-list--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
83
+ --pf-v6-c-wizard__nav-list--nested--MarginInlineStart: var(--pf-t--global--spacer--md);
84
+ --pf-v6-c-wizard__nav-list--nested--MarginBlockStart: var(--pf-t--global--spacer--md);
85
+ --pf-v6-c-wizard__nav-item--MarginBlockStart: var(--pf-t--global--spacer--md);
86
86
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
87
- --pf-v6-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v6-c-wizard__nav--Width);
87
+ --pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart: var(--pf-v6-c-wizard__nav--Width);
88
88
  --pf-v6-c-wizard__outer-wrap--MinHeight: 15.625rem;
89
89
  --pf-v6-c-wizard__main--ZIndex: auto;
90
- --pf-v6-c-wizard__main-body--PaddingTop: var(--pf-t--global--spacer--lg);
91
- --pf-v6-c-wizard__main-body--PaddingRight: var(--pf-t--global--spacer--lg);
92
- --pf-v6-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
93
- --pf-v6-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
90
+ --pf-v6-c-wizard__main-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
91
+ --pf-v6-c-wizard__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
92
+ --pf-v6-c-wizard__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
93
+ --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
94
94
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
95
95
  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
96
- --pf-v6-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
97
- --pf-v6-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
98
- --pf-v6-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);
99
- --pf-v6-c-wizard__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
96
+ --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
97
+ --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
98
+ --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
99
+ --pf-v6-c-wizard__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
100
100
  --pf-v6-c-wizard__footer--BorderWidth: var(--pf-t--global--border--width--divider--default);
101
101
  --pf-v6-c-wizard__footer--BorderColor: var(--pf-t--global--border--color--default);
102
- --pf-v6-c-wizard__footer--child--MarginRight: var(--pf-t--global--spacer--md);
103
- --pf-v6-c-wizard__footer--child--MarginBottom: var(--pf-t--global--spacer--sm);
104
- --pf-v6-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginRight));
102
+ --pf-v6-c-wizard__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
103
+ --pf-v6-c-wizard__footer--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
104
+ --pf-v6-c-wizard__footer-cancel--MarginInlineStart: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginInlineEnd));
105
105
  }
106
106
  @media screen and (min-width: 992px) {
107
107
  :where(:root, .pf-v6-c-wizard) {
@@ -124,7 +124,7 @@
124
124
  flex-shrink: 0;
125
125
  }
126
126
  .pf-v6-c-wizard.pf-m-finished {
127
- --pf-v6-c-wizard__outer-wrap--lg--PaddingLeft: 0;
127
+ --pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart: 0;
128
128
  }
129
129
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__nav,
130
130
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__footer,
@@ -135,23 +135,23 @@
135
135
  .pf-v6-c-wizard__header {
136
136
  position: relative;
137
137
  z-index: var(--pf-v6-c-wizard__header--ZIndex);
138
- padding-block-start: var(--pf-v6-c-wizard__header--PaddingTop);
139
- padding-block-end: var(--pf-v6-c-wizard__header--PaddingBottom);
140
- padding-inline-start: var(--pf-v6-c-wizard__header--PaddingLeft);
141
- padding-inline-end: var(--pf-v6-c-wizard__header--PaddingRight);
138
+ padding-block-start: var(--pf-v6-c-wizard__header--PaddingBlockStart);
139
+ padding-block-end: var(--pf-v6-c-wizard__header--PaddingBlockEnd);
140
+ padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
141
+ padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
142
142
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
143
143
  }
144
144
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
145
145
  position: absolute;
146
- inset-block-start: var(--pf-v6-c-wizard__close--Top);
147
- inset-inline-end: var(--pf-v6-c-wizard__close--Right);
146
+ inset-block-start: var(--pf-v6-c-wizard__close--InsetBlockStart);
147
+ inset-inline-end: var(--pf-v6-c-wizard__close--InsetInlineEnd);
148
148
  }
149
149
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close button {
150
150
  font-size: var(--pf-v6-c-wizard__close--FontSize);
151
151
  }
152
152
 
153
153
  .pf-v6-c-wizard__title {
154
- padding-inline-end: var(--pf-v6-c-wizard__title--PaddingRight);
154
+ padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
155
155
  word-wrap: break-word;
156
156
  }
157
157
 
@@ -165,7 +165,7 @@
165
165
 
166
166
  .pf-v6-c-wizard__description {
167
167
  display: none;
168
- padding-block-start: var(--pf-v6-c-wizard__description--PaddingTop);
168
+ padding-block-start: var(--pf-v6-c-wizard__description--PaddingBlockStart);
169
169
  color: var(--pf-v6-c-wizard__description--Color);
170
170
  }
171
171
  @media screen and (min-width: 992px) {
@@ -180,13 +180,13 @@
180
180
  display: flex;
181
181
  justify-content: space-between;
182
182
  width: 100%;
183
- padding-block-start: var(--pf-v6-c-wizard__toggle--PaddingTop);
184
- padding-block-end: var(--pf-v6-c-wizard__toggle--PaddingBottom);
185
- padding-inline-start: var(--pf-v6-c-wizard__toggle--PaddingLeft);
186
- padding-inline-end: var(--pf-v6-c-wizard__toggle--PaddingRight);
183
+ padding-block-start: var(--pf-v6-c-wizard__toggle--PaddingBlockStart);
184
+ padding-block-end: var(--pf-v6-c-wizard__toggle--PaddingBlockEnd);
185
+ padding-inline-start: var(--pf-v6-c-wizard__toggle--PaddingInlineStart);
186
+ padding-inline-end: var(--pf-v6-c-wizard__toggle--PaddingInlineEnd);
187
187
  background-color: var(--pf-v6-c-wizard__toggle--BackgroundColor);
188
188
  border-block-start: 0;
189
- border-block-end: var(--pf-v6-c-wizard__toggle--BorderBottomWidth) solid var(--pf-v6-c-wizard__toggle--BorderBottomColor);
189
+ border-block-end: var(--pf-v6-c-wizard__toggle--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__toggle--BorderBlockEndColor);
190
190
  border-inline-start: 0;
191
191
  border-inline-end: 0;
192
192
  }
@@ -204,27 +204,27 @@
204
204
  display: flex;
205
205
  flex-wrap: wrap;
206
206
  align-items: baseline;
207
- margin-block-end: var(--pf-v6-c-wizard__toggle-list--MarginBottom);
208
- margin-inline-end: var(--pf-v6-c-wizard__toggle-list--MarginRight);
207
+ margin-block-end: var(--pf-v6-c-wizard__toggle-list--MarginBlockEnd);
208
+ margin-inline-end: var(--pf-v6-c-wizard__toggle-list--MarginInlineEnd);
209
209
  list-style: none;
210
210
  }
211
211
 
212
212
  .pf-v6-c-wizard__toggle-list-item {
213
- margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBottom);
213
+ margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
214
214
  text-align: start;
215
215
  word-break: break-word;
216
216
  }
217
217
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
218
- margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginRight);
218
+ margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
219
219
  }
220
220
 
221
221
  .pf-v6-c-wizard__toggle-num {
222
222
  --pf-v6-c-wizard__nav-link--before--TranslateY: 0;
223
- --pf-v6-c-wizard__nav-link--before--Top: var(--pf-v6-c-wizard__toggle-num--before--Top);
223
+ --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-v6-c-wizard__toggle-num--before--InsetBlockStart);
224
224
  }
225
225
 
226
226
  .pf-v6-c-wizard__toggle-separator {
227
- margin-inline-start: var(--pf-v6-c-wizard__toggle-separator--MarginLeft);
227
+ margin-inline-start: var(--pf-v6-c-wizard__toggle-separator--MarginInlineStart);
228
228
  color: var(--pf-v6-c-wizard__toggle-separator--Color);
229
229
  }
230
230
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
@@ -245,7 +245,7 @@
245
245
  }
246
246
  @media screen and (min-width: 992px) {
247
247
  .pf-v6-c-wizard__outer-wrap {
248
- padding-inline-start: var(--pf-v6-c-wizard__outer-wrap--lg--PaddingLeft);
248
+ padding-inline-start: var(--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart);
249
249
  }
250
250
  }
251
251
 
@@ -282,22 +282,22 @@
282
282
  .pf-v6-c-wizard__nav {
283
283
  display: block;
284
284
  height: 100%;
285
- border-inline-end: var(--pf-v6-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-v6-c-wizard__nav--lg--BorderRightColor);
285
+ border-inline-end: var(--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth) solid var(--pf-v6-c-wizard__nav--lg--BorderInlineEndColor);
286
286
  }
287
287
  }
288
288
 
289
289
  .pf-v6-c-wizard__nav-list {
290
- padding-block-start: var(--pf-v6-c-wizard__nav-list--PaddingTop);
291
- padding-block-end: var(--pf-v6-c-wizard__nav-list--PaddingBottom);
292
- padding-inline-start: var(--pf-v6-c-wizard__nav-list--PaddingLeft);
293
- padding-inline-end: var(--pf-v6-c-wizard__nav-list--PaddingRight);
290
+ padding-block-start: var(--pf-v6-c-wizard__nav-list--PaddingBlockStart);
291
+ padding-block-end: var(--pf-v6-c-wizard__nav-list--PaddingBlockEnd);
292
+ padding-inline-start: var(--pf-v6-c-wizard__nav-list--PaddingInlineStart);
293
+ padding-inline-end: var(--pf-v6-c-wizard__nav-list--PaddingInlineEnd);
294
294
  list-style: none;
295
295
  counter-reset: wizard-nav-count;
296
296
  }
297
297
  .pf-v6-c-wizard__nav-list .pf-v6-c-wizard__nav-list {
298
298
  padding: 0;
299
- margin-block-start: var(--pf-v6-c-wizard__nav-list--nested--MarginTop);
300
- margin-inline-start: var(--pf-v6-c-wizard__nav-list--nested--MarginLeft);
299
+ margin-block-start: var(--pf-v6-c-wizard__nav-list--nested--MarginBlockStart);
300
+ margin-inline-start: var(--pf-v6-c-wizard__nav-list--nested--MarginInlineStart);
301
301
  }
302
302
  .pf-v6-c-wizard__nav-list .pf-v6-c-wizard__nav-list .pf-v6-c-wizard__nav-link::before {
303
303
  content: none;
@@ -307,7 +307,7 @@
307
307
  }
308
308
 
309
309
  .pf-v6-c-wizard__nav-item + .pf-v6-c-wizard__nav-item {
310
- margin-block-start: var(--pf-v6-c-wizard__nav-item--MarginTop);
310
+ margin-block-start: var(--pf-v6-c-wizard__nav-item--MarginBlockStart);
311
311
  }
312
312
  .pf-v6-c-wizard__nav-item.pf-m-expandable > .pf-v6-c-wizard__nav-link {
313
313
  display: flex;
@@ -345,7 +345,7 @@
345
345
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
346
346
  transform: translateX(var(--pf-v6-c-wizard__nav-link--before--TranslateX)) translateY(var(--pf-v6-c-wizard__nav-link--before--TranslateY));
347
347
  position: absolute;
348
- inset-block-start: var(--pf-v6-c-wizard__nav-link--before--Top);
348
+ inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
349
349
  inset-inline-start: 0;
350
350
  display: inline-flex;
351
351
  align-items: center;
@@ -394,8 +394,8 @@
394
394
  }
395
395
 
396
396
  .pf-v6-c-wizard__nav-link-toggle {
397
- padding-inline-start: var(--pf-v6-c-wizard__nav-link-toggle--PaddingLeft);
398
- padding-inline-end: var(--pf-v6-c-wizard__nav-link-toggle--PaddingRight);
397
+ padding-inline-start: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart);
398
+ padding-inline-end: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd);
399
399
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
400
400
  }
401
401
 
@@ -417,10 +417,10 @@
417
417
  }
418
418
 
419
419
  .pf-v6-c-wizard__main-body {
420
- padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingTop);
421
- padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBottom);
422
- padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingLeft);
423
- padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingRight);
420
+ padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
421
+ padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
422
+ padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
423
+ padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
424
424
  }
425
425
  .pf-v6-c-wizard__main-body.pf-m-no-padding {
426
426
  padding: 0;
@@ -432,20 +432,20 @@
432
432
  display: flex;
433
433
  flex-shrink: 0;
434
434
  flex-wrap: wrap;
435
- padding-block-start: var(--pf-v6-c-wizard__footer--PaddingTop);
436
- padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBottom);
437
- padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingLeft);
438
- padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingRight);
435
+ padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
436
+ padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
437
+ padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
438
+ padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
439
439
  background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
440
440
  border-block-start: var(--pf-v6-c-wizard__footer--BorderWidth) solid var(--pf-v6-c-wizard__footer--BorderColor);
441
441
  }
442
442
  .pf-v6-c-wizard__footer > * {
443
- margin-block-end: var(--pf-v6-c-wizard__footer--child--MarginBottom);
443
+ margin-block-end: var(--pf-v6-c-wizard__footer--child--MarginBlockEnd);
444
444
  }
445
445
  .pf-v6-c-wizard__footer > *:not(:last-child) {
446
- margin-inline-end: var(--pf-v6-c-wizard__footer--child--MarginRight);
446
+ margin-inline-end: var(--pf-v6-c-wizard__footer--child--MarginInlineEnd);
447
447
  }
448
448
 
449
449
  .pf-v6-c-wizard__footer-cancel {
450
- margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginLeft);
450
+ margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginInlineStart);
451
451
  }