@patternfly/patternfly 6.0.0-alpha.98 → 6.0.0-alpha.99

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 (166) hide show
  1. package/components/Card/card.css +1 -0
  2. package/components/Card/card.scss +1 -0
  3. package/components/Check/check.css +10 -3
  4. package/components/Check/check.scss +17 -4
  5. package/components/Masthead/masthead.css +17 -9
  6. package/components/Masthead/masthead.scss +18 -9
  7. package/components/MenuToggle/menu-toggle.css +4 -4
  8. package/components/MenuToggle/menu-toggle.scss +4 -4
  9. package/components/ModalBox/modal-box.css +11 -7
  10. package/components/ModalBox/modal-box.scss +27 -12
  11. package/components/Nav/nav.css +64 -110
  12. package/components/Nav/nav.scss +70 -143
  13. package/components/Page/page.css +9 -17
  14. package/components/Page/page.scss +10 -23
  15. package/components/Radio/radio.css +12 -5
  16. package/components/Radio/radio.scss +21 -6
  17. package/components/Table/table-grid.css +30 -35
  18. package/components/Table/table-grid.scss +44 -32
  19. package/components/Table/table-scrollable.css +14 -6
  20. package/components/Table/table-scrollable.scss +6 -1
  21. package/components/Table/table-tree-view.css +5 -5
  22. package/components/Table/table-tree-view.scss +14 -8
  23. package/components/Table/table.css +90 -254
  24. package/components/Table/table.scss +158 -347
  25. package/components/Toolbar/toolbar.css +66 -2
  26. package/components/Toolbar/toolbar.scss +21 -2
  27. package/docs/components/AboutModalBox/examples/AboutModalBox.md +12 -12
  28. package/docs/components/Accordion/examples/Accordion.md +19 -19
  29. package/docs/components/ActionList/examples/ActionList.md +5 -5
  30. package/docs/components/Alert/examples/Alert.md +26 -26
  31. package/docs/components/AppLauncher/deprecated/application-launcher.md +31 -31
  32. package/docs/components/Avatar/examples/Avatar.md +8 -8
  33. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  34. package/docs/components/Backdrop/examples/Backdrop.md +3 -3
  35. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  36. package/docs/components/Badge/examples/Badge.md +6 -6
  37. package/docs/components/Banner/examples/Banner.md +17 -17
  38. package/docs/components/Brand/examples/Brand.css +3 -3
  39. package/docs/components/Brand/examples/Brand.md +7 -7
  40. package/docs/components/Breadcrumb/examples/Breadcrumb.md +12 -12
  41. package/docs/components/Button/examples/Button.css +2 -2
  42. package/docs/components/Button/examples/Button.md +35 -35
  43. package/docs/components/CalendarMonth/examples/CalendarMonth.md +29 -29
  44. package/docs/components/Card/examples/Card.md +30 -30
  45. package/docs/components/Check/examples/Check.md +12 -12
  46. package/docs/components/Chip/examples/Chip.md +21 -21
  47. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +19 -19
  48. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  49. package/docs/components/CodeEditor/examples/CodeEditor.md +14 -14
  50. package/docs/components/Content/examples/Content.md +5 -5
  51. package/docs/components/ContextSelector/deprecated/context-selector.md +23 -23
  52. package/docs/components/DataList/examples/DataList.md +177 -112
  53. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  54. package/docs/components/DescriptionList/examples/DescriptionList.md +29 -29
  55. package/docs/components/Divider/examples/Divider.md +7 -7
  56. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  57. package/docs/components/Drawer/examples/Drawer.md +36 -36
  58. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  59. package/docs/components/Dropdown/deprecated/Dropdown.md +47 -47
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +41 -41
  61. package/docs/components/EmptyState/examples/EmptyState.md +21 -21
  62. package/docs/components/ExpandableSection/examples/ExpandableSection.md +18 -18
  63. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  64. package/docs/components/Form/examples/Form.md +52 -52
  65. package/docs/components/FormControl/examples/FormControl.md +22 -22
  66. package/docs/components/HelperText/examples/HelperText.md +11 -11
  67. package/docs/components/Hint/examples/Hint.md +6 -6
  68. package/docs/components/Icon/examples/Icon.md +13 -13
  69. package/docs/components/InlineEdit/examples/InlineEdit.md +54 -138
  70. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  71. package/docs/components/JumpLinks/examples/JumpLinks.md +19 -19
  72. package/docs/components/Label/examples/Label.css +4 -4
  73. package/docs/components/Label/examples/Label.md +45 -45
  74. package/docs/components/List/examples/List.md +6 -6
  75. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  76. package/docs/components/LogViewer/examples/LogViewer.md +45 -165
  77. package/docs/components/Login/examples/Login.md +21 -21
  78. package/docs/components/Masthead/examples/masthead.md +7 -7
  79. package/docs/components/Menu/examples/Menu.md +60 -60
  80. package/docs/components/MenuToggle/examples/MenuToggle.md +34 -106
  81. package/docs/components/ModalBox/examples/ModalBox.md +75 -34
  82. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +21 -21
  83. package/docs/components/Nav/examples/Navigation.css +20 -3
  84. package/docs/components/Nav/examples/Navigation.md +44 -50
  85. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  86. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +36 -36
  87. package/docs/components/NumberInput/examples/NumberInput.md +13 -13
  88. package/docs/components/OptionsMenu/deprecated/options-menu.md +22 -22
  89. package/docs/components/OverflowMenu/examples/overflow-menu.md +20 -20
  90. package/docs/components/Page/deprecated/PageHeader.md +30 -30
  91. package/docs/components/Page/examples/Page.md +55 -54
  92. package/docs/components/Pagination/examples/Pagination.md +25 -25
  93. package/docs/components/Panel/examples/Panel.md +10 -10
  94. package/docs/components/Popover/examples/Popover.md +30 -30
  95. package/docs/components/Progress/examples/Progress.md +31 -31
  96. package/docs/components/ProgressStepper/examples/ProgressStepper.md +17 -17
  97. package/docs/components/Radio/examples/Radio.md +9 -9
  98. package/docs/components/Select/deprecated/Select.md +110 -110
  99. package/docs/components/Sidebar/examples/Sidebar.md +16 -16
  100. package/docs/components/SimpleList/examples/SimpleList.md +9 -9
  101. package/docs/components/Skeleton/examples/Skeleton.md +14 -14
  102. package/docs/components/SkipToContent/examples/SkipToContent.md +4 -4
  103. package/docs/components/Slider/examples/Slider.md +33 -33
  104. package/docs/components/Spinner/examples/Spinner.md +14 -14
  105. package/docs/components/Switch/examples/Switch.md +14 -14
  106. package/docs/components/TabContent/examples/TabContent.md +10 -10
  107. package/docs/components/Table/examples/Table.md +5395 -15077
  108. package/docs/components/Tabs/examples/Tabs.md +39 -39
  109. package/docs/components/TextInputGroup/examples/TextInputGroup.md +1 -1
  110. package/docs/components/Tile/examples/Tile.md +12 -12
  111. package/docs/components/Timestamp/examples/Timestamp.md +4 -4
  112. package/docs/components/Title/examples/Title.md +20 -20
  113. package/docs/components/ToggleGroup/examples/toggle-group.md +10 -10
  114. package/docs/components/Toolbar/examples/Toolbar.md +68 -200
  115. package/docs/components/Tooltip/examples/Tooltip.md +9 -9
  116. package/docs/components/TreeView/examples/TreeView.md +31 -31
  117. package/docs/components/Truncate/examples/Truncate.md +8 -8
  118. package/docs/components/Wizard/examples/Wizard.md +46 -46
  119. package/docs/demos/AboutModal/examples/AboutModal.md +4 -52
  120. package/docs/demos/Alert/examples/Alert.md +12 -156
  121. package/docs/demos/BackToTop/examples/BackToTop.md +4 -52
  122. package/docs/demos/Banner/examples/Banner.md +9 -105
  123. package/docs/demos/Card/examples/Card.md +12 -19
  124. package/docs/demos/CardView/examples/CardView.md +5 -65
  125. package/docs/demos/ContextSelector/examples/ContextSelector.md +12 -156
  126. package/docs/demos/Dashboard/examples/Dashboard.md +4 -52
  127. package/docs/demos/DataList/examples/DataList.md +200 -553
  128. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -156
  129. package/docs/demos/Drawer/examples/Drawer.md +20 -260
  130. package/docs/demos/JumpLinks/examples/JumpLinks.md +24 -312
  131. package/docs/demos/Masthead/examples/Masthead.md +23 -255
  132. package/docs/demos/Modal/examples/Modal.md +24 -312
  133. package/docs/demos/Nav/examples/Nav.md +69 -461
  134. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +20 -260
  135. package/docs/demos/Page/examples/Page.md +39 -505
  136. package/docs/demos/Page/examples/Penta.md +120 -53
  137. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -455
  138. package/docs/demos/Skeleton/examples/Skeleton.md +4 -52
  139. package/docs/demos/Table/examples/Table.md +1598 -6045
  140. package/docs/demos/Tabs/examples/Tabs.md +143 -499
  141. package/docs/demos/Toolbar/examples/Toolbar.md +245 -925
  142. package/docs/demos/Wizard/examples/Wizard.md +36 -468
  143. package/docs/layouts/Bullseye/examples/Bullseye.md +3 -3
  144. package/docs/layouts/Flex/examples/Flex.md +76 -76
  145. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  146. package/docs/layouts/Grid/examples/Grid.md +8 -8
  147. package/docs/layouts/Level/examples/Level.md +4 -4
  148. package/docs/layouts/Split/examples/Split.md +6 -6
  149. package/docs/layouts/Stack/examples/Stack.md +5 -5
  150. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  151. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  152. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +10 -10
  153. package/docs/utilities/BoxShadow/examples/box-shadow.md +20 -20
  154. package/docs/utilities/Display/examples/Display.md +9 -9
  155. package/docs/utilities/Flex/examples/Flex.md +32 -32
  156. package/docs/utilities/Float/examples/Float.md +2 -2
  157. package/docs/utilities/Sizing/examples/Sizing.md +41 -41
  158. package/docs/utilities/Spacing/examples/Spacing.md +11 -11
  159. package/docs/utilities/Text/examples/Text.md +28 -28
  160. package/package.json +2 -1
  161. package/patternfly-no-globals.css +347 -463
  162. package/patternfly-theme-dark-unversioned.css +347 -463
  163. package/patternfly.css +347 -463
  164. package/patternfly.min.css +1 -1
  165. package/patternfly.min.css.map +1 -1
  166. package/components/Table/themes/dark/table.scss +0 -16
package/patternfly.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-v6-c-table, .pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip, .pf-v6-t-light {
2
+ .pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip, .pf-v6-t-light {
3
3
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
4
4
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
5
5
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -26,7 +26,7 @@
26
26
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
27
27
  }
28
28
 
29
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *, .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
29
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td), .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
30
30
  .pf-v6-c-menu__group, .pf-v6-c-divider, .pf-v6-c-toolbar__content-section,
31
31
  .pf-v6-c-toolbar__group,
32
32
  .pf-v6-c-toolbar__item,
@@ -36,20 +36,20 @@
36
36
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
37
37
  display: var(--pf-v5-hidden-visible--Display);
38
38
  }
39
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
39
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden:where(th, td), .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
40
40
  .pf-m-hidden.pf-v6-c-menu__group, .pf-m-hidden.pf-v6-c-divider, .pf-m-hidden.pf-v6-c-toolbar__content-section,
41
41
  .pf-m-hidden.pf-v6-c-toolbar__group,
42
42
  .pf-m-hidden.pf-v6-c-toolbar__item, .pf-m-hidden.pf-v6-c-data-list__item-action {
43
43
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
44
44
  }
45
45
  @media screen and (min-width: 576px) {
46
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
46
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm:where(th, td), .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
47
47
  .pf-m-hidden-on-sm.pf-v6-c-menu__group, .pf-m-hidden-on-sm.pf-v6-c-divider, .pf-m-hidden-on-sm.pf-v6-c-toolbar__content-section,
48
48
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
49
49
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__item, .pf-m-hidden-on-sm.pf-v6-c-data-list__item-action {
50
50
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
51
51
  }
52
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
52
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm:where(th, td), .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
53
53
  .pf-m-visible-on-sm.pf-v6-c-menu__group, .pf-m-visible-on-sm.pf-v6-c-divider, .pf-m-visible-on-sm.pf-v6-c-toolbar__content-section,
54
54
  .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
55
55
  .pf-m-visible-on-sm.pf-v6-c-toolbar__item, .pf-m-visible-on-sm.pf-v6-c-data-list__item-action {
@@ -57,13 +57,13 @@
57
57
  }
58
58
  }
59
59
  @media screen and (min-width: 768px) {
60
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
60
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md:where(th, td), .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
61
61
  .pf-m-hidden-on-md.pf-v6-c-menu__group, .pf-m-hidden-on-md.pf-v6-c-divider, .pf-m-hidden-on-md.pf-v6-c-toolbar__content-section,
62
62
  .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
63
63
  .pf-m-hidden-on-md.pf-v6-c-toolbar__item, .pf-m-hidden-on-md.pf-v6-c-data-list__item-action {
64
64
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
65
65
  }
66
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
66
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md:where(th, td), .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
67
67
  .pf-m-visible-on-md.pf-v6-c-menu__group, .pf-m-visible-on-md.pf-v6-c-divider, .pf-m-visible-on-md.pf-v6-c-toolbar__content-section,
68
68
  .pf-m-visible-on-md.pf-v6-c-toolbar__group,
69
69
  .pf-m-visible-on-md.pf-v6-c-toolbar__item, .pf-m-visible-on-md.pf-v6-c-data-list__item-action {
@@ -71,13 +71,13 @@
71
71
  }
72
72
  }
73
73
  @media screen and (min-width: 992px) {
74
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
74
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg:where(th, td), .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
75
75
  .pf-m-hidden-on-lg.pf-v6-c-menu__group, .pf-m-hidden-on-lg.pf-v6-c-divider, .pf-m-hidden-on-lg.pf-v6-c-toolbar__content-section,
76
76
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
77
77
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__item, .pf-m-hidden-on-lg.pf-v6-c-data-list__item-action {
78
78
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
79
79
  }
80
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
80
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg:where(th, td), .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
81
81
  .pf-m-visible-on-lg.pf-v6-c-menu__group, .pf-m-visible-on-lg.pf-v6-c-divider, .pf-m-visible-on-lg.pf-v6-c-toolbar__content-section,
82
82
  .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
83
83
  .pf-m-visible-on-lg.pf-v6-c-toolbar__item, .pf-m-visible-on-lg.pf-v6-c-data-list__item-action {
@@ -85,13 +85,13 @@
85
85
  }
86
86
  }
87
87
  @media screen and (min-width: 1200px) {
88
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
88
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl:where(th, td), .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
89
89
  .pf-m-hidden-on-xl.pf-v6-c-menu__group, .pf-m-hidden-on-xl.pf-v6-c-divider, .pf-m-hidden-on-xl.pf-v6-c-toolbar__content-section,
90
90
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
91
91
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-xl.pf-v6-c-data-list__item-action {
92
92
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
93
93
  }
94
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
94
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl:where(th, td), .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
95
95
  .pf-m-visible-on-xl.pf-v6-c-menu__group, .pf-m-visible-on-xl.pf-v6-c-divider, .pf-m-visible-on-xl.pf-v6-c-toolbar__content-section,
96
96
  .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
97
97
  .pf-m-visible-on-xl.pf-v6-c-toolbar__item, .pf-m-visible-on-xl.pf-v6-c-data-list__item-action {
@@ -99,13 +99,13 @@
99
99
  }
100
100
  }
101
101
  @media screen and (min-width: 1450px) {
102
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
102
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl:where(th, td), .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
103
103
  .pf-m-hidden-on-2xl.pf-v6-c-menu__group, .pf-m-hidden-on-2xl.pf-v6-c-divider, .pf-m-hidden-on-2xl.pf-v6-c-toolbar__content-section,
104
104
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
105
105
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v6-c-data-list__item-action {
106
106
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
107
107
  }
108
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
108
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl:where(th, td), .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
109
109
  .pf-m-visible-on-2xl.pf-v6-c-menu__group, .pf-m-visible-on-2xl.pf-v6-c-divider, .pf-m-visible-on-2xl.pf-v6-c-toolbar__content-section,
110
110
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
111
111
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__item, .pf-m-visible-on-2xl.pf-v6-c-data-list__item-action {
@@ -9080,6 +9080,7 @@ button.pf-v6-c-breadcrumb__link {
9080
9080
  .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
9081
9081
  position: absolute;
9082
9082
  inset: 0;
9083
+ justify-self: auto;
9083
9084
  cursor: pointer;
9084
9085
  }
9085
9086
  .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
@@ -9172,17 +9173,18 @@ button.pf-v6-c-breadcrumb__link {
9172
9173
  .pf-v6-c-check {
9173
9174
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
9174
9175
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9176
+ --pf-v6-c-check--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9175
9177
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
9176
9178
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
9177
9179
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
9178
9180
  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
9179
9181
  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
9180
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
9181
9182
  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
9182
9183
  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
9183
9184
  --pf-v6-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
9184
9185
  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
9185
9186
  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
9187
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
9186
9188
  }
9187
9189
 
9188
9190
  .pf-v6-c-check {
@@ -9192,13 +9194,19 @@ button.pf-v6-c-breadcrumb__link {
9192
9194
  accent-color: var(--pf-v6-c-check--AccentColor);
9193
9195
  }
9194
9196
  .pf-v6-c-check.pf-m-standalone {
9195
- --pf-v6-c-check--GridGap: 0;
9196
- --pf-v6-c-check__input--TranslateY: none;
9197
9197
  display: inline-grid;
9198
+ grid-template-columns: auto;
9199
+ height: var(--pf-v6-c-check--Height);
9200
+ }
9201
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
9202
+ align-self: center;
9203
+ transform: none;
9198
9204
  }
9199
9205
 
9200
9206
  .pf-v6-c-check__input {
9201
9207
  align-self: start;
9208
+ font-size: var(--pf-v6-c-check__label--FontSize);
9209
+ line-height: var(--pf-v6-c-check__label--LineHeight);
9202
9210
  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
9203
9211
  }
9204
9212
 
@@ -11875,15 +11883,19 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11875
11883
  --pf-v6-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v6-c-dual-list-selector__item--PaddingLeft);
11876
11884
  }
11877
11885
 
11878
- :root,
11879
- [data-theme=pf-v6-c-toolbar] {
11886
+ :where(:root),
11887
+ :where(.pf-v6-c-toolbar) {
11880
11888
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11881
11889
  --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11882
11890
  --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
11883
11891
  --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
11884
11892
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
11885
11893
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
11894
+ --pf-v6-c-toolbar__item--Width: auto;
11895
+ --pf-v6-c-toolbar__item--MinWidth: auto;
11886
11896
  --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
11897
+ --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
11898
+ --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
11887
11899
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11888
11900
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11889
11901
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
@@ -11973,8 +11985,62 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11973
11985
  }
11974
11986
 
11975
11987
  .pf-v6-c-toolbar__item {
11988
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
11989
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
11976
11990
  row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
11977
11991
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
11992
+ width: var(--pf-v6-c-toolbar__item--Width--base);
11993
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
11994
+ }
11995
+ @media (min-width: 576px) {
11996
+ .pf-v6-c-toolbar__item {
11997
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
11998
+ }
11999
+ }
12000
+ @media (min-width: 768px) {
12001
+ .pf-v6-c-toolbar__item {
12002
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
12003
+ }
12004
+ }
12005
+ @media (min-width: 992px) {
12006
+ .pf-v6-c-toolbar__item {
12007
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
12008
+ }
12009
+ }
12010
+ @media (min-width: 1200px) {
12011
+ .pf-v6-c-toolbar__item {
12012
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
12013
+ }
12014
+ }
12015
+ @media (min-width: 1450px) {
12016
+ .pf-v6-c-toolbar__item {
12017
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
12018
+ }
12019
+ }
12020
+ @media (min-width: 576px) {
12021
+ .pf-v6-c-toolbar__item {
12022
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
12023
+ }
12024
+ }
12025
+ @media (min-width: 768px) {
12026
+ .pf-v6-c-toolbar__item {
12027
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
12028
+ }
12029
+ }
12030
+ @media (min-width: 992px) {
12031
+ .pf-v6-c-toolbar__item {
12032
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
12033
+ }
12034
+ }
12035
+ @media (min-width: 1200px) {
12036
+ .pf-v6-c-toolbar__item {
12037
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
12038
+ }
12039
+ }
12040
+ @media (min-width: 1450px) {
12041
+ .pf-v6-c-toolbar__item {
12042
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
12043
+ }
11978
12044
  }
11979
12045
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
11980
12046
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
@@ -11988,6 +12054,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11988
12054
  .pf-v6-c-toolbar__item.pf-m-pagination.pf-v6-c-pagination {
11989
12055
  flex-wrap: nowrap;
11990
12056
  }
12057
+ .pf-v6-c-toolbar__item.pf-m-overflow-container {
12058
+ min-width: var(--pf-v6-c-toolbar__item--m-overflow-container--MinWidth);
12059
+ }
11991
12060
 
11992
12061
  .pf-v6-c-toolbar__group {
11993
12062
  row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
@@ -12006,6 +12075,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12006
12075
  .pf-v6-c-toolbar__group.pf-m-chip-group {
12007
12076
  flex: 1;
12008
12077
  }
12078
+ .pf-v6-c-toolbar__group.pf-m-overflow-container {
12079
+ min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
12080
+ }
12009
12081
 
12010
12082
  .pf-v6-c-toolbar__expandable-content {
12011
12083
  position: absolute;
@@ -18270,7 +18342,7 @@ label.pf-v6-c-input-group__text {
18270
18342
  color: var(--pf-v6-c-jump-links__toggle-text--Color);
18271
18343
  }
18272
18344
 
18273
- .pf-v6-c-table, .pf-v6-c-select, .pf-v6-t-light, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18345
+ .pf-v6-c-select, .pf-v6-t-light, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18274
18346
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
18275
18347
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
18276
18348
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -18297,7 +18369,7 @@ label.pf-v6-c-input-group__text {
18297
18369
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
18298
18370
  }
18299
18371
 
18300
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *, .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
18372
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td), .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
18301
18373
  .pf-v6-c-menu__group, .pf-v6-c-data-list__item-action, .pf-v6-c-toolbar__content-section,
18302
18374
  .pf-v6-c-toolbar__group,
18303
18375
  .pf-v6-c-toolbar__item,
@@ -18307,20 +18379,20 @@ label.pf-v6-c-input-group__text {
18307
18379
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18308
18380
  display: var(--pf-v5-hidden-visible--Display);
18309
18381
  }
18310
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
18382
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden:where(th, td), .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
18311
18383
  .pf-m-hidden.pf-v6-c-menu__group, .pf-m-hidden.pf-v6-c-data-list__item-action, .pf-m-hidden.pf-v6-c-toolbar__content-section,
18312
18384
  .pf-m-hidden.pf-v6-c-toolbar__group,
18313
18385
  .pf-m-hidden.pf-v6-c-toolbar__item, .pf-m-hidden.pf-v6-c-divider {
18314
18386
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18315
18387
  }
18316
18388
  @media screen and (min-width: 576px) {
18317
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
18389
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm:where(th, td), .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
18318
18390
  .pf-m-hidden-on-sm.pf-v6-c-menu__group, .pf-m-hidden-on-sm.pf-v6-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v6-c-toolbar__content-section,
18319
18391
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
18320
18392
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__item, .pf-m-hidden-on-sm.pf-v6-c-divider {
18321
18393
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18322
18394
  }
18323
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
18395
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm:where(th, td), .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
18324
18396
  .pf-m-visible-on-sm.pf-v6-c-menu__group, .pf-m-visible-on-sm.pf-v6-c-data-list__item-action, .pf-m-visible-on-sm.pf-v6-c-toolbar__content-section,
18325
18397
  .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
18326
18398
  .pf-m-visible-on-sm.pf-v6-c-toolbar__item, .pf-m-visible-on-sm.pf-v6-c-divider {
@@ -18328,13 +18400,13 @@ label.pf-v6-c-input-group__text {
18328
18400
  }
18329
18401
  }
18330
18402
  @media screen and (min-width: 768px) {
18331
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
18403
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md:where(th, td), .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
18332
18404
  .pf-m-hidden-on-md.pf-v6-c-menu__group, .pf-m-hidden-on-md.pf-v6-c-data-list__item-action, .pf-m-hidden-on-md.pf-v6-c-toolbar__content-section,
18333
18405
  .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
18334
18406
  .pf-m-hidden-on-md.pf-v6-c-toolbar__item, .pf-m-hidden-on-md.pf-v6-c-divider {
18335
18407
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18336
18408
  }
18337
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
18409
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md:where(th, td), .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
18338
18410
  .pf-m-visible-on-md.pf-v6-c-menu__group, .pf-m-visible-on-md.pf-v6-c-data-list__item-action, .pf-m-visible-on-md.pf-v6-c-toolbar__content-section,
18339
18411
  .pf-m-visible-on-md.pf-v6-c-toolbar__group,
18340
18412
  .pf-m-visible-on-md.pf-v6-c-toolbar__item, .pf-m-visible-on-md.pf-v6-c-divider {
@@ -18342,13 +18414,13 @@ label.pf-v6-c-input-group__text {
18342
18414
  }
18343
18415
  }
18344
18416
  @media screen and (min-width: 992px) {
18345
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
18417
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg:where(th, td), .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
18346
18418
  .pf-m-hidden-on-lg.pf-v6-c-menu__group, .pf-m-hidden-on-lg.pf-v6-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v6-c-toolbar__content-section,
18347
18419
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
18348
18420
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__item, .pf-m-hidden-on-lg.pf-v6-c-divider {
18349
18421
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18350
18422
  }
18351
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
18423
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg:where(th, td), .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
18352
18424
  .pf-m-visible-on-lg.pf-v6-c-menu__group, .pf-m-visible-on-lg.pf-v6-c-data-list__item-action, .pf-m-visible-on-lg.pf-v6-c-toolbar__content-section,
18353
18425
  .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
18354
18426
  .pf-m-visible-on-lg.pf-v6-c-toolbar__item, .pf-m-visible-on-lg.pf-v6-c-divider {
@@ -18356,13 +18428,13 @@ label.pf-v6-c-input-group__text {
18356
18428
  }
18357
18429
  }
18358
18430
  @media screen and (min-width: 1200px) {
18359
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
18431
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl:where(th, td), .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
18360
18432
  .pf-m-hidden-on-xl.pf-v6-c-menu__group, .pf-m-hidden-on-xl.pf-v6-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v6-c-toolbar__content-section,
18361
18433
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
18362
18434
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-xl.pf-v6-c-divider {
18363
18435
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18364
18436
  }
18365
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
18437
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl:where(th, td), .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
18366
18438
  .pf-m-visible-on-xl.pf-v6-c-menu__group, .pf-m-visible-on-xl.pf-v6-c-data-list__item-action, .pf-m-visible-on-xl.pf-v6-c-toolbar__content-section,
18367
18439
  .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
18368
18440
  .pf-m-visible-on-xl.pf-v6-c-toolbar__item, .pf-m-visible-on-xl.pf-v6-c-divider {
@@ -18370,13 +18442,13 @@ label.pf-v6-c-input-group__text {
18370
18442
  }
18371
18443
  }
18372
18444
  @media screen and (min-width: 1450px) {
18373
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
18445
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl:where(th, td), .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
18374
18446
  .pf-m-hidden-on-2xl.pf-v6-c-menu__group, .pf-m-hidden-on-2xl.pf-v6-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v6-c-toolbar__content-section,
18375
18447
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
18376
18448
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v6-c-divider {
18377
18449
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18378
18450
  }
18379
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
18451
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl:where(th, td), .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
18380
18452
  .pf-m-visible-on-2xl.pf-v6-c-menu__group, .pf-m-visible-on-2xl.pf-v6-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v6-c-toolbar__content-section,
18381
18453
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
18382
18454
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__item, .pf-m-visible-on-2xl.pf-v6-c-divider {
@@ -19523,14 +19595,15 @@ ul.pf-v6-c-list {
19523
19595
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingTop);
19524
19596
  }
19525
19597
 
19526
- :root,
19527
- [data-theme=pf-v6-c-masthead] {
19598
+ :where(:root),
19599
+ :where(.pf-v6-c-masthead) {
19528
19600
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
19529
19601
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
19530
19602
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19531
19603
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19532
19604
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
19533
19605
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19606
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19534
19607
  --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
19535
19608
  --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
19536
19609
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
@@ -19550,15 +19623,12 @@ ul.pf-v6-c-list {
19550
19623
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
19551
19624
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19552
19625
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
19553
- --pf-v6-c-masthead--pf-v6-c-toolbar--Width: 100%;
19554
- --pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock: 0;
19555
- --pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline: 0;
19626
+ --pf-v6-c-masthead--c-toolbar--Width: 100%;
19627
+ --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
19628
+ --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
19556
19629
  }
19557
19630
 
19558
19631
  .pf-v6-c-masthead {
19559
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--pf-v6-c-toolbar--Width);
19560
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock);
19561
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline);
19562
19632
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
19563
19633
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
19564
19634
  --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
@@ -19576,7 +19646,13 @@ ul.pf-v6-c-list {
19576
19646
  padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19577
19647
  padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19578
19648
  padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19579
- background-color: var(--pf-v6-c-masthead--BackgroundColor, var(--pf-t--global--background--color--secondary--default));
19649
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19650
+ }
19651
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19652
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19653
+ --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
19654
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
19655
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19580
19656
  }
19581
19657
  @media screen and (min-width: 768px) {
19582
19658
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -19589,6 +19665,10 @@ ul.pf-v6-c-list {
19589
19665
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19590
19666
  }
19591
19667
  }
19668
+ .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
19669
+ flex-wrap: nowrap;
19670
+ min-width: 0;
19671
+ }
19592
19672
  .pf-v6-c-masthead .pf-v6-c-toolbar__expandable-content {
19593
19673
  inset-block-start: 100%;
19594
19674
  border-block-start: var(--pf-v6-c-masthead__expandable-content--BorderBlockStart);
@@ -20449,8 +20529,8 @@ ul.pf-v6-c-list {
20449
20529
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20450
20530
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20451
20531
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20452
- --pf-v6-c-menu-toggle__icon--Height: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20453
- --pf-v6-c-menu-toggle__toggle-icon--Height: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20532
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20533
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20454
20534
  --pf-v6-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
20455
20535
  --pf-v6-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
20456
20536
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -20790,7 +20870,7 @@ ul.pf-v6-c-list {
20790
20870
 
20791
20871
  .pf-v6-c-menu-toggle__icon {
20792
20872
  flex-shrink: 0;
20793
- height: var(--pf-v6-c-menu-toggle__icon--Height);
20873
+ min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
20794
20874
  }
20795
20875
 
20796
20876
  .pf-v6-c-menu-toggle__controls {
@@ -20799,7 +20879,7 @@ ul.pf-v6-c-list {
20799
20879
  }
20800
20880
 
20801
20881
  .pf-v6-c-menu-toggle__toggle-icon {
20802
- height: var(--pf-v6-c-menu-toggle__toggle-icon--Height);
20882
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
20803
20883
  color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
20804
20884
  }
20805
20885
 
@@ -20842,8 +20922,8 @@ ul.pf-v6-c-list {
20842
20922
  --pf-v6-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
20843
20923
  --pf-v6-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
20844
20924
  --pf-v6-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
20845
- --pf-v6-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
20846
- --pf-v6-c-modal-box__close--Right: var(--pf-v5-c-modal-box__header--PaddingRight);
20925
+ --pf-v6-c-modal-box__close--Top: var(--pf-v6-c-modal-box__header--PaddingTop);
20926
+ --pf-v6-c-modal-box__close--Right: var(--pf-v6-c-modal-box__header--PaddingRight);
20847
20927
  --pf-v6-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
20848
20928
  --pf-v6-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
20849
20929
  --pf-v6-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -20886,19 +20966,23 @@ ul.pf-v6-c-list {
20886
20966
  max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
20887
20967
  max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
20888
20968
  }
20889
- .pf-v6-c-modal-box.pf-m-danger {
20969
+ .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
20890
20970
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
20891
20971
  }
20892
- .pf-v6-c-modal-box.pf-m-warning {
20972
+
20973
+ .pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
20893
20974
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
20894
20975
  }
20895
- .pf-v6-c-modal-box.pf-m-success {
20976
+
20977
+ .pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
20896
20978
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
20897
20979
  }
20898
- .pf-v6-c-modal-box.pf-m-custom {
20980
+
20981
+ .pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
20899
20982
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
20900
20983
  }
20901
- .pf-v6-c-modal-box.pf-m-info {
20984
+
20985
+ .pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
20902
20986
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
20903
20987
  }
20904
20988
 
@@ -21209,7 +21293,7 @@ ul.pf-v6-c-list {
21209
21293
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
21210
21294
  }
21211
21295
 
21212
- :root,
21296
+ :where(:root),
21213
21297
  :where(.pf-v6-c-nav) {
21214
21298
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21215
21299
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -21222,64 +21306,65 @@ ul.pf-v6-c-list {
21222
21306
  --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21223
21307
  --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21224
21308
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
21225
- --pf-v6-c-nav--ColumnGap: var(--pf-t--global--spacer--sm);
21309
+ --pf-v6-c-nav--ColumnGap: 0;
21226
21310
  --pf-v6-c-nav--AlignItems: baseline;
21227
21311
  --pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
21228
21312
  --pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
21229
21313
  --pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
21230
- --pf-v6-c-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21231
21314
  --pf-v6-c-nav--OutlineOffset: calc(var(--pf-v6-global--spacer--xs) * -1);
21315
+ --pf-v6-c-nav--BackgroundColor: transparent;
21232
21316
  --pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
21233
21317
  --pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;
21234
21318
  --pf-v6-c-nav__list--ScrollSnapType: var(--pf-v6-c-nav__list--ScrollSnapTypeAxis) var(--pf-v6-c-nav__list--ScrollSnapTypeStrictness);
21235
21319
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
21236
21320
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
21237
21321
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
21322
+ --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
21323
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21324
+ --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
21325
+ --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
21238
21326
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21239
21327
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
21240
21328
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21329
+ --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
21330
+ --pf-v6-c-nav__link--AlignItems: baseline;
21241
21331
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
21242
21332
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21243
21333
  --pf-v6-c-nav__link--WhiteSpace: normal;
21244
21334
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
21245
21335
  --pf-v6-c-nav__link--hover--Color: var(--pf-t--global--text--color--regular);
21246
- --pf-v6-c-nav__link--focus--Color: var(--pf-t--global--text--color--regular);
21247
- --pf-v6-c-nav__link--active--Color: var(--pf-t--global--text--color--regular);
21248
21336
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21249
- --pf-v6-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21250
- --pf-v6-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21251
21337
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
21252
21338
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
21253
21339
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
21254
21340
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21255
21341
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21256
21342
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21257
- --pf-v6-c-nav__scroll-button--BorderRadius: var(--pf-t--global--border--radius--pill);
21258
- --pf-v6-c-nav__scroll-button--button--InlinePadding: var(--pf-t--global--spacer--sm);
21259
- --pf-v6-c-nav__scroll-button--button--icon--InlinePadding: var(--pf-t--global--spacer--sm);
21260
- --pf-v6-c-nav__scroll-button--button--icon--IconSize: var(--pf-t--global--icon--size--md);
21343
+ --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
21344
+ --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius: var(--pf-t--global--border--radius--pill);
21345
+ --pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius: var(--pf-t--global--border--radius--pill);
21346
+ --pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius: var(--pf-t--global--border--radius--pill);
21261
21347
  --pf-v6-c-nav__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21262
21348
  --pf-v6-c-nav__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21263
21349
  --pf-v6-c-nav__toggle--TranslateY: calc((var(--pf-v6-c-nav--LineHeight) * var(--pf-v6-c-nav--FontSize) / 2) - 50%);
21264
- --pf-v6-c-nav__link--clickable-inset--InlineStart: 0;
21265
- --pf-v6-c-nav__link--clickable-inset--InlineEnd: 0;
21266
- --pf-v6-c-nav__link--clickable-inset--Inline: var(--pf-v6-c-nav__link--clickable-inset--InlineStart) var(--pf-v6-c-nav__link--clickable-inset--InlineEnd);
21267
- --pf-v6-c-nav--m-horizontal--BorderRadius: var(--pf-t--global--border--radius--pill);
21268
- --pf-v6-c-nav--m-horizontal__list--ColumnGap: var(--pf-t--global--spacer--xs);
21269
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21270
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21271
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21272
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21273
- --pf-v6-c-nav--m-horizontal__list--PaddingBlock: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart) var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
21274
- --pf-v6-c-nav--m-horizontal__list--PaddingInline: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart) var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21350
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: 0;
21351
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: 0;
21352
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: 0;
21353
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: 0;
21354
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
21355
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
21356
+ --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21357
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
21358
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21359
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21360
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21361
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21362
+ --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
21363
+ --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
21275
21364
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21276
21365
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21277
21366
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
21278
21367
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21279
- --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlock: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart) var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
21280
- --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInline: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart) var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
21281
- --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlock: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart) var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
21282
- --pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart: var(--pf-t--global--border--width--extra-strong);
21283
21368
  }
21284
21369
 
21285
21370
  .pf-v6-c-nav,
@@ -21294,6 +21379,7 @@ ul.pf-v6-c-list {
21294
21379
  --pf-v6-c-menu--MinWidth: 100%;
21295
21380
  position: relative;
21296
21381
  row-gap: var(--pf-v6-c-nav--RowGap);
21382
+ column-gap: var(--pf-v6-c-nav--ColumnGap);
21297
21383
  max-width: 100%;
21298
21384
  padding-block-start: var(--pf-v6-c-nav--PaddingBlockStart);
21299
21385
  padding-block-end: var(--pf-v6-c-nav--PaddingBlockEnd);
@@ -21304,9 +21390,6 @@ ul.pf-v6-c-list {
21304
21390
  line-height: var(--pf-v6-c-nav--LineHeight);
21305
21391
  background-color: var(--pf-v6-c-nav--BackgroundColor);
21306
21392
  }
21307
- .pf-v6-c-nav:where(.pf-m-scrollable) {
21308
- padding-inline: var(--pf-v6-c-nav--m-scrollable__list--PaddingInline);
21309
- }
21310
21393
  .pf-v6-c-nav.pf-m-overflow-hidden {
21311
21394
  overflow: hidden;
21312
21395
  }
@@ -21358,10 +21441,10 @@ ul.pf-v6-c-list {
21358
21441
  }
21359
21442
 
21360
21443
  .pf-v6-c-nav__section-title {
21361
- padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockStart));
21362
- padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockEnd));
21363
- padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineStart));
21364
- padding-inline-end: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineEnd));
21444
+ padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlockStart);
21445
+ padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlockEnd);
21446
+ padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInlineStart);
21447
+ padding-inline-end: var(--pf-v6-c-nav__section-title--PaddingInlineEnd);
21365
21448
  font-size: var(--pf-v6-c-nav__section-title--FontSize, inherit);
21366
21449
  font-weight: var(--pf-v6-c-nav__section-title--FontWeight);
21367
21450
  color: var(--pf-v6-c-nav__section-title--Color);
@@ -21370,8 +21453,8 @@ ul.pf-v6-c-list {
21370
21453
  .pf-v6-c-nav__link {
21371
21454
  position: relative;
21372
21455
  display: flex;
21373
- column-gap: var(--pf-v6-c-nav__link--ColumnGap, var(--pf-v6-c-nav--ColumnGap));
21374
- align-items: var(--pf-v6-c-nav__link--AlignItems, var(--pf-v6-c-nav--AlignItems));
21456
+ column-gap: var(--pf-v6-c-nav__link--ColumnGap);
21457
+ align-items: var(--pf-v6-c-nav__link--AlignItems);
21375
21458
  padding-block-start: var(--pf-v6-c-nav__link--PaddingBlockStart);
21376
21459
  padding-block-end: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21377
21460
  padding-inline-start: var(--pf-v6-c-nav__link--PaddingInlineStart);
@@ -21385,27 +21468,13 @@ ul.pf-v6-c-list {
21385
21468
  border: none;
21386
21469
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
21387
21470
  }
21388
- .pf-v6-c-nav__link::before {
21389
- position: absolute;
21390
- inset-block: var(--pf-v6-c-nav__link--clickable-inset--Block);
21391
- inset-inline: var(--pf-v6-c-nav__link--clickable-inset--Inline);
21392
- content: "";
21393
- }
21394
21471
  .pf-v6-c-nav__link[aria-expanded=true]::before {
21395
21472
  inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
21396
21473
  }
21397
- .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover {
21474
+ .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
21398
21475
  color: var(--pf-v6-c-nav__link--hover--Color);
21399
21476
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
21400
21477
  }
21401
- .pf-v6-c-nav__link:focus {
21402
- color: var(--pf-v6-c-nav__link--focus--Color);
21403
- background-color: var(--pf-v6-c-nav__link--focus--BackgroundColor);
21404
- }
21405
- .pf-v6-c-nav__link:active {
21406
- color: var(--pf-v6-c-nav__link--active--Color);
21407
- background-color: var(--pf-v6-c-nav__link--active--BackgroundColor);
21408
- }
21409
21478
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
21410
21479
  color: var(--pf-v6-c-nav__link--m-current--Color);
21411
21480
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
@@ -21435,68 +21504,36 @@ ul.pf-v6-c-list {
21435
21504
 
21436
21505
  .pf-v6-c-nav__scroll-button {
21437
21506
  position: relative;
21438
- display: flex;
21439
- flex: none;
21440
- align-items: stretch;
21441
- justify-items: stretch;
21442
- min-width: var(--pf-v6-c-nav__scroll-button--MinWidth);
21443
- }
21444
- .pf-v6-c-nav__scroll-button :is(button) {
21445
- --pf-v6-c-button--Display: flex;
21446
- --pf-v6-c-button--Flex: 1;
21447
- --pf-v6-c-button--AlignItems: center;
21448
- --pf-v6-c-button--JustifyContent: center;
21449
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--InlinePadding);
21450
- }
21451
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button :is(button) .pf-v6-c-button__icon {
21452
- scale: -1 1;
21453
- }
21454
-
21455
- .pf-v6-c-nav__scroll-button :is(button) > * {
21456
- display: inline-block;
21457
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--icon--InlinePadding);
21458
- }
21459
- .pf-v6-c-nav__scroll-button :is(button) > * > * {
21460
- min-width: var(--pf-v6-c-nav__scroll-button--button--icon--IconSize);
21461
21507
  }
21462
21508
  .pf-v6-c-nav__scroll-button::before {
21463
21509
  position: absolute;
21464
- inset-block: 0;
21465
- inset-inline: 0;
21510
+ inset: 0;
21466
21511
  content: "";
21467
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21468
- }
21469
- .pf-v6-c-nav__scroll-button:first-of-type {
21470
- border-start-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21471
- border-end-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21472
21512
  }
21473
- .pf-v6-c-nav__scroll-button:first-of-type button {
21474
- --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21475
- --pf-v6-c-button--BorderStartEndRadius: 0;
21476
- --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21477
- --pf-v6-c-button--BorderEndEndRadius: 0;
21513
+ .pf-v6-c-nav__scroll-button:first-of-type .pf-v6-c-button {
21514
+ --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius);
21515
+ --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius);
21478
21516
  }
21479
21517
  .pf-v6-c-nav__scroll-button:first-of-type::before {
21480
21518
  border-inline-end: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21481
21519
  }
21482
- .pf-v6-c-nav__scroll-button:last-of-type {
21483
- border-start-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21484
- border-end-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21485
- }
21486
- .pf-v6-c-nav__scroll-button:last-of-type button {
21487
- --pf-v6-c-button--BorderStartStartRadius: 0;
21488
- --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21489
- --pf-v6-c-button--BorderEndStartRadius: 0;
21490
- --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21520
+ .pf-v6-c-nav__scroll-button:last-of-type .pf-v6-c-button {
21521
+ --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius);
21522
+ --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius);
21491
21523
  }
21492
21524
  .pf-v6-c-nav__scroll-button:last-of-type::before {
21493
21525
  border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21494
21526
  }
21527
+ .pf-v6-c-nav__scroll-button .pf-v6-c-button {
21528
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21529
+ }
21530
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
21531
+ scale: -1 1;
21532
+ }
21495
21533
 
21496
21534
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21497
21535
  padding: 0;
21498
21536
  overflow: hidden;
21499
- border-radius: var(--pf-v6-c-nav--m-horizontal--BorderRadius);
21500
21537
  }
21501
21538
  .pf-v6-c-nav:where(.pf-m-horizontal),
21502
21539
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
@@ -21506,11 +21543,14 @@ ul.pf-v6-c-list {
21506
21543
  display: flex;
21507
21544
  }
21508
21545
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21509
- padding-block: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlock);
21510
- padding-inline: var(--pf-v6-c-nav--m-horizontal__list--PaddingInline);
21546
+ padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
21547
+ padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
21548
+ padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
21549
+ padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21511
21550
  overflow-x: auto;
21512
21551
  white-space: nowrap;
21513
21552
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21553
+ scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21514
21554
  -webkit-overflow-scrolling: touch;
21515
21555
  scrollbar-width: none;
21516
21556
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -21521,23 +21561,21 @@ ul.pf-v6-c-list {
21521
21561
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21522
21562
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21523
21563
  }
21524
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link::before {
21525
- inset-block-start: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart) * -1);
21526
- inset-block-end: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd) * -1);
21527
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21528
- inset-inline-end: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21529
- }
21530
21564
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
21565
+ --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
21566
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
21567
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
21568
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
21569
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
21570
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
21571
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
21531
21572
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
21532
21573
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
21533
- --pf-v6-c-nav__list--PaddingBlock: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart) var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
21534
- --pf-v6-c-nav__list--PaddingInline: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart) var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
21574
+ border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
21535
21575
  }
21536
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__scroll-button + .pf-v6-c-nav__list {
21537
- padding-inline-start: var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart);
21538
- }
21539
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__scroll-button + .pf-v6-c-nav__list > :first-child .pf-v6-c-nav__link::before {
21540
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1 - var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart));
21576
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
21577
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
21578
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
21541
21579
  }
21542
21580
 
21543
21581
  :root {
@@ -22319,13 +22357,11 @@ ul.pf-v6-c-list {
22319
22357
  --pf-v6-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-t--global--spacer--md);
22320
22358
  --pf-v6-c-page__main-nav--xl--PaddingRight: var(--pf-t--global--spacer--sm);
22321
22359
  --pf-v6-c-page__main-nav--xl--PaddingLeft: var(--pf-t--global--spacer--sm);
22322
- --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22323
- --pf-v6-c-page__main-subnav--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
22324
- --pf-v6-c-page__main-subnav--BorderTopColor: var(--pf-t--global--border--color--default);
22325
- --pf-v6-c-page__main-subnav--BorderLeftWidth: 0;
22326
- --pf-v6-c-page__main-subnav--BorderLeftColor: var(--pf-t--global--border--color--default);
22327
- --pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
22328
- --pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
22360
+ --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22361
+ --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
22362
+ --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
22363
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22364
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22329
22365
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22330
22366
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22331
22367
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
@@ -22867,17 +22903,11 @@ ul.pf-v6-c-list {
22867
22903
  }
22868
22904
 
22869
22905
  .pf-v6-c-page__main-subnav {
22906
+ padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
22907
+ padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
22908
+ padding-inline-start: var(--pf-v6-c-page__main-subnav--PaddingInlineStart);
22909
+ padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
22870
22910
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
22871
- border-block-start: var(--pf-v6-c-page__main-subnav--BorderTopWidth) solid var(--pf-v6-c-page__main-subnav--BorderTopColor);
22872
- border-inline-start: var(--pf-v6-c-page__main-subnav--BorderLeftWidth) solid var(--pf-v6-c-page__main-subnav--BorderLeftColor);
22873
- }
22874
- @media screen and (min-width: 1200px) {
22875
- .pf-v6-c-page__sidebar ~ .pf-v6-c-page__main {
22876
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth);
22877
- }
22878
- }
22879
- .pf-v6-c-page__sidebar.pf-m-collapsed ~ .pf-v6-c-page__main {
22880
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth);
22881
22911
  }
22882
22912
 
22883
22913
  .pf-v6-c-page__main-breadcrumb {
@@ -24537,17 +24567,18 @@ ul.pf-v6-c-list {
24537
24567
  .pf-v6-c-radio {
24538
24568
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
24539
24569
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
24570
+ --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
24540
24571
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
24541
24572
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
24542
24573
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
24543
24574
  --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
24544
24575
  --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
24545
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24546
- --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24547
- --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24548
24576
  --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
24549
24577
  --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
24578
+ --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24579
+ --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24550
24580
  --pf-v6-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
24581
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24551
24582
  }
24552
24583
 
24553
24584
  .pf-v6-c-radio {
@@ -24558,13 +24589,19 @@ ul.pf-v6-c-list {
24558
24589
  accent-color: var(--pf-v6-c-radio--AccentColor);
24559
24590
  }
24560
24591
  .pf-v6-c-radio.pf-m-standalone {
24561
- --pf-v6-c-radio--GridGap: 0;
24562
- --pf-v6-c-radio__input--TranslateY: none;
24563
24592
  display: inline-grid;
24593
+ grid-template-columns: auto;
24594
+ height: var(--pf-v6-c-check--Height);
24595
+ }
24596
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
24597
+ align-self: center;
24598
+ transform: none;
24564
24599
  }
24565
24600
 
24566
24601
  .pf-v6-c-radio__input {
24567
24602
  align-self: start;
24603
+ font-size: var(--pf-v6-c-radio__label--FontSize);
24604
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
24568
24605
  transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
24569
24606
  }
24570
24607
  .pf-v6-c-radio__input:first-child {
@@ -26367,7 +26404,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26367
26404
  display: grid;
26368
26405
  border: none;
26369
26406
  }
26370
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26407
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26371
26408
  width: auto;
26372
26409
  min-width: 0;
26373
26410
  max-width: none;
@@ -26427,13 +26464,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26427
26464
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26428
26465
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26429
26466
  }
26430
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26467
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
26431
26468
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26432
26469
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26433
26470
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26434
26471
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26435
26472
  }
26436
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26473
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
26437
26474
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26438
26475
  }
26439
26476
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -26469,10 +26506,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26469
26506
  text-align: start;
26470
26507
  content: attr(data-label);
26471
26508
  }
26472
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
26509
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26473
26510
  --pf-v6-c-table--cell--PaddingLeft: 0;
26474
26511
  }
26475
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
26512
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26476
26513
  --pf-v6-c-table--cell--PaddingRight: 0;
26477
26514
  }
26478
26515
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table {
@@ -26525,9 +26562,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26525
26562
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26526
26563
  overflow-y: auto;
26527
26564
  border-block-end: none;
26528
- box-shadow: none;
26529
26565
  }
26530
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
26566
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
26531
26567
  position: static;
26532
26568
  display: block;
26533
26569
  }
@@ -26682,7 +26718,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26682
26718
  display: grid;
26683
26719
  border: none;
26684
26720
  }
26685
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26721
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26686
26722
  width: auto;
26687
26723
  min-width: 0;
26688
26724
  max-width: none;
@@ -26742,13 +26778,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26742
26778
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26743
26779
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26744
26780
  }
26745
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26781
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
26746
26782
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26747
26783
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26748
26784
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26749
26785
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26750
26786
  }
26751
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26787
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
26752
26788
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26753
26789
  }
26754
26790
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -26784,10 +26820,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26784
26820
  text-align: start;
26785
26821
  content: attr(data-label);
26786
26822
  }
26787
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
26823
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26788
26824
  --pf-v6-c-table--cell--PaddingLeft: 0;
26789
26825
  }
26790
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
26826
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26791
26827
  --pf-v6-c-table--cell--PaddingRight: 0;
26792
26828
  }
26793
26829
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
@@ -26840,9 +26876,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26840
26876
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26841
26877
  overflow-y: auto;
26842
26878
  border-block-end: none;
26843
- box-shadow: none;
26844
26879
  }
26845
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
26880
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
26846
26881
  position: static;
26847
26882
  display: block;
26848
26883
  }
@@ -27000,7 +27035,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27000
27035
  display: grid;
27001
27036
  border: none;
27002
27037
  }
27003
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27038
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27004
27039
  width: auto;
27005
27040
  min-width: 0;
27006
27041
  max-width: none;
@@ -27060,13 +27095,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27060
27095
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27061
27096
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27062
27097
  }
27063
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27098
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
27064
27099
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27065
27100
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27066
27101
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27067
27102
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27068
27103
  }
27069
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27104
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
27070
27105
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27071
27106
  }
27072
27107
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -27102,10 +27137,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27102
27137
  text-align: start;
27103
27138
  content: attr(data-label);
27104
27139
  }
27105
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27140
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27106
27141
  --pf-v6-c-table--cell--PaddingLeft: 0;
27107
27142
  }
27108
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27143
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27109
27144
  --pf-v6-c-table--cell--PaddingRight: 0;
27110
27145
  }
27111
27146
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
@@ -27158,9 +27193,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27158
27193
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27159
27194
  overflow-y: auto;
27160
27195
  border-block-end: none;
27161
- box-shadow: none;
27162
27196
  }
27163
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27197
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27164
27198
  position: static;
27165
27199
  display: block;
27166
27200
  }
@@ -27318,7 +27352,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27318
27352
  display: grid;
27319
27353
  border: none;
27320
27354
  }
27321
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27355
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27322
27356
  width: auto;
27323
27357
  min-width: 0;
27324
27358
  max-width: none;
@@ -27378,13 +27412,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27378
27412
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27379
27413
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27380
27414
  }
27381
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27415
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
27382
27416
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27383
27417
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27384
27418
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27385
27419
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27386
27420
  }
27387
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27421
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
27388
27422
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27389
27423
  }
27390
27424
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -27420,10 +27454,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27420
27454
  text-align: start;
27421
27455
  content: attr(data-label);
27422
27456
  }
27423
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27457
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27424
27458
  --pf-v6-c-table--cell--PaddingLeft: 0;
27425
27459
  }
27426
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27460
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27427
27461
  --pf-v6-c-table--cell--PaddingRight: 0;
27428
27462
  }
27429
27463
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
@@ -27476,9 +27510,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27476
27510
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27477
27511
  overflow-y: auto;
27478
27512
  border-block-end: none;
27479
- box-shadow: none;
27480
27513
  }
27481
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27514
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27482
27515
  position: static;
27483
27516
  display: block;
27484
27517
  }
@@ -27636,7 +27669,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27636
27669
  display: grid;
27637
27670
  border: none;
27638
27671
  }
27639
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27672
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27640
27673
  width: auto;
27641
27674
  min-width: 0;
27642
27675
  max-width: none;
@@ -27696,13 +27729,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27696
27729
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27697
27730
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27698
27731
  }
27699
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27732
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
27700
27733
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27701
27734
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27702
27735
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27703
27736
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27704
27737
  }
27705
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27738
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
27706
27739
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27707
27740
  }
27708
27741
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -27738,10 +27771,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27738
27771
  text-align: start;
27739
27772
  content: attr(data-label);
27740
27773
  }
27741
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27774
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27742
27775
  --pf-v6-c-table--cell--PaddingLeft: 0;
27743
27776
  }
27744
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27777
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27745
27778
  --pf-v6-c-table--cell--PaddingRight: 0;
27746
27779
  }
27747
27780
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
@@ -27794,9 +27827,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27794
27827
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27795
27828
  overflow-y: auto;
27796
27829
  border-block-end: none;
27797
- box-shadow: none;
27798
27830
  }
27799
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27831
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27800
27832
  position: static;
27801
27833
  display: block;
27802
27834
  }
@@ -27957,7 +27989,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27957
27989
  --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
27958
27990
  --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
27959
27991
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
27960
- --pf-v6-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27961
27992
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27962
27993
  --pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27963
27994
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
@@ -27991,31 +28022,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27991
28022
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27992
28023
  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27993
28024
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27994
- --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
27995
- --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
27996
- --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27997
- --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
28025
+ --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--sm);
28026
+ --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--sm);
28027
+ --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--md);
28028
+ --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--md);
27998
28029
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
27999
- --pf-v6-c-table__button--BackgroundColor: transparent;
28030
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
28000
28031
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
28001
28032
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
28002
28033
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
28003
- --pf-v6-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
28004
- --pf-v6-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
28034
+ --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
28005
28035
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
28006
28036
  --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
28007
28037
  --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
28008
28038
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
28009
28039
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
28010
- --pf-v6-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
28011
- --pf-v6-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
28012
28040
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
28013
28041
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28014
28042
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
28015
28043
  --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
28016
28044
  --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
28017
- --pf-v6-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
28018
- --pf-v6-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
28019
28045
  --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
28020
28046
  --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
28021
28047
  --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
@@ -28024,6 +28050,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28024
28050
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28025
28051
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
28026
28052
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
28053
+ --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
28054
+ --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
28027
28055
  --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
28028
28056
  --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
28029
28057
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
@@ -28032,35 +28060,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28032
28060
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
28033
28061
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
28034
28062
  --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
28035
- --pf-v6-c-table__expandable-row--after--Top: calc(var(--pf-v6-c-table--border-width--base) * -1);
28036
- --pf-v6-c-table__expandable-row--after--Bottom: calc(var(--pf-v6-c-table--border-width--base) * -1);
28037
- --pf-v6-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28038
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
28039
- --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
28040
28063
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28041
28064
  --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));
28042
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
28043
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
28044
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
28045
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28046
- --pf-v6-c-table__sort__button--MarginTop: calc(var(--pf-v6-c-table__sort__button--PaddingTop) * -1);
28065
+ --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
28066
+ --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
28067
+ --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
28068
+ --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
28047
28069
  --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
28048
28070
  --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
28049
28071
  --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
28050
- --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
28072
+ --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
28051
28073
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
28052
28074
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
28053
28075
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
28054
- --pf-v6-c-table__sort__button--focus__text--Color: currentcolor;
28055
- --pf-v6-c-table__sort__button--active__text--Color: currentcolor;
28056
28076
  --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
28057
28077
  --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28058
28078
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28059
28079
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28060
- --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
28080
+ --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
28061
28081
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28062
- --pf-v6-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28063
- --pf-v6-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28064
28082
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
28065
28083
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
28066
28084
  --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
@@ -28069,19 +28087,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28069
28087
  --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28070
28088
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28071
28089
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28072
- --pf-v6-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
28073
- --pf-v6-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
28074
- --pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
28075
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
28076
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
28077
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28078
- --pf-v6-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28079
- --pf-v6-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28080
- --pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28081
28090
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
28082
28091
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28083
- --pf-v6-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28084
- --pf-v6-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28092
+ --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
28085
28093
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28086
28094
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28087
28095
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
@@ -28091,47 +28099,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28091
28099
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
28092
28100
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
28093
28101
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28094
- --pf-v6-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28095
28102
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
28096
- --pf-v6-c-table__tr--m-clickable--BoxShadow: none;
28097
28103
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28098
- --pf-v6-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28099
28104
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28100
- --pf-v6-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28101
- --pf-v6-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28102
- --pf-v6-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28103
- --pf-v6-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28104
- --pf-v6-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28105
- --pf-v6-c-table__tr--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28106
28105
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28107
- --pf-v6-c-table__tr--m-selected--BoxShadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28108
28106
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28109
- --pf-v6-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
28110
- --pf-v6-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
28111
- --pf-v6-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28112
- --pf-v6-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28113
- --pf-v6-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28114
- --pf-v6-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28115
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: none;
28116
28107
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
28117
28108
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28118
- --pf-v6-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28119
28109
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28120
- --pf-v6-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28121
- --pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28122
- --pf-v6-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28123
- --pf-v6-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28124
28110
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28125
- --pf-v6-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28126
28111
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28127
- --pf-v6-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28128
- --pf-v6-c-table__tbody--m-selected--BoxShadow: var(--pf-v6-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28129
28112
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28130
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
28131
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28132
- --pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28133
- --pf-v6-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28134
- --pf-v6-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28135
28113
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28136
28114
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28137
28115
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -28143,7 +28121,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28143
28121
  }
28144
28122
 
28145
28123
  .pf-v6-c-table {
28146
- color: var(--pf-v6-global--Color--100);
28147
28124
  width: 100%;
28148
28125
  background-color: var(--pf-v6-c-table--BackgroundColor);
28149
28126
  }
@@ -28153,18 +28130,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28153
28130
  .pf-v6-c-table.pf-m-sticky-header {
28154
28131
  position: relative;
28155
28132
  }
28156
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) {
28157
- border-block-end: 0;
28158
- }
28159
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > * {
28133
+ .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28160
28134
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28161
28135
  }
28162
- .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > * {
28136
+ .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28163
28137
  position: sticky;
28164
28138
  inset-block-start: 0;
28165
28139
  background: var(--pf-v6-c-table--BackgroundColor);
28166
28140
  }
28167
- .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > *::after {
28141
+ .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > :where(th, td)::after {
28168
28142
  position: absolute;
28169
28143
  inset-block-end: 0;
28170
28144
  inset-inline-start: 0;
@@ -28200,14 +28174,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28200
28174
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28201
28175
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28202
28176
  }
28203
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
28204
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28205
- }
28206
28177
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
28207
28178
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
28208
28179
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
28209
28180
  }
28210
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
28181
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28211
28182
  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
28212
28183
  position: relative;
28213
28184
  width: var(--pf-v6-c-table--cell--Width);
@@ -28226,39 +28197,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28226
28197
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28227
28198
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28228
28199
  }
28229
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
28200
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
28230
28201
  padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingLeft));
28231
28202
  }
28232
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
28203
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
28233
28204
  padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingRight));
28234
28205
  }
28235
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-center {
28206
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
28236
28207
  text-align: center;
28237
28208
  }
28238
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:empty {
28209
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):empty {
28239
28210
  width: auto;
28240
28211
  min-width: 0;
28241
28212
  padding: 0;
28242
28213
  }
28243
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-help {
28214
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-help {
28244
28215
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--cell--m-help--MinWidth);
28245
28216
  }
28246
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-favorite {
28217
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite {
28247
28218
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table--cell--m-favorite--Color);
28248
28219
  --pf-v6-c-table__sort--MinWidth: fit-content;
28249
28220
  --pf-v6-c-table--cell--MaxWidth: fit-content;
28250
28221
  --pf-v6-c-table--cell--Overflow: visible;
28251
28222
  }
28252
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-right::before, .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-left::before {
28223
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before, .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
28253
28224
  position: absolute;
28254
28225
  inset: 0;
28255
28226
  pointer-events: none;
28256
28227
  content: "";
28257
28228
  }
28258
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-right::before {
28229
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before {
28259
28230
  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);
28260
28231
  }
28261
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-left::before {
28232
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
28262
28233
  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);
28263
28234
  }
28264
28235
  .pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
@@ -28273,7 +28244,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28273
28244
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
28274
28245
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
28275
28246
  --pf-v6-c-table--cell--FontWeight: var(--pf-v6-c-table__thead--cell--FontWeight);
28276
- vertical-align: baseline;
28277
28247
  }
28278
28248
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
28279
28249
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
@@ -28294,24 +28264,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28294
28264
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
28295
28265
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
28296
28266
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
28297
- vertical-align: top;
28298
28267
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
28299
28268
  }
28300
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > * {
28269
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28301
28270
  overflow-wrap: break-word;
28302
28271
  }
28303
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child::after {
28304
- position: absolute;
28305
- inset-block-start: var(--pf-v6-c-table__expandable-row--after--Top);
28306
- inset-block-end: var(--pf-v6-c-table__expandable-row--after--Bottom);
28307
- inset-inline-start: 0;
28308
- content: "";
28309
- background-color: transparent;
28310
- border-inline-start: var(--pf-v6-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v6-c-table__expandable-row--after--BorderColor);
28311
- }
28312
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v6-c-table__control-row) {
28313
- border-block-end-width: 0;
28314
- }
28315
28272
  .pf-v6-c-table .pf-v6-c-table__sort {
28316
28273
  min-width: var(--pf-v6-c-table__sort--MinWidth);
28317
28274
  }
@@ -28355,18 +28312,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28355
28312
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
28356
28313
  border-block-end: 0;
28357
28314
  }
28358
- .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child::after {
28359
- border-inline-start: 0;
28360
- }
28361
28315
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody):not(.pf-m-expanded) .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
28362
28316
  display: none;
28363
28317
  }
28364
- .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody).pf-m-expanded > .pf-v6-c-table__control-row {
28365
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28366
- }
28367
- .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) .pf-v6-c-table__control-row > .pf-v6-c-table__compound-expansion-toggle:first-child > ::before {
28368
- border-inline-start-width: 0;
28369
- }
28370
28318
  .pf-v6-c-table tr.pf-m-clickable:last-child {
28371
28319
  border-block-end-color: transparent;
28372
28320
  }
@@ -28374,9 +28322,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28374
28322
  cursor: pointer;
28375
28323
  background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28376
28324
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28377
- box-shadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow);
28378
28325
  }
28379
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:hover, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:focus, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:active {
28326
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28380
28327
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28381
28328
  }
28382
28329
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
@@ -28385,16 +28332,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28385
28332
  position: relative;
28386
28333
  background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28387
28334
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28388
- box-shadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow);
28389
- }
28390
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected + tr:where(.pf-v6-c-table__tr).pf-m-selected {
28391
- box-shadow: var(--pf-v6-c-table__tr--m-selected--m-selected--BoxShadow);
28392
- }
28393
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected + tr:where(.pf-v6-c-table__tr).pf-m-selected:hover {
28394
- box-shadow: var(--pf-v6-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
28395
- }
28396
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected:hover + tr:where(.pf-v6-c-table__tr).pf-m-selected {
28397
- box-shadow: var(--pf-v6-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
28398
28335
  }
28399
28336
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset {
28400
28337
  --pf-v6-c-table--cell--first-last-child--PaddingLeft: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
@@ -28403,41 +28340,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28403
28340
  cursor: pointer;
28404
28341
  background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28405
28342
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28406
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow);
28407
28343
  }
28408
28344
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
28409
28345
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor);
28410
28346
  }
28411
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:hover:not(.pf-m-selected) + tbody:where(.pf-v6-c-table__tbody).pf-m-selected, .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:focus:not(.pf-m-selected) + tbody:where(.pf-v6-c-table__tbody).pf-m-selected, .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:active:not(.pf-m-selected) + tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28412
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
28413
- }
28414
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:hover {
28415
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--hover--BoxShadow);
28347
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28416
28348
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
28417
28349
  }
28418
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:focus {
28419
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--focus--BoxShadow);
28420
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor);
28421
- }
28422
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:active {
28423
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--active--BoxShadow);
28424
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--active--BackgroundColor);
28425
- }
28426
28350
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28427
28351
  --pf-v6-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth);
28428
28352
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftColor);
28429
28353
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28430
28354
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
28431
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--BoxShadow);
28432
- }
28433
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected + tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28434
- --pf-v6-c-table__tbody--m-selected--BoxShadow: var(--pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow);
28435
- }
28436
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected + tbody:where(.pf-v6-c-table__tbody).pf-m-selected:hover {
28437
- box-shadow: var(--pf-v6-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
28438
- }
28439
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected:hover + tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28440
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
28441
28355
  }
28442
28356
  .pf-v6-c-table.pf-m-drag-over {
28443
28357
  overflow-anchor: none;
@@ -28459,19 +28373,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28459
28373
  .pf-v6-c-table__text.pf-m-truncate {
28460
28374
  --pf-v6-c-table--cell--MinWidth: 100%;
28461
28375
  }
28462
- .pf-v6-c-table__text.pf-m-truncate > * {
28376
+ .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
28463
28377
  overflow: var(--pf-v6-c-table--cell--Overflow);
28464
28378
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28465
28379
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28466
28380
  }
28467
28381
 
28382
+ .pf-v6-c-table__tr.pf-m-border-row {
28383
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28384
+ }
28385
+
28468
28386
  .pf-v6-c-table__button {
28469
- position: static;
28470
28387
  width: auto;
28471
28388
  padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
28472
28389
  padding-block-end: var(--pf-v6-c-table__button--PaddingBottom);
28473
28390
  padding-inline-start: var(--pf-v6-c-table__button--PaddingLeft);
28474
28391
  padding-inline-end: var(--pf-v6-c-table__button--PaddingRight);
28392
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBottom) * -1);
28475
28393
  margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
28476
28394
  font-size: inherit;
28477
28395
  font-weight: inherit;
@@ -28486,24 +28404,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28486
28404
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
28487
28405
  margin-block-end: 0;
28488
28406
  }
28489
- .pf-v6-c-table__button::before {
28490
- position: absolute;
28491
- inset-block-start: 0;
28492
- inset-block-end: 0;
28493
- inset-inline-start: 0;
28494
- inset-inline-end: 0;
28495
- cursor: pointer;
28496
- content: "";
28497
- }
28498
- .pf-v6-c-table__button:hover {
28407
+ .pf-v6-c-table__button:is(:hover, :focus) {
28499
28408
  color: var(--pf-v6-c-table__button--hover--Color);
28500
28409
  }
28501
- .pf-v6-c-table__button:focus {
28502
- color: var(--pf-v6-c-table__button--focus--Color);
28503
- }
28504
- .pf-v6-c-table__button:active {
28505
- color: var(--pf-v6-c-table__button--active--Color);
28506
- }
28507
28410
 
28508
28411
  .pf-v6-c-table__sort .pf-v6-c-table__text,
28509
28412
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__text {
@@ -28582,24 +28485,27 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28582
28485
  .pf-v6-c-table__check {
28583
28486
  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__check--PaddingLeft);
28584
28487
  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__check--PaddingRight);
28488
+ vertical-align: top;
28585
28489
  }
28586
- .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28587
- display: inline-flex;
28490
+ .pf-v6-c-table__check .pf-v6-c-check {
28491
+ --pf-v6-c-check__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
28492
+ --pf-v6-c-check__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
28588
28493
  }
28589
- thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28590
- vertical-align: bottom;
28494
+ .pf-v6-c-table__check .pf-v6-c-radio {
28495
+ --pf-v6-c-radio__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
28496
+ --pf-v6-c-radio__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
28591
28497
  }
28592
- tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28593
- vertical-align: top;
28498
+ thead .pf-v6-c-table__check {
28499
+ vertical-align: bottom;
28594
28500
  }
28595
- .pf-v6-c-table__check label {
28596
- display: contents;
28501
+ thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone,
28502
+ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28503
+ display: table-cell;
28504
+ height: auto;
28505
+ line-height: 1;
28506
+ vertical-align: baseline;
28597
28507
  }
28598
28508
 
28599
- .pf-v6-c-table__favorite {
28600
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__favorite--PaddingLeft);
28601
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__favorite--PaddingRight);
28602
- }
28603
28509
  .pf-v6-c-table__favorite .pf-v6-c-button {
28604
28510
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
28605
28511
  }
@@ -28615,10 +28521,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28615
28521
  }
28616
28522
 
28617
28523
  .pf-v6-c-table__action,
28524
+ .pf-v6-c-table__favorite,
28618
28525
  .pf-v6-c-table__inline-edit-action,
28619
28526
  .pf-v6-c-table__draggable {
28620
28527
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__action--PaddingTop);
28621
28528
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__action--PaddingBottom);
28529
+ --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__action--PaddingLeft);
28530
+ --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__action--PaddingRight);
28622
28531
  }
28623
28532
 
28624
28533
  .pf-v6-c-table__action:last-child,
@@ -28629,8 +28538,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28629
28538
  .pf-v6-c-table__compound-expansion-toggle {
28630
28539
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--Color);
28631
28540
  --pf-v6-c-table__button--hover--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--Color);
28632
- --pf-v6-c-table__button--focus--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--focus--Color);
28633
- --pf-v6-c-table__button--active--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--active--Color);
28634
28541
  position: relative;
28635
28542
  padding: 0;
28636
28543
  }
@@ -28644,42 +28551,18 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28644
28551
  margin: 0;
28645
28552
  overflow: hidden;
28646
28553
  }
28647
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:hover, .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:focus, .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:active {
28554
+ .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:is(:hover, :focus) {
28648
28555
  outline: 0;
28649
28556
  }
28650
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before,
28651
28557
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28652
28558
  position: absolute;
28653
28559
  inset: 0;
28654
28560
  content: "";
28655
- border-style: solid;
28656
- border-width: 0;
28657
- }
28658
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
28659
- inset-block-start: 0;
28660
- inset-block-end: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Bottom);
28661
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Left);
28662
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor);
28663
- border-inline-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
28664
- border-inline-end-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
28665
- }
28666
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28667
- inset-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Top);
28668
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Left);
28669
- pointer-events: none;
28670
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
28671
- border-block-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth);
28561
+ border: 0;
28562
+ 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);
28672
28563
  }
28673
28564
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within, .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded {
28674
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28675
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28676
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base);
28677
- }
28678
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded .pf-v6-c-table__button::before {
28679
- border-block-end: var(--pf-v6-c-table--BackgroundColor) solid var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28680
- }
28681
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
28682
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28565
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth);
28683
28566
  }
28684
28567
  .pf-v6-c-table__compound-expansion-toggle:focus-within {
28685
28568
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
@@ -28695,17 +28578,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28695
28578
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginLeft);
28696
28579
  }
28697
28580
 
28698
- .pf-v6-c-table__sort .pf-v6-c-table__button:hover {
28581
+ .pf-v6-c-table__sort {
28582
+ vertical-align: bottom;
28583
+ }
28584
+ .pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) {
28699
28585
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
28700
28586
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
28701
- }
28702
- .pf-v6-c-table__sort .pf-v6-c-table__button:focus {
28703
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--focus__sort-indicator--Color);
28704
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--focus__text--Color);
28705
- }
28706
- .pf-v6-c-table__sort .pf-v6-c-table__button:active {
28707
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--active__sort-indicator--Color);
28708
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--active__text--Color);
28587
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
28709
28588
  }
28710
28589
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
28711
28590
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -28721,23 +28600,21 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28721
28600
  .pf-v6-c-table__sort.pf-m-favorite {
28722
28601
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-favorite__button__text--Color);
28723
28602
  --pf-v6-c-table__sort__button--hover__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--hover__text--Color);
28724
- --pf-v6-c-table__sort__button--focus__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--focus__text--Color);
28725
- --pf-v6-c-table__sort__button--active__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--active__text--Color);
28726
28603
  --pf-v6-c-table__sort--m-selected__button__text--Color: currentcolor;
28727
28604
  }
28728
28605
 
28729
28606
  .pf-v6-c-table__sort-indicator {
28730
28607
  grid-column: 2;
28608
+ align-self: end;
28731
28609
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
28610
+ font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
28732
28611
  color: var(--pf-v6-c-table__sort-indicator--Color);
28733
- color: var(--pf-v6-c-table__sort-indicator--FontSize);
28734
28612
  pointer-events: none;
28735
28613
  }
28736
28614
 
28737
28615
  .pf-v6-c-table__expandable-row {
28738
28616
  position: relative;
28739
28617
  border-block-end: 0 solid transparent;
28740
- box-shadow: 0 0 0 0 transparent;
28741
28618
  }
28742
28619
  .pf-v6-c-table__expandable-row,
28743
28620
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
@@ -28765,7 +28642,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28765
28642
  .pf-v6-c-table__expandable-row.pf-m-expanded {
28766
28643
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
28767
28644
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
28768
- box-shadow: var(--pf-v6-c-table__expandable-row--m-expanded--BoxShadow);
28769
28645
  }
28770
28646
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
28771
28647
  display: none;
@@ -28800,6 +28676,17 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28800
28676
  text-align: center;
28801
28677
  }
28802
28678
 
28679
+ .pf-v6-c-table__thead {
28680
+ vertical-align: bottom;
28681
+ }
28682
+
28683
+ .pf-v6-c-table__tbody {
28684
+ vertical-align: top;
28685
+ }
28686
+ .pf-v6-c-table__tbody .pf-v6-c-table__tr {
28687
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28688
+ }
28689
+
28803
28690
  .pf-v6-c-table__icon-inline {
28804
28691
  display: flex;
28805
28692
  align-items: center;
@@ -28864,18 +28751,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28864
28751
  --pf-v6-c-table--cell--Width: 100%;
28865
28752
  }
28866
28753
 
28867
- :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
28868
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
28869
- }
28870
-
28871
- :where(.pf-v6-theme-dark) .pf-v6-c-table {
28872
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-v6-global--BackgroundColor--150);
28873
- }
28874
- :where(.pf-v6-theme-dark) .pf-v6-c-table__favorite .pf-v6-c-button:hover, :where(.pf-v6-theme-dark) .pf-v6-c-table__favorite .pf-v6-c-button:focus {
28875
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-global--palette--gold-100);
28876
- }
28877
-
28878
- .pf-v6-c-table {
28754
+ :where(:root),
28755
+ :where(.pf-v6-c-table) {
28879
28756
  --pf-v6-c-table__sticky-cell--MinWidth--base: 12.5rem;
28880
28757
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28881
28758
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
@@ -28890,7 +28767,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28890
28767
  --pf-v6-c-table__sticky-cell--m-left--Left: 0;
28891
28768
  --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
28892
28769
  }
28893
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
28770
+ :where(:root) .pf-v6-c-table__sticky-cell,
28771
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell {
28894
28772
  --pf-v6-c-table--cell--Overflow: visible;
28895
28773
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
28896
28774
  position: sticky;
@@ -28901,18 +28779,24 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28901
28779
  background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
28902
28780
  background-clip: padding-box;
28903
28781
  }
28904
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
28782
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-right::before,
28783
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
28905
28784
  --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
28906
28785
  --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28907
28786
  }
28908
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
28787
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-left::before,
28788
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
28909
28789
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28910
28790
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28911
28791
  }
28912
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-inline-end {
28792
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-right, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-end,
28793
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
28794
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
28913
28795
  --pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
28914
28796
  }
28915
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-inline-start {
28797
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-left, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-start,
28798
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
28799
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
28916
28800
  --pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
28917
28801
  }
28918
28802
 
@@ -29114,7 +28998,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29114
28998
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29115
28999
  align-items: start;
29116
29000
  }
29117
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29001
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29118
29002
  grid-column: 2;
29119
29003
  }
29120
29004
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29254,7 +29138,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29254
29138
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29255
29139
  align-items: start;
29256
29140
  }
29257
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29141
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29258
29142
  grid-column: 2;
29259
29143
  }
29260
29144
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29395,7 +29279,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29395
29279
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29396
29280
  align-items: start;
29397
29281
  }
29398
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29282
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29399
29283
  grid-column: 2;
29400
29284
  }
29401
29285
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29536,7 +29420,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29536
29420
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29537
29421
  align-items: start;
29538
29422
  }
29539
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29423
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29540
29424
  grid-column: 2;
29541
29425
  }
29542
29426
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29677,7 +29561,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29677
29561
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29678
29562
  align-items: start;
29679
29563
  }
29680
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29564
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29681
29565
  grid-column: 2;
29682
29566
  }
29683
29567
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {