@patternfly/patternfly 6.0.0-alpha.97 → 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 (153) 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 +20 -6
  8. package/components/MenuToggle/menu-toggle.scss +32 -6
  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 +35 -35
  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 +106 -22
  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 +57 -57
  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/Banner/examples/Banner.md +1 -1
  120. package/docs/demos/Card/examples/Card.md +12 -19
  121. package/docs/demos/DataList/examples/DataList.md +179 -280
  122. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -0
  123. package/docs/demos/Masthead/examples/Masthead.md +4 -8
  124. package/docs/demos/Nav/examples/Nav.md +45 -149
  125. package/docs/demos/Page/examples/Page.md +3 -37
  126. package/docs/demos/Page/examples/Penta.md +119 -40
  127. package/docs/demos/Table/examples/Table.md +1531 -4970
  128. package/docs/demos/Tabs/examples/Tabs.md +118 -174
  129. package/docs/demos/Toolbar/examples/Toolbar.md +220 -600
  130. package/docs/layouts/Bullseye/examples/Bullseye.md +3 -3
  131. package/docs/layouts/Flex/examples/Flex.md +76 -76
  132. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  133. package/docs/layouts/Grid/examples/Grid.md +8 -8
  134. package/docs/layouts/Level/examples/Level.md +4 -4
  135. package/docs/layouts/Split/examples/Split.md +6 -6
  136. package/docs/layouts/Stack/examples/Stack.md +5 -5
  137. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  138. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  139. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +10 -10
  140. package/docs/utilities/BoxShadow/examples/box-shadow.md +20 -20
  141. package/docs/utilities/Display/examples/Display.md +9 -9
  142. package/docs/utilities/Flex/examples/Flex.md +32 -32
  143. package/docs/utilities/Float/examples/Float.md +2 -2
  144. package/docs/utilities/Sizing/examples/Sizing.md +41 -41
  145. package/docs/utilities/Spacing/examples/Spacing.md +11 -11
  146. package/docs/utilities/Text/examples/Text.md +28 -28
  147. package/package.json +2 -1
  148. package/patternfly-no-globals.css +363 -465
  149. package/patternfly-theme-dark-unversioned.css +363 -465
  150. package/patternfly.css +363 -465
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. 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,6 +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);
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));
20335
20417
  --pf-v6-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
20336
20418
  --pf-v6-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
20337
20419
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -20406,6 +20488,8 @@ ul.pf-v6-c-list {
20406
20488
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
20407
20489
  --pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20408
20490
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20491
+ --pf-v6-c-menu-toggle--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
20492
+ --pf-v6-c-menu-toggle--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
20409
20493
  }
20410
20494
 
20411
20495
  .pf-v6-c-menu-toggle {
@@ -20533,6 +20617,10 @@ ul.pf-v6-c-list {
20533
20617
  .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
20534
20618
  border: 0;
20535
20619
  }
20620
+ .pf-v6-c-menu-toggle.pf-m-small {
20621
+ --pf-v6-c-menu-toggle--PaddingTop: var(--pf-v6-c-menu-toggle--m-small--PaddingTop);
20622
+ --pf-v6-c-menu-toggle--PaddingBottom: var(--pf-v6-c-menu-toggle--m-small--PaddingBottom);
20623
+ }
20536
20624
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
20537
20625
  background-color: transparent;
20538
20626
  }
@@ -20643,11 +20731,6 @@ ul.pf-v6-c-list {
20643
20731
  padding-inline-start: 0;
20644
20732
  }
20645
20733
 
