@patternfly/patternfly 6.0.0-alpha.121 → 6.0.0-alpha.123

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/base/patternfly-variables.css +9 -22
  2. package/base/patternfly-variables.scss +11 -5
  3. package/base/tokens/_index.scss +1 -0
  4. package/base/tokens/tokens-charts-dark.scss +169 -0
  5. package/base/tokens/tokens-charts.scss +75 -65
  6. package/base/tokens/tokens-dark.scss +4 -5
  7. package/base/tokens/tokens-default.scss +10 -11
  8. package/base/tokens/tokens-font.scss +1 -1
  9. package/base/tokens/tokens-palette.scss +4 -5
  10. package/components/AboutModalBox/about-modal-box.css +54 -54
  11. package/components/AboutModalBox/about-modal-box.scss +54 -54
  12. package/components/Accordion/accordion.css +39 -39
  13. package/components/Accordion/accordion.scss +39 -39
  14. package/components/Alert/alert-group.css +15 -15
  15. package/components/Alert/alert-group.scss +15 -15
  16. package/components/Alert/alert.css +46 -46
  17. package/components/Alert/alert.scss +46 -46
  18. package/components/AppLauncher/app-launcher.css +58 -58
  19. package/components/AppLauncher/app-launcher.scss +58 -58
  20. package/components/BackToTop/back-to-top.css +14 -14
  21. package/components/BackToTop/back-to-top.scss +14 -14
  22. package/components/Badge/badge.css +6 -6
  23. package/components/Badge/badge.scss +6 -6
  24. package/components/Banner/banner.css +12 -12
  25. package/components/Banner/banner.scss +12 -12
  26. package/components/Breadcrumb/breadcrumb.css +12 -12
  27. package/components/Breadcrumb/breadcrumb.scss +12 -12
  28. package/components/Button/button.css +93 -93
  29. package/components/Button/button.scss +93 -93
  30. package/components/CalendarMonth/calendar-month.css +42 -42
  31. package/components/CalendarMonth/calendar-month.scss +42 -42
  32. package/components/Card/card.css +59 -59
  33. package/components/Card/card.scss +59 -59
  34. package/components/Check/check.css +2 -2
  35. package/components/Check/check.scss +2 -2
  36. package/components/Chip/chip-group.css +20 -20
  37. package/components/Chip/chip-group.scss +20 -20
  38. package/components/Chip/chip.css +26 -26
  39. package/components/Chip/chip.scss +26 -26
  40. package/components/ClipboardCopy/clipboard-copy.css +36 -36
  41. package/components/ClipboardCopy/clipboard-copy.scss +36 -36
  42. package/components/CodeBlock/code-block.css +19 -19
  43. package/components/CodeBlock/code-block.scss +19 -19
  44. package/components/CodeEditor/code-editor.css +33 -33
  45. package/components/CodeEditor/code-editor.scss +33 -33
  46. package/components/Content/content.css +65 -65
  47. package/components/Content/content.scss +65 -65
  48. package/components/ContextSelector/context-selector.css +145 -145
  49. package/components/ContextSelector/context-selector.scss +145 -145
  50. package/components/DataList/data-list-grid.css +98 -98
  51. package/components/DataList/data-list-grid.scss +14 -14
  52. package/components/DataList/data-list.css +233 -233
  53. package/components/DataList/data-list.scss +135 -135
  54. package/components/DatePicker/date-picker.css +14 -14
  55. package/components/DatePicker/date-picker.scss +14 -14
  56. package/components/DescriptionList/description-list.css +6 -6
  57. package/components/DescriptionList/description-list.scss +6 -6
  58. package/components/Drawer/drawer.css +84 -84
  59. package/components/Drawer/drawer.scss +84 -84
  60. package/components/Dropdown/dropdown.css +126 -126
  61. package/components/Dropdown/dropdown.scss +126 -126
  62. package/components/DualListSelector/dual-list-selector.css +59 -58
  63. package/components/DualListSelector/dual-list-selector.scss +41 -40
  64. package/components/EmptyState/empty-state.css +32 -32
  65. package/components/EmptyState/empty-state.scss +32 -32
  66. package/components/ExpandableSection/expandable-section.css +48 -48
  67. package/components/ExpandableSection/expandable-section.scss +48 -48
  68. package/components/Form/form.css +106 -106
  69. package/components/Form/form.scss +88 -88
  70. package/components/FormControl/form-control.css +44 -44
  71. package/components/FormControl/form-control.scss +44 -44
  72. package/components/HelperText/helper-text.css +2 -2
  73. package/components/HelperText/helper-text.scss +2 -2
  74. package/components/Hint/hint.css +16 -16
  75. package/components/Hint/hint.scss +16 -16
  76. package/components/InlineEdit/inline-edit.css +10 -10
  77. package/components/InlineEdit/inline-edit.scss +10 -10
  78. package/components/InputGroup/input-group.css +16 -16
  79. package/components/InputGroup/input-group.scss +16 -16
  80. package/components/JumpLinks/jump-links.css +75 -75
  81. package/components/JumpLinks/jump-links.scss +75 -75
  82. package/components/Label/label-group.css +26 -26
  83. package/components/Label/label-group.scss +26 -26
  84. package/components/Label/label.css +30 -30
  85. package/components/Label/label.scss +30 -30
  86. package/components/List/list.css +27 -27
  87. package/components/List/list.scss +27 -27
  88. package/components/LogViewer/log-viewer.css +36 -36
  89. package/components/LogViewer/log-viewer.scss +37 -37
  90. package/components/Login/login.css +88 -88
  91. package/components/Login/login.scss +88 -88
  92. package/components/Menu/menu.css +20 -20
  93. package/components/Menu/menu.scss +20 -20
  94. package/components/MenuToggle/menu-toggle.css +58 -58
  95. package/components/MenuToggle/menu-toggle.scss +58 -58
  96. package/components/ModalBox/modal-box.css +39 -39
  97. package/components/ModalBox/modal-box.scss +39 -39
  98. package/components/MultipleFileUpload/multiple-file-upload.css +32 -32
  99. package/components/MultipleFileUpload/multiple-file-upload.scss +32 -32
  100. package/components/NotificationBadge/notification-badge.css +16 -16
  101. package/components/NotificationBadge/notification-badge.scss +16 -16
  102. package/components/NotificationDrawer/notification-drawer.css +41 -41
  103. package/components/NotificationDrawer/notification-drawer.scss +41 -41
  104. package/components/NumberInput/number-input.css +2 -2
  105. package/components/NumberInput/number-input.scss +2 -2
  106. package/components/OptionsMenu/options-menu.css +79 -79
  107. package/components/OptionsMenu/options-menu.scss +79 -79
  108. package/components/Page/page.css +181 -181
  109. package/components/Page/page.scss +131 -131
  110. package/components/Pagination/pagination.css +24 -24
  111. package/components/Pagination/pagination.scss +24 -24
  112. package/components/Panel/panel.css +24 -24
  113. package/components/Panel/panel.scss +24 -24
  114. package/components/Popover/popover.css +48 -48
  115. package/components/Popover/popover.scss +48 -48
  116. package/components/Progress/progress.css +4 -4
  117. package/components/Progress/progress.scss +4 -4
  118. package/components/ProgressStepper/progress-stepper.css +225 -225
  119. package/components/ProgressStepper/progress-stepper.scss +93 -93
  120. package/components/Radio/radio.css +6 -6
  121. package/components/Radio/radio.scss +6 -6
  122. package/components/Select/select.css +171 -171
  123. package/components/Select/select.scss +171 -171
  124. package/components/Sidebar/sidebar.css +44 -44
  125. package/components/Sidebar/sidebar.scss +44 -44
  126. package/components/SimpleList/simple-list.css +18 -18
  127. package/components/SimpleList/simple-list.scss +18 -18
  128. package/components/Skeleton/skeleton.css +4 -4
  129. package/components/Skeleton/skeleton.scss +4 -4
  130. package/components/SkipToContent/skip-to-content.css +4 -4
  131. package/components/SkipToContent/skip-to-content.scss +4 -4
  132. package/components/Slider/slider.css +25 -25
  133. package/components/Slider/slider.scss +25 -25
  134. package/components/Switch/switch.css +4 -4
  135. package/components/Switch/switch.scss +4 -4
  136. package/components/TabContent/tab-content.css +24 -24
  137. package/components/TabContent/tab-content.scss +24 -24
  138. package/components/Table/table-grid.css +404 -404
  139. package/components/Table/table-grid.scss +116 -116
  140. package/components/Table/table-scrollable.css +16 -16
  141. package/components/Table/table-scrollable.scss +16 -16
  142. package/components/Table/table-tree-view.css +251 -251
  143. package/components/Table/table-tree-view.scss +59 -59
  144. package/components/Table/table.css +122 -122
  145. package/components/Table/table.scss +122 -122
  146. package/components/Tabs/tabs.css +118 -118
  147. package/components/Tabs/tabs.scss +118 -118
  148. package/components/TextInputGroup/text-input-group.css +26 -26
  149. package/components/TextInputGroup/text-input-group.scss +26 -26
  150. package/components/Tile/tile.css +13 -13
  151. package/components/Tile/tile.scss +13 -13
  152. package/components/ToggleGroup/toggle-group.css +28 -28
  153. package/components/ToggleGroup/toggle-group.scss +28 -28
  154. package/components/Tooltip/tooltip.css +26 -26
  155. package/components/Tooltip/tooltip.scss +26 -26
  156. package/components/TreeView/tree-view.css +181 -181
  157. package/components/TreeView/tree-view.scss +122 -122
  158. package/components/Wizard/wizard.css +158 -119
  159. package/components/Wizard/wizard.scss +176 -126
  160. package/components/_index.css +4310 -4270
  161. package/docs/components/Drawer/examples/Drawer.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +39 -39
  163. package/docs/components/Table/examples/Table.md +20 -20
  164. package/docs/components/Wizard/examples/Wizard.md +827 -91
  165. package/docs/demos/Card/examples/Card.css +2 -2
  166. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -44
  167. package/docs/demos/Table/examples/Table.md +20 -20
  168. package/docs/demos/Wizard/examples/Wizard.md +356 -198
  169. package/package.json +1 -1
  170. package/patternfly-base-no-globals.css +9 -22
  171. package/patternfly-base.css +9 -22
  172. package/patternfly-no-globals.css +4319 -4292
  173. package/patternfly.css +4319 -4292
  174. package/patternfly.min.css +1 -1
  175. package/patternfly.min.css.map +1 -1
package/components/DataList/data-list.css CHANGED
@@ -1,21 +1,21 @@
1
1
  @media screen and (min-width: 768px) {
2
2
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
3
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
4
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
5
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
6
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
7
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
8
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
9
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
10
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
3
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
4
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
5
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
6
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
7
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
8
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
9
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
10
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
11
11
  }
12
12
  }
13
13
  @media screen and (min-width: 768px) and (min-width: 1200px) {
14
14
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
15
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
16
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
17
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
18
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
15
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
16
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
17
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
18
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
19
19
  }
20
20
  }
21
21
  @media screen and (min-width: 768px) {
@@ -23,10 +23,10 @@
23
23
  display: flex;
24
24
  flex-grow: 1;
25
25
  flex-wrap: wrap;
26
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
26
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
27
27
  }
28
28
  .pf-v6-c-data-list:not([class*=pf-m-grid]) .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
29
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
29
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
30
30
  }
31
31
  .pf-v6-c-data-list:not([class*=pf-m-grid]) .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
32
32
  flex: 1;
@@ -58,22 +58,22 @@
58
58
 
59
59
  @media screen and (min-width: 0) {
60
60
  .pf-v6-c-data-list.pf-m-grid-none {
61
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
62
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
63
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
64
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
65
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
66
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
67
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
68
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
61
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
62
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
63
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
64
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
65
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
66
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
67
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
68
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
69
69
  }
70
70
  }
71
71
  @media screen and (min-width: 0) and (min-width: 1200px) {
72
72
  .pf-v6-c-data-list.pf-m-grid-none {
73
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
74
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
75
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
76
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
73
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
74
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
75
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
76
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
77
77
  }
78
78
  }
79
79
  @media screen and (min-width: 0) {
@@ -81,10 +81,10 @@
81
81
  display: flex;
82
82
  flex-grow: 1;
83
83
  flex-wrap: wrap;
84
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
84
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
85
85
  }
86
86
  .pf-v6-c-data-list.pf-m-grid-none .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
87
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
87
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
88
88
  }
89
89
  .pf-v6-c-data-list.pf-m-grid-none .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
90
90
  flex: 1;
@@ -116,22 +116,22 @@
116
116
 
117
117
  @media screen and (min-width: 576px) {
118
118
  .pf-v6-c-data-list.pf-m-grid-sm {
119
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
120
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
121
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
122
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
123
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
124
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
125
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
126
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
119
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
120
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
121
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
122
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
123
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
124
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
125
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
126
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
127
127
  }
128
128
  }
129
129
  @media screen and (min-width: 576px) and (min-width: 1200px) {
130
130
  .pf-v6-c-data-list.pf-m-grid-sm {
131
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
132
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
133
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
134
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
131
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
132
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
133
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
134
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
135
135
  }
136
136
  }
137
137
  @media screen and (min-width: 576px) {
@@ -139,10 +139,10 @@
139
139
  display: flex;
140
140
  flex-grow: 1;
141
141
  flex-wrap: wrap;
142
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
142
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
143
143
  }
144
144
  .pf-v6-c-data-list.pf-m-grid-sm .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
145
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
145
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
146
146
  }
147
147
  .pf-v6-c-data-list.pf-m-grid-sm .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
148
148
  flex: 1;
@@ -174,22 +174,22 @@
174
174
 
175
175
  @media screen and (min-width: 768px) {
176
176
  .pf-v6-c-data-list.pf-m-grid-md {
177
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
178
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
179
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
180
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
181
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
182
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
183
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
184
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
177
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
178
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
179
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
180
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
181
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
182
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
183
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
184
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
185
185
  }
186
186
  }
187
187
  @media screen and (min-width: 768px) and (min-width: 1200px) {
188
188
  .pf-v6-c-data-list.pf-m-grid-md {
189
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
190
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
191
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
192
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
189
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
190
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
191
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
192
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
193
193
  }
194
194
  }
195
195
  @media screen and (min-width: 768px) {
@@ -197,10 +197,10 @@
197
197
  display: flex;
198
198
  flex-grow: 1;
199
199
  flex-wrap: wrap;
200
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
200
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
201
201
  }
202
202
  .pf-v6-c-data-list.pf-m-grid-md .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
203
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
203
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
204
204
  }
205
205
  .pf-v6-c-data-list.pf-m-grid-md .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
206
206
  flex: 1;
@@ -232,22 +232,22 @@
232
232
 
233
233
  @media screen and (min-width: 992px) {
234
234
  .pf-v6-c-data-list.pf-m-grid-lg {
235
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
236
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
237
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
238
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
239
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
240
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
241
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
242
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
235
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
236
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
237
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
238
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
239
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
240
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
241
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
242
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
243
243
  }
244
244
  }
245
245
  @media screen and (min-width: 992px) and (min-width: 1200px) {
246
246
  .pf-v6-c-data-list.pf-m-grid-lg {
247
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
248
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
249
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
250
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
247
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
248
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
249
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
250
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
251
251
  }
252
252
  }
253
253
  @media screen and (min-width: 992px) {
@@ -255,10 +255,10 @@
255
255
  display: flex;
256
256
  flex-grow: 1;
257
257
  flex-wrap: wrap;
258
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
258
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
259
259
  }
260
260
  .pf-v6-c-data-list.pf-m-grid-lg .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
261
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
261
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
262
262
  }
263
263
  .pf-v6-c-data-list.pf-m-grid-lg .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
264
264
  flex: 1;
@@ -290,22 +290,22 @@
290
290
 
291
291
  @media screen and (min-width: 1200px) {
292
292
  .pf-v6-c-data-list.pf-m-grid-xl {
293
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
294
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
295
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
296
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
297
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
298
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
299
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
300
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
293
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
294
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
295
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
296
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
297
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
298
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
299
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
300
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
301
301
  }
302
302
  }
303
303
  @media screen and (min-width: 1200px) and (min-width: 1200px) {
304
304
  .pf-v6-c-data-list.pf-m-grid-xl {
305
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
306
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
307
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
308
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
305
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
306
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
307
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
308
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
309
309
  }
310
310
  }
311
311
  @media screen and (min-width: 1200px) {
@@ -313,10 +313,10 @@
313
313
  display: flex;
314
314
  flex-grow: 1;
315
315
  flex-wrap: wrap;
316
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
316
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
317
317
  }
318
318
  .pf-v6-c-data-list.pf-m-grid-xl .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
319
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
319
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
320
320
  }
321
321
  .pf-v6-c-data-list.pf-m-grid-xl .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
322
322
  flex: 1;
@@ -348,22 +348,22 @@
348
348
 
349
349
  @media screen and (min-width: 1450px) {
350
350
  .pf-v6-c-data-list.pf-m-grid-2xl {
351
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list__cell--cell--md--PaddingTop);
352
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list__cell--md--PaddingBottom);
353
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list__item-control--md--MarginRight);
354
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list__item-action--md--MarginLeft);
355
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingTop);
356
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBottom);
357
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBottom);
358
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop);
351
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
352
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
353
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list__item-control--md--MarginInlineEnd);
354
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list__item-action--md--MarginInlineStart);
355
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart);
356
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd);
357
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd);
358
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
359
359
  }
360
360
  }
361
361
  @media screen and (min-width: 1450px) and (min-width: 1200px) {
362
362
  .pf-v6-c-data-list.pf-m-grid-2xl {
363
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-v6-c-data-list__item-row--xl--PaddingRight);
364
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-v6-c-data-list__item-row--xl--PaddingLeft);
365
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingRight);
366
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft);
363
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
364
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
365
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd);
366
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
367
367
  }
368
368
  }
369
369
  @media screen and (min-width: 1450px) {
@@ -371,10 +371,10 @@
371
371
  display: flex;
372
372
  flex-grow: 1;
373
373
  flex-wrap: wrap;
374
- padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBottom);
374
+ padding-block-end: var(--pf-v6-c-data-list__item-content--md--PaddingBlockEnd);
375
375
  }
376
376
  .pf-v6-c-data-list.pf-m-grid-2xl .pf-v6-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
377
- margin-inline-end: var(--pf-v6-c-data-list__cell--MarginRight);
377
+ margin-inline-end: var(--pf-v6-c-data-list__cell--MarginInlineEnd);
378
378
  }
379
379
  .pf-v6-c-data-list.pf-m-grid-2xl .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
380
380
  flex: 1;
@@ -407,124 +407,124 @@
407
407
  :where(:root, .pf-v6-c-data-list) {
408
408
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
409
409
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
410
- --pf-v6-c-data-list--BorderTopColor: var(--pf-t--global--border--color--default);
411
- --pf-v6-c-data-list--BorderTopWidth: var(--pf-t--global--spacer--sm);
412
- --pf-v6-c-data-list--sm--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
413
- --pf-v6-c-data-list--sm--BorderTopColor: var(--pf-t--global--border--color--default);
414
- --pf-v6-c-data-list--MarginLeft: var(--pf-t--global--spacer--md);
410
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-t--global--border--color--default);
411
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-t--global--spacer--sm);
412
+ --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
413
+ --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
414
+ --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
415
415
  --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
416
416
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
417
417
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
418
418
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
419
- --pf-v6-c-data-list__item--BorderBottomColor: var(--pf-t--global--border--color--default);
420
- --pf-v6-c-data-list__item--BorderBottomWidth: var(--pf-t--global--spacer--sm);
421
- --pf-v6-c-data-list__item--sm--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
422
- --pf-v6-c-data-list__item--sm--BorderBottomColor: var(--pf-t--global--border--color--default);
423
- --pf-v6-c-data-list__item-row--PaddingRight: var(--pf-t--global--spacer--md);
424
- --pf-v6-c-data-list__item-row--PaddingLeft: var(--pf-t--global--spacer--md);
425
- --pf-v6-c-data-list__item-row--xl--PaddingRight: var(--pf-t--global--spacer--lg);
426
- --pf-v6-c-data-list__item-row--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
427
- --pf-v6-c-data-list__item-content--md--PaddingBottom: var(--pf-t--global--spacer--lg);
428
- --pf-v6-c-data-list__cell--PaddingTop: var(--pf-t--global--spacer--lg);
429
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-t--global--spacer--lg);
430
- --pf-v6-c-data-list__cell--MarginRight: var(--pf-t--global--spacer--xl);
431
- --pf-v6-c-data-list__cell--md--PaddingBottom: 0;
432
- --pf-v6-c-data-list__cell--m-icon--MarginRight: var(--pf-t--global--spacer--md);
433
- --pf-v6-c-data-list__cell--cell--PaddingTop: 0;
434
- --pf-v6-c-data-list__cell--cell--md--PaddingTop: var(--pf-t--global--spacer--lg);
435
- --pf-v6-c-data-list__cell--m-icon--cell--PaddingTop: var(--pf-t--global--spacer--lg);
419
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
420
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--spacer--sm);
421
+ --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
422
+ --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
423
+ --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
424
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
425
+ --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
426
+ --pf-v6-c-data-list__item-row--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
427
+ --pf-v6-c-data-list__item-content--md--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
428
+ --pf-v6-c-data-list__cell--PaddingBlockStart: var(--pf-t--global--spacer--lg);
429
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
430
+ --pf-v6-c-data-list__cell--MarginInlineEnd: var(--pf-t--global--spacer--xl);
431
+ --pf-v6-c-data-list__cell--md--PaddingBlockEnd: 0;
432
+ --pf-v6-c-data-list__cell--m-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
433
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: 0;
434
+ --pf-v6-c-data-list__cell--cell--md--PaddingBlockStart: var(--pf-t--global--spacer--lg);
435
+ --pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--lg);
436
436
  --pf-v6-c-data-list--cell--MinWidth: initial;
437
437
  --pf-v6-c-data-list--cell--Overflow: visible;
438
438
  --pf-v6-c-data-list--cell--TextOverflow: clip;
439
439
  --pf-v6-c-data-list--cell--WhiteSpace: normal;
440
440
  --pf-v6-c-data-list--cell--WordBreak: normal;
441
441
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
442
- --pf-v6-c-data-list__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
443
- --pf-v6-c-data-list__toggle--MarginTop: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
444
- --pf-v6-c-data-list__toggle--MarginBottom: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
442
+ --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
443
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
444
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
445
445
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
446
446
  --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
447
447
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
448
448
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
449
449
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
450
- --pf-v6-c-data-list__item-draggable-button--PaddingLeft: var(--pf-t--global--spacer--md);
451
- --pf-v6-c-data-list__item-draggable-button--PaddingRight: var(--pf-t--global--spacer--md);
452
- --pf-v6-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-t--global--spacer--lg) * -1);
453
- --pf-v6-c-data-list__item-draggable-button--MarginBottom: calc(var(--pf-t--global--spacer--lg) * -1);
454
- --pf-v6-c-data-list__item-draggable-button--PaddingTop: var(--pf-t--global--spacer--lg);
455
- --pf-v6-c-data-list__item-draggable-button--PaddingBottom: var(--pf-t--global--spacer--lg);
456
- --pf-v6-c-data-list__item-draggable-button--MarginLeft: calc(var(--pf-t--global--spacer--md) * -1);
450
+ --pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
451
+ --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
452
+ --pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
453
+ --pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
454
+ --pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--lg);
455
+ --pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
456
+ --pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
457
457
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
458
458
  --pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color: var(--pf-t--global--icon--color--disabled);
459
459
  --pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color: var(--pf-t--global--icon--color--regular);
460
460
  --pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color: var(--pf-t--global--icon--color--regular);
461
461
  --pf-v6-c-data-list__item--m-ghost-row--after--BackgroundColor: var(--pf-t--global--background--color--primary--default);
462
462
  --pf-v6-c-data-list__item--m-ghost-row--after--Opacity: .6;
463
- --pf-v6-c-data-list__item-control--PaddingTop: var(--pf-t--global--spacer--lg);
464
- --pf-v6-c-data-list__item-control--PaddingBottom: var(--pf-t--global--spacer--lg);
465
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-t--global--spacer--md);
466
- --pf-v6-c-data-list__item-control--md--MarginRight: var(--pf-t--global--spacer--xl);
467
- --pf-v6-c-data-list__item-control--not-last-child--MarginRight: var(--pf-t--global--spacer--md);
463
+ --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-t--global--spacer--lg);
464
+ --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
465
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
466
+ --pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
467
+ --pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
468
468
  --pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
469
- --pf-v6-c-data-list__check--MarginTop: -0.0625rem;
469
+ --pf-v6-c-data-list__check--MarginBlockStart: -0.0625rem;
470
470
  --pf-v6-c-data-list__item-action--Display: flex;
471
- --pf-v6-c-data-list__item-action--PaddingTop: var(--pf-t--global--spacer--lg);
472
- --pf-v6-c-data-list__item-action--PaddingBottom: var(--pf-t--global--spacer--lg);
473
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-t--global--spacer--md);
474
- --pf-v6-c-data-list__item-action--md--MarginLeft: var(--pf-t--global--spacer--xl);
475
- --pf-v6-c-data-list__item-action--not-last-child--MarginRight: var(--pf-t--global--spacer--md);
476
- --pf-v6-c-data-list__item-action__action--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
477
- --pf-v6-c-data-list__action--MarginTop: var(--pf-v6-c-data-list__item-action__action--MarginTop);
478
- --pf-v6-c-data-list__item-action__action--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
471
+ --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
472
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
473
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
474
+ --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
475
+ --pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
476
+ --pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
477
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
478
+ --pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
479
479
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
480
480
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
481
481
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
482
482
  --pf-v6-c-data-list__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
483
483
  --pf-v6-c-data-list__expandable-content--MaxHeight: 37.5rem;
484
- --pf-v6-c-data-list__expandable-content-body--PaddingTop: var(--pf-t--global--spacer--md);
485
- --pf-v6-c-data-list__expandable-content-body--PaddingRight: var(--pf-t--global--spacer--md);
486
- --pf-v6-c-data-list__expandable-content-body--PaddingBottom: var(--pf-t--global--spacer--md);
487
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: var(--pf-t--global--spacer--md);
488
- --pf-v6-c-data-list__expandable-content-body--md--PaddingTop: var(--pf-t--global--spacer--lg);
489
- --pf-v6-c-data-list__expandable-content-body--xl--PaddingRight: var(--pf-t--global--spacer--lg);
490
- --pf-v6-c-data-list__expandable-content-body--md--PaddingBottom: var(--pf-t--global--spacer--lg);
491
- --pf-v6-c-data-list__expandable-content-body--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
484
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
485
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
486
+ --pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
487
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-t--global--spacer--md);
488
+ --pf-v6-c-data-list__expandable-content-body--md--PaddingBlockStart: var(--pf-t--global--spacer--lg);
489
+ --pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
490
+ --pf-v6-c-data-list__expandable-content-body--md--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
491
+ --pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
492
492
  --pf-v6-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
493
493
  --pf-v6-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
494
494
  --pf-v6-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
495
495
  --pf-v6-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--default);
496
- --pf-v6-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
497
- --pf-v6-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
498
- --pf-v6-c-data-list--m-compact__cell--md--PaddingBottom: 0;
499
- --pf-v6-c-data-list--m-compact__cell-cell--PaddingTop: 0;
500
- --pf-v6-c-data-list--m-compact__cell-cell--md--PaddingTop: var(--pf-t--global--spacer--sm);
501
- --pf-v6-c-data-list--m-compact__cell--cell--MarginRight: var(--pf-t--global--spacer--md);
502
- --pf-v6-c-data-list--m-compact__item-control--PaddingTop: var(--pf-t--global--spacer--sm);
503
- --pf-v6-c-data-list--m-compact__item-control--PaddingBottom: var(--pf-t--global--spacer--sm);
504
- --pf-v6-c-data-list--m-compact__item-control--MarginRight: var(--pf-t--global--spacer--md);
505
- --pf-v6-c-data-list--m-compact__item-action--PaddingTop: var(--pf-t--global--spacer--sm);
506
- --pf-v6-c-data-list--m-compact__item-action--PaddingBottom: var(--pf-t--global--spacer--sm);
507
- --pf-v6-c-data-list--m-compact__item-action--MarginLeft: var(--pf-t--global--spacer--md);
508
- --pf-v6-c-data-list--m-compact__item-action__action--MarginTop: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingTop) * -1);
509
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBottom: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBottom) * -1);
510
- --pf-v6-c-data-list--m-compact__action--MarginTop: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginTop);
511
- --pf-v6-c-data-list--m-compact__item-content--PaddingBottom: var(--pf-t--global--spacer--sm);
512
- --pf-v6-c-data-list--m-compact__item-draggable-button--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
513
- --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
514
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingTop: var(--pf-t--global--spacer--sm);
515
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBottom: var(--pf-t--global--spacer--sm);
516
- --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(--pf-t--global--spacer--sm);
496
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
497
+ --pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
498
+ --pf-v6-c-data-list--m-compact__cell--md--PaddingBlockEnd: 0;
499
+ --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: 0;
500
+ --pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart: var(--pf-t--global--spacer--sm);
501
+ --pf-v6-c-data-list--m-compact__cell--cell--MarginInlineEnd: var(--pf-t--global--spacer--md);
502
+ --pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart: var(--pf-t--global--spacer--sm);
503
+ --pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
504
+ --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
505
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
506
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
507
+ --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
508
+ --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
509
+ --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
510
+ --pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
511
+ --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
512
+ --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
513
+ --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
514
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
515
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
516
+ --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
517
517
  }
518
518
  @media screen and (min-width: 576px) {
519
519
  :where(:root, .pf-v6-c-data-list) {
520
- --pf-v6-c-data-list--BorderTopColor: var(--pf-v6-c-data-list--sm--BorderTopColor);
521
- --pf-v6-c-data-list--BorderTopWidth: var(--pf-v6-c-data-list--sm--BorderTopWidth);
520
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
521
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
522
522
  }
523
523
  }
524
524
  @media screen and (min-width: 576px) {
525
525
  :where(:root, .pf-v6-c-data-list) {
526
- --pf-v6-c-data-list__item--BorderBottomWidth: var(--pf-v6-c-data-list__item--sm--BorderBottomWidth);
527
- --pf-v6-c-data-list__item--BorderBottomColor: var(--pf-v6-c-data-list__item--sm--BorderBottomColor);
526
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
527
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
528
528
  }
529
529
  }
530
530
 
@@ -532,33 +532,33 @@
532
532
  font-size: var(--pf-v6-c-data-list--FontSize);
533
533
  line-height: var(--pf-v6-c-data-list--LineHeight);
534
534
  overflow-wrap: break-word;
535
- border-block-start: var(--pf-v6-c-data-list--BorderTopWidth) solid var(--pf-v6-c-data-list--BorderTopColor);
535
+ border-block-start: var(--pf-v6-c-data-list--BorderBlockStartWidth) solid var(--pf-v6-c-data-list--BorderBlockStartColor);
536
536
  }
537
537
  .pf-v6-c-data-list.pf-m-compact {
538
538
  --pf-v6-c-data-list__check--FontSize: var(--pf-v6-c-data-list--m-compact__check--FontSize);
539
- --pf-v6-c-data-list__action--MarginTop: var(--pf-v6-c-data-list--m-compact__action--MarginTop);
539
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
540
540
  --pf-v6-c-data-list--FontSize: var(--pf-v6-c-data-list--m-compact--FontSize);
541
- --pf-v6-c-data-list__item-action--MarginLeft: var(--pf-v6-c-data-list--m-compact__item-action--MarginLeft);
542
- --pf-v6-c-data-list__item-action--PaddingTop: var(--pf-v6-c-data-list--m-compact__item-action--PaddingTop);
543
- --pf-v6-c-data-list__item-action--PaddingBottom: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBottom);
544
- --pf-v6-c-data-list__item-action__action--MarginTop: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginTop);
545
- --pf-v6-c-data-list__item-action__action--MarginBottom: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBottom);
546
- --pf-v6-c-data-list__item-control--MarginRight: var(--pf-v6-c-data-list--m-compact__item-control--MarginRight);
547
- --pf-v6-c-data-list__item-control--PaddingTop: var(--pf-v6-c-data-list--m-compact__item-control--PaddingTop);
548
- --pf-v6-c-data-list__item-control--PaddingBottom: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBottom);
549
- --pf-v6-c-data-list__item-content--md--PaddingBottom: var(--pf-v6-c-data-list--m-compact__item-content--PaddingBottom);
550
- --pf-v6-c-data-list__item-draggable-button--MarginTop: var(--pf-v6-c-data-list--m-compact__item-draggable-button--MarginTop);
551
- --pf-v6-c-data-list__item-draggable-button--MarginBottom: var(--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBottom);
552
- --pf-v6-c-data-list__item-draggable-button--PaddingTop: var(--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingTop);
553
- --pf-v6-c-data-list__item-draggable-button--PaddingBottom: var(--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBottom);
554
- --pf-v6-c-data-list__cell--m-icon--cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingTop);
541
+ --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
542
+ --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
543
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
544
+ --pf-v6-c-data-list__item-action__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
545
+ --pf-v6-c-data-list__item-action__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd);
546
+ --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
547
+ --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
548
+ --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
549
+ --pf-v6-c-data-list__item-content--md--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd);
550
+ --pf-v6-c-data-list__item-draggable-button--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart);
551
+ --pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd);
552
+ --pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart);
553
+ --pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd);
554
+ --pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart);
555
555
  font-size: var(--pf-v6-c-data-list--m-compact--FontSize);
556
556
  }
557
557
  .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__cell {
558
- --pf-v6-c-data-list__cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell--PaddingTop);
559
- --pf-v6-c-data-list__cell--PaddingBottom: var(--pf-v6-c-data-list--m-compact__cell--PaddingBottom);
560
- --pf-v6-c-data-list__cell--MarginRight: var(--pf-v6-c-data-list--m-compact__cell--cell--MarginRight);
561
- --pf-v6-c-data-list__cell--cell--PaddingTop: var(--pf-v6-c-data-list--m-compact__cell-cell--PaddingTop);
558
+ --pf-v6-c-data-list__cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
559
+ --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockEnd);
560
+ --pf-v6-c-data-list__cell--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__cell--cell--MarginInlineEnd);
561
+ --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart);
562
562
  }
563
563
  .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
564
564
  font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
@@ -594,7 +594,7 @@
594
594
  display: flex;
595
595
  flex-direction: column;
596
596
  background-color: var(--pf-v6-c-data-list__item--BackgroundColor);
597
- border-block-end: var(--pf-v6-c-data-list__item--BorderBottomWidth) solid var(--pf-v6-c-data-list__item--BorderBottomColor);
597
+ border-block-end: var(--pf-v6-c-data-list__item--BorderBlockEndWidth) solid var(--pf-v6-c-data-list__item--BorderBlockEndColor);
598
598
  }
599
599
  .pf-v6-c-data-list__item.pf-m-clickable {
600
600
  cursor: pointer;
@@ -623,19 +623,19 @@
623
623
  .pf-v6-c-data-list__item-row {
624
624
  display: flex;
625
625
  flex-wrap: nowrap;
626
- padding-inline-start: var(--pf-v6-c-data-list__item-row--PaddingLeft);
627
- padding-inline-end: var(--pf-v6-c-data-list__item-row--PaddingRight);
626
+ padding-inline-start: var(--pf-v6-c-data-list__item-row--PaddingInlineStart);
627
+ padding-inline-end: var(--pf-v6-c-data-list__item-row--PaddingInlineEnd);
628
628
  }
629
629
 
630
630
  .pf-v6-c-data-list__item-control {
631
631
  display: flex;
632
632
  flex-wrap: nowrap;
633
- padding-block-start: var(--pf-v6-c-data-list__item-control--PaddingTop);
634
- padding-block-end: var(--pf-v6-c-data-list__item-control--PaddingBottom);
635
- margin-inline-end: var(--pf-v6-c-data-list__item-control--MarginRight);
633
+ padding-block-start: var(--pf-v6-c-data-list__item-control--PaddingBlockStart);
634
+ padding-block-end: var(--pf-v6-c-data-list__item-control--PaddingBlockEnd);
635
+ margin-inline-end: var(--pf-v6-c-data-list__item-control--MarginInlineEnd);
636
636
  }
637
637
  .pf-v6-c-data-list__item-control > *:not(:last-child) {
638
- margin-inline-end: var(--pf-v6-c-data-list__item-control--not-last-child--MarginRight);
638
+ margin-inline-end: var(--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd);
639
639
  }
640
640
 
641
641
  .pf-v6-c-data-list__check {
@@ -643,7 +643,7 @@
643
643
  align-items: center;
644
644
  align-self: flex-start;
645
645
  height: var(--pf-v6-c-data-list__check--Height);
646
- margin-block-start: var(--pf-v6-c-data-list__check--MarginTop);
646
+ margin-block-start: var(--pf-v6-c-data-list__check--MarginBlockStart);
647
647
  }
648
648
  .pf-v6-c-data-list__check > input {
649
649
  cursor: pointer;
@@ -652,13 +652,13 @@
652
652
  .pf-v6-c-data-list__item-draggable-button {
653
653
  display: flex;
654
654
  flex-direction: column;
655
- padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingTop);
656
- padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBottom);
657
- padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingLeft);
658
- padding-inline-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingRight);
659
- margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginTop);
660
- margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBottom);
661
- margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginLeft);
655
+ padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
656
+ padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
657
+ padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
658
+ padding-inline-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd);
659
+ margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
660
+ margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
661
+ margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
662
662
  background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
663
663
  border: 0;
664
664
  }
@@ -687,9 +687,9 @@
687
687
  display: var(--pf-v6-hidden-visible--Display);
688
688
  align-content: flex-start;
689
689
  align-items: flex-start;
690
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingTop);
691
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBottom);
692
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginLeft);
690
+ padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
691
+ padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
692
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
693
693
  }
694
694
  .pf-v6-c-data-list__item-action.pf-m-hidden {
695
695
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -735,17 +735,17 @@
735
735
  }
736
736
  }
737
737
  .pf-v6-c-data-list__item-action > *:not(:last-child) {
738
- margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginRight);
738
+ margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd);
739
739
  }
740
740
  .pf-v6-c-data-list__item-action .pf-v6-c-data-list__action {
741
- margin-block-start: var(--pf-v6-c-data-list__action--MarginTop);
742
- margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBottom);
741
+ margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
742
+ margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBlockEnd);
743
743
  }
744
744
 
745
745
  .pf-v6-c-data-list__toggle {
746
- margin-block-start: var(--pf-v6-c-data-list__toggle--MarginTop);
747
- margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBottom);
748
- margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginLeft);
746
+ margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
747
+ margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
748
+ margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
749
749
  }
750
750
 
751
751
  .pf-v6-c-data-list__toggle-icon {
@@ -767,22 +767,22 @@
767
767
  .pf-v6-c-data-list__cell {
768
768
  flex: 1;
769
769
  grid-column: 1/-1;
770
- padding-block-start: var(--pf-v6-c-data-list__cell--PaddingTop);
771
- padding-block-end: var(--pf-v6-c-data-list__cell--PaddingBottom);
770
+ padding-block-start: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
771
+ padding-block-end: var(--pf-v6-c-data-list__cell--PaddingBlockEnd);
772
772
  }
773
773
  .pf-v6-c-data-list__cell + .pf-v6-c-data-list__cell {
774
774
  flex: 1 0 100%;
775
775
  order: 1;
776
- padding-block-start: var(--pf-v6-c-data-list__cell--cell--PaddingTop);
776
+ padding-block-start: var(--pf-v6-c-data-list__cell--cell--PaddingBlockStart);
777
777
  }
778
778
  .pf-v6-c-data-list__cell.pf-m-icon {
779
779
  flex-grow: 0;
780
780
  grid-column: 1/2;
781
- margin-inline-end: var(--pf-v6-c-data-list__cell--m-icon--MarginRight);
781
+ margin-inline-end: var(--pf-v6-c-data-list__cell--m-icon--MarginInlineEnd);
782
782
  }
783
783
  .pf-v6-c-data-list__cell.pf-m-icon + .pf-v6-c-data-list__cell {
784
784
  grid-column: 2/3;
785
- padding-block-start: var(--pf-v6-c-data-list__cell--m-icon--cell--PaddingTop);
785
+ padding-block-start: var(--pf-v6-c-data-list__cell--m-icon--cell--PaddingBlockStart);
786
786
  }
787
787
  .pf-v6-c-data-list__cell.pf-m-align-right {
788
788
  margin-inline-start: 0;
@@ -812,22 +812,22 @@
812
812
  border-radius: var(--pf-v6-c-data-list__expandable-content-body--BorderRadius);
813
813
  }
814
814
  .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body {
815
- padding-block-start: var(--pf-v6-c-data-list__expandable-content-body--PaddingTop);
816
- padding-block-end: var(--pf-v6-c-data-list__expandable-content-body--PaddingBottom);
817
- padding-inline-start: var(--pf-v6-c-data-list__expandable-content-body--PaddingLeft);
818
- padding-inline-end: var(--pf-v6-c-data-list__expandable-content-body--PaddingRight);
815
+ padding-block-start: var(--pf-v6-c-data-list__expandable-content-body--PaddingBlockStart);
816
+ padding-block-end: var(--pf-v6-c-data-list__expandable-content-body--PaddingBlockEnd);
817
+ padding-inline-start: var(--pf-v6-c-data-list__expandable-content-body--PaddingInlineStart);
818
+ padding-inline-end: var(--pf-v6-c-data-list__expandable-content-body--PaddingInlineEnd);
819
819
  }
820
820
  .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body > .pf-v6-c-data-list {
821
- margin-inline-start: var(--pf-v6-c-data-list--MarginLeft);
821
+ margin-inline-start: var(--pf-v6-c-data-list--MarginInlineStart);
822
822
  }
823
823
  .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item:last-child {
824
824
  border-block-end: 0;
825
825
  }
826
826
  .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item-row {
827
- --pf-v6-c-data-list__item-row--PaddingLeft: 0;
827
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: 0;
828
828
  }
829
829
  .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__expandable-content-body {
830
- --pf-v6-c-data-list__expandable-content-body--PaddingLeft: 0;
830
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: 0;
831
831
  }
832
832
  .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body.pf-m-no-padding {
833
833
  padding: 0;