@patternfly/react-styles 6.0.0-alpha.20 → 6.0.0-alpha.21

Sign up to get free protection for your applications and to get access to all the features.
Files changed (205) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +64 -64
  3. package/css/components/Accordion/accordion.css +40 -40
  4. package/css/components/ActionList/action-list.css +1 -1
  5. package/css/components/Alert/alert-group.css +15 -15
  6. package/css/components/Alert/alert.css +47 -47
  7. package/css/components/Avatar/avatar.css +1 -1
  8. package/css/components/BackToTop/back-to-top.css +16 -16
  9. package/css/components/Backdrop/backdrop.css +1 -2
  10. package/css/components/BackgroundImage/background-image.css +1 -2
  11. package/css/components/Badge/badge.css +7 -7
  12. package/css/components/Banner/banner.css +14 -14
  13. package/css/components/Breadcrumb/breadcrumb.css +16 -17
  14. package/css/components/Breadcrumb/breadcrumb.d.ts +1 -1
  15. package/css/components/Breadcrumb/breadcrumb.js +1 -1
  16. package/css/components/Breadcrumb/breadcrumb.mjs +1 -1
  17. package/css/components/Button/button.css +94 -95
  18. package/css/components/CalendarMonth/calendar-month.css +43 -44
  19. package/css/components/Card/card.css +60 -61
  20. package/css/components/Check/check.css +3 -4
  21. package/css/components/ClipboardCopy/clipboard-copy.css +37 -38
  22. package/css/components/CodeBlock/code-block.css +20 -20
  23. package/css/components/CodeEditor/code-editor.css +34 -34
  24. package/css/components/Content/content.css +155 -130
  25. package/css/components/Content/content.d.ts +19 -0
  26. package/css/components/Content/content.js +19 -0
  27. package/css/components/Content/content.mjs +19 -0
  28. package/css/components/DataList/data-list-grid.css +98 -98
  29. package/css/components/DataList/data-list.css +282 -285
  30. package/css/components/DataList/data-list.d.ts +11 -11
  31. package/css/components/DataList/data-list.js +11 -11
  32. package/css/components/DataList/data-list.mjs +11 -11
  33. package/css/components/DatePicker/date-picker.css +15 -16
  34. package/css/components/DescriptionList/description-list.css +13 -13
  35. package/css/components/Divider/divider.css +27 -31
  36. package/css/components/DragDrop/drag-drop.css +2 -2
  37. package/css/components/Drawer/drawer.css +87 -90
  38. package/css/components/DualListSelector/dual-list-selector.css +60 -59
  39. package/css/components/EmptyState/empty-state.css +33 -33
  40. package/css/components/ExpandableSection/expandable-section.css +49 -49
  41. package/css/components/FileUpload/file-upload.css +1 -2
  42. package/css/components/Form/form.css +107 -108
  43. package/css/components/FormControl/form-control.css +45 -46
  44. package/css/components/HelperText/helper-text.css +3 -3
  45. package/css/components/Hint/hint.css +19 -18
  46. package/css/components/Hint/hint.d.ts +1 -2
  47. package/css/components/Hint/hint.js +1 -2
  48. package/css/components/Hint/hint.mjs +1 -2
  49. package/css/components/Icon/icon.css +1 -2
  50. package/css/components/InlineEdit/inline-edit.css +11 -12
  51. package/css/components/InputGroup/input-group.css +17 -18
  52. package/css/components/JumpLinks/jump-links.css +76 -77
  53. package/css/components/Label/label-group.css +27 -28
  54. package/css/components/Label/label.css +31 -32
  55. package/css/components/List/list.css +27 -27
  56. package/css/components/LogViewer/log-viewer.css +53 -77
  57. package/css/components/LogViewer/log-viewer.d.ts +0 -2
  58. package/css/components/LogViewer/log-viewer.js +0 -2
  59. package/css/components/LogViewer/log-viewer.mjs +0 -2
  60. package/css/components/Login/login.css +99 -104
  61. package/css/components/Login/login.d.ts +1 -1
  62. package/css/components/Login/login.js +1 -1
  63. package/css/components/Login/login.mjs +1 -1
  64. package/css/components/Masthead/masthead.css +1 -2
  65. package/css/components/Menu/menu.css +128 -84
  66. package/css/components/MenuToggle/menu-toggle.css +59 -60
  67. package/css/components/ModalBox/modal-box.css +41 -41
  68. package/css/components/MultipleFileUpload/multiple-file-upload.css +33 -34
  69. package/css/components/Nav/nav.css +1 -2
  70. package/css/components/NotificationBadge/notification-badge.css +17 -17
  71. package/css/components/NotificationDrawer/notification-drawer.css +42 -43
  72. package/css/components/NumberInput/number-input.css +8 -12
  73. package/css/components/OverflowMenu/overflow-menu.css +1 -1
  74. package/css/components/Page/page.css +146 -365
  75. package/css/components/Page/page.d.ts +0 -25
  76. package/css/components/Page/page.js +0 -25
  77. package/css/components/Page/page.mjs +0 -25
  78. package/css/components/Pagination/pagination.css +35 -38
  79. package/css/components/Panel/panel.css +25 -26
  80. package/css/components/Popover/popover.css +48 -48
  81. package/css/components/Progress/progress.css +5 -6
  82. package/css/components/ProgressStepper/progress-stepper.css +227 -229
  83. package/css/components/Radio/radio.css +7 -8
  84. package/css/components/Sidebar/sidebar.css +45 -46
  85. package/css/components/SimpleList/simple-list.css +19 -19
  86. package/css/components/Skeleton/skeleton.css +5 -6
  87. package/css/components/SkipToContent/skip-to-content.css +5 -5
  88. package/css/components/Slider/slider.css +26 -27
  89. package/css/components/Spinner/spinner.css +1 -2
  90. package/css/components/Switch/switch.css +5 -6
  91. package/css/components/TabContent/tab-content.css +25 -26
  92. package/css/components/Table/table-grid.css +404 -404
  93. package/css/components/Table/table-scrollable.css +17 -18
  94. package/css/components/Table/table-tree-view.css +257 -258
  95. package/css/components/Table/table-tree-view.d.ts +1 -1
  96. package/css/components/Table/table-tree-view.js +1 -1
  97. package/css/components/Table/table-tree-view.mjs +1 -1
  98. package/css/components/Table/table.css +169 -173
  99. package/css/components/Table/table.d.ts +7 -7
  100. package/css/components/Table/table.js +7 -7
  101. package/css/components/Table/table.mjs +7 -7
  102. package/css/components/Tabs/tabs.css +119 -120
  103. package/css/components/TextInputGroup/text-input-group.css +28 -29
  104. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  105. package/css/components/TextInputGroup/text-input-group.js +1 -1
  106. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  107. package/css/components/Tile/tile.css +14 -15
  108. package/css/components/Timestamp/timestamp.css +1 -1
  109. package/css/components/Title/title.css +1 -1
  110. package/css/components/ToggleGroup/toggle-group.css +29 -30
  111. package/css/components/Toolbar/toolbar.css +94 -80
  112. package/css/components/Toolbar/toolbar.d.ts +2 -2
  113. package/css/components/Toolbar/toolbar.js +2 -2
  114. package/css/components/Toolbar/toolbar.mjs +2 -2
  115. package/css/components/Tooltip/tooltip.css +27 -27
  116. package/css/components/TreeView/tree-view.css +182 -183
  117. package/css/components/Truncate/truncate.css +1 -2
  118. package/css/components/Wizard/wizard.css +158 -140
  119. package/css/components/Wizard/wizard.d.ts +5 -2
  120. package/css/components/Wizard/wizard.js +5 -2
  121. package/css/components/Wizard/wizard.mjs +5 -2
  122. package/css/components/_index.css +23396 -0
  123. package/css/components/_index.d.ts +1497 -0
  124. package/css/components/_index.js +1498 -0
  125. package/css/components/_index.mjs +1496 -0
  126. package/css/docs/components/LogViewer/examples/LogViewer.css +9 -2
  127. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +2 -0
  128. package/css/docs/components/LogViewer/examples/LogViewer.js +2 -0
  129. package/css/docs/components/LogViewer/examples/LogViewer.mjs +2 -0
  130. package/css/docs/components/Nav/examples/Navigation.css +0 -5
  131. package/css/docs/components/Nav/examples/Navigation.d.ts +0 -1
  132. package/css/docs/components/Nav/examples/Navigation.js +0 -1
  133. package/css/docs/components/Nav/examples/Navigation.mjs +0 -1
  134. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  135. package/css/docs/components/Table/examples/Table.css +7 -0
  136. package/css/docs/components/Table/examples/Table.d.ts +2 -0
  137. package/css/docs/components/Table/examples/Table.js +2 -0
  138. package/css/docs/components/Table/examples/Table.mjs +2 -0
  139. package/css/docs/demos/Card/examples/Card.css +2 -2
  140. package/css/docs/demos/Toolbar/examples/Toolbar.css +1 -17
  141. package/css/docs/utilities/Alignment/examples/Alignment.css +2 -2
  142. package/css/docs/utilities/Display/examples/Display.css +3 -10
  143. package/css/docs/utilities/Display/examples/Display.d.ts +0 -8
  144. package/css/docs/utilities/Display/examples/Display.js +0 -8
  145. package/css/docs/utilities/Display/examples/Display.mjs +0 -8
  146. package/css/docs/utilities/Flex/examples/Flex.css +2 -2
  147. package/css/docs/utilities/Float/examples/Float.css +3 -3
  148. package/css/docs/utilities/Sizing/examples/Sizing.css +2 -2
  149. package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
  150. package/css/layouts/Bullseye/bullseye.css +1 -2
  151. package/css/layouts/Flex/flex.css +1 -2
  152. package/css/layouts/Gallery/gallery.css +1 -2
  153. package/css/layouts/Grid/grid.css +1 -2
  154. package/css/layouts/Level/level.css +1 -2
  155. package/css/layouts/Split/split.css +1 -2
  156. package/css/layouts/Stack/stack.css +1 -2
  157. package/css/layouts/_index.css +3454 -0
  158. package/css/layouts/_index.d.ts +846 -0
  159. package/css/layouts/_index.js +847 -0
  160. package/css/layouts/_index.mjs +845 -0
  161. package/css/utilities/BackgroundColor/{BackgroundColor.d.ts → background-color.d.ts} +1 -1
  162. package/css/utilities/BackgroundColor/{BackgroundColor.js → background-color.js} +1 -1
  163. package/css/utilities/BackgroundColor/{BackgroundColor.mjs → background-color.mjs} +1 -1
  164. package/css/utilities/Display/display.css +38 -0
  165. package/css/utilities/Display/display.d.ts +12 -0
  166. package/css/utilities/Display/display.js +12 -0
  167. package/css/utilities/Display/display.mjs +12 -0
  168. package/css/utilities/_index.css +7815 -0
  169. package/css/utilities/_index.d.ts +1671 -0
  170. package/css/utilities/_index.js +1672 -0
  171. package/css/utilities/_index.mjs +1670 -0
  172. package/package.json +3 -3
  173. package/css/components/AppLauncher/app-launcher.css +0 -244
  174. package/css/components/AppLauncher/app-launcher.d.ts +0 -29
  175. package/css/components/AppLauncher/app-launcher.js +0 -30
  176. package/css/components/AppLauncher/app-launcher.mjs +0 -28
  177. package/css/components/Chip/chip-group.css +0 -93
  178. package/css/components/Chip/chip-group.d.ts +0 -13
  179. package/css/components/Chip/chip-group.js +0 -14
  180. package/css/components/Chip/chip-group.mjs +0 -12
  181. package/css/components/Chip/chip.css +0 -122
  182. package/css/components/Chip/chip.d.ts +0 -16
  183. package/css/components/Chip/chip.js +0 -17
  184. package/css/components/Chip/chip.mjs +0 -15
  185. package/css/components/ContextSelector/context-selector.css +0 -336
  186. package/css/components/ContextSelector/context-selector.d.ts +0 -25
  187. package/css/components/ContextSelector/context-selector.js +0 -26
  188. package/css/components/ContextSelector/context-selector.mjs +0 -24
  189. package/css/components/Dropdown/dropdown.css +0 -686
  190. package/css/components/Dropdown/dropdown.d.ts +0 -55
  191. package/css/components/Dropdown/dropdown.js +0 -56
  192. package/css/components/Dropdown/dropdown.mjs +0 -54
  193. package/css/components/OptionsMenu/options-menu.css +0 -279
  194. package/css/components/OptionsMenu/options-menu.d.ts +0 -27
  195. package/css/components/OptionsMenu/options-menu.js +0 -28
  196. package/css/components/OptionsMenu/options-menu.mjs +0 -26
  197. package/css/components/Select/select.css +0 -599
  198. package/css/components/Select/select.d.ts +0 -61
  199. package/css/components/Select/select.js +0 -62
  200. package/css/components/Select/select.mjs +0 -60
  201. package/css/docs/components/Page/deprecated/PageHeader.css +0 -17
  202. package/css/docs/components/Page/deprecated/PageHeader.d.ts +0 -12
  203. package/css/docs/components/Page/deprecated/PageHeader.js +0 -13
  204. package/css/docs/components/Page/deprecated/PageHeader.mjs +0 -11
  205. /package/css/utilities/BackgroundColor/{BackgroundColor.css → background-color.css} +0 -0
package/css/components/ProgressStepper/progress-stepper.css CHANGED
@@ -1,64 +1,63 @@
1
- :where(:root),
2
- :where(.pf-v6-c-progress-stepper) {
1
+ :where(:root, .pf-v6-c-progress-stepper) {
3
2
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
4
3
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
5
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
6
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-v6-c-progress-stepper__step-icon--Width) / 2);
4
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart: 0;
5
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart: calc(var(--pf-v6-c-progress-stepper__step-icon--Width) / 2);
7
6
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
8
7
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
9
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-t--global--border--width--box--default);
10
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-t--global--border--color--default);
11
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
12
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
8
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth: var(--pf-t--global--border--width--box--default);
9
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
10
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth: 0;
11
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor: transparent;
13
12
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
14
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop: 0px;
15
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
16
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-t--global--spacer--xl);
17
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-t--global--spacer--sm);
13
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart: 0px;
14
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd: 0;
15
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd: var(--pf-t--global--spacer--xl);
16
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart: var(--pf-t--global--spacer--sm);
18
17
  --pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
19
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-t--global--spacer--sm);
18
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20
19
  --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
21
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
22
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
23
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft: 0;
24
- --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
25
- --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
20
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginBlockStart: 0;
21
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineEnd: 0;
22
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineStart: 0;
23
+ --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineEnd: 0;
24
+ --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineStart: 0;
26
25
  --pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow: column;
27
26
  --pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
28
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top: calc(var(--pf-v6-c-progress-stepper__step-icon--Height) / 2);
29
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left: 0;
27
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart: calc(var(--pf-v6-c-progress-stepper__step-icon--Height) / 2);
28
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart: 0;
30
29
  --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
31
30
  --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
32
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
33
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
34
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
35
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-t--global--border--color--default);
31
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth: 0;
32
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor: unset;
33
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
34
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
36
35
  --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
37
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-t--global--spacer--sm);
38
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-t--global--spacer--sm);
39
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
40
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
36
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart: var(--pf-t--global--spacer--sm);
37
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd: var(--pf-t--global--spacer--sm);
38
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd: 0;
39
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart: 0;
41
40
  --pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
42
- --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
41
+ --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd: 0;
43
42
  --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
44
43
  --pf-v6-c-progress-stepper--m-compact--GridAutoFlow: row;
45
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginTop: 0;
46
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
44
+ --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockStart: 0;
45
+ --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd: var(--pf-t--global--spacer--sm);
47
46
  --pf-v6-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
48
47
  --pf-v6-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
49
48
  --pf-v6-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
50
49
  --pf-v6-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
51
50
  --pf-v6-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
52
- --pf-v6-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
53
- --pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
54
- --pf-v6-c-progress-stepper--m-center__step-connector--before--Left: 50%;
51
+ --pf-v6-c-progress-stepper--m-compact__pficon--MarginBlockStart: 2px;
52
+ --pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginBlockStart: -3px;
53
+ --pf-v6-c-progress-stepper--m-center__step-connector--before--InsetInlineStart: 50%;
55
54
  --pf-v6-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
56
55
  --pf-v6-c-progress-stepper--m-center__step-connector--JustifyContent: center;
57
- --pf-v6-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-t--global--spacer--xs);
58
- --pf-v6-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-t--global--spacer--xs);
56
+ --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd: var(--pf-t--global--spacer--xs);
57
+ --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart: var(--pf-t--global--spacer--xs);
59
58
  --pf-v6-c-progress-stepper--m-center__step-main--TextAlign: center;
60
- --pf-v6-c-progress-stepper--m-center__step-description--MarginRight: 0;
61
- --pf-v6-c-progress-stepper--m-center__step-description--MarginLeft: 0;
59
+ --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineEnd: 0;
60
+ --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineStart: 0;
62
61
  --pf-v6-c-progress-stepper--GridTemplateRows: auto 1fr;
63
62
  --pf-v6-c-progress-stepper__step-connector--JustifyContent: flex-start;
64
63
  --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--z-index--xs);
@@ -75,8 +74,8 @@
75
74
  --pf-v6-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
76
75
  --pf-v6-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
77
76
  --pf-v6-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
78
- --pf-v6-c-progress-stepper__pficon--MarginTop: 3px;
79
- --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginTop: -2px;
77
+ --pf-v6-c-progress-stepper__pficon--MarginBlockStart: 3px;
78
+ --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart: -2px;
80
79
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
81
80
  --pf-v6-c-progress-stepper__step-title--TextAlign: start;
82
81
  --pf-v6-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
@@ -92,52 +91,51 @@
92
91
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
93
92
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
94
93
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
95
- --pf-v6-c-progress-stepper__step-description--MarginTop: var(--pf-t--global--spacer--xs);
94
+ --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
96
95
  --pf-v6-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
97
96
  --pf-v6-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
98
97
  --pf-v6-c-progress-stepper__step-description--TextAlign: start;
99
98
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
100
99
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
101
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
102
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
100
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
101
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
103
102
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
104
103
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
105
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
106
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
107
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
108
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
104
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
105
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
106
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
107
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
109
108
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
110
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
111
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
112
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
113
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
109
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
110
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
111
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
112
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
114
113
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
115
114
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
116
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
115
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
117
116
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
118
117
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
119
118
  }
120
119
  @media screen and (min-width: 768px) {
121
- :where(:root),
122
- :where(.pf-v6-c-progress-stepper) {
120
+ :where(:root, .pf-v6-c-progress-stepper) {
123
121
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
124
122
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
125
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
126
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
123
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
124
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
127
125
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
128
126
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
129
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
130
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
131
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
132
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
127
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
128
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
129
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
130
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
133
131
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
134
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
135
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
136
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
137
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
132
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
133
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
134
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
135
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
138
136
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
139
137
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
140
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
138
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
141
139
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
142
140
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
143
141
  }
@@ -153,22 +151,22 @@
153
151
  }
154
152
  .pf-v6-c-progress-stepper.pf-m-center {
155
153
  --pf-v6-c-progress-stepper__step-connector--JustifyContent: var(--pf-v6-c-progress-stepper--m-center__step-connector--JustifyContent);
156
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-center__step-main--MarginRight);
157
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-center__step-main--MarginLeft);
154
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd);
155
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart);
158
156
  --pf-v6-c-progress-stepper--step-main--TextAlign: var(--pf-v6-c-progress-stepper--m-center__step-main--TextAlign, auto);
159
157
  --pf-v6-c-progress-stepper__step-title--TextAlign: var(--pf-v6-c-progress-stepper--m-center__step-title--TextAlign, auto);
160
- --pf-v6-c-progress-stepper__step-description--MarginRight: var(--pf-v6-c-progress-stepper--m-center__step-description--MarginRight);
161
- --pf-v6-c-progress-stepper__step-description--MarginLeft: var(--pf-v6-c-progress-stepper--m-center__step-description--MarginLeft);
158
+ --pf-v6-c-progress-stepper__step-description--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-center__step-description--MarginInlineEnd);
159
+ --pf-v6-c-progress-stepper__step-description--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-center__step-description--MarginInlineStart);
162
160
  --pf-v6-c-progress-stepper__step-description--TextAlign: var(--pf-v6-c-progress-stepper--m-center__step-description--TextAlign, auto);
163
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);
164
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);
161
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineEnd);
162
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineStart);
165
163
  grid-template-columns: var(--pf-v6-c-progress-stepper--m-center--GridTemplateColumns);
166
164
  }
167
165
  .pf-v6-c-progress-stepper.pf-m-center .pf-v6-c-progress-stepper__step-main {
168
166
  position: relative;
169
167
  }
170
168
  .pf-v6-c-progress-stepper.pf-m-center .pf-v6-c-progress-stepper__step:not(:last-of-type) > .pf-v6-c-progress-stepper__step-connector::before {
171
- inset-inline-start: var(--pf-v6-c-progress-stepper--m-center__step-connector--before--Left);
169
+ inset-inline-start: var(--pf-v6-c-progress-stepper--m-center__step-connector--before--InsetInlineStart);
172
170
  }
173
171
  .pf-v6-c-progress-stepper.pf-m-center:not(.pf-m-compact) .pf-v6-c-progress-stepper__step:not(:last-of-type) > .pf-v6-c-progress-stepper__step-main::before {
174
172
  content: var(--pf-v6-c-progress-stepper--m-center__step-main--before--Content);
@@ -177,17 +175,17 @@
177
175
  content: var(--pf-v6-c-progress-stepper--m-center__step-connector--before--Content);
178
176
  }
179
177
  .pf-v6-c-progress-stepper.pf-m-compact {
180
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-compact__step-main--MarginTop);
181
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-compact__step-main--MarginBottom);
178
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockStart);
179
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd);
182
180
  --pf-v6-c-progress-stepper__step-icon--Width: var(--pf-v6-c-progress-stepper--m-compact__step-icon--Width);
183
181
  --pf-v6-c-progress-stepper__step-icon--FontSize: var(--pf-v6-c-progress-stepper--m-compact__step-icon--FontSize);
184
182
  --pf-v6-c-progress-stepper__step-title--FontSize: var(--pf-v6-c-progress-stepper--m-compact__step-title--FontSize);
185
183
  --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v6-c-progress-stepper--m-compact__step-title--FontWeight);
186
- --pf-v6-c-progress-stepper__pficon--MarginTop: var(--pf-v6-c-progress-stepper--m-compact__pficon--MarginTop);
187
- --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
188
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop);
189
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);
190
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
184
+ --pf-v6-c-progress-stepper__pficon--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-compact__pficon--MarginBlockStart);
185
+ --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginBlockStart);
186
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginBlockStart);
187
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineEnd);
188
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineStart);
191
189
  display: inline-grid;
192
190
  grid-template-columns: var(--pf-v6-c-progress-stepper--m-compact--GridTemplateColumns);
193
191
  grid-auto-flow: var(--pf-v6-c-progress-stepper--m-compact--GridAutoFlow);
@@ -195,10 +193,10 @@
195
193
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step-connector {
196
194
  grid-row: var(--pf-v6-c-progress-stepper--m-compact__step-connector--GridRow);
197
195
  min-width: var(--pf-v6-c-progress-stepper--m-compact__step-connector--MinWidth);
198
- padding-block-end: var(--pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom);
196
+ padding-block-end: var(--pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd);
199
197
  }
200
198
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step-main {
201
- margin-block-end: var(--pf-v6-c-progress-stepper--m-compact__step-main--MarginBottom);
199
+ margin-block-end: var(--pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd);
202
200
  }
203
201
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step:not(.pf-m-current) .pf-v6-c-progress-stepper__step-main {
204
202
  position: fixed;
@@ -246,7 +244,7 @@
246
244
  --pf-v6-c-progress-stepper__step-icon--Color: var(--pf-v6-c-progress-stepper__step--m-custom__step-icon--Color);
247
245
  }
248
246
  .pf-v6-c-progress-stepper__step:last-child {
249
- --pf-v6-c-progress-stepper__step-main--MarginBottom: 0;
247
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: 0;
250
248
  }
251
249
 
252
250
  .pf-v6-c-progress-stepper__step-connector {
@@ -257,13 +255,13 @@
257
255
  }
258
256
  .pf-v6-c-progress-stepper__step:not(:last-of-type) > .pf-v6-c-progress-stepper__step-connector::before {
259
257
  position: absolute;
260
- inset-block-start: var(--pf-v6-c-progress-stepper__step-connector--before--Top);
261
- inset-inline-start: var(--pf-v6-c-progress-stepper__step-connector--before--Left);
258
+ inset-block-start: var(--pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart);
259
+ inset-inline-start: var(--pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart);
262
260
  width: var(--pf-v6-c-progress-stepper__step-connector--before--Width);
263
261
  height: var(--pf-v6-c-progress-stepper__step-connector--before--Height);
264
262
  content: "";
265
- border-block-end: var(--pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor);
266
- border-inline-end: var(--pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-v6-c-progress-stepper__step-connector--before--BorderRightColor);
263
+ border-block-end: var(--pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth) solid var(--pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor);
264
+ border-inline-end: var(--pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth) solid var(--pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor);
267
265
  transform: var(--pf-v6-c-progress-stepper__step-connector--before--Transform);
268
266
  }
269
267
 
@@ -281,28 +279,28 @@
281
279
  border-radius: 50%;
282
280
  }
283
281
  .pf-v6-c-progress-stepper__step-icon .pf-v6-pficon {
284
- margin-block-start: var(--pf-v6-c-progress-stepper__pficon--MarginTop);
282
+ margin-block-start: var(--pf-v6-c-progress-stepper__pficon--MarginBlockStart);
285
283
  }
286
284
  .pf-v6-c-progress-stepper__step-icon .fa-exclamation-triangle {
287
- margin-block-start: var(--pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginTop);
285
+ margin-block-start: var(--pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart);
288
286
  }
289
287
 
290
288
  .pf-v6-c-progress-stepper__step-main {
291
289
  min-width: 0;
292
- margin-block-start: var(--pf-v6-c-progress-stepper__step-main--MarginTop);
293
- margin-block-end: var(--pf-v6-c-progress-stepper__step-main--MarginBottom);
294
- margin-inline-start: var(--pf-v6-c-progress-stepper__step-main--MarginLeft);
295
- margin-inline-end: var(--pf-v6-c-progress-stepper__step-main--MarginRight);
290
+ margin-block-start: var(--pf-v6-c-progress-stepper__step-main--MarginBlockStart);
291
+ margin-block-end: var(--pf-v6-c-progress-stepper__step-main--MarginBlockEnd);
292
+ margin-inline-start: var(--pf-v6-c-progress-stepper__step-main--MarginInlineStart);
293
+ margin-inline-end: var(--pf-v6-c-progress-stepper__step-main--MarginInlineEnd);
296
294
  text-align: var(--pf-v6-c-progress-stepper--step-main--TextAlign, auto);
297
295
  overflow-wrap: anywhere;
298
296
  }
299
297
  .pf-v6-c-progress-stepper__step:not(:last-of-type) > .pf-v6-c-progress-stepper__step-main::before {
300
298
  position: absolute;
301
- inset-block-start: calc(100% + var(--pf-v6-c-progress-stepper__step-main--MarginTop));
302
- inset-inline-start: calc(50% - var(--pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
299
+ inset-block-start: calc(100% + var(--pf-v6-c-progress-stepper__step-main--MarginBlockStart));
300
+ inset-inline-start: calc(50% - var(--pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth) / 2);
303
301
  width: auto;
304
- height: calc(var(--pf-v6-c-progress-stepper__step-main--MarginTop) + var(--pf-v6-c-progress-stepper__step-main--MarginBottom));
305
- border-inline-end: var(--pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-v6-c-progress-stepper__step-connector--before--BorderRightColor);
302
+ height: calc(var(--pf-v6-c-progress-stepper__step-main--MarginBlockStart) + var(--pf-v6-c-progress-stepper__step-main--MarginBlockEnd));
303
+ border-inline-end: var(--pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth) solid var(--pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor);
306
304
  }
307
305
 
308
306
  .pf-v6-c-progress-stepper__step-title {
@@ -328,7 +326,7 @@
328
326
  }
329
327
 
330
328
  .pf-v6-c-progress-stepper__step-description {
331
- margin-block-start: var(--pf-v6-c-progress-stepper__step-description--MarginTop);
329
+ margin-block-start: var(--pf-v6-c-progress-stepper__step-description--MarginBlockStart);
332
330
  font-size: var(--pf-v6-c-progress-stepper__step-description--FontSize);
333
331
  color: var(--pf-v6-c-progress-stepper__step-description--Color);
334
332
  text-align: var(--pf-v6-c-progress-stepper__step-description--TextAlign);
@@ -337,44 +335,44 @@
337
335
  .pf-v6-c-progress-stepper.pf-m-horizontal {
338
336
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
339
337
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
340
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
341
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
338
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
339
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
342
340
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
343
341
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
344
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
345
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
346
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
347
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
342
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
343
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
344
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
345
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
348
346
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
349
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
350
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
351
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
352
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
347
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
348
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
349
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
350
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
353
351
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
354
352
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
355
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
353
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
356
354
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
357
355
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
358
356
  }
359
357
  .pf-v6-c-progress-stepper.pf-m-vertical {
360
358
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
361
359
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
362
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
363
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
360
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
361
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
364
362
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
365
363
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
366
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
367
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
368
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
369
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
364
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
365
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
366
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
367
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
370
368
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
371
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
372
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
373
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
374
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
369
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
370
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
371
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
372
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
375
373
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
376
374
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
377
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
375
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
378
376
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
379
377
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
380
378
  }
@@ -382,44 +380,44 @@
382
380
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-sm {
383
381
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
384
382
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
385
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
386
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
383
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
384
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
387
385
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
388
386
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
389
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
390
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
391
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
392
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
387
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
388
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
389
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
390
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
393
391
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
394
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
395
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
396
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
397
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
392
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
393
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
394
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
395
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
398
396
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
399
397
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
400
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
398
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
401
399
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
402
400
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
403
401
  }
404
402
  .pf-v6-c-progress-stepper.pf-m-vertical-on-sm {
405
403
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
406
404
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
407
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
408
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
405
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
406
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
409
407
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
410
408
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
411
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
412
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
413
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
414
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
409
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
410
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
411
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
412
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
415
413
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
416
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
417
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
418
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
419
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
414
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
415
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
416
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
417
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
420
418
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
421
419
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
422
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
420
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
423
421
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
424
422
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
425
423
  }
@@ -428,44 +426,44 @@
428
426
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-md {
429
427
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
430
428
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
431
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
432
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
429
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
430
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
433
431
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
434
432
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
435
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
436
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
437
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
438
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
433
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
434
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
435
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
436
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
439
437
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
440
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
441
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
442
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
443
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
438
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
439
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
440
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
441
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
444
442
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
445
443
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
446
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
444
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
447
445
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
448
446
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
449
447
  }
450
448
  .pf-v6-c-progress-stepper.pf-m-vertical-on-md {
451
449
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
452
450
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
453
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
454
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
451
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
452
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
455
453
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
456
454
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
457
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
458
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
459
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
460
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
455
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
456
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
457
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
458
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
461
459
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
462
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
463
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
464
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
465
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
460
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
461
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
462
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
463
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
466
464
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
467
465
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
468
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
466
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
469
467
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
470
468
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
471
469
  }
@@ -474,44 +472,44 @@
474
472
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-lg {
475
473
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
476
474
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
477
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
478
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
475
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
476
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
479
477
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
480
478
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
481
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
482
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
483
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
484
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
479
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
480
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
481
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
482
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
485
483
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
486
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
487
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
488
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
489
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
484
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
485
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
486
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
487
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
490
488
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
491
489
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
492
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
490
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
493
491
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
494
492
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
495
493
  }
496
494
  .pf-v6-c-progress-stepper.pf-m-vertical-on-lg {
497
495
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
498
496
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
499
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
500
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
497
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
498
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
501
499
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
502
500
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
503
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
504
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
505
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
506
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
501
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
502
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
503
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
504
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
507
505
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
508
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
509
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
510
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
511
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
506
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
507
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
508
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
509
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
512
510
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
513
511
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
514
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
512
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
515
513
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
516
514
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
517
515
  }
@@ -520,44 +518,44 @@
520
518
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-xl {
521
519
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
522
520
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
523
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
524
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
521
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
522
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
525
523
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
526
524
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
527
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
528
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
529
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
530
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
525
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
526
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
527
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
528
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
531
529
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
532
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
533
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
534
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
535
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
530
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
531
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
532
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
533
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
536
534
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
537
535
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
538
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
536
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
539
537
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
540
538
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
541
539
  }
542
540
  .pf-v6-c-progress-stepper.pf-m-vertical-on-xl {
543
541
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
544
542
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
545
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
546
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
543
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
544
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
547
545
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
548
546
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
549
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
550
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
551
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
552
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
547
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
548
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
549
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
550
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
553
551
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
554
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
555
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
556
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
557
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
552
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
553
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
554
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
555
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
558
556
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
559
557
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
560
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
558
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
561
559
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
562
560
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
563
561
  }
@@ -566,44 +564,44 @@
566
564
  .pf-v6-c-progress-stepper.pf-m-horizontal-on-2xl {
567
565
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
568
566
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
569
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Top);
570
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Left);
567
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
568
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
571
569
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
572
570
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
573
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
574
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
575
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
576
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
571
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
572
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
573
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
574
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
577
575
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
578
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginTop);
579
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginRight);
580
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBottom);
581
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginLeft);
576
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
577
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
578
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
579
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
582
580
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
583
581
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
584
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
582
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
585
583
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
586
584
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
587
585
  }
588
586
  .pf-v6-c-progress-stepper.pf-m-vertical-on-2xl {
589
587
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
590
588
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
591
- --pf-v6-c-progress-stepper__step-connector--before--Top: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Top);
592
- --pf-v6-c-progress-stepper__step-connector--before--Left: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Left);
589
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
590
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
593
591
  --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
594
592
  --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
595
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
596
- --pf-v6-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
597
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
598
- --pf-v6-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
593
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
594
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
595
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
596
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
599
597
  --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
600
- --pf-v6-c-progress-stepper__step-main--MarginTop: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginTop);
601
- --pf-v6-c-progress-stepper__step-main--MarginRight: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginRight);
602
- --pf-v6-c-progress-stepper__step-main--MarginBottom: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBottom);
603
- --pf-v6-c-progress-stepper__step-main--MarginLeft: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginLeft);
598
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
599
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
600
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
601
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
604
602
  --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
605
603
  --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
606
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
604
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
607
605
  --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
608
606
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
609
607
  }