20646
- .pf-v6-c-menu-toggle__icon {
20647
- flex-shrink: 0;
20648
- align-self: center;
20649
- }
20650
-
20651
20734
  .pf-v6-c-menu-toggle__text {
20652
20735
  overflow: hidden;
20653
20736
  text-overflow: ellipsis;
@@ -20660,15 +20743,26 @@ ul.pf-v6-c-list {
20660
20743
  flex-wrap: nowrap;
20661
20744
  }
20662
20745
 
20663
- .pf-v6-c-menu-toggle__controls {
20746
+ .pf-v6-c-menu-toggle__icon,
20747
+ .pf-v6-c-menu-toggle__controls,
20748
+ .pf-v6-c-menu-toggle__toggle-icon {
20664
20749
  display: flex;
20665
20750
  align-items: center;
20666
20751
  justify-content: center;
20752
+ }
20753
+
20754
+ .pf-v6-c-menu-toggle__icon {
20755
+ flex-shrink: 0;
20756
+ min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
20757
+ }
20758
+
20759
+ .pf-v6-c-menu-toggle__controls {
20667
20760
  min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
20668
20761
  margin-inline-start: auto;
20669
20762
  }
20670
20763
 
20671
20764
  .pf-v6-c-menu-toggle__toggle-icon {
20765
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
20672
20766
  color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
20673
20767
  }
20674
20768
 
@@ -20711,8 +20805,8 @@ ul.pf-v6-c-list {
20711
20805
  --pf-v6-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
20712
20806
  --pf-v6-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
20713
20807
  --pf-v6-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
20714
- --pf-v6-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
20715
- --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);
20716
20810
  --pf-v6-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
20717
20811
  --pf-v6-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
20718
20812
  --pf-v6-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -20755,19 +20849,23 @@ ul.pf-v6-c-list {
20755
20849
  max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
20756
20850
  max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
20757
20851
  }
20758
- .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 {
20759
20853
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
20760
20854
  }
20761
- .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 {
20762
20857
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
20763
20858
  }
20764
- .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 {
20765
20861
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
20766
20862
  }
20767
- .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 {
20768
20865
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
20769
20866
  }
20770
- .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 {
20771
20869
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
20772
20870
  }
20773
20871
 
@@ -21078,7 +21176,7 @@ ul.pf-v6-c-list {
21078
21176
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
21079
21177
  }
21080
21178
 
21081
- :root,
21179
+ :where(:root),
21082
21180
  :where(.pf-v6-c-nav) {
21083
21181
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21084
21182
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -21091,64 +21189,65 @@ ul.pf-v6-c-list {
21091
21189
  --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21092
21190
  --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21093
21191
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
21094
- --pf-v6-c-nav--ColumnGap: var(--pf-t--global--spacer--sm);
21192
+ --pf-v6-c-nav--ColumnGap: 0;
21095
21193
  --pf-v6-c-nav--AlignItems: baseline;
21096
21194
  --pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
21097
21195
  --pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
21098
21196
  --pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
21099
- --pf-v6-c-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21100
21197
  --pf-v6-c-nav--OutlineOffset: calc(var(--pf-v6-global--spacer--xs) * -1);
21198
+ --pf-v6-c-nav--BackgroundColor: transparent;
21101
21199
  --pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
21102
21200
  --pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;
21103
21201
  --pf-v6-c-nav__list--ScrollSnapType: var(--pf-v6-c-nav__list--ScrollSnapTypeAxis) var(--pf-v6-c-nav__list--ScrollSnapTypeStrictness);
21104
21202
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
21105
21203
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
21106
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);
21107
21209
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21108
21210
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
21109
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;
21110
21214
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
21111
21215
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21112
21216
  --pf-v6-c-nav__link--WhiteSpace: normal;
21113
21217
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
21114
21218
  --pf-v6-c-nav__link--hover--Color: var(--pf-t--global--text--color--regular);
21115
- --pf-v6-c-nav__link--focus--Color: var(--pf-t--global--text--color--regular);
21116
- --pf-v6-c-nav__link--active--Color: var(--pf-t--global--text--color--regular);
21117
21219
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21118
- --pf-v6-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21119
- --pf-v6-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21120
21220
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
21121
21221
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
21122
21222
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
21123
21223
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21124
21224
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21125
21225
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21126
- --pf-v6-c-nav__scroll-button--BorderRadius: var(--pf-t--global--border--radius--pill);
21127
- --pf-v6-c-nav__scroll-button--button--InlinePadding: var(--pf-t--global--spacer--sm);
21128
- --pf-v6-c-nav__scroll-button--button--icon--InlinePadding: var(--pf-t--global--spacer--sm);
21129
- --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);
21130
21230
  --pf-v6-c-nav__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21131
21231
  --pf-v6-c-nav__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21132
21232
  --pf-v6-c-nav__toggle--TranslateY: calc((var(--pf-v6-c-nav--LineHeight) * var(--pf-v6-c-nav--FontSize) / 2) - 50%);
21133
- --pf-v6-c-nav__link--clickable-inset--InlineStart: 0;
21134
- --pf-v6-c-nav__link--clickable-inset--InlineEnd: 0;
21135
- --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);
21136
- --pf-v6-c-nav--m-horizontal--BorderRadius: var(--pf-t--global--border--radius--pill);
21137
- --pf-v6-c-nav--m-horizontal__list--ColumnGap: var(--pf-t--global--spacer--xs);
21138
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21139
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21140
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21141
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21142
- --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);
21143
- --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);
21144
21247
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21145
21248
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21146
21249
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
21147
21250
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21148
- --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);
21149
- --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);
21150
- --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);
21151
- --pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart: var(--pf-t--global--border--width--extra-strong);
21152
21251
  }
21153
21252
 
21154
21253
  .pf-v6-c-nav,
@@ -21163,6 +21262,7 @@ ul.pf-v6-c-list {
21163
21262
  --pf-v6-c-menu--MinWidth: 100%;
21164
21263
  position: relative;
21165
21264
  row-gap: var(--pf-v6-c-nav--RowGap);
21265
+ column-gap: var(--pf-v6-c-nav--ColumnGap);
21166
21266
  max-width: 100%;
21167
21267
  padding-block-start: var(--pf-v6-c-nav--PaddingBlockStart);
21168
21268
  padding-block-end: var(--pf-v6-c-nav--PaddingBlockEnd);
@@ -21173,9 +21273,6 @@ ul.pf-v6-c-list {
21173
21273
  line-height: var(--pf-v6-c-nav--LineHeight);
21174
21274
  background-color: var(--pf-v6-c-nav--BackgroundColor);
21175
21275
  }
21176
- .pf-v6-c-nav:where(.pf-m-scrollable) {
21177
- padding-inline: var(--pf-v6-c-nav--m-scrollable__list--PaddingInline);
21178
- }
21179
21276
  .pf-v6-c-nav.pf-m-overflow-hidden {
21180
21277
  overflow: hidden;
21181
21278
  }
@@ -21227,10 +21324,10 @@ ul.pf-v6-c-list {
21227
21324
  }
21228
21325
 
21229
21326
  .pf-v6-c-nav__section-title {
21230
- padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockStart));
21231
- padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockEnd));
21232
- padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineStart));
21233
- 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);
21234
21331
  font-size: var(--pf-v6-c-nav__section-title--FontSize, inherit);
21235
21332
  font-weight: var(--pf-v6-c-nav__section-title--FontWeight);
21236
21333
  color: var(--pf-v6-c-nav__section-title--Color);
@@ -21239,8 +21336,8 @@ ul.pf-v6-c-list {
21239
21336
  .pf-v6-c-nav__link {
21240
21337
  position: relative;
21241
21338
  display: flex;
21242
- column-gap: var(--pf-v6-c-nav__link--ColumnGap, var(--pf-v6-c-nav--ColumnGap));
21243
- 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);
21244
21341
  padding-block-start: var(--pf-v6-c-nav__link--PaddingBlockStart);
21245
21342
  padding-block-end: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21246
21343
  padding-inline-start: var(--pf-v6-c-nav__link--PaddingInlineStart);
@@ -21254,27 +21351,13 @@ ul.pf-v6-c-list {
21254
21351
  border: none;
21255
21352
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
21256
21353
  }
21257
- .pf-v6-c-nav__link::before {
21258
- position: absolute;
21259
- inset-block: var(--pf-v6-c-nav__link--clickable-inset--Block);
21260
- inset-inline: var(--pf-v6-c-nav__link--clickable-inset--Inline);
21261
- content: "";
21262
- }
21263
21354
  .pf-v6-c-nav__link[aria-expanded=true]::before {
21264
21355
  inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
21265
21356
  }
21266
- .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 {
21267
21358
  color: var(--pf-v6-c-nav__link--hover--Color);
21268
21359
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
21269
21360
  }
21270
- .pf-v6-c-nav__link:focus {
21271
- color: var(--pf-v6-c-nav__link--focus--Color);
21272
- background-color: var(--pf-v6-c-nav__link--focus--BackgroundColor);
21273
- }
21274
- .pf-v6-c-nav__link:active {
21275
- color: var(--pf-v6-c-nav__link--active--Color);
21276
- background-color: var(--pf-v6-c-nav__link--active--BackgroundColor);
21277
- }
21278
21361
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
21279
21362
  color: var(--pf-v6-c-nav__link--m-current--Color);
21280
21363
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
@@ -21304,68 +21387,36 @@ ul.pf-v6-c-list {
21304
21387
 
21305
21388
  .pf-v6-c-nav__scroll-button {
21306
21389
  position: relative;
21307
- display: flex;
21308
- flex: none;
21309
- align-items: stretch;
21310
- justify-items: stretch;
21311
- min-width: var(--pf-v6-c-nav__scroll-button--MinWidth);
21312
- }
21313
- .pf-v6-c-nav__scroll-button :is(button) {
21314
- --pf-v6-c-button--Display: flex;
21315
- --pf-v6-c-button--Flex: 1;
21316
- --pf-v6-c-button--AlignItems: center;
21317
- --pf-v6-c-button--JustifyContent: center;
21318
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--InlinePadding);
21319
- }
21320
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button :is(button) .pf-v6-c-button__icon {
21321
- scale: -1 1;
21322
- }
21323
-
21324
- .pf-v6-c-nav__scroll-button :is(button) > * {
21325
- display: inline-block;
21326
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--icon--InlinePadding);
21327
- }
21328
- .pf-v6-c-nav__scroll-button :is(button) > * > * {
21329
- min-width: var(--pf-v6-c-nav__scroll-button--button--icon--IconSize);
21330
21390
  }
21331
21391
  .pf-v6-c-nav__scroll-button::before {
21332
21392
  position: absolute;
21333
- inset-block: 0;
21334
- inset-inline: 0;
21393
+ inset: 0;
21335
21394
  content: "";
21336
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21337
- }
21338
- .pf-v6-c-nav__scroll-button:first-of-type {
21339
- border-start-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21340
- border-end-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21341
21395
  }
21342
- .pf-v6-c-nav__scroll-button:first-of-type button {
21343
- --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21344
- --pf-v6-c-button--BorderStartEndRadius: 0;
21345
- --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21346
- --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);
21347
21399
  }
21348
21400
  .pf-v6-c-nav__scroll-button:first-of-type::before {
21349
21401
  border-inline-end: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21350
21402
  }
21351
- .pf-v6-c-nav__scroll-button:last-of-type {
21352
- border-start-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21353
- border-end-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21354
- }
21355
- .pf-v6-c-nav__scroll-button:last-of-type button {
21356
- --pf-v6-c-button--BorderStartStartRadius: 0;
21357
- --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21358
- --pf-v6-c-button--BorderEndStartRadius: 0;
21359
- --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);
21360
21406
  }
21361
21407
  .pf-v6-c-nav__scroll-button:last-of-type::before {
21362
21408
  border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21363
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
+ }
21364
21416
 
21365
21417
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21366
21418
  padding: 0;
21367
21419
  overflow: hidden;
21368
- border-radius: var(--pf-v6-c-nav--m-horizontal--BorderRadius);
21369
21420
  }
21370
21421
  .pf-v6-c-nav:where(.pf-m-horizontal),
21371
21422
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
@@ -21375,11 +21426,14 @@ ul.pf-v6-c-list {
21375
21426
  display: flex;
21376
21427
  }
21377
21428
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21378
- padding-block: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlock);
21379
- 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);
21380
21433
  overflow-x: auto;
21381
21434
  white-space: nowrap;
21382
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);
21383
21437
  -webkit-overflow-scrolling: touch;
21384
21438
  scrollbar-width: none;
21385
21439
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -21390,23 +21444,21 @@ ul.pf-v6-c-list {
21390
21444
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21391
21445
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21392
21446
  }
21393
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link::before {
21394
- inset-block-start: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart) * -1);
21395
- inset-block-end: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd) * -1);
21396
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21397
- inset-inline-end: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21398
- }
21399
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);
21400
21455
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
21401
21456
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
21402
- --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);
21403
- --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);
21404
- }
21405
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__scroll-button + .pf-v6-c-nav__list {
21406
- padding-inline-start: var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart);
21457
+ border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
21407
21458
  }
21408
- .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 {
21409
- 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);
21410
21462
  }
21411
21463
 
21412
21464
  :root {
@@ -22188,13 +22240,11 @@ ul.pf-v6-c-list {
22188
22240
  --pf-v6-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-t--global--spacer--md);
22189
22241
  --pf-v6-c-page__main-nav--xl--PaddingRight: var(--pf-t--global--spacer--sm);
22190
22242
  --pf-v6-c-page__main-nav--xl--PaddingLeft: var(--pf-t--global--spacer--sm);
22191
- --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22192
- --pf-v6-c-page__main-subnav--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
22193
- --pf-v6-c-page__main-subnav--BorderTopColor: var(--pf-t--global--border--color--default);
22194
- --pf-v6-c-page__main-subnav--BorderLeftWidth: 0;
22195
- --pf-v6-c-page__main-subnav--BorderLeftColor: var(--pf-t--global--border--color--default);
22196
- --pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
22197
- --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));
22198
22248
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22199
22249
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22200
22250
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
@@ -22736,17 +22786,11 @@ ul.pf-v6-c-list {
22736
22786
  }
22737
22787
 
22738
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);
22739
22793
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
22740
- border-block-start: var(--pf-v6-c-page__main-subnav--BorderTopWidth) solid var(--pf-v6-c-page__main-subnav--BorderTopColor);
22741
- border-inline-start: var(--pf-v6-c-page__main-subnav--BorderLeftWidth) solid var(--pf-v6-c-page__main-subnav--BorderLeftColor);
22742
- }
22743
- @media screen and (min-width: 1200px) {
22744
- .pf-v6-c-page__sidebar ~ .pf-v6-c-page__main {
22745
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth);
22746
- }
22747
- }
22748
- .pf-v6-c-page__sidebar.pf-m-collapsed ~ .pf-v6-c-page__main {
22749
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth);
22750
22794
  }
22751
22795
 
22752
22796
  .pf-v6-c-page__main-breadcrumb {
@@ -24406,17 +24450,18 @@ ul.pf-v6-c-list {
24406
24450
  .pf-v6-c-radio {
24407
24451
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
24408
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));
24409
24454
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
24410
24455
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
24411
24456
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
24412
24457
  --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
24413
24458
  --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
24414
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24415
- --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24416
- --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24417
24459
  --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
24418
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;
24419
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%);
24420
24465
  }
24421
24466
 
24422
24467
  .pf-v6-c-radio {
@@ -24427,13 +24472,19 @@ ul.pf-v6-c-list {
24427
24472
  accent-color: var(--pf-v6-c-radio--AccentColor);
24428
24473
  }
24429
24474
  .pf-v6-c-radio.pf-m-standalone {
24430
- --pf-v6-c-radio--GridGap: 0;
24431
- --pf-v6-c-radio__input--TranslateY: none;
24432
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;
24433
24482
  }
24434
24483
 
24435
24484
  .pf-v6-c-radio__input {
24436
24485
  align-self: start;
24486
+ font-size: var(--pf-v6-c-radio__label--FontSize);
24487
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
24437
24488
  transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
24438
24489
  }
24439
24490
  .pf-v6-c-radio__input:first-child {
@@ -26236,7 +26287,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26236
26287
  display: grid;
26237
26288
  border: none;
26238
26289
  }
26239
- .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) {
26240
26291
  width: auto;
26241
26292
  min-width: 0;
26242
26293
  max-width: none;
@@ -26296,13 +26347,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26296
26347
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26297
26348
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26298
26349
  }
26299
- .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) {
26300
26351
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26301
26352
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26302
26353
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26303
26354
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26304
26355
  }
26305
- .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 {
26306
26357
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26307
26358
  }
26308
26359
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -26338,10 +26389,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26338
26389
  text-align: start;
26339
26390
  content: attr(data-label);
26340
26391
  }
26341
- .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 {
26342
26393
  --pf-v6-c-table--cell--PaddingLeft: 0;
26343
26394
  }
26344
- .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 {
26345
26396
  --pf-v6-c-table--cell--PaddingRight: 0;
26346
26397
  }
26347
26398
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table {
@@ -26394,9 +26445,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26394
26445
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26395
26446
  overflow-y: auto;
26396
26447
  border-block-end: none;
26397
- box-shadow: none;
26398
26448
  }
26399
- .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) {
26400
26450
  position: static;
26401
26451
  display: block;
26402
26452
  }
@@ -26551,7 +26601,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26551
26601
  display: grid;
26552
26602
  border: none;
26553
26603
  }
26554
- .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) {
26555
26605
  width: auto;
26556
26606
  min-width: 0;
26557
26607
  max-width: none;
@@ -26611,13 +26661,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26611
26661
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26612
26662
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26613
26663
  }
26614
- .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) {
26615
26665
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26616
26666
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26617
26667
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26618
26668
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26619
26669
  }
26620
- .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 {
26621
26671
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26622
26672
  }
26623
26673
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -26653,10 +26703,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26653
26703
  text-align: start;
26654
26704
  content: attr(data-label);
26655
26705
  }
26656
- .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 {
26657
26707
  --pf-v6-c-table--cell--PaddingLeft: 0;
26658
26708
  }
26659
- .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 {
26660
26710
  --pf-v6-c-table--cell--PaddingRight: 0;
26661
26711
  }
26662
26712
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
@@ -26709,9 +26759,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26709
26759
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26710
26760
  overflow-y: auto;
26711
26761
  border-block-end: none;
26712
- box-shadow: none;
26713
26762
  }
26714
- .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) {
26715
26764
  position: static;
26716
26765
  display: block;
26717
26766
  }
@@ -26869,7 +26918,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26869
26918
  display: grid;
26870
26919
  border: none;
26871
26920
  }
26872
- .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) {
26873
26922
  width: auto;
26874
26923
  min-width: 0;
26875
26924
  max-width: none;
@@ -26929,13 +26978,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26929
26978
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26930
26979
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26931
26980
  }
26932
- .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) {
26933
26982
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26934
26983
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26935
26984
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26936
26985
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26937
26986
  }
26938
- .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 {
26939
26988
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26940
26989
  }
26941
26990
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -26971,10 +27020,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26971
27020
  text-align: start;
26972
27021
  content: attr(data-label);
26973
27022
  }
26974
- .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 {
26975
27024
  --pf-v6-c-table--cell--PaddingLeft: 0;
26976
27025
  }
26977
- .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 {
26978
27027
  --pf-v6-c-table--cell--PaddingRight: 0;
26979
27028
  }
26980
27029
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
@@ -27027,9 +27076,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27027
27076
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27028
27077
  overflow-y: auto;
27029
27078
  border-block-end: none;
27030
- box-shadow: none;
27031
27079
  }
27032
- .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) {
27033
27081
  position: static;
27034
27082
  display: block;
27035
27083
  }
@@ -27187,7 +27235,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27187
27235
  display: grid;
27188
27236
  border: none;
27189
27237
  }
27190
- .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) {
27191
27239
  width: auto;
27192
27240
  min-width: 0;
27193
27241
  max-width: none;
@@ -27247,13 +27295,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27247
27295
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27248
27296
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27249
27297
  }
27250
- .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) {
27251
27299
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27252
27300
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27253
27301
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27254
27302
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27255
27303
  }
27256
- .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 {
27257
27305
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27258
27306
  }
27259
27307
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -27289,10 +27337,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27289
27337
  text-align: start;
27290
27338
  content: attr(data-label);
27291
27339
  }
27292
- .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 {
27293
27341
  --pf-v6-c-table--cell--PaddingLeft: 0;
27294
27342
  }
27295
- .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 {
27296
27344
  --pf-v6-c-table--cell--PaddingRight: 0;
27297
27345
  }
27298
27346
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
@@ -27345,9 +27393,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27345
27393
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27346
27394
  overflow-y: auto;
27347
27395
  border-block-end: none;
27348
- box-shadow: none;
27349
27396
  }
27350
- .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) {
27351
27398
  position: static;
27352
27399
  display: block;
27353
27400
  }
@@ -27505,7 +27552,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27505
27552
  display: grid;
27506
27553
  border: none;
27507
27554
  }
27508
- .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) {
27509
27556
  width: auto;
27510
27557
  min-width: 0;
27511
27558
  max-width: none;
@@ -27565,13 +27612,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27565
27612
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27566
27613
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27567
27614
  }
27568
- .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) {
27569
27616
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27570
27617
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27571
27618
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27572
27619
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27573
27620
  }
27574
- .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 {
27575
27622
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27576
27623
  }
27577
27624
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -27607,10 +27654,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27607
27654
  text-align: start;
27608
27655
  content: attr(data-label);
27609
27656
  }
27610
- .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 {
27611
27658
  --pf-v6-c-table--cell--PaddingLeft: 0;
27612
27659
  }
27613
- .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 {
27614
27661
  --pf-v6-c-table--cell--PaddingRight: 0;
27615
27662
  }
27616
27663
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
@@ -27663,9 +27710,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27663
27710
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27664
27711
  overflow-y: auto;
27665
27712
  border-block-end: none;
27666
- box-shadow: none;
27667
27713
  }
27668
- .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) {
27669
27715
  position: static;
27670
27716
  display: block;
27671
27717
  }
@@ -27826,7 +27872,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27826
27872
  --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
27827
27873
  --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
27828
27874
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
27829
- --pf-v6-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27830
27875
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27831
27876
  --pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27832
27877
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
@@ -27860,31 +27905,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27860
27905
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27861
27906
  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27862
27907
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27863
- --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
27864
- --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
27865
- --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27866
- --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);
27867
27912
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
27868
- --pf-v6-c-table__button--BackgroundColor: transparent;
27913
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
27869
27914
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27870
27915
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
27871
27916
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27872
- --pf-v6-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27873
- --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);
27874
27918
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27875
27919
  --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
27876
27920
  --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
27877
27921
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
27878
27922
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
27879
- --pf-v6-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
27880
- --pf-v6-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
27881
27923
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27882
27924
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27883
27925
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
27884
27926
  --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27885
27927
  --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27886
- --pf-v6-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27887
- --pf-v6-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27888
27928
  --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
27889
27929
  --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
27890
27930
  --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
@@ -27893,6 +27933,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27893
27933
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27894
27934
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
27895
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);
27896
27938
  --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
27897
27939
  --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
27898
27940
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
@@ -27901,35 +27943,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27901
27943
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
27902
27944
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
27903
27945
  --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
27904
- --pf-v6-c-table__expandable-row--after--Top: calc(var(--pf-v6-c-table--border-width--base) * -1);
27905
- --pf-v6-c-table__expandable-row--after--Bottom: calc(var(--pf-v6-c-table--border-width--base) * -1);
27906
- --pf-v6-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
27907
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
27908
- --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
27909
27946
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
27910
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));
27911
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
27912
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
27913
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
27914
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27915
- --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);
27916
27952
  --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
27917
27953
  --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
27918
27954
  --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27919
- --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);
27920
27956
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
27921
27957
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
27922
27958
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
27923
- --pf-v6-c-table__sort__button--focus__text--Color: currentcolor;
27924
- --pf-v6-c-table__sort__button--active__text--Color: currentcolor;
27925
27959
  --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
27926
27960
  --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
27927
27961
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27928
27962
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
27929
- --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);
27930
27964
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27931
- --pf-v6-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27932
- --pf-v6-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27933
27965
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
27934
27966
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
27935
27967
  --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
@@ -27938,19 +27970,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27938
27970
  --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
27939
27971
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27940
27972
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27941
- --pf-v6-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27942
- --pf-v6-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
27943
- --pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27944
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27945
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27946
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27947
- --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);
27948
- --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);
27949
- --pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
27950
27973
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
27951
27974
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27952
- --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);
27953
- --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);
27954
27976
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
27955
27977
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
27956
27978
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
@@ -27960,47 +27982,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27960
27982
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
27961
27983
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
27962
27984
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27963
- --pf-v6-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27964
27985
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
27965
- --pf-v6-c-table__tr--m-clickable--BoxShadow: none;
27966
27986
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27967
- --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);
27968
27987
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27969
- --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);
27970
- --pf-v6-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27971
- --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);
27972
- --pf-v6-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
27973
- --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);
27974
- --pf-v6-c-table__tr--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27975
27988
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27976
- --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);
27977
27989
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27978
- --pf-v6-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
27979
- --pf-v6-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
27980
- --pf-v6-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27981
- --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);
27982
- --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);
27983
- --pf-v6-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27984
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: none;
27985
27990
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
27986
27991
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27987
- --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);
27988
27992
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27989
- --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);
27990
- --pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27991
- --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);
27992
- --pf-v6-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27993
27993
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
27994
- --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);
27995
27994
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27996
- --pf-v6-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
27997
- --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);
27998
27995
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27999
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
28000
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28001
- --pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28002
- --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);
28003
- --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);
28004
27996
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28005
27997
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28006
27998
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -28012,7 +28004,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28012
28004
  }
28013
28005
 
28014
28006
  .pf-v6-c-table {
28015
- color: var(--pf-v6-global--Color--100);
28016
28007
  width: 100%;
28017
28008
  background-color: var(--pf-v6-c-table--BackgroundColor);
28018
28009
  }
@@ -28022,18 +28013,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28022
28013
  .pf-v6-c-table.pf-m-sticky-header {
28023
28014
  position: relative;
28024
28015
  }
28025
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) {
28026
- border-block-end: 0;
28027
- }
28028
- .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) {
28029
28017
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28030
28018
  }
28031
- .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) {
28032
28020
  position: sticky;
28033
28021
  inset-block-start: 0;
28034
28022
  background: var(--pf-v6-c-table--BackgroundColor);
28035
28023
  }
28036
- .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 {
28037
28025
  position: absolute;
28038
28026
  inset-block-end: 0;
28039
28027
  inset-inline-start: 0;
@@ -28069,14 +28057,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28069
28057
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28070
28058
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28071
28059
  }
28072
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
28073
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28074
- }
28075
28060
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
28076
28061
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
28077
28062
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
28078
28063
  }
28079
- .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) {
28080
28065
  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
28081
28066
  position: relative;
28082
28067
  width: var(--pf-v6-c-table--cell--Width);
@@ -28095,39 +28080,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28095
28080
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28096
28081
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28097
28082
  }
28098
- .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 {
28099
28084
  padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingLeft));
28100
28085
  }
28101
- .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 {
28102
28087
  padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingRight));
28103
28088
  }
28104
- .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 {
28105
28090
  text-align: center;
28106
28091
  }
28107
- .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 {
28108
28093
  width: auto;
28109
28094
  min-width: 0;
28110
28095
  padding: 0;
28111
28096
  }
28112
- .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 {
28113
28098
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--cell--m-help--MinWidth);
28114
28099
  }
28115
- .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 {
28116
28101
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table--cell--m-favorite--Color);
28117
28102
  --pf-v6-c-table__sort--MinWidth: fit-content;
28118
28103
  --pf-v6-c-table--cell--MaxWidth: fit-content;
28119
28104
  --pf-v6-c-table--cell--Overflow: visible;
28120
28105
  }
28121
- .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 {
28122
28107
  position: absolute;
28123
28108
  inset: 0;
28124
28109
  pointer-events: none;
28125
28110
  content: "";
28126
28111
  }
28127
- .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 {
28128
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);
28129
28114
  }
28130
- .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 {
28131
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);
28132
28117
  }
28133
28118
  .pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
@@ -28142,7 +28127,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28142
28127
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
28143
28128
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
28144
28129
  --pf-v6-c-table--cell--FontWeight: var(--pf-v6-c-table__thead--cell--FontWeight);
28145
- vertical-align: baseline;
28146
28130
  }
28147
28131
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
28148
28132
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
@@ -28163,24 +28147,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28163
28147
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
28164
28148
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
28165
28149
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
28166
- vertical-align: top;
28167
28150
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
28168
28151
  }
28169
- .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) {
28170
28153
  overflow-wrap: break-word;
28171
28154
  }
28172
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child::after {
28173
- position: absolute;
28174
- inset-block-start: var(--pf-v6-c-table__expandable-row--after--Top);
28175
- inset-block-end: var(--pf-v6-c-table__expandable-row--after--Bottom);
28176
- inset-inline-start: 0;
28177
- content: "";
28178
- background-color: transparent;
28179
- border-inline-start: var(--pf-v6-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v6-c-table__expandable-row--after--BorderColor);
28180
- }
28181
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v6-c-table__control-row) {
28182
- border-block-end-width: 0;
28183
- }
28184
28155
  .pf-v6-c-table .pf-v6-c-table__sort {
28185
28156
  min-width: var(--pf-v6-c-table__sort--MinWidth);
28186
28157
  }
@@ -28224,18 +28195,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28224
28195
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
28225
28196
  border-block-end: 0;
28226
28197
  }
28227
- .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 {
28228
- border-inline-start: 0;
28229
- }
28230
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 {
28231
28199
  display: none;
28232
28200
  }
28233
- .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 {
28234
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28235
- }
28236
- .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 {
28237
- border-inline-start-width: 0;
28238
- }
28239
28201
  .pf-v6-c-table tr.pf-m-clickable:last-child {
28240
28202
  border-block-end-color: transparent;
28241
28203
  }
@@ -28243,9 +28205,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28243
28205
  cursor: pointer;
28244
28206
  background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28245
28207
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28246
- box-shadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow);
28247
28208
  }
28248
- .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) {
28249
28210
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28250
28211
  }
28251
28212
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
@@ -28254,16 +28215,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28254
28215
  position: relative;
28255
28216
  background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28256
28217
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28257
- box-shadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow);
28258
- }
28259
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected + tr:where(.pf-v6-c-table__tr).pf-m-selected {
28260
- box-shadow: var(--pf-v6-c-table__tr--m-selected--m-selected--BoxShadow);
28261
- }
28262
- .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 {
28263
- box-shadow: var(--pf-v6-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
28264
- }
28265
- .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 {
28266
- box-shadow: var(--pf-v6-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
28267
28218
  }
28268
28219
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset {
28269
28220
  --pf-v6-c-table--cell--first-last-child--PaddingLeft: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
@@ -28272,41 +28223,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28272
28223
  cursor: pointer;
28273
28224
  background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28274
28225
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28275
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow);
28276
28226
  }
28277
28227
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
28278
28228
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor);
28279
28229
  }
28280
- .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 {
28281
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
28282
- }
28283
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:hover {
28284
- --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) {
28285
28231
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
28286
28232
  }
28287
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:focus {
28288
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--focus--BoxShadow);
28289
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor);
28290
- }
28291
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:active {
28292
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--active--BoxShadow);
28293
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--active--BackgroundColor);
28294
- }
28295
28233
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28296
28234
  --pf-v6-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth);
28297
28235
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftColor);
28298
28236
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28299
28237
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
28300
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--BoxShadow);
28301
- }
28302
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected + tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28303
- --pf-v6-c-table__tbody--m-selected--BoxShadow: var(--pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow);
28304
- }
28305
- .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 {
28306
- box-shadow: var(--pf-v6-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
28307
- }
28308
- .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 {
28309
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
28310
28238
  }
28311
28239
  .pf-v6-c-table.pf-m-drag-over {
28312
28240
  overflow-anchor: none;
@@ -28328,19 +28256,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28328
28256
  .pf-v6-c-table__text.pf-m-truncate {
28329
28257
  --pf-v6-c-table--cell--MinWidth: 100%;
28330
28258
  }
28331
- .pf-v6-c-table__text.pf-m-truncate > * {
28259
+ .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
28332
28260
  overflow: var(--pf-v6-c-table--cell--Overflow);
28333
28261
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28334
28262
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28335
28263
  }
28336
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
+
28337
28269
  .pf-v6-c-table__button {
28338
- position: static;
28339
28270
  width: auto;
28340
28271
  padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
28341
28272
  padding-block-end: var(--pf-v6-c-table__button--PaddingBottom);
28342
28273
  padding-inline-start: var(--pf-v6-c-table__button--PaddingLeft);
28343
28274
  padding-inline-end: var(--pf-v6-c-table__button--PaddingRight);
28275
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBottom) * -1);
28344
28276
  margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
28345
28277
  font-size: inherit;
28346
28278
  font-weight: inherit;
@@ -28355,24 +28287,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28355
28287
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
28356
28288
  margin-block-end: 0;
28357
28289
  }
28358
- .pf-v6-c-table__button::before {
28359
- position: absolute;
28360
- inset-block-start: 0;
28361
- inset-block-end: 0;
28362
- inset-inline-start: 0;
28363
- inset-inline-end: 0;
28364
- cursor: pointer;
28365
- content: "";
28366
- }
28367
- .pf-v6-c-table__button:hover {
28290
+ .pf-v6-c-table__button:is(:hover, :focus) {
28368
28291
  color: var(--pf-v6-c-table__button--hover--Color);
28369
28292
  }
28370
- .pf-v6-c-table__button:focus {
28371
- color: var(--pf-v6-c-table__button--focus--Color);
28372
- }
28373
- .pf-v6-c-table__button:active {
28374
- color: var(--pf-v6-c-table__button--active--Color);
28375
- }
28376
28293
 
28377
28294
  .pf-v6-c-table__sort .pf-v6-c-table__text,
28378
28295
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__text {
@@ -28451,24 +28368,27 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28451
28368
  .pf-v6-c-table__check {
28452
28369
  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__check--PaddingLeft);
28453
28370
  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__check--PaddingRight);
28371
+ vertical-align: top;
28454
28372
  }
28455
- .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28456
- 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);
28457
28376
  }
28458
- thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28459
- 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);
28460
28380
  }
28461
- tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28462
- vertical-align: top;
28381
+ thead .pf-v6-c-table__check {
28382
+ vertical-align: bottom;
28463
28383
  }
28464
- .pf-v6-c-table__check label {
28465
- 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;
28466
28390
  }
28467
28391
 
28468
- .pf-v6-c-table__favorite {
28469
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__favorite--PaddingLeft);
28470
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__favorite--PaddingRight);
28471
- }
28472
28392
  .pf-v6-c-table__favorite .pf-v6-c-button {
28473
28393
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
28474
28394
  }
@@ -28484,10 +28404,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28484
28404
  }
28485
28405
 
28486
28406
  .pf-v6-c-table__action,
28407
+ .pf-v6-c-table__favorite,
28487
28408
  .pf-v6-c-table__inline-edit-action,
28488
28409
  .pf-v6-c-table__draggable {
28489
28410
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__action--PaddingTop);
28490
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);
28491
28414
  }
28492
28415
 
28493
28416
  .pf-v6-c-table__action:last-child,
@@ -28498,8 +28421,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28498
28421
  .pf-v6-c-table__compound-expansion-toggle {
28499
28422
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--Color);
28500
28423
  --pf-v6-c-table__button--hover--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--Color);
28501
- --pf-v6-c-table__button--focus--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--focus--Color);
28502
- --pf-v6-c-table__button--active--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--active--Color);
28503
28424
  position: relative;
28504
28425
  padding: 0;
28505
28426
  }
@@ -28513,42 +28434,18 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28513
28434
  margin: 0;
28514
28435
  overflow: hidden;
28515
28436
  }
28516
- .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) {
28517
28438
  outline: 0;
28518
28439
  }
28519
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before,
28520
28440
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28521
28441
  position: absolute;
28522
28442
  inset: 0;
28523
28443
  content: "";
28524
- border-style: solid;
28525
- border-width: 0;
28526
- }
28527
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
28528
- inset-block-start: 0;
28529
- inset-block-end: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Bottom);
28530
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Left);
28531
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor);
28532
- border-inline-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
28533
- border-inline-end-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
28534
- }
28535
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28536
- inset-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Top);
28537
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Left);
28538
- pointer-events: none;
28539
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
28540
- 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);
28541
28446
  }
28542
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 {
28543
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28544
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28545
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base);
28546
- }
28547
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded .pf-v6-c-table__button::before {
28548
- border-block-end: var(--pf-v6-c-table--BackgroundColor) solid var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28549
- }
28550
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
28551
- --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);
28552
28449
  }
28553
28450
  .pf-v6-c-table__compound-expansion-toggle:focus-within {
28554
28451
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
@@ -28564,17 +28461,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28564
28461
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginLeft);
28565
28462
  }
28566
28463
 
28567
- .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) {
28568
28468
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
28569
28469
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
28570
- }
28571
- .pf-v6-c-table__sort .pf-v6-c-table__button:focus {
28572
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--focus__sort-indicator--Color);
28573
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--focus__text--Color);
28574
- }
28575
- .pf-v6-c-table__sort .pf-v6-c-table__button:active {
28576
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--active__sort-indicator--Color);
28577
- --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);
28578
28471
  }
28579
28472
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
28580
28473
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -28590,23 +28483,21 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28590
28483
  .pf-v6-c-table__sort.pf-m-favorite {
28591
28484
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-favorite__button__text--Color);
28592
28485
  --pf-v6-c-table__sort__button--hover__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--hover__text--Color);
28593
- --pf-v6-c-table__sort__button--focus__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--focus__text--Color);
28594
- --pf-v6-c-table__sort__button--active__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--active__text--Color);
28595
28486
  --pf-v6-c-table__sort--m-selected__button__text--Color: currentcolor;
28596
28487
  }
28597
28488
 
28598
28489
  .pf-v6-c-table__sort-indicator {
28599
28490
  grid-column: 2;
28491
+ align-self: end;
28600
28492
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
28493
+ font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
28601
28494
  color: var(--pf-v6-c-table__sort-indicator--Color);
28602
- color: var(--pf-v6-c-table__sort-indicator--FontSize);
28603
28495
  pointer-events: none;
28604
28496
  }
28605
28497
 
28606
28498
  .pf-v6-c-table__expandable-row {
28607
28499
  position: relative;
28608
28500
  border-block-end: 0 solid transparent;
28609
- box-shadow: 0 0 0 0 transparent;
28610
28501
  }
28611
28502
  .pf-v6-c-table__expandable-row,
28612
28503
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
@@ -28634,7 +28525,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28634
28525
  .pf-v6-c-table__expandable-row.pf-m-expanded {
28635
28526
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
28636
28527
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
28637
- box-shadow: var(--pf-v6-c-table__expandable-row--m-expanded--BoxShadow);
28638
28528
  }
28639
28529
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
28640
28530
  display: none;
@@ -28669,6 +28559,17 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28669
28559
  text-align: center;
28670
28560
  }
28671
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
+
28672
28573
  .pf-v6-c-table__icon-inline {
28673
28574
  display: flex;
28674
28575
  align-items: center;
@@ -28733,18 +28634,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28733
28634
  --pf-v6-c-table--cell--Width: 100%;
28734
28635
  }
28735
28636
 
28736
- :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
28737
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
28738
- }
28739
-
28740
- :where(.pf-v6-theme-dark) .pf-v6-c-table {
28741
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-v6-global--BackgroundColor--150);
28742
- }
28743
- :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 {
28744
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-global--palette--gold-100);
28745
- }
28746
-
28747
- .pf-v6-c-table {
28637
+ :where(:root),
28638
+ :where(.pf-v6-c-table) {
28748
28639
  --pf-v6-c-table__sticky-cell--MinWidth--base: 12.5rem;
28749
28640
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28750
28641
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
@@ -28759,7 +28650,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28759
28650
  --pf-v6-c-table__sticky-cell--m-left--Left: 0;
28760
28651
  --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
28761
28652
  }
28762
- .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 {
28763
28655
  --pf-v6-c-table--cell--Overflow: visible;
28764
28656
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
28765
28657
  position: sticky;
@@ -28770,18 +28662,24 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28770
28662
  background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
28771
28663
  background-clip: padding-box;
28772
28664
  }
28773
- .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 {
28774
28667
  --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
28775
28668
  --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28776
28669
  }
28777
- .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 {
28778
28672
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28779
28673
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28780
28674
  }
28781
- .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 {
28782
28678
  --pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
28783
28679
  }
28784
- .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 {
28785
28683
  --pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
28786
28684
  }
28787
28685
 
@@ -28983,7 +28881,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28983
28881
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
28984
28882
  align-items: start;
28985
28883
  }
28986
- .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) {
28987
28885
  grid-column: 2;
28988
28886
  }
28989
28887
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29123,7 +29021,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29123
29021
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29124
29022
  align-items: start;
29125
29023
  }
29126
- .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) {
29127
29025
  grid-column: 2;
29128
29026
  }
29129
29027
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29264,7 +29162,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29264
29162
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29265
29163
  align-items: start;
29266
29164
  }
29267
- .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) {
29268
29166
  grid-column: 2;
29269
29167
  }
29270
29168
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29405,7 +29303,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29405
29303
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29406
29304
  align-items: start;
29407
29305
  }
29408
- .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) {
29409
29307
  grid-column: 2;
29410
29308
  }
29411
29309
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29546,7 +29444,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29546
29444
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29547
29445
  align-items: start;
29548
29446
  }
29549
- .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) {
29550
29448
  grid-column: 2;
29551
29449
  }
29552
29450
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {