@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
@@ -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 {
@@ -8963,6 +8963,7 @@ button.pf-v6-c-breadcrumb__link {
8963
8963
  .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
8964
8964
  position: absolute;
8965
8965
  inset: 0;
8966
+ justify-self: auto;
8966
8967
  cursor: pointer;
8967
8968
  }
8968
8969
  .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
@@ -9055,17 +9056,18 @@ button.pf-v6-c-breadcrumb__link {
9055
9056
  .pf-v6-c-check {
9056
9057
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
9057
9058
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9059
+ --pf-v6-c-check--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9058
9060
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
9059
9061
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
9060
9062
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
9061
9063
  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
9062
9064
  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
9063
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
9064
9065
  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
9065
9066
  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
9066
9067
  --pf-v6-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
9067
9068
  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
9068
9069
  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
9070
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
9069
9071
  }
9070
9072
 
9071
9073
  .pf-v6-c-check {
@@ -9075,13 +9077,19 @@ button.pf-v6-c-breadcrumb__link {
9075
9077
  accent-color: var(--pf-v6-c-check--AccentColor);
9076
9078
  }
9077
9079
  .pf-v6-c-check.pf-m-standalone {
9078
- --pf-v6-c-check--GridGap: 0;
9079
- --pf-v6-c-check__input--TranslateY: none;
9080
9080
  display: inline-grid;
9081
+ grid-template-columns: auto;
9082
+ height: var(--pf-v6-c-check--Height);
9083
+ }
9084
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
9085
+ align-self: center;
9086
+ transform: none;
9081
9087
  }
9082
9088
 
9083
9089
  .pf-v6-c-check__input {
9084
9090
  align-self: start;
9091
+ font-size: var(--pf-v6-c-check__label--FontSize);
9092
+ line-height: var(--pf-v6-c-check__label--LineHeight);
9085
9093
  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
9086
9094
  }
9087
9095
 
@@ -11758,15 +11766,19 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11758
11766
  --pf-v6-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v6-c-dual-list-selector__item--PaddingLeft);
11759
11767
  }
11760
11768
 
11761
- :root,
11762
- [data-theme=pf-v6-c-toolbar] {
11769
+ :where(:root),
11770
+ :where(.pf-v6-c-toolbar) {
11763
11771
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11764
11772
  --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11765
11773
  --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
11766
11774
  --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
11767
11775
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
11768
11776
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
11777
+ --pf-v6-c-toolbar__item--Width: auto;
11778
+ --pf-v6-c-toolbar__item--MinWidth: auto;
11769
11779
  --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
11780
+ --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
11781
+ --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
11770
11782
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11771
11783
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11772
11784
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
@@ -11856,8 +11868,62 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11856
11868
  }
11857
11869
 
11858
11870
  .pf-v6-c-toolbar__item {
11871
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
11872
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
11859
11873
  row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
11860
11874
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
11875
+ width: var(--pf-v6-c-toolbar__item--Width--base);
11876
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
11877
+ }
11878
+ @media (min-width: 576px) {
11879
+ .pf-v6-c-toolbar__item {
11880
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
11881
+ }
11882
+ }
11883
+ @media (min-width: 768px) {
11884
+ .pf-v6-c-toolbar__item {
11885
+ --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)));
11886
+ }
11887
+ }
11888
+ @media (min-width: 992px) {
11889
+ .pf-v6-c-toolbar__item {
11890
+ --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))));
11891
+ }
11892
+ }
11893
+ @media (min-width: 1200px) {
11894
+ .pf-v6-c-toolbar__item {
11895
+ --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)))));
11896
+ }
11897
+ }
11898
+ @media (min-width: 1450px) {
11899
+ .pf-v6-c-toolbar__item {
11900
+ --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))))));
11901
+ }
11902
+ }
11903
+ @media (min-width: 576px) {
11904
+ .pf-v6-c-toolbar__item {
11905
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
11906
+ }
11907
+ }
11908
+ @media (min-width: 768px) {
11909
+ .pf-v6-c-toolbar__item {
11910
+ --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)));
11911
+ }
11912
+ }
11913
+ @media (min-width: 992px) {
11914
+ .pf-v6-c-toolbar__item {
11915
+ --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))));
11916
+ }
11917
+ }
11918
+ @media (min-width: 1200px) {
11919
+ .pf-v6-c-toolbar__item {
11920
+ --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)))));
11921
+ }
11922
+ }
11923
+ @media (min-width: 1450px) {
11924
+ .pf-v6-c-toolbar__item {
11925
+ --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))))));
11926
+ }
11861
11927
  }
11862
11928
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
11863
11929
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
@@ -11871,6 +11937,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11871
11937
  .pf-v6-c-toolbar__item.pf-m-pagination.pf-v6-c-pagination {
11872
11938
  flex-wrap: nowrap;
11873
11939
  }
11940
+ .pf-v6-c-toolbar__item.pf-m-overflow-container {
11941
+ min-width: var(--pf-v6-c-toolbar__item--m-overflow-container--MinWidth);
11942
+ }
11874
11943
 
11875
11944
  .pf-v6-c-toolbar__group {
11876
11945
  row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
@@ -11889,6 +11958,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11889
11958
  .pf-v6-c-toolbar__group.pf-m-chip-group {
11890
11959
  flex: 1;
11891
11960
  }
11961
+ .pf-v6-c-toolbar__group.pf-m-overflow-container {
11962
+ min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
11963
+ }
11892
11964
 
11893
11965
  .pf-v6-c-toolbar__expandable-content {
11894
11966
  position: absolute;
@@ -18153,7 +18225,7 @@ label.pf-v6-c-input-group__text {
18153
18225
  color: var(--pf-v6-c-jump-links__toggle-text--Color);
18154
18226
  }
18155
18227
 
18156
- .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 {
18228
+ .pf-v6-c-select, .pf-v6-t-light, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18157
18229
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
18158
18230
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
18159
18231
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -18180,7 +18252,7 @@ label.pf-v6-c-input-group__text {
18180
18252
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
18181
18253
  }
18182
18254
 
18183
- .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,
18255
+ .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,
18184
18256
  .pf-v6-c-menu__group, .pf-v6-c-data-list__item-action, .pf-v6-c-toolbar__content-section,
18185
18257
  .pf-v6-c-toolbar__group,
18186
18258
  .pf-v6-c-toolbar__item,
@@ -18190,20 +18262,20 @@ label.pf-v6-c-input-group__text {
18190
18262
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18191
18263
  display: var(--pf-v5-hidden-visible--Display);
18192
18264
  }
18193
- .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,
18265
+ .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,
18194
18266
  .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,
18195
18267
  .pf-m-hidden.pf-v6-c-toolbar__group,
18196
18268
  .pf-m-hidden.pf-v6-c-toolbar__item, .pf-m-hidden.pf-v6-c-divider {
18197
18269
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18198
18270
  }
18199
18271
  @media screen and (min-width: 576px) {
18200
- .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,
18272
+ .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,
18201
18273
  .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,
18202
18274
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
18203
18275
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__item, .pf-m-hidden-on-sm.pf-v6-c-divider {
18204
18276
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18205
18277
  }
18206
- .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,
18278
+ .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,
18207
18279
  .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,
18208
18280
  .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
18209
18281
  .pf-m-visible-on-sm.pf-v6-c-toolbar__item, .pf-m-visible-on-sm.pf-v6-c-divider {
@@ -18211,13 +18283,13 @@ label.pf-v6-c-input-group__text {
18211
18283
  }
18212
18284
  }
18213
18285
  @media screen and (min-width: 768px) {
18214
- .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,
18286
+ .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,
18215
18287
  .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,
18216
18288
  .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
18217
18289
  .pf-m-hidden-on-md.pf-v6-c-toolbar__item, .pf-m-hidden-on-md.pf-v6-c-divider {
18218
18290
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18219
18291
  }
18220
- .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,
18292
+ .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,
18221
18293
  .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,
18222
18294
  .pf-m-visible-on-md.pf-v6-c-toolbar__group,
18223
18295
  .pf-m-visible-on-md.pf-v6-c-toolbar__item, .pf-m-visible-on-md.pf-v6-c-divider {
@@ -18225,13 +18297,13 @@ label.pf-v6-c-input-group__text {
18225
18297
  }
18226
18298
  }
18227
18299
  @media screen and (min-width: 992px) {
18228
- .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,
18300
+ .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,
18229
18301
  .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,
18230
18302
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
18231
18303
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__item, .pf-m-hidden-on-lg.pf-v6-c-divider {
18232
18304
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18233
18305
  }
18234
- .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,
18306
+ .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,
18235
18307
  .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,
18236
18308
  .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
18237
18309
  .pf-m-visible-on-lg.pf-v6-c-toolbar__item, .pf-m-visible-on-lg.pf-v6-c-divider {
@@ -18239,13 +18311,13 @@ label.pf-v6-c-input-group__text {
18239
18311
  }
18240
18312
  }
18241
18313
  @media screen and (min-width: 1200px) {
18242
- .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,
18314
+ .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,
18243
18315
  .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,
18244
18316
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
18245
18317
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-xl.pf-v6-c-divider {
18246
18318
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18247
18319
  }
18248
- .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,
18320
+ .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,
18249
18321
  .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,
18250
18322
  .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
18251
18323
  .pf-m-visible-on-xl.pf-v6-c-toolbar__item, .pf-m-visible-on-xl.pf-v6-c-divider {
@@ -18253,13 +18325,13 @@ label.pf-v6-c-input-group__text {
18253
18325
  }
18254
18326
  }
18255
18327
  @media screen and (min-width: 1450px) {
18256
- .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,
18328
+ .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,
18257
18329
  .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,
18258
18330
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
18259
18331
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v6-c-divider {
18260
18332
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18261
18333
  }
18262
- .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,
18334
+ .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,
18263
18335
  .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,
18264
18336
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
18265
18337
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__item, .pf-m-visible-on-2xl.pf-v6-c-divider {
@@ -19406,14 +19478,15 @@ ul.pf-v6-c-list {
19406
19478
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingTop);
19407
19479
  }
19408
19480
 
19409
- :root,
19410
- [data-theme=pf-v6-c-masthead] {
19481
+ :where(:root),
19482
+ :where(.pf-v6-c-masthead) {
19411
19483
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
19412
19484
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
19413
19485
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19414
19486
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19415
19487
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
19416
19488
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19489
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19417
19490
  --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
19418
19491
  --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
19419
19492
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
@@ -19433,15 +19506,12 @@ ul.pf-v6-c-list {
19433
19506
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
19434
19507
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19435
19508
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
19436
- --pf-v6-c-masthead--pf-v6-c-toolbar--Width: 100%;
19437
- --pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock: 0;
19438
- --pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline: 0;
19509
+ --pf-v6-c-masthead--c-toolbar--Width: 100%;
19510
+ --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
19511
+ --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
19439
19512
  }
19440
19513
 
19441
19514
  .pf-v6-c-masthead {
19442
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--pf-v6-c-toolbar--Width);
19443
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock);
19444
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline);
19445
19515
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
19446
19516
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
19447
19517
  --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
@@ -19459,7 +19529,13 @@ ul.pf-v6-c-list {
19459
19529
  padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19460
19530
  padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19461
19531
  padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19462
- background-color: var(--pf-v6-c-masthead--BackgroundColor, var(--pf-t--global--background--color--secondary--default));
19532
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19533
+ }
19534
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19535
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19536
+ --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
19537
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
19538
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19463
19539
  }
19464
19540
  @media screen and (min-width: 768px) {
19465
19541
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -19472,6 +19548,10 @@ ul.pf-v6-c-list {
19472
19548
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19473
19549
  }
19474
19550
  }
19551
+ .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
19552
+ flex-wrap: nowrap;
19553
+ min-width: 0;
19554
+ }
19475
19555
  .pf-v6-c-masthead .pf-v6-c-toolbar__expandable-content {
19476
19556
  inset-block-start: 100%;
19477
19557
  border-block-start: var(--pf-v6-c-masthead__expandable-content--BorderBlockStart);
@@ -20332,8 +20412,8 @@ ul.pf-v6-c-list {
20332
20412
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20333
20413
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20334
20414
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20335
- --pf-v6-c-menu-toggle__icon--Height: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20336
- --pf-v6-c-menu-toggle__toggle-icon--Height: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20415
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20416
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20337
20417
  --pf-v6-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
20338
20418
  --pf-v6-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
20339
20419
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -20673,7 +20753,7 @@ ul.pf-v6-c-list {
20673
20753
 
20674
20754
  .pf-v6-c-menu-toggle__icon {
20675
20755
  flex-shrink: 0;
20676
- height: var(--pf-v6-c-menu-toggle__icon--Height);
20756
+ min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
20677
20757
  }
20678
20758
 
20679
20759
  .pf-v6-c-menu-toggle__controls {
@@ -20682,7 +20762,7 @@ ul.pf-v6-c-list {
20682
20762
  }
20683
20763
 
20684
20764
  .pf-v6-c-menu-toggle__toggle-icon {
20685
- height: var(--pf-v6-c-menu-toggle__toggle-icon--Height);
20765
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
20686
20766
  color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
20687
20767
  }
20688
20768
 
@@ -20725,8 +20805,8 @@ ul.pf-v6-c-list {
20725
20805
  --pf-v6-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
20726
20806
  --pf-v6-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
20727
20807
  --pf-v6-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
20728
- --pf-v6-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
20729
- --pf-v6-c-modal-box__close--Right: var(--pf-v5-c-modal-box__header--PaddingRight);
20808
+ --pf-v6-c-modal-box__close--Top: var(--pf-v6-c-modal-box__header--PaddingTop);
20809
+ --pf-v6-c-modal-box__close--Right: var(--pf-v6-c-modal-box__header--PaddingRight);
20730
20810
  --pf-v6-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
20731
20811
  --pf-v6-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
20732
20812
  --pf-v6-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -20769,19 +20849,23 @@ ul.pf-v6-c-list {
20769
20849
  max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
20770
20850
  max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
20771
20851
  }
20772
- .pf-v6-c-modal-box.pf-m-danger {
20852
+ .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
20773
20853
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
20774
20854
  }
20775
- .pf-v6-c-modal-box.pf-m-warning {
20855
+
20856
+ .pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
20776
20857
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
20777
20858
  }
20778
- .pf-v6-c-modal-box.pf-m-success {
20859
+
20860
+ .pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
20779
20861
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
20780
20862
  }
20781
- .pf-v6-c-modal-box.pf-m-custom {
20863
+
20864
+ .pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
20782
20865
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
20783
20866
  }
20784
- .pf-v6-c-modal-box.pf-m-info {
20867
+
20868
+ .pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
20785
20869
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
20786
20870
  }
20787
20871
 
@@ -21092,7 +21176,7 @@ ul.pf-v6-c-list {
21092
21176
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
21093
21177
  }
21094
21178
 
21095
- :root,
21179
+ :where(:root),
21096
21180
  :where(.pf-v6-c-nav) {
21097
21181
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21098
21182
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -21105,64 +21189,65 @@ ul.pf-v6-c-list {
21105
21189
  --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21106
21190
  --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21107
21191
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
21108
- --pf-v6-c-nav--ColumnGap: var(--pf-t--global--spacer--sm);
21192
+ --pf-v6-c-nav--ColumnGap: 0;
21109
21193
  --pf-v6-c-nav--AlignItems: baseline;
21110
21194
  --pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
21111
21195
  --pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
21112
21196
  --pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
21113
- --pf-v6-c-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21114
21197
  --pf-v6-c-nav--OutlineOffset: calc(var(--pf-v6-global--spacer--xs) * -1);
21198
+ --pf-v6-c-nav--BackgroundColor: transparent;
21115
21199
  --pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
21116
21200
  --pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;
21117
21201
  --pf-v6-c-nav__list--ScrollSnapType: var(--pf-v6-c-nav__list--ScrollSnapTypeAxis) var(--pf-v6-c-nav__list--ScrollSnapTypeStrictness);
21118
21202
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
21119
21203
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
21120
21204
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
21205
+ --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
21206
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21207
+ --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
21208
+ --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
21121
21209
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21122
21210
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
21123
21211
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21212
+ --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
21213
+ --pf-v6-c-nav__link--AlignItems: baseline;
21124
21214
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
21125
21215
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21126
21216
  --pf-v6-c-nav__link--WhiteSpace: normal;
21127
21217
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
21128
21218
  --pf-v6-c-nav__link--hover--Color: var(--pf-t--global--text--color--regular);
21129
- --pf-v6-c-nav__link--focus--Color: var(--pf-t--global--text--color--regular);
21130
- --pf-v6-c-nav__link--active--Color: var(--pf-t--global--text--color--regular);
21131
21219
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21132
- --pf-v6-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21133
- --pf-v6-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21134
21220
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
21135
21221
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
21136
21222
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
21137
21223
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21138
21224
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21139
21225
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21140
- --pf-v6-c-nav__scroll-button--BorderRadius: var(--pf-t--global--border--radius--pill);
21141
- --pf-v6-c-nav__scroll-button--button--InlinePadding: var(--pf-t--global--spacer--sm);
21142
- --pf-v6-c-nav__scroll-button--button--icon--InlinePadding: var(--pf-t--global--spacer--sm);
21143
- --pf-v6-c-nav__scroll-button--button--icon--IconSize: var(--pf-t--global--icon--size--md);
21226
+ --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
21227
+ --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius: var(--pf-t--global--border--radius--pill);
21228
+ --pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius: var(--pf-t--global--border--radius--pill);
21229
+ --pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius: var(--pf-t--global--border--radius--pill);
21144
21230
  --pf-v6-c-nav__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21145
21231
  --pf-v6-c-nav__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21146
21232
  --pf-v6-c-nav__toggle--TranslateY: calc((var(--pf-v6-c-nav--LineHeight) * var(--pf-v6-c-nav--FontSize) / 2) - 50%);
21147
- --pf-v6-c-nav__link--clickable-inset--InlineStart: 0;
21148
- --pf-v6-c-nav__link--clickable-inset--InlineEnd: 0;
21149
- --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);
21150
- --pf-v6-c-nav--m-horizontal--BorderRadius: var(--pf-t--global--border--radius--pill);
21151
- --pf-v6-c-nav--m-horizontal__list--ColumnGap: var(--pf-t--global--spacer--xs);
21152
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21153
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21154
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21155
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21156
- --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);
21157
- --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);
21233
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: 0;
21234
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: 0;
21235
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: 0;
21236
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: 0;
21237
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
21238
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
21239
+ --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21240
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
21241
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21242
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21243
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21244
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21245
+ --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
21246
+ --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
21158
21247
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21159
21248
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21160
21249
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
21161
21250
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21162
- --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);
21163
- --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);
21164
- --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);
21165
- --pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart: var(--pf-t--global--border--width--extra-strong);
21166
21251
  }
21167
21252
 
21168
21253
  .pf-v6-c-nav,
@@ -21177,6 +21262,7 @@ ul.pf-v6-c-list {
21177
21262
  --pf-v6-c-menu--MinWidth: 100%;
21178
21263
  position: relative;
21179
21264
  row-gap: var(--pf-v6-c-nav--RowGap);
21265
+ column-gap: var(--pf-v6-c-nav--ColumnGap);
21180
21266
  max-width: 100%;
21181
21267
  padding-block-start: var(--pf-v6-c-nav--PaddingBlockStart);
21182
21268
  padding-block-end: var(--pf-v6-c-nav--PaddingBlockEnd);
@@ -21187,9 +21273,6 @@ ul.pf-v6-c-list {
21187
21273
  line-height: var(--pf-v6-c-nav--LineHeight);
21188
21274
  background-color: var(--pf-v6-c-nav--BackgroundColor);
21189
21275
  }
21190
- .pf-v6-c-nav:where(.pf-m-scrollable) {
21191
- padding-inline: var(--pf-v6-c-nav--m-scrollable__list--PaddingInline);
21192
- }
21193
21276
  .pf-v6-c-nav.pf-m-overflow-hidden {
21194
21277
  overflow: hidden;
21195
21278
  }
@@ -21241,10 +21324,10 @@ ul.pf-v6-c-list {
21241
21324
  }
21242
21325
 
21243
21326
  .pf-v6-c-nav__section-title {
21244
- padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockStart));
21245
- padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockEnd));
21246
- padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineStart));
21247
- padding-inline-end: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineEnd));
21327
+ padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlockStart);
21328
+ padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlockEnd);
21329
+ padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInlineStart);
21330
+ padding-inline-end: var(--pf-v6-c-nav__section-title--PaddingInlineEnd);
21248
21331
  font-size: var(--pf-v6-c-nav__section-title--FontSize, inherit);
21249
21332
  font-weight: var(--pf-v6-c-nav__section-title--FontWeight);
21250
21333
  color: var(--pf-v6-c-nav__section-title--Color);
@@ -21253,8 +21336,8 @@ ul.pf-v6-c-list {
21253
21336
  .pf-v6-c-nav__link {
21254
21337
  position: relative;
21255
21338
  display: flex;
21256
- column-gap: var(--pf-v6-c-nav__link--ColumnGap, var(--pf-v6-c-nav--ColumnGap));
21257
- align-items: var(--pf-v6-c-nav__link--AlignItems, var(--pf-v6-c-nav--AlignItems));
21339
+ column-gap: var(--pf-v6-c-nav__link--ColumnGap);
21340
+ align-items: var(--pf-v6-c-nav__link--AlignItems);
21258
21341
  padding-block-start: var(--pf-v6-c-nav__link--PaddingBlockStart);
21259
21342
  padding-block-end: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21260
21343
  padding-inline-start: var(--pf-v6-c-nav__link--PaddingInlineStart);
@@ -21268,27 +21351,13 @@ ul.pf-v6-c-list {
21268
21351
  border: none;
21269
21352
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
21270
21353
  }
21271
- .pf-v6-c-nav__link::before {
21272
- position: absolute;
21273
- inset-block: var(--pf-v6-c-nav__link--clickable-inset--Block);
21274
- inset-inline: var(--pf-v6-c-nav__link--clickable-inset--Inline);
21275
- content: "";
21276
- }
21277
21354
  .pf-v6-c-nav__link[aria-expanded=true]::before {
21278
21355
  inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
21279
21356
  }
21280
- .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover {
21357
+ .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
21281
21358
  color: var(--pf-v6-c-nav__link--hover--Color);
21282
21359
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
21283
21360
  }
21284
- .pf-v6-c-nav__link:focus {
21285
- color: var(--pf-v6-c-nav__link--focus--Color);
21286
- background-color: var(--pf-v6-c-nav__link--focus--BackgroundColor);
21287
- }
21288
- .pf-v6-c-nav__link:active {
21289
- color: var(--pf-v6-c-nav__link--active--Color);
21290
- background-color: var(--pf-v6-c-nav__link--active--BackgroundColor);
21291
- }
21292
21361
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
21293
21362
  color: var(--pf-v6-c-nav__link--m-current--Color);
21294
21363
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
@@ -21318,68 +21387,36 @@ ul.pf-v6-c-list {
21318
21387
 
21319
21388
  .pf-v6-c-nav__scroll-button {
21320
21389
  position: relative;
21321
- display: flex;
21322
- flex: none;
21323
- align-items: stretch;
21324
- justify-items: stretch;
21325
- min-width: var(--pf-v6-c-nav__scroll-button--MinWidth);
21326
- }
21327
- .pf-v6-c-nav__scroll-button :is(button) {
21328
- --pf-v6-c-button--Display: flex;
21329
- --pf-v6-c-button--Flex: 1;
21330
- --pf-v6-c-button--AlignItems: center;
21331
- --pf-v6-c-button--JustifyContent: center;
21332
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--InlinePadding);
21333
- }
21334
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button :is(button) .pf-v6-c-button__icon {
21335
- scale: -1 1;
21336
- }
21337
-
21338
- .pf-v6-c-nav__scroll-button :is(button) > * {
21339
- display: inline-block;
21340
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--icon--InlinePadding);
21341
- }
21342
- .pf-v6-c-nav__scroll-button :is(button) > * > * {
21343
- min-width: var(--pf-v6-c-nav__scroll-button--button--icon--IconSize);
21344
21390
  }
21345
21391
  .pf-v6-c-nav__scroll-button::before {
21346
21392
  position: absolute;
21347
- inset-block: 0;
21348
- inset-inline: 0;
21393
+ inset: 0;
21349
21394
  content: "";
21350
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21351
- }
21352
- .pf-v6-c-nav__scroll-button:first-of-type {
21353
- border-start-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21354
- border-end-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21355
21395
  }
21356
- .pf-v6-c-nav__scroll-button:first-of-type button {
21357
- --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21358
- --pf-v6-c-button--BorderStartEndRadius: 0;
21359
- --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21360
- --pf-v6-c-button--BorderEndEndRadius: 0;
21396
+ .pf-v6-c-nav__scroll-button:first-of-type .pf-v6-c-button {
21397
+ --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius);
21398
+ --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius);
21361
21399
  }
21362
21400
  .pf-v6-c-nav__scroll-button:first-of-type::before {
21363
21401
  border-inline-end: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21364
21402
  }
21365
- .pf-v6-c-nav__scroll-button:last-of-type {
21366
- border-start-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21367
- border-end-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21368
- }
21369
- .pf-v6-c-nav__scroll-button:last-of-type button {
21370
- --pf-v6-c-button--BorderStartStartRadius: 0;
21371
- --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21372
- --pf-v6-c-button--BorderEndStartRadius: 0;
21373
- --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21403
+ .pf-v6-c-nav__scroll-button:last-of-type .pf-v6-c-button {
21404
+ --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius);
21405
+ --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius);
21374
21406
  }
21375
21407
  .pf-v6-c-nav__scroll-button:last-of-type::before {
21376
21408
  border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21377
21409
  }
21410
+ .pf-v6-c-nav__scroll-button .pf-v6-c-button {
21411
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21412
+ }
21413
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
21414
+ scale: -1 1;
21415
+ }
21378
21416
 
21379
21417
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21380
21418
  padding: 0;
21381
21419
  overflow: hidden;
21382
- border-radius: var(--pf-v6-c-nav--m-horizontal--BorderRadius);
21383
21420
  }
21384
21421
  .pf-v6-c-nav:where(.pf-m-horizontal),
21385
21422
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
@@ -21389,11 +21426,14 @@ ul.pf-v6-c-list {
21389
21426
  display: flex;
21390
21427
  }
21391
21428
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21392
- padding-block: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlock);
21393
- padding-inline: var(--pf-v6-c-nav--m-horizontal__list--PaddingInline);
21429
+ padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
21430
+ padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
21431
+ padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
21432
+ padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21394
21433
  overflow-x: auto;
21395
21434
  white-space: nowrap;
21396
21435
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21436
+ scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21397
21437
  -webkit-overflow-scrolling: touch;
21398
21438
  scrollbar-width: none;
21399
21439
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -21404,23 +21444,21 @@ ul.pf-v6-c-list {
21404
21444
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21405
21445
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21406
21446
  }
21407
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link::before {
21408
- inset-block-start: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart) * -1);
21409
- inset-block-end: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd) * -1);
21410
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21411
- inset-inline-end: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21412
- }
21413
21447
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
21448
+ --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
21449
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
21450
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
21451
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
21452
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
21453
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
21454
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
21414
21455
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
21415
21456
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
21416
- --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);
21417
- --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);
21457
+ border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
21418
21458
  }
21419
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__scroll-button + .pf-v6-c-nav__list {
21420
- padding-inline-start: var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart);
21421
- }
21422
- .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 {
21423
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1 - var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart));
21459
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
21460
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
21461
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
21424
21462
  }
21425
21463
 
21426
21464
  :root {
@@ -22202,13 +22240,11 @@ ul.pf-v6-c-list {
22202
22240
  --pf-v6-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-t--global--spacer--md);
22203
22241
  --pf-v6-c-page__main-nav--xl--PaddingRight: var(--pf-t--global--spacer--sm);
22204
22242
  --pf-v6-c-page__main-nav--xl--PaddingLeft: var(--pf-t--global--spacer--sm);
22205
- --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22206
- --pf-v6-c-page__main-subnav--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
22207
- --pf-v6-c-page__main-subnav--BorderTopColor: var(--pf-t--global--border--color--default);
22208
- --pf-v6-c-page__main-subnav--BorderLeftWidth: 0;
22209
- --pf-v6-c-page__main-subnav--BorderLeftColor: var(--pf-t--global--border--color--default);
22210
- --pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
22211
- --pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
22243
+ --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22244
+ --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
22245
+ --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
22246
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22247
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22212
22248
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22213
22249
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22214
22250
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
@@ -22750,17 +22786,11 @@ ul.pf-v6-c-list {
22750
22786
  }
22751
22787
 
22752
22788
  .pf-v6-c-page__main-subnav {
22789
+ padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
22790
+ padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
22791
+ padding-inline-start: var(--pf-v6-c-page__main-subnav--PaddingInlineStart);
22792
+ padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
22753
22793
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
22754
- border-block-start: var(--pf-v6-c-page__main-subnav--BorderTopWidth) solid var(--pf-v6-c-page__main-subnav--BorderTopColor);
22755
- border-inline-start: var(--pf-v6-c-page__main-subnav--BorderLeftWidth) solid var(--pf-v6-c-page__main-subnav--BorderLeftColor);
22756
- }
22757
- @media screen and (min-width: 1200px) {
22758
- .pf-v6-c-page__sidebar ~ .pf-v6-c-page__main {
22759
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth);
22760
- }
22761
- }
22762
- .pf-v6-c-page__sidebar.pf-m-collapsed ~ .pf-v6-c-page__main {
22763
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth);
22764
22794
  }
22765
22795
 
22766
22796
  .pf-v6-c-page__main-breadcrumb {
@@ -24420,17 +24450,18 @@ ul.pf-v6-c-list {
24420
24450
  .pf-v6-c-radio {
24421
24451
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
24422
24452
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
24453
+ --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
24423
24454
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
24424
24455
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
24425
24456
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
24426
24457
  --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
24427
24458
  --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
24428
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24429
- --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24430
- --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24431
24459
  --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
24432
24460
  --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
24461
+ --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24462
+ --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24433
24463
  --pf-v6-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
24464
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24434
24465
  }
24435
24466
 
24436
24467
  .pf-v6-c-radio {
@@ -24441,13 +24472,19 @@ ul.pf-v6-c-list {
24441
24472
  accent-color: var(--pf-v6-c-radio--AccentColor);
24442
24473
  }
24443
24474
  .pf-v6-c-radio.pf-m-standalone {
24444
- --pf-v6-c-radio--GridGap: 0;
24445
- --pf-v6-c-radio__input--TranslateY: none;
24446
24475
  display: inline-grid;
24476
+ grid-template-columns: auto;
24477
+ height: var(--pf-v6-c-check--Height);
24478
+ }
24479
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
24480
+ align-self: center;
24481
+ transform: none;
24447
24482
  }
24448
24483
 
24449
24484
  .pf-v6-c-radio__input {
24450
24485
  align-self: start;
24486
+ font-size: var(--pf-v6-c-radio__label--FontSize);
24487
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
24451
24488
  transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
24452
24489
  }
24453
24490
  .pf-v6-c-radio__input:first-child {
@@ -26250,7 +26287,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26250
26287
  display: grid;
26251
26288
  border: none;
26252
26289
  }
26253
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26290
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26254
26291
  width: auto;
26255
26292
  min-width: 0;
26256
26293
  max-width: none;
@@ -26310,13 +26347,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26310
26347
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26311
26348
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26312
26349
  }
26313
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26350
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
26314
26351
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26315
26352
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26316
26353
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26317
26354
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26318
26355
  }
26319
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26356
+ .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 {
26320
26357
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26321
26358
  }
26322
26359
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -26352,10 +26389,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26352
26389
  text-align: start;
26353
26390
  content: attr(data-label);
26354
26391
  }
26355
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
26392
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26356
26393
  --pf-v6-c-table--cell--PaddingLeft: 0;
26357
26394
  }
26358
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
26395
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26359
26396
  --pf-v6-c-table--cell--PaddingRight: 0;
26360
26397
  }
26361
26398
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table {
@@ -26408,9 +26445,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26408
26445
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26409
26446
  overflow-y: auto;
26410
26447
  border-block-end: none;
26411
- box-shadow: none;
26412
26448
  }
26413
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
26449
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
26414
26450
  position: static;
26415
26451
  display: block;
26416
26452
  }
@@ -26565,7 +26601,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26565
26601
  display: grid;
26566
26602
  border: none;
26567
26603
  }
26568
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26604
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26569
26605
  width: auto;
26570
26606
  min-width: 0;
26571
26607
  max-width: none;
@@ -26625,13 +26661,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26625
26661
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26626
26662
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26627
26663
  }
26628
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26664
+ .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) {
26629
26665
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26630
26666
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26631
26667
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26632
26668
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26633
26669
  }
26634
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26670
+ .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 {
26635
26671
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26636
26672
  }
26637
26673
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -26667,10 +26703,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26667
26703
  text-align: start;
26668
26704
  content: attr(data-label);
26669
26705
  }
26670
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
26706
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26671
26707
  --pf-v6-c-table--cell--PaddingLeft: 0;
26672
26708
  }
26673
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
26709
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26674
26710
  --pf-v6-c-table--cell--PaddingRight: 0;
26675
26711
  }
26676
26712
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
@@ -26723,9 +26759,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26723
26759
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26724
26760
  overflow-y: auto;
26725
26761
  border-block-end: none;
26726
- box-shadow: none;
26727
26762
  }
26728
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
26763
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
26729
26764
  position: static;
26730
26765
  display: block;
26731
26766
  }
@@ -26883,7 +26918,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26883
26918
  display: grid;
26884
26919
  border: none;
26885
26920
  }
26886
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26921
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26887
26922
  width: auto;
26888
26923
  min-width: 0;
26889
26924
  max-width: none;
@@ -26943,13 +26978,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26943
26978
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26944
26979
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26945
26980
  }
26946
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26981
+ .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) {
26947
26982
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26948
26983
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26949
26984
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26950
26985
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26951
26986
  }
26952
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26987
+ .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 {
26953
26988
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26954
26989
  }
26955
26990
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -26985,10 +27020,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26985
27020
  text-align: start;
26986
27021
  content: attr(data-label);
26987
27022
  }
26988
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27023
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26989
27024
  --pf-v6-c-table--cell--PaddingLeft: 0;
26990
27025
  }
26991
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27026
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26992
27027
  --pf-v6-c-table--cell--PaddingRight: 0;
26993
27028
  }
26994
27029
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
@@ -27041,9 +27076,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27041
27076
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27042
27077
  overflow-y: auto;
27043
27078
  border-block-end: none;
27044
- box-shadow: none;
27045
27079
  }
27046
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27080
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27047
27081
  position: static;
27048
27082
  display: block;
27049
27083
  }
@@ -27201,7 +27235,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27201
27235
  display: grid;
27202
27236
  border: none;
27203
27237
  }
27204
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27238
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27205
27239
  width: auto;
27206
27240
  min-width: 0;
27207
27241
  max-width: none;
@@ -27261,13 +27295,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27261
27295
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27262
27296
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27263
27297
  }
27264
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27298
+ .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) {
27265
27299
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27266
27300
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27267
27301
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27268
27302
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27269
27303
  }
27270
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27304
+ .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 {
27271
27305
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27272
27306
  }
27273
27307
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -27303,10 +27337,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27303
27337
  text-align: start;
27304
27338
  content: attr(data-label);
27305
27339
  }
27306
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27340
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27307
27341
  --pf-v6-c-table--cell--PaddingLeft: 0;
27308
27342
  }
27309
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27343
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27310
27344
  --pf-v6-c-table--cell--PaddingRight: 0;
27311
27345
  }
27312
27346
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
@@ -27359,9 +27393,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27359
27393
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27360
27394
  overflow-y: auto;
27361
27395
  border-block-end: none;
27362
- box-shadow: none;
27363
27396
  }
27364
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27397
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27365
27398
  position: static;
27366
27399
  display: block;
27367
27400
  }
@@ -27519,7 +27552,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27519
27552
  display: grid;
27520
27553
  border: none;
27521
27554
  }
27522
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27555
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27523
27556
  width: auto;
27524
27557
  min-width: 0;
27525
27558
  max-width: none;
@@ -27579,13 +27612,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27579
27612
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27580
27613
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27581
27614
  }
27582
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27615
+ .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) {
27583
27616
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27584
27617
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27585
27618
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27586
27619
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27587
27620
  }
27588
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27621
+ .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 {
27589
27622
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27590
27623
  }
27591
27624
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -27621,10 +27654,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27621
27654
  text-align: start;
27622
27655
  content: attr(data-label);
27623
27656
  }
27624
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27657
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27625
27658
  --pf-v6-c-table--cell--PaddingLeft: 0;
27626
27659
  }
27627
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27660
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27628
27661
  --pf-v6-c-table--cell--PaddingRight: 0;
27629
27662
  }
27630
27663
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
@@ -27677,9 +27710,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27677
27710
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27678
27711
  overflow-y: auto;
27679
27712
  border-block-end: none;
27680
- box-shadow: none;
27681
27713
  }
27682
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27714
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27683
27715
  position: static;
27684
27716
  display: block;
27685
27717
  }
@@ -27840,7 +27872,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27840
27872
  --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
27841
27873
  --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
27842
27874
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
27843
- --pf-v6-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27844
27875
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27845
27876
  --pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27846
27877
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
@@ -27874,31 +27905,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27874
27905
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27875
27906
  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27876
27907
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27877
- --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
27878
- --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
27879
- --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27880
- --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
27908
+ --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--sm);
27909
+ --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--sm);
27910
+ --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--md);
27911
+ --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--md);
27881
27912
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
27882
- --pf-v6-c-table__button--BackgroundColor: transparent;
27913
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
27883
27914
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27884
27915
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
27885
27916
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27886
- --pf-v6-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27887
- --pf-v6-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27917
+ --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
27888
27918
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27889
27919
  --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
27890
27920
  --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
27891
27921
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
27892
27922
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
27893
- --pf-v6-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
27894
- --pf-v6-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
27895
27923
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27896
27924
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27897
27925
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
27898
27926
  --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27899
27927
  --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27900
- --pf-v6-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27901
- --pf-v6-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27902
27928
  --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
27903
27929
  --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
27904
27930
  --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
@@ -27907,6 +27933,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27907
27933
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27908
27934
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
27909
27935
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
27936
+ --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
27937
+ --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
27910
27938
  --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
27911
27939
  --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
27912
27940
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
@@ -27915,35 +27943,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27915
27943
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
27916
27944
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
27917
27945
  --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
27918
- --pf-v6-c-table__expandable-row--after--Top: calc(var(--pf-v6-c-table--border-width--base) * -1);
27919
- --pf-v6-c-table__expandable-row--after--Bottom: calc(var(--pf-v6-c-table--border-width--base) * -1);
27920
- --pf-v6-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
27921
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
27922
- --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
27923
27946
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
27924
27947
  --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));
27925
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
27926
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
27927
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
27928
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27929
- --pf-v6-c-table__sort__button--MarginTop: calc(var(--pf-v6-c-table__sort__button--PaddingTop) * -1);
27948
+ --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
27949
+ --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
27950
+ --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
27951
+ --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
27930
27952
  --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
27931
27953
  --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
27932
27954
  --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27933
- --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
27955
+ --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
27934
27956
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
27935
27957
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
27936
27958
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
27937
- --pf-v6-c-table__sort__button--focus__text--Color: currentcolor;
27938
- --pf-v6-c-table__sort__button--active__text--Color: currentcolor;
27939
27959
  --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
27940
27960
  --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
27941
27961
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27942
27962
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
27943
- --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
27963
+ --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
27944
27964
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27945
- --pf-v6-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27946
- --pf-v6-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27947
27965
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
27948
27966
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
27949
27967
  --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
@@ -27952,19 +27970,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27952
27970
  --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
27953
27971
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27954
27972
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27955
- --pf-v6-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27956
- --pf-v6-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
27957
- --pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27958
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27959
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27960
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27961
- --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);
27962
- --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);
27963
- --pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
27964
27973
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
27965
27974
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27966
- --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);
27967
- --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);
27975
+ --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
27968
27976
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
27969
27977
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
27970
27978
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
@@ -27974,47 +27982,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27974
27982
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
27975
27983
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
27976
27984
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27977
- --pf-v6-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27978
27985
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
27979
- --pf-v6-c-table__tr--m-clickable--BoxShadow: none;
27980
27986
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27981
- --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);
27982
27987
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27983
- --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);
27984
- --pf-v6-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27985
- --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);
27986
- --pf-v6-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
27987
- --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);
27988
- --pf-v6-c-table__tr--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27989
27988
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27990
- --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);
27991
27989
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27992
- --pf-v6-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
27993
- --pf-v6-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
27994
- --pf-v6-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27995
- --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);
27996
- --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);
27997
- --pf-v6-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27998
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: none;
27999
27990
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
28000
27991
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28001
- --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);
28002
27992
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28003
- --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);
28004
- --pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28005
- --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);
28006
- --pf-v6-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28007
27993
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28008
- --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);
28009
27994
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28010
- --pf-v6-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28011
- --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);
28012
27995
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28013
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
28014
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28015
- --pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28016
- --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);
28017
- --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);
28018
27996
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28019
27997
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28020
27998
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -28026,7 +28004,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28026
28004
  }
28027
28005
 
28028
28006
  .pf-v6-c-table {
28029
- color: var(--pf-v6-global--Color--100);
28030
28007
  width: 100%;
28031
28008
  background-color: var(--pf-v6-c-table--BackgroundColor);
28032
28009
  }
@@ -28036,18 +28013,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28036
28013
  .pf-v6-c-table.pf-m-sticky-header {
28037
28014
  position: relative;
28038
28015
  }
28039
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) {
28040
- border-block-end: 0;
28041
- }
28042
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > * {
28016
+ .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) {
28043
28017
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28044
28018
  }
28045
- .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) > * {
28019
+ .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) {
28046
28020
  position: sticky;
28047
28021
  inset-block-start: 0;
28048
28022
  background: var(--pf-v6-c-table--BackgroundColor);
28049
28023
  }
28050
- .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 {
28024
+ .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 {
28051
28025
  position: absolute;
28052
28026
  inset-block-end: 0;
28053
28027
  inset-inline-start: 0;
@@ -28083,14 +28057,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28083
28057
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28084
28058
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28085
28059
  }
28086
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
28087
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28088
- }
28089
28060
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
28090
28061
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
28091
28062
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
28092
28063
  }
28093
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
28064
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28094
28065
  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
28095
28066
  position: relative;
28096
28067
  width: var(--pf-v6-c-table--cell--Width);
@@ -28109,39 +28080,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28109
28080
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28110
28081
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28111
28082
  }
28112
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
28083
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
28113
28084
  padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingLeft));
28114
28085
  }
28115
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
28086
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
28116
28087
  padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingRight));
28117
28088
  }
28118
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-center {
28089
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
28119
28090
  text-align: center;
28120
28091
  }
28121
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:empty {
28092
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):empty {
28122
28093
  width: auto;
28123
28094
  min-width: 0;
28124
28095
  padding: 0;
28125
28096
  }
28126
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-help {
28097
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-help {
28127
28098
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--cell--m-help--MinWidth);
28128
28099
  }
28129
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-favorite {
28100
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite {
28130
28101
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table--cell--m-favorite--Color);
28131
28102
  --pf-v6-c-table__sort--MinWidth: fit-content;
28132
28103
  --pf-v6-c-table--cell--MaxWidth: fit-content;
28133
28104
  --pf-v6-c-table--cell--Overflow: visible;
28134
28105
  }
28135
- .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 {
28106
+ .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 {
28136
28107
  position: absolute;
28137
28108
  inset: 0;
28138
28109
  pointer-events: none;
28139
28110
  content: "";
28140
28111
  }
28141
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-right::before {
28112
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before {
28142
28113
  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);
28143
28114
  }
28144
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-left::before {
28115
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
28145
28116
  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);
28146
28117
  }
28147
28118
  .pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
@@ -28156,7 +28127,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28156
28127
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
28157
28128
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
28158
28129
  --pf-v6-c-table--cell--FontWeight: var(--pf-v6-c-table__thead--cell--FontWeight);
28159
- vertical-align: baseline;
28160
28130
  }
28161
28131
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
28162
28132
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
@@ -28177,24 +28147,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28177
28147
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
28178
28148
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
28179
28149
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
28180
- vertical-align: top;
28181
28150
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
28182
28151
  }
28183
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > * {
28152
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28184
28153
  overflow-wrap: break-word;
28185
28154
  }
28186
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child::after {
28187
- position: absolute;
28188
- inset-block-start: var(--pf-v6-c-table__expandable-row--after--Top);
28189
- inset-block-end: var(--pf-v6-c-table__expandable-row--after--Bottom);
28190
- inset-inline-start: 0;
28191
- content: "";
28192
- background-color: transparent;
28193
- border-inline-start: var(--pf-v6-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v6-c-table__expandable-row--after--BorderColor);
28194
- }
28195
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v6-c-table__control-row) {
28196
- border-block-end-width: 0;
28197
- }
28198
28155
  .pf-v6-c-table .pf-v6-c-table__sort {
28199
28156
  min-width: var(--pf-v6-c-table__sort--MinWidth);
28200
28157
  }
@@ -28238,18 +28195,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28238
28195
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
28239
28196
  border-block-end: 0;
28240
28197
  }
28241
- .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 {
28242
- border-inline-start: 0;
28243
- }
28244
28198
  .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 {
28245
28199
  display: none;
28246
28200
  }
28247
- .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 {
28248
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28249
- }
28250
- .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 {
28251
- border-inline-start-width: 0;
28252
- }
28253
28201
  .pf-v6-c-table tr.pf-m-clickable:last-child {
28254
28202
  border-block-end-color: transparent;
28255
28203
  }
@@ -28257,9 +28205,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28257
28205
  cursor: pointer;
28258
28206
  background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28259
28207
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28260
- box-shadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow);
28261
28208
  }
28262
- .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 {
28209
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28263
28210
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28264
28211
  }
28265
28212
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
@@ -28268,16 +28215,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28268
28215
  position: relative;
28269
28216
  background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28270
28217
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28271
- box-shadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow);
28272
- }
28273
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected + tr:where(.pf-v6-c-table__tr).pf-m-selected {
28274
- box-shadow: var(--pf-v6-c-table__tr--m-selected--m-selected--BoxShadow);
28275
- }
28276
- .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 {
28277
- box-shadow: var(--pf-v6-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
28278
- }
28279
- .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 {
28280
- box-shadow: var(--pf-v6-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
28281
28218
  }
28282
28219
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset {
28283
28220
  --pf-v6-c-table--cell--first-last-child--PaddingLeft: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
@@ -28286,41 +28223,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28286
28223
  cursor: pointer;
28287
28224
  background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28288
28225
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28289
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow);
28290
28226
  }
28291
28227
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
28292
28228
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor);
28293
28229
  }
28294
- .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 {
28295
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
28296
- }
28297
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:hover {
28298
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--hover--BoxShadow);
28230
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28299
28231
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
28300
28232
  }
28301
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:focus {
28302
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--focus--BoxShadow);
28303
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor);
28304
- }
28305
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:active {
28306
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--active--BoxShadow);
28307
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--active--BackgroundColor);
28308
- }
28309
28233
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28310
28234
  --pf-v6-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth);
28311
28235
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftColor);
28312
28236
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28313
28237
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
28314
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--BoxShadow);
28315
- }
28316
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected + tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28317
- --pf-v6-c-table__tbody--m-selected--BoxShadow: var(--pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow);
28318
- }
28319
- .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 {
28320
- box-shadow: var(--pf-v6-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
28321
- }
28322
- .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 {
28323
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
28324
28238
  }
28325
28239
  .pf-v6-c-table.pf-m-drag-over {
28326
28240
  overflow-anchor: none;
@@ -28342,19 +28256,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28342
28256
  .pf-v6-c-table__text.pf-m-truncate {
28343
28257
  --pf-v6-c-table--cell--MinWidth: 100%;
28344
28258
  }
28345
- .pf-v6-c-table__text.pf-m-truncate > * {
28259
+ .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
28346
28260
  overflow: var(--pf-v6-c-table--cell--Overflow);
28347
28261
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28348
28262
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28349
28263
  }
28350
28264
 
28265
+ .pf-v6-c-table__tr.pf-m-border-row {
28266
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28267
+ }
28268
+
28351
28269
  .pf-v6-c-table__button {
28352
- position: static;
28353
28270
  width: auto;
28354
28271
  padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
28355
28272
  padding-block-end: var(--pf-v6-c-table__button--PaddingBottom);
28356
28273
  padding-inline-start: var(--pf-v6-c-table__button--PaddingLeft);
28357
28274
  padding-inline-end: var(--pf-v6-c-table__button--PaddingRight);
28275
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBottom) * -1);
28358
28276
  margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
28359
28277
  font-size: inherit;
28360
28278
  font-weight: inherit;
@@ -28369,24 +28287,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28369
28287
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
28370
28288
  margin-block-end: 0;
28371
28289
  }
28372
- .pf-v6-c-table__button::before {
28373
- position: absolute;
28374
- inset-block-start: 0;
28375
- inset-block-end: 0;
28376
- inset-inline-start: 0;
28377
- inset-inline-end: 0;
28378
- cursor: pointer;
28379
- content: "";
28380
- }
28381
- .pf-v6-c-table__button:hover {
28290
+ .pf-v6-c-table__button:is(:hover, :focus) {
28382
28291
  color: var(--pf-v6-c-table__button--hover--Color);
28383
28292
  }
28384
- .pf-v6-c-table__button:focus {
28385
- color: var(--pf-v6-c-table__button--focus--Color);
28386
- }
28387
- .pf-v6-c-table__button:active {
28388
- color: var(--pf-v6-c-table__button--active--Color);
28389
- }
28390
28293
 
28391
28294
  .pf-v6-c-table__sort .pf-v6-c-table__text,
28392
28295
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__text {
@@ -28465,24 +28368,27 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28465
28368
  .pf-v6-c-table__check {
28466
28369
  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__check--PaddingLeft);
28467
28370
  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__check--PaddingRight);
28371
+ vertical-align: top;
28468
28372
  }
28469
- .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28470
- display: inline-flex;
28373
+ .pf-v6-c-table__check .pf-v6-c-check {
28374
+ --pf-v6-c-check__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
28375
+ --pf-v6-c-check__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
28471
28376
  }
28472
- thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28473
- vertical-align: bottom;
28377
+ .pf-v6-c-table__check .pf-v6-c-radio {
28378
+ --pf-v6-c-radio__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
28379
+ --pf-v6-c-radio__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
28474
28380
  }
28475
- tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28476
- vertical-align: top;
28381
+ thead .pf-v6-c-table__check {
28382
+ vertical-align: bottom;
28477
28383
  }
28478
- .pf-v6-c-table__check label {
28479
- display: contents;
28384
+ thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone,
28385
+ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28386
+ display: table-cell;
28387
+ height: auto;
28388
+ line-height: 1;
28389
+ vertical-align: baseline;
28480
28390
  }
28481
28391
 
28482
- .pf-v6-c-table__favorite {
28483
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__favorite--PaddingLeft);
28484
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__favorite--PaddingRight);
28485
- }
28486
28392
  .pf-v6-c-table__favorite .pf-v6-c-button {
28487
28393
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
28488
28394
  }
@@ -28498,10 +28404,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28498
28404
  }
28499
28405
 
28500
28406
  .pf-v6-c-table__action,
28407
+ .pf-v6-c-table__favorite,
28501
28408
  .pf-v6-c-table__inline-edit-action,
28502
28409
  .pf-v6-c-table__draggable {
28503
28410
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__action--PaddingTop);
28504
28411
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__action--PaddingBottom);
28412
+ --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__action--PaddingLeft);
28413
+ --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__action--PaddingRight);
28505
28414
  }
28506
28415
 
28507
28416
  .pf-v6-c-table__action:last-child,
@@ -28512,8 +28421,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28512
28421
  .pf-v6-c-table__compound-expansion-toggle {
28513
28422
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--Color);
28514
28423
  --pf-v6-c-table__button--hover--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--Color);
28515
- --pf-v6-c-table__button--focus--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--focus--Color);
28516
- --pf-v6-c-table__button--active--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--active--Color);
28517
28424
  position: relative;
28518
28425
  padding: 0;
28519
28426
  }
@@ -28527,42 +28434,18 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28527
28434
  margin: 0;
28528
28435
  overflow: hidden;
28529
28436
  }
28530
- .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 {
28437
+ .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:is(:hover, :focus) {
28531
28438
  outline: 0;
28532
28439
  }
28533
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before,
28534
28440
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28535
28441
  position: absolute;
28536
28442
  inset: 0;
28537
28443
  content: "";
28538
- border-style: solid;
28539
- border-width: 0;
28540
- }
28541
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
28542
- inset-block-start: 0;
28543
- inset-block-end: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Bottom);
28544
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Left);
28545
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor);
28546
- border-inline-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
28547
- border-inline-end-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
28548
- }
28549
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28550
- inset-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Top);
28551
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Left);
28552
- pointer-events: none;
28553
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
28554
- border-block-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth);
28444
+ border: 0;
28445
+ 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);
28555
28446
  }
28556
28447
  .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 {
28557
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28558
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28559
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base);
28560
- }
28561
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded .pf-v6-c-table__button::before {
28562
- border-block-end: var(--pf-v6-c-table--BackgroundColor) solid var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28563
- }
28564
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
28565
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28448
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth);
28566
28449
  }
28567
28450
  .pf-v6-c-table__compound-expansion-toggle:focus-within {
28568
28451
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
@@ -28578,17 +28461,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28578
28461
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginLeft);
28579
28462
  }
28580
28463
 
28581
- .pf-v6-c-table__sort .pf-v6-c-table__button:hover {
28464
+ .pf-v6-c-table__sort {
28465
+ vertical-align: bottom;
28466
+ }
28467
+ .pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) {
28582
28468
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
28583
28469
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
28584
- }
28585
- .pf-v6-c-table__sort .pf-v6-c-table__button:focus {
28586
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--focus__sort-indicator--Color);
28587
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--focus__text--Color);
28588
- }
28589
- .pf-v6-c-table__sort .pf-v6-c-table__button:active {
28590
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--active__sort-indicator--Color);
28591
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--active__text--Color);
28470
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
28592
28471
  }
28593
28472
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
28594
28473
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -28604,23 +28483,21 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28604
28483
  .pf-v6-c-table__sort.pf-m-favorite {
28605
28484
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-favorite__button__text--Color);
28606
28485
  --pf-v6-c-table__sort__button--hover__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--hover__text--Color);
28607
- --pf-v6-c-table__sort__button--focus__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--focus__text--Color);
28608
- --pf-v6-c-table__sort__button--active__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--active__text--Color);
28609
28486
  --pf-v6-c-table__sort--m-selected__button__text--Color: currentcolor;
28610
28487
  }
28611
28488
 
28612
28489
  .pf-v6-c-table__sort-indicator {
28613
28490
  grid-column: 2;
28491
+ align-self: end;
28614
28492
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
28493
+ font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
28615
28494
  color: var(--pf-v6-c-table__sort-indicator--Color);
28616
- color: var(--pf-v6-c-table__sort-indicator--FontSize);
28617
28495
  pointer-events: none;
28618
28496
  }
28619
28497
 
28620
28498
  .pf-v6-c-table__expandable-row {
28621
28499
  position: relative;
28622
28500
  border-block-end: 0 solid transparent;
28623
- box-shadow: 0 0 0 0 transparent;
28624
28501
  }
28625
28502
  .pf-v6-c-table__expandable-row,
28626
28503
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
@@ -28648,7 +28525,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28648
28525
  .pf-v6-c-table__expandable-row.pf-m-expanded {
28649
28526
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
28650
28527
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
28651
- box-shadow: var(--pf-v6-c-table__expandable-row--m-expanded--BoxShadow);
28652
28528
  }
28653
28529
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
28654
28530
  display: none;
@@ -28683,6 +28559,17 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28683
28559
  text-align: center;
28684
28560
  }
28685
28561
 
28562
+ .pf-v6-c-table__thead {
28563
+ vertical-align: bottom;
28564
+ }
28565
+
28566
+ .pf-v6-c-table__tbody {
28567
+ vertical-align: top;
28568
+ }
28569
+ .pf-v6-c-table__tbody .pf-v6-c-table__tr {
28570
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28571
+ }
28572
+
28686
28573
  .pf-v6-c-table__icon-inline {
28687
28574
  display: flex;
28688
28575
  align-items: center;
@@ -28747,18 +28634,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28747
28634
  --pf-v6-c-table--cell--Width: 100%;
28748
28635
  }
28749
28636
 
28750
- :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
28751
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
28752
- }
28753
-
28754
- :where(.pf-v6-theme-dark) .pf-v6-c-table {
28755
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-v6-global--BackgroundColor--150);
28756
- }
28757
- :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 {
28758
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-global--palette--gold-100);
28759
- }
28760
-
28761
- .pf-v6-c-table {
28637
+ :where(:root),
28638
+ :where(.pf-v6-c-table) {
28762
28639
  --pf-v6-c-table__sticky-cell--MinWidth--base: 12.5rem;
28763
28640
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28764
28641
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
@@ -28773,7 +28650,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28773
28650
  --pf-v6-c-table__sticky-cell--m-left--Left: 0;
28774
28651
  --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
28775
28652
  }
28776
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
28653
+ :where(:root) .pf-v6-c-table__sticky-cell,
28654
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell {
28777
28655
  --pf-v6-c-table--cell--Overflow: visible;
28778
28656
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
28779
28657
  position: sticky;
@@ -28784,18 +28662,24 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28784
28662
  background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
28785
28663
  background-clip: padding-box;
28786
28664
  }
28787
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
28665
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-right::before,
28666
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
28788
28667
  --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
28789
28668
  --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28790
28669
  }
28791
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
28670
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-left::before,
28671
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
28792
28672
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28793
28673
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28794
28674
  }
28795
- .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 {
28675
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-right, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-end,
28676
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
28677
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
28796
28678
  --pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
28797
28679
  }
28798
- .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 {
28680
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-left, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-start,
28681
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
28682
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
28799
28683
  --pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
28800
28684
  }
28801
28685
 
@@ -28997,7 +28881,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28997
28881
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28998
28882
  align-items: start;
28999
28883
  }
29000
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
28884
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29001
28885
  grid-column: 2;
29002
28886
  }
29003
28887
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29137,7 +29021,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29137
29021
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29138
29022
  align-items: start;
29139
29023
  }
29140
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29024
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29141
29025
  grid-column: 2;
29142
29026
  }
29143
29027
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29278,7 +29162,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29278
29162
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29279
29163
  align-items: start;
29280
29164
  }
29281
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29165
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29282
29166
  grid-column: 2;
29283
29167
  }
29284
29168
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29419,7 +29303,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29419
29303
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29420
29304
  align-items: start;
29421
29305
  }
29422
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29306
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29423
29307
  grid-column: 2;
29424
29308
  }
29425
29309
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29560,7 +29444,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29560
29444
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29561
29445
  align-items: start;
29562
29446
  }
29563
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29447
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29564
29448
  grid-column: 2;
29565
29449
  }
29566
29450
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {