@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
@@ -2,7 +2,7 @@ import './table-tree-view.css';
2
2
  declare const _default: {
3
3
  "button": "pf-v6-c-button",
4
4
  "dirRtl": "pf-v6-m-dir-rtl",
5
- "dropdown": "pf-v6-c-dropdown",
5
+ "menuToggle": "pf-v6-c-menu-toggle",
6
6
  "modifiers": {
7
7
  "treeView": "pf-m-tree-view",
8
8
  "noInset": "pf-m-no-inset",
@@ -4,7 +4,7 @@ require('./table-tree-view.css');
4
4
  exports.default = {
5
5
  "button": "pf-v6-c-button",
6
6
  "dirRtl": "pf-v6-m-dir-rtl",
7
- "dropdown": "pf-v6-c-dropdown",
7
+ "menuToggle": "pf-v6-c-menu-toggle",
8
8
  "modifiers": {
9
9
  "treeView": "pf-m-tree-view",
10
10
  "noInset": "pf-m-no-inset",
@@ -2,7 +2,7 @@ import './table-tree-view.css';
2
2
  export default {
3
3
  "button": "pf-v6-c-button",
4
4
  "dirRtl": "pf-v6-m-dir-rtl",
5
- "dropdown": "pf-v6-c-dropdown",
5
+ "menuToggle": "pf-v6-c-menu-toggle",
6
6
  "modifiers": {
7
7
  "treeView": "pf-m-tree-view",
8
8
  "noInset": "pf-m-no-inset",
@@ -1,82 +1,32 @@
1
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
2
- --pf-v6-hidden-visible--hidden--Display: none;
3
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4
- display: var(--pf-v6-hidden-visible--Display);
5
- }
6
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden:where(th, td) {
7
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8
- }
9
- @media screen and (min-width: 576px) {
10
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm:where(th, td) {
11
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
12
- }
13
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm:where(th, td) {
14
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
15
- }
16
- }
17
- @media screen and (min-width: 768px) {
18
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md:where(th, td) {
19
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
20
- }
21
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md:where(th, td) {
22
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23
- }
24
- }
25
- @media screen and (min-width: 992px) {
26
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg:where(th, td) {
27
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
28
- }
29
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg:where(th, td) {
30
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31
- }
32
- }
33
- @media screen and (min-width: 1200px) {
34
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl:where(th, td) {
35
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
36
- }
37
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl:where(th, td) {
38
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
39
- }
40
- }
41
- @media screen and (min-width: 1450px) {
42
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl:where(th, td) {
43
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
44
- }
45
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl:where(th, td) {
46
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
47
- }
48
- }
49
-
50
- :where(:root),
51
- :where(.pf-v6-c-table) {
1
+ :where(:root, .pf-v6-c-table) {
52
2
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
53
3
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
54
4
  --pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
55
5
  --pf-v6-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
56
6
  --pf-v6-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
57
- --pf-v6-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
58
- --pf-v6-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
59
- --pf-v6-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
60
- --pf-v6-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
7
+ --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
8
+ --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
9
+ --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
61
11
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
62
12
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
63
- --pf-v6-c-table__thead__toggle--PaddingBottom: var(--pf-t--global--spacer--xs);
64
- --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
65
- --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
13
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
14
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
15
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
66
16
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
67
- --pf-v6-c-table__tr--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
68
- --pf-v6-c-table__tr--BorderBottomColor: var(--pf-t--global--border--color--default);
17
+ --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
18
+ --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
69
19
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
70
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
71
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--cell--Padding--base);
72
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
73
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--cell--Padding--base);
20
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
21
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--cell--Padding--base);
22
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
23
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
74
24
  --pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
75
25
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
76
26
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
77
27
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
78
28
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
79
- --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v6-c-table--cell--Padding--base);
29
+ --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
80
30
  --pf-v6-c-table--cell--MinWidth: 0;
81
31
  --pf-v6-c-table--cell--MaxWidth: none;
82
32
  --pf-v6-c-table--cell--Width: auto;
@@ -84,81 +34,81 @@
84
34
  --pf-v6-c-table--cell--TextOverflow: clip;
85
35
  --pf-v6-c-table--cell--WhiteSpace: normal;
86
36
  --pf-v6-c-table--cell--WordBreak: normal;
87
- --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
88
- --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
89
- --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
90
- --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
37
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
38
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
39
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
40
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
91
41
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
92
42
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
93
- --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft));
43
+ --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
94
44
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
95
45
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
96
- --pf-v6-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
97
- --pf-v6-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
98
- --pf-v6-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
99
- --pf-v6-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
46
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
47
+ --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
48
+ --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
49
+ --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
100
50
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
101
51
  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
102
52
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
103
- --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--sm);
104
- --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--sm);
105
- --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--md);
106
- --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--md);
53
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
54
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
55
+ --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
56
+ --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
107
57
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
108
58
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
109
59
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
110
60
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
111
61
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
112
62
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
113
- --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
114
- --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
63
+ --pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
64
+ --pf-v6-c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
115
65
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
116
66
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
117
67
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
118
68
  --pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
119
69
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
120
- --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
121
- --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
122
- --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
123
- --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
70
+ --pf-v6-c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
71
+ --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
72
+ --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
73
+ --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
124
74
  --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
125
- --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
126
- --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
127
- --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
128
- --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
75
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
76
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
77
+ --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
78
+ --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
129
79
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
130
80
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
131
- --pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
132
- --pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
133
- --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
134
- --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
81
+ --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
82
+ --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
83
+ --pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
84
+ --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart) + var(--pf-v6-c-table__sort-indicator--MarginInlineStart));
135
85
  --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
136
86
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
137
87
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
138
88
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
139
89
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
140
- --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
90
+ --pf-v6-c-table__sort-indicator--MarginInlineStart: var(--pf-t--global--spacer--md);
141
91
  --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
142
92
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
143
93
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
144
- --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
94
+ --pf-v6-c-table__column-help--MarginInlineStart: var(--pf-t--global--spacer--sm);
145
95
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
146
96
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
147
97
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
148
98
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
149
99
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
150
100
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
151
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
152
- --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
153
- --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
101
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
102
+ --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
103
+ --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
154
104
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
155
- --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
156
- --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
157
- --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
158
- --pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
159
- --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
160
- --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
161
- --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
105
+ --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
106
+ --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
107
+ --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
108
+ --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
109
+ --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
110
+ --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
111
+ --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
162
112
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
163
113
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
164
114
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -171,11 +121,11 @@
171
121
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
172
122
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
173
123
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
174
- --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
175
- --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
124
+ --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
125
+ --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
176
126
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
177
- --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
178
- --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
127
+ --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--sm));
128
+ --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--xs));
179
129
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
180
130
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
181
131
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
@@ -224,7 +174,7 @@
224
174
  }
225
175
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) th:where(.pf-v6-c-table__th):not([rowspan]),
226
176
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
227
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom);
177
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
228
178
  }
229
179
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
230
180
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
@@ -239,14 +189,17 @@
239
189
  }
240
190
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
241
191
  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
192
+ --pf-v6-hidden-visible--hidden--Display: none;
193
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
194
+ display: var(--pf-v6-hidden-visible--Display);
242
195
  position: relative;
243
196
  width: var(--pf-v6-c-table--cell--Width);
244
197
  min-width: var(--pf-v6-c-table--cell--MinWidth);
245
198
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
246
- padding-block-start: var(--pf-v6-c-table--cell--PaddingTop);
247
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBottom);
248
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingLeft);
249
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingRight);
199
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
200
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
201
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
202
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
250
203
  overflow: var(--pf-v6-c-table--cell--Overflow);
251
204
  font-size: var(--pf-v6-c-table--cell--FontSize);
252
205
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
@@ -256,11 +209,54 @@
256
209
  word-break: var(--pf-v6-c-table--cell--WordBreak);
257
210
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
258
211
  }
212
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
213
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
214
+ }
215
+ @media screen and (min-width: 576px) {
216
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-sm {
217
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
218
+ }
219
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-sm {
220
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
221
+ }
222
+ }
223
+ @media screen and (min-width: 768px) {
224
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-md {
225
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
226
+ }
227
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-md {
228
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
229
+ }
230
+ }
231
+ @media screen and (min-width: 992px) {
232
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-lg {
233
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
234
+ }
235
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-lg {
236
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
237
+ }
238
+ }
239
+ @media screen and (min-width: 1200px) {
240
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-xl {
241
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
242
+ }
243
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-xl {
244
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
245
+ }
246
+ }
247
+ @media screen and (min-width: 1450px) {
248
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-2xl {
249
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
250
+ }
251
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-visible-on-2xl {
252
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
253
+ }
254
+ }
259
255
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
260
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingLeft));
256
+ padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
261
257
  }
262
258
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
263
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingRight));
259
+ padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
264
260
  }
265
261
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
266
262
  text-align: center;
@@ -286,15 +282,15 @@
286
282
  content: "";
287
283
  }
288
284
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before {
289
- border-inline-end: var(--pf-v6-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v6-c-table--cell--m-border-right--before--BorderRightColor);
285
+ border-inline-end: var(--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth) solid var(--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor);
290
286
  }
291
287
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
292
- border-inline-start: var(--pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v6-c-table--cell--m-border-left--before--BorderLeftColor);
288
+ border-inline-start: var(--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth) solid var(--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor);
293
289
  }
294
290
  .pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
295
- padding-block-start: var(--pf-v6-c-table__caption--PaddingTop);
296
- padding-block-end: var(--pf-v6-c-table__caption--PaddingBottom);
297
- padding-inline-start: var(--pf-v6-c-table__caption--PaddingLeft);
291
+ padding-block-start: var(--pf-v6-c-table__caption--PaddingBlockStart);
292
+ padding-block-end: var(--pf-v6-c-table__caption--PaddingBlockEnd);
293
+ padding-inline-start: var(--pf-v6-c-table__caption--PaddingInlineStart);
298
294
  font-size: var(--pf-v6-c-table__caption--FontSize);
299
295
  color: var(--pf-v6-c-table__caption--Color);
300
296
  text-align: start;
@@ -309,15 +305,15 @@
309
305
  }
310
306
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) th:where(.pf-v6-c-table__th):not([rowspan]),
311
307
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
312
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop);
308
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart);
313
309
  }
314
310
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead {
315
311
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__subhead--Color);
316
312
  color: var(--pf-v6-c-table__subhead--Color);
317
313
  }
318
314
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
319
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
320
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
315
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__tbody--cell--PaddingBlockStart);
316
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__tbody--cell--PaddingBlockEnd);
321
317
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
322
318
  }
323
319
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
@@ -364,10 +360,10 @@
364
360
  --pf-v6-c-table--cell--WhiteSpace: normal;
365
361
  }
366
362
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) {
367
- --pf-v6-c-table__tr--BorderBottomWidth: 0;
368
- --pf-v6-c-table__tbody--BorderBottomWidth: 0;
369
- --pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: 0;
370
- --pf-v6-c-table__control-row--BorderBottomWidth: 0;
363
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
364
+ --pf-v6-c-table__tbody--BorderBlockEndWidth: 0;
365
+ --pf-v6-c-table--m-expandable__tbody--BorderBlockEndWidth: 0;
366
+ --pf-v6-c-table__control-row--BorderBlockEndWidth: 0;
371
367
  }
372
368
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
373
369
  border-block-end: 0;
@@ -392,7 +388,7 @@
392
388
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
393
389
  }
394
390
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
395
- padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
391
+ padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
396
392
  }
397
393
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
398
394
  cursor: pointer;
@@ -445,12 +441,12 @@
445
441
 
446
442
  .pf-v6-c-table__button {
447
443
  width: auto;
448
- padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
449
- padding-block-end: var(--pf-v6-c-table__button--PaddingBottom);
450
- padding-inline-start: var(--pf-v6-c-table__button--PaddingLeft);
451
- padding-inline-end: var(--pf-v6-c-table__button--PaddingRight);
452
- margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBottom) * -1);
453
- margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
444
+ padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
445
+ padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
446
+ padding-inline-start: var(--pf-v6-c-table__button--PaddingInlineStart);
447
+ padding-inline-end: var(--pf-v6-c-table__button--PaddingInlineEnd);
448
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
449
+ margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingInlineStart) * -1);
454
450
  font-size: inherit;
455
451
  font-weight: inherit;
456
452
  color: var(--pf-v6-c-table__button--Color);
@@ -523,10 +519,10 @@
523
519
  }
524
520
 
525
521
  .pf-v6-c-table__toggle {
526
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__toggle--PaddingTop);
527
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__toggle--PaddingBottom);
528
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__toggle--PaddingLeft);
529
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__toggle--PaddingRight);
522
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
523
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
524
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
525
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
530
526
  }
531
527
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
532
528
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
@@ -544,8 +540,8 @@
544
540
  }
545
541
 
546
542
  .pf-v6-c-table__check {
547
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__check--PaddingLeft);
548
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__check--PaddingRight);
543
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__check--PaddingInlineStart);
544
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__check--PaddingInlineEnd);
549
545
  vertical-align: top;
550
546
  }
551
547
  .pf-v6-c-table__check .pf-v6-c-check {
@@ -588,10 +584,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
588
584
  .pf-v6-c-table__favorite,
589
585
  .pf-v6-c-table__inline-edit-action,
590
586
  .pf-v6-c-table__draggable {
591
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__action--PaddingTop);
592
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__action--PaddingBottom);
593
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__action--PaddingLeft);
594
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__action--PaddingRight);
587
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__action--PaddingBlockStart);
588
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__action--PaddingBlockEnd);
589
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__action--PaddingInlineStart);
590
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__action--PaddingInlineEnd);
595
591
  }
596
592
 
597
593
  .pf-v6-c-table__action:last-child,
@@ -624,15 +620,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
624
620
  inset: 0;
625
621
  content: "";
626
622
  border: 0;
627
- border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
623
+ border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
628
624
  }
629
625
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
630
626
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
631
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth);
627
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth);
632
628
  }
633
629
  .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded {
634
630
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor);
635
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth);
631
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth);
636
632
  }
637
633
  .pf-v6-c-table__compound-expansion-toggle:focus-within {
638
634
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
@@ -645,7 +641,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
645
641
  }
646
642
 
647
643
  .pf-v6-c-table__column-help-action {
648
- margin-inline-start: var(--pf-v6-c-table__column-help--MarginLeft);
644
+ margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
649
645
  }
650
646
 
651
647
  .pf-v6-c-table__sort {
@@ -673,7 +669,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
673
669
  .pf-v6-c-table__sort-indicator {
674
670
  grid-column: 2;
675
671
  align-self: end;
676
- margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
672
+ margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginInlineStart);
677
673
  color: var(--pf-v6-c-table__sort-indicator--Color);
678
674
  pointer-events: none;
679
675
  }
@@ -688,7 +684,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
688
684
  }
689
685
  .pf-v6-c-table__expandable-row > td,
690
686
  .pf-v6-c-table__expandable-row > th {
691
- padding-top: 0;
687
+ padding-block-start: 0;
692
688
  }
693
689
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
694
690
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
@@ -702,14 +698,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
702
698
  padding: 0;
703
699
  }
704
700
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
705
- padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingTop);
706
- padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
707
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
708
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
701
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
702
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
703
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
704
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
709
705
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
710
706
  }
711
707
  .pf-v6-c-table__expandable-row.pf-m-expanded {
712
- border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
708
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
713
709
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
714
710
  }
715
711
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
@@ -720,24 +716,24 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
720
716
  }
721
717
 
722
718
  .pf-v6-c-table.pf-m-compact {
723
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact--cell--PaddingTop);
724
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact--cell--PaddingBottom);
719
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
720
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
725
721
  }
726
722
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
727
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact--cell--PaddingTop);
728
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact--cell--PaddingBottom);
723
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
724
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
729
725
  }
730
726
  .pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th),
731
727
  .pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__toggle {
732
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact__th--PaddingTop);
733
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact__th--PaddingBottom);
728
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__th--PaddingBlockStart);
729
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__th--PaddingBlockEnd);
734
730
  }
735
731
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__action,
736
732
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__favorite,
737
733
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle,
738
734
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__draggable {
739
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact__action--PaddingTop);
740
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact__action--PaddingBottom);
735
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
736
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
741
737
  }
742
738
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
743
739
  width: auto;
@@ -746,14 +742,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
746
742
  }
747
743
 
748
744
  .pf-v6-c-table__thead {
749
- --pf-v6-c-table__tr--BorderBottomWidth: 0;
750
- --pf-v6-c-table__toggle--PaddingBottom: var(--pf-v6-c-table__thead__toggle--PaddingBottom);
745
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
746
+ --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
751
747
  vertical-align: bottom;
752
748
  }
753
749
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
754
- --pf-v6-c-table__button--PaddingLeft: var(--pf-v6-c-table__nested-column-header__button--PaddingLeft);
755
- --pf-v6-c-table__button--PaddingRight: var(--pf-v6-c-table__nested-column-header__button--PaddingRight);
756
- margin-inline-end: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
750
+ --pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
751
+ --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
752
+ margin-inline-end: calc(var(--pf-v6-c-table__button--PaddingInlineStart) * -1);
757
753
  }
758
754
 
759
755
  .pf-v6-c-table__tbody {
@@ -767,18 +763,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
767
763
  border-block-end: 0;
768
764
  }
769
765
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
770
- border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
766
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
771
767
  }
772
768
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
773
- border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
769
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
774
770
  }
775
771
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
776
772
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
777
- border-block-end: var(--pf-v6-c-table__control-row--BorderBottomWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBottomColor);
773
+ border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
778
774
  }
779
775
 
780
776
  .pf-v6-c-table__tr {
781
- border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
777
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
782
778
  }
783
779
  .pf-v6-c-table__thead .pf-v6-c-table__tr {
784
780
  border-block-end: 0;
@@ -792,7 +788,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
792
788
  align-items: center;
793
789
  }
794
790
  .pf-v6-c-table__icon-inline > :not(:last-child) {
795
- margin-inline-end: var(--pf-v6-c-table__icon-inline--MarginRight);
791
+ margin-inline-end: var(--pf-v6-c-table__icon-inline--MarginInlineEnd);
796
792
  }
797
793
 
798
794
  .pf-v6-c-table .pf-m-width-10 {