@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-t-light {
2
+ .pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip, .pf-t-light {
3
3
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
4
4
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
5
5
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -26,7 +26,7 @@
26
26
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
27
27
  }
28
28
 
29
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *, .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
29
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td), .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
30
30
  .pf-v6-c-menu__group, .pf-v6-c-divider, .pf-v6-c-toolbar__content-section,
31
31
  .pf-v6-c-toolbar__group,
32
32
  .pf-v6-c-toolbar__item,
@@ -36,20 +36,20 @@
36
36
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
37
37
  display: var(--pf-v5-hidden-visible--Display);
38
38
  }
39
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
39
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden:where(th, td), .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
40
40
  .pf-m-hidden.pf-v6-c-menu__group, .pf-m-hidden.pf-v6-c-divider, .pf-m-hidden.pf-v6-c-toolbar__content-section,
41
41
  .pf-m-hidden.pf-v6-c-toolbar__group,
42
42
  .pf-m-hidden.pf-v6-c-toolbar__item, .pf-m-hidden.pf-v6-c-data-list__item-action {
43
43
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
44
44
  }
45
45
  @media screen and (min-width: 576px) {
46
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
46
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm:where(th, td), .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
47
47
  .pf-m-hidden-on-sm.pf-v6-c-menu__group, .pf-m-hidden-on-sm.pf-v6-c-divider, .pf-m-hidden-on-sm.pf-v6-c-toolbar__content-section,
48
48
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
49
49
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__item, .pf-m-hidden-on-sm.pf-v6-c-data-list__item-action {
50
50
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
51
51
  }
52
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
52
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm:where(th, td), .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
53
53
  .pf-m-visible-on-sm.pf-v6-c-menu__group, .pf-m-visible-on-sm.pf-v6-c-divider, .pf-m-visible-on-sm.pf-v6-c-toolbar__content-section,
54
54
  .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
55
55
  .pf-m-visible-on-sm.pf-v6-c-toolbar__item, .pf-m-visible-on-sm.pf-v6-c-data-list__item-action {
@@ -57,13 +57,13 @@
57
57
  }
58
58
  }
59
59
  @media screen and (min-width: 768px) {
60
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
60
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md:where(th, td), .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
61
61
  .pf-m-hidden-on-md.pf-v6-c-menu__group, .pf-m-hidden-on-md.pf-v6-c-divider, .pf-m-hidden-on-md.pf-v6-c-toolbar__content-section,
62
62
  .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
63
63
  .pf-m-hidden-on-md.pf-v6-c-toolbar__item, .pf-m-hidden-on-md.pf-v6-c-data-list__item-action {
64
64
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
65
65
  }
66
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
66
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md:where(th, td), .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
67
67
  .pf-m-visible-on-md.pf-v6-c-menu__group, .pf-m-visible-on-md.pf-v6-c-divider, .pf-m-visible-on-md.pf-v6-c-toolbar__content-section,
68
68
  .pf-m-visible-on-md.pf-v6-c-toolbar__group,
69
69
  .pf-m-visible-on-md.pf-v6-c-toolbar__item, .pf-m-visible-on-md.pf-v6-c-data-list__item-action {
@@ -71,13 +71,13 @@
71
71
  }
72
72
  }
73
73
  @media screen and (min-width: 992px) {
74
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
74
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg:where(th, td), .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
75
75
  .pf-m-hidden-on-lg.pf-v6-c-menu__group, .pf-m-hidden-on-lg.pf-v6-c-divider, .pf-m-hidden-on-lg.pf-v6-c-toolbar__content-section,
76
76
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
77
77
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__item, .pf-m-hidden-on-lg.pf-v6-c-data-list__item-action {
78
78
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
79
79
  }
80
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
80
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg:where(th, td), .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
81
81
  .pf-m-visible-on-lg.pf-v6-c-menu__group, .pf-m-visible-on-lg.pf-v6-c-divider, .pf-m-visible-on-lg.pf-v6-c-toolbar__content-section,
82
82
  .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
83
83
  .pf-m-visible-on-lg.pf-v6-c-toolbar__item, .pf-m-visible-on-lg.pf-v6-c-data-list__item-action {
@@ -85,13 +85,13 @@
85
85
  }
86
86
  }
87
87
  @media screen and (min-width: 1200px) {
88
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
88
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl:where(th, td), .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
89
89
  .pf-m-hidden-on-xl.pf-v6-c-menu__group, .pf-m-hidden-on-xl.pf-v6-c-divider, .pf-m-hidden-on-xl.pf-v6-c-toolbar__content-section,
90
90
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
91
91
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-xl.pf-v6-c-data-list__item-action {
92
92
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
93
93
  }
94
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
94
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl:where(th, td), .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
95
95
  .pf-m-visible-on-xl.pf-v6-c-menu__group, .pf-m-visible-on-xl.pf-v6-c-divider, .pf-m-visible-on-xl.pf-v6-c-toolbar__content-section,
96
96
  .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
97
97
  .pf-m-visible-on-xl.pf-v6-c-toolbar__item, .pf-m-visible-on-xl.pf-v6-c-data-list__item-action {
@@ -99,13 +99,13 @@
99
99
  }
100
100
  }
101
101
  @media screen and (min-width: 1450px) {
102
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
102
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl:where(th, td), .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
103
103
  .pf-m-hidden-on-2xl.pf-v6-c-menu__group, .pf-m-hidden-on-2xl.pf-v6-c-divider, .pf-m-hidden-on-2xl.pf-v6-c-toolbar__content-section,
104
104
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
105
105
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v6-c-data-list__item-action {
106
106
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
107
107
  }
108
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
108
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl:where(th, td), .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
109
109
  .pf-m-visible-on-2xl.pf-v6-c-menu__group, .pf-m-visible-on-2xl.pf-v6-c-divider, .pf-m-visible-on-2xl.pf-v6-c-toolbar__content-section,
110
110
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
111
111
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__item, .pf-m-visible-on-2xl.pf-v6-c-data-list__item-action {
@@ -9080,6 +9080,7 @@ button.pf-v6-c-breadcrumb__link {
9080
9080
  .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
9081
9081
  position: absolute;
9082
9082
  inset: 0;
9083
+ justify-self: auto;
9083
9084
  cursor: pointer;
9084
9085
  }
9085
9086
  .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
@@ -9172,17 +9173,18 @@ button.pf-v6-c-breadcrumb__link {
9172
9173
  .pf-v6-c-check {
9173
9174
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
9174
9175
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9176
+ --pf-v6-c-check--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9175
9177
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
9176
9178
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
9177
9179
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
9178
9180
  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
9179
9181
  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
9180
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
9181
9182
  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
9182
9183
  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
9183
9184
  --pf-v6-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
9184
9185
  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
9185
9186
  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
9187
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
9186
9188
  }
9187
9189
 
9188
9190
  .pf-v6-c-check {
@@ -9192,13 +9194,19 @@ button.pf-v6-c-breadcrumb__link {
9192
9194
  accent-color: var(--pf-v6-c-check--AccentColor);
9193
9195
  }
9194
9196
  .pf-v6-c-check.pf-m-standalone {
9195
- --pf-v6-c-check--GridGap: 0;
9196
- --pf-v6-c-check__input--TranslateY: none;
9197
9197
  display: inline-grid;
9198
+ grid-template-columns: auto;
9199
+ height: var(--pf-v6-c-check--Height);
9200
+ }
9201
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
9202
+ align-self: center;
9203
+ transform: none;
9198
9204
  }
9199
9205
 
9200
9206
  .pf-v6-c-check__input {
9201
9207
  align-self: start;
9208
+ font-size: var(--pf-v6-c-check__label--FontSize);
9209
+ line-height: var(--pf-v6-c-check__label--LineHeight);
9202
9210
  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
9203
9211
  }
9204
9212
 
@@ -11875,15 +11883,19 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11875
11883
  --pf-v6-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v6-c-dual-list-selector__item--PaddingLeft);
11876
11884
  }
11877
11885
 
11878
- :root,
11879
- [data-theme=pf-v6-c-toolbar] {
11886
+ :where(:root),
11887
+ :where(.pf-v6-c-toolbar) {
11880
11888
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
11881
11889
  --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
11882
11890
  --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
11883
11891
  --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
11884
11892
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
11885
11893
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
11894
+ --pf-v6-c-toolbar__item--Width: auto;
11895
+ --pf-v6-c-toolbar__item--MinWidth: auto;
11886
11896
  --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
11897
+ --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
11898
+ --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
11887
11899
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11888
11900
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11889
11901
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
@@ -11973,8 +11985,62 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11973
11985
  }
11974
11986
 
11975
11987
  .pf-v6-c-toolbar__item {
11988
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
11989
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
11976
11990
  row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
11977
11991
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
11992
+ width: var(--pf-v6-c-toolbar__item--Width--base);
11993
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
11994
+ }
11995
+ @media (min-width: 576px) {
11996
+ .pf-v6-c-toolbar__item {
11997
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
11998
+ }
11999
+ }
12000
+ @media (min-width: 768px) {
12001
+ .pf-v6-c-toolbar__item {
12002
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
12003
+ }
12004
+ }
12005
+ @media (min-width: 992px) {
12006
+ .pf-v6-c-toolbar__item {
12007
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
12008
+ }
12009
+ }
12010
+ @media (min-width: 1200px) {
12011
+ .pf-v6-c-toolbar__item {
12012
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
12013
+ }
12014
+ }
12015
+ @media (min-width: 1450px) {
12016
+ .pf-v6-c-toolbar__item {
12017
+ --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
12018
+ }
12019
+ }
12020
+ @media (min-width: 576px) {
12021
+ .pf-v6-c-toolbar__item {
12022
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
12023
+ }
12024
+ }
12025
+ @media (min-width: 768px) {
12026
+ .pf-v6-c-toolbar__item {
12027
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
12028
+ }
12029
+ }
12030
+ @media (min-width: 992px) {
12031
+ .pf-v6-c-toolbar__item {
12032
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
12033
+ }
12034
+ }
12035
+ @media (min-width: 1200px) {
12036
+ .pf-v6-c-toolbar__item {
12037
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
12038
+ }
12039
+ }
12040
+ @media (min-width: 1450px) {
12041
+ .pf-v6-c-toolbar__item {
12042
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
12043
+ }
11978
12044
  }
11979
12045
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
11980
12046
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
@@ -11988,6 +12054,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11988
12054
  .pf-v6-c-toolbar__item.pf-m-pagination.pf-v6-c-pagination {
11989
12055
  flex-wrap: nowrap;
11990
12056
  }
12057
+ .pf-v6-c-toolbar__item.pf-m-overflow-container {
12058
+ min-width: var(--pf-v6-c-toolbar__item--m-overflow-container--MinWidth);
12059
+ }
11991
12060
 
11992
12061
  .pf-v6-c-toolbar__group {
11993
12062
  row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
@@ -12006,6 +12075,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12006
12075
  .pf-v6-c-toolbar__group.pf-m-chip-group {
12007
12076
  flex: 1;
12008
12077
  }
12078
+ .pf-v6-c-toolbar__group.pf-m-overflow-container {
12079
+ min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
12080
+ }
12009
12081
 
12010
12082
  .pf-v6-c-toolbar__expandable-content {
12011
12083
  position: absolute;
@@ -18270,7 +18342,7 @@ label.pf-v6-c-input-group__text {
18270
18342
  color: var(--pf-v6-c-jump-links__toggle-text--Color);
18271
18343
  }
18272
18344
 
18273
- .pf-v6-c-table, .pf-v6-c-select, .pf-t-light, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18345
+ .pf-v6-c-select, .pf-t-light, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18274
18346
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
18275
18347
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
18276
18348
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -18297,7 +18369,7 @@ label.pf-v6-c-input-group__text {
18297
18369
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
18298
18370
  }
18299
18371
 
18300
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *, .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
18372
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td), .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-group, .pf-v6-c-menu__item, .pf-v6-c-menu__list,
18301
18373
  .pf-v6-c-menu__group, .pf-v6-c-data-list__item-action, .pf-v6-c-toolbar__content-section,
18302
18374
  .pf-v6-c-toolbar__group,
18303
18375
  .pf-v6-c-toolbar__item,
@@ -18307,20 +18379,20 @@ label.pf-v6-c-input-group__text {
18307
18379
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
18308
18380
  display: var(--pf-v5-hidden-visible--Display);
18309
18381
  }
18310
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
18382
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden:where(th, td), .pf-m-hidden.pf-v6-c-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-group, .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
18311
18383
  .pf-m-hidden.pf-v6-c-menu__group, .pf-m-hidden.pf-v6-c-data-list__item-action, .pf-m-hidden.pf-v6-c-toolbar__content-section,
18312
18384
  .pf-m-hidden.pf-v6-c-toolbar__group,
18313
18385
  .pf-m-hidden.pf-v6-c-toolbar__item, .pf-m-hidden.pf-v6-c-divider {
18314
18386
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18315
18387
  }
18316
18388
  @media screen and (min-width: 576px) {
18317
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
18389
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm:where(th, td), .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
18318
18390
  .pf-m-hidden-on-sm.pf-v6-c-menu__group, .pf-m-hidden-on-sm.pf-v6-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v6-c-toolbar__content-section,
18319
18391
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
18320
18392
  .pf-m-hidden-on-sm.pf-v6-c-toolbar__item, .pf-m-hidden-on-sm.pf-v6-c-divider {
18321
18393
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18322
18394
  }
18323
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
18395
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm:where(th, td), .pf-m-visible-on-sm.pf-v6-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
18324
18396
  .pf-m-visible-on-sm.pf-v6-c-menu__group, .pf-m-visible-on-sm.pf-v6-c-data-list__item-action, .pf-m-visible-on-sm.pf-v6-c-toolbar__content-section,
18325
18397
  .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
18326
18398
  .pf-m-visible-on-sm.pf-v6-c-toolbar__item, .pf-m-visible-on-sm.pf-v6-c-divider {
@@ -18328,13 +18400,13 @@ label.pf-v6-c-input-group__text {
18328
18400
  }
18329
18401
  }
18330
18402
  @media screen and (min-width: 768px) {
18331
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
18403
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md:where(th, td), .pf-m-hidden-on-md.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
18332
18404
  .pf-m-hidden-on-md.pf-v6-c-menu__group, .pf-m-hidden-on-md.pf-v6-c-data-list__item-action, .pf-m-hidden-on-md.pf-v6-c-toolbar__content-section,
18333
18405
  .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
18334
18406
  .pf-m-hidden-on-md.pf-v6-c-toolbar__item, .pf-m-hidden-on-md.pf-v6-c-divider {
18335
18407
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18336
18408
  }
18337
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
18409
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md:where(th, td), .pf-m-visible-on-md.pf-v6-c-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-group, .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
18338
18410
  .pf-m-visible-on-md.pf-v6-c-menu__group, .pf-m-visible-on-md.pf-v6-c-data-list__item-action, .pf-m-visible-on-md.pf-v6-c-toolbar__content-section,
18339
18411
  .pf-m-visible-on-md.pf-v6-c-toolbar__group,
18340
18412
  .pf-m-visible-on-md.pf-v6-c-toolbar__item, .pf-m-visible-on-md.pf-v6-c-divider {
@@ -18342,13 +18414,13 @@ label.pf-v6-c-input-group__text {
18342
18414
  }
18343
18415
  }
18344
18416
  @media screen and (min-width: 992px) {
18345
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
18417
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg:where(th, td), .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
18346
18418
  .pf-m-hidden-on-lg.pf-v6-c-menu__group, .pf-m-hidden-on-lg.pf-v6-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v6-c-toolbar__content-section,
18347
18419
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
18348
18420
  .pf-m-hidden-on-lg.pf-v6-c-toolbar__item, .pf-m-hidden-on-lg.pf-v6-c-divider {
18349
18421
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18350
18422
  }
18351
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
18423
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg:where(th, td), .pf-m-visible-on-lg.pf-v6-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
18352
18424
  .pf-m-visible-on-lg.pf-v6-c-menu__group, .pf-m-visible-on-lg.pf-v6-c-data-list__item-action, .pf-m-visible-on-lg.pf-v6-c-toolbar__content-section,
18353
18425
  .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
18354
18426
  .pf-m-visible-on-lg.pf-v6-c-toolbar__item, .pf-m-visible-on-lg.pf-v6-c-divider {
@@ -18356,13 +18428,13 @@ label.pf-v6-c-input-group__text {
18356
18428
  }
18357
18429
  }
18358
18430
  @media screen and (min-width: 1200px) {
18359
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
18431
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl:where(th, td), .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
18360
18432
  .pf-m-hidden-on-xl.pf-v6-c-menu__group, .pf-m-hidden-on-xl.pf-v6-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v6-c-toolbar__content-section,
18361
18433
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
18362
18434
  .pf-m-hidden-on-xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-xl.pf-v6-c-divider {
18363
18435
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18364
18436
  }
18365
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
18437
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl:where(th, td), .pf-m-visible-on-xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
18366
18438
  .pf-m-visible-on-xl.pf-v6-c-menu__group, .pf-m-visible-on-xl.pf-v6-c-data-list__item-action, .pf-m-visible-on-xl.pf-v6-c-toolbar__content-section,
18367
18439
  .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
18368
18440
  .pf-m-visible-on-xl.pf-v6-c-toolbar__item, .pf-m-visible-on-xl.pf-v6-c-divider {
@@ -18370,13 +18442,13 @@ label.pf-v6-c-input-group__text {
18370
18442
  }
18371
18443
  }
18372
18444
  @media screen and (min-width: 1450px) {
18373
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
18445
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl:where(th, td), .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
18374
18446
  .pf-m-hidden-on-2xl.pf-v6-c-menu__group, .pf-m-hidden-on-2xl.pf-v6-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v6-c-toolbar__content-section,
18375
18447
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
18376
18448
  .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v6-c-divider {
18377
18449
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
18378
18450
  }
18379
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
18451
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl:where(th, td), .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
18380
18452
  .pf-m-visible-on-2xl.pf-v6-c-menu__group, .pf-m-visible-on-2xl.pf-v6-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v6-c-toolbar__content-section,
18381
18453
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
18382
18454
  .pf-m-visible-on-2xl.pf-v6-c-toolbar__item, .pf-m-visible-on-2xl.pf-v6-c-divider {
@@ -19523,14 +19595,15 @@ ul.pf-v6-c-list {
19523
19595
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingTop);
19524
19596
  }
19525
19597
 
19526
- :root,
19527
- [data-theme=pf-v6-c-masthead] {
19598
+ :where(:root),
19599
+ :where(.pf-v6-c-masthead) {
19528
19600
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
19529
19601
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
19530
19602
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19531
19603
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19532
19604
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
19533
19605
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19606
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19534
19607
  --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
19535
19608
  --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
19536
19609
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
@@ -19550,15 +19623,12 @@ ul.pf-v6-c-list {
19550
19623
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
19551
19624
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19552
19625
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
19553
- --pf-v6-c-masthead--pf-v6-c-toolbar--Width: 100%;
19554
- --pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock: 0;
19555
- --pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline: 0;
19626
+ --pf-v6-c-masthead--c-toolbar--Width: 100%;
19627
+ --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
19628
+ --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
19556
19629
  }
19557
19630
 
19558
19631
  .pf-v6-c-masthead {
19559
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--pf-v6-c-toolbar--Width);
19560
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock);
19561
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline);
19562
19632
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
19563
19633
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
19564
19634
  --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
@@ -19576,7 +19646,13 @@ ul.pf-v6-c-list {
19576
19646
  padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19577
19647
  padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19578
19648
  padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19579
- background-color: var(--pf-v6-c-masthead--BackgroundColor, var(--pf-t--global--background--color--secondary--default));
19649
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19650
+ }
19651
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19652
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19653
+ --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
19654
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
19655
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19580
19656
  }
19581
19657
  @media screen and (min-width: 768px) {
19582
19658
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -19589,6 +19665,10 @@ ul.pf-v6-c-list {
19589
19665
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19590
19666
  }
19591
19667
  }
19668
+ .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
19669
+ flex-wrap: nowrap;
19670
+ min-width: 0;
19671
+ }
19592
19672
  .pf-v6-c-masthead .pf-v6-c-toolbar__expandable-content {
19593
19673
  inset-block-start: 100%;
19594
19674
  border-block-start: var(--pf-v6-c-masthead__expandable-content--BorderBlockStart);
@@ -20449,6 +20529,8 @@ ul.pf-v6-c-list {
20449
20529
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20450
20530
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20451
20531
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20532
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20533
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
20452
20534
  --pf-v6-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
20453
20535
  --pf-v6-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
20454
20536
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -20523,6 +20605,8 @@ ul.pf-v6-c-list {
20523
20605
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
20524
20606
  --pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20525
20607
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20608
+ --pf-v6-c-menu-toggle--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
20609
+ --pf-v6-c-menu-toggle--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
20526
20610
  }
20527
20611
 
20528
20612
  .pf-v6-c-menu-toggle {
@@ -20650,6 +20734,10 @@ ul.pf-v6-c-list {
20650
20734
  .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
20651
20735
  border: 0;
20652
20736
  }
20737
+ .pf-v6-c-menu-toggle.pf-m-small {
20738
+ --pf-v6-c-menu-toggle--PaddingTop: var(--pf-v6-c-menu-toggle--m-small--PaddingTop);
20739
+ --pf-v6-c-menu-toggle--PaddingBottom: var(--pf-v6-c-menu-toggle--m-small--PaddingBottom);
20740
+ }
20653
20741
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
20654
20742
  background-color: transparent;
20655
20743
  }
@@ -20760,11 +20848,6 @@ ul.pf-v6-c-list {
20760
20848
  padding-inline-start: 0;
20761
20849
  }
20762
20850
 
20763
- .pf-v6-c-menu-toggle__icon {
20764
- flex-shrink: 0;
20765
- align-self: center;
20766
- }
20767
-
20768
20851
  .pf-v6-c-menu-toggle__text {
20769
20852
  overflow: hidden;
20770
20853
  text-overflow: ellipsis;
@@ -20777,15 +20860,26 @@ ul.pf-v6-c-list {
20777
20860
  flex-wrap: nowrap;
20778
20861
  }
20779
20862
 
20780
- .pf-v6-c-menu-toggle__controls {
20863
+ .pf-v6-c-menu-toggle__icon,
20864
+ .pf-v6-c-menu-toggle__controls,
20865
+ .pf-v6-c-menu-toggle__toggle-icon {
20781
20866
  display: flex;
20782
20867
  align-items: center;
20783
20868
  justify-content: center;
20869
+ }
20870
+
20871
+ .pf-v6-c-menu-toggle__icon {
20872
+ flex-shrink: 0;
20873
+ min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
20874
+ }
20875
+
20876
+ .pf-v6-c-menu-toggle__controls {
20784
20877
  min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
20785
20878
  margin-inline-start: auto;
20786
20879
  }
20787
20880
 
20788
20881
  .pf-v6-c-menu-toggle__toggle-icon {
20882
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
20789
20883
  color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
20790
20884
  }
20791
20885
 
@@ -20828,8 +20922,8 @@ ul.pf-v6-c-list {
20828
20922
  --pf-v6-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
20829
20923
  --pf-v6-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
20830
20924
  --pf-v6-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
20831
- --pf-v6-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
20832
- --pf-v6-c-modal-box__close--Right: var(--pf-v5-c-modal-box__header--PaddingRight);
20925
+ --pf-v6-c-modal-box__close--Top: var(--pf-v6-c-modal-box__header--PaddingTop);
20926
+ --pf-v6-c-modal-box__close--Right: var(--pf-v6-c-modal-box__header--PaddingRight);
20833
20927
  --pf-v6-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
20834
20928
  --pf-v6-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
20835
20929
  --pf-v6-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -20872,19 +20966,23 @@ ul.pf-v6-c-list {
20872
20966
  max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
20873
20967
  max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
20874
20968
  }
20875
- .pf-v6-c-modal-box.pf-m-danger {
20969
+ .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
20876
20970
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
20877
20971
  }
20878
- .pf-v6-c-modal-box.pf-m-warning {
20972
+
20973
+ .pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
20879
20974
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
20880
20975
  }
20881
- .pf-v6-c-modal-box.pf-m-success {
20976
+
20977
+ .pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
20882
20978
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
20883
20979
  }
20884
- .pf-v6-c-modal-box.pf-m-custom {
20980
+
20981
+ .pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
20885
20982
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
20886
20983
  }
20887
- .pf-v6-c-modal-box.pf-m-info {
20984
+
20985
+ .pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
20888
20986
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
20889
20987
  }
20890
20988
 
@@ -21195,7 +21293,7 @@ ul.pf-v6-c-list {
21195
21293
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
21196
21294
  }
21197
21295
 
21198
- :root,
21296
+ :where(:root),
21199
21297
  :where(.pf-v6-c-nav) {
21200
21298
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21201
21299
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -21208,64 +21306,65 @@ ul.pf-v6-c-list {
21208
21306
  --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21209
21307
  --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21210
21308
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
21211
- --pf-v6-c-nav--ColumnGap: var(--pf-t--global--spacer--sm);
21309
+ --pf-v6-c-nav--ColumnGap: 0;
21212
21310
  --pf-v6-c-nav--AlignItems: baseline;
21213
21311
  --pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
21214
21312
  --pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
21215
21313
  --pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
21216
- --pf-v6-c-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21217
21314
  --pf-v6-c-nav--OutlineOffset: calc(var(--pf-v6-global--spacer--xs) * -1);
21315
+ --pf-v6-c-nav--BackgroundColor: transparent;
21218
21316
  --pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
21219
21317
  --pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;
21220
21318
  --pf-v6-c-nav__list--ScrollSnapType: var(--pf-v6-c-nav__list--ScrollSnapTypeAxis) var(--pf-v6-c-nav__list--ScrollSnapTypeStrictness);
21221
21319
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
21222
21320
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
21223
21321
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
21322
+ --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
21323
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21324
+ --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
21325
+ --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
21224
21326
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21225
21327
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
21226
21328
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21329
+ --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
21330
+ --pf-v6-c-nav__link--AlignItems: baseline;
21227
21331
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
21228
21332
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21229
21333
  --pf-v6-c-nav__link--WhiteSpace: normal;
21230
21334
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
21231
21335
  --pf-v6-c-nav__link--hover--Color: var(--pf-t--global--text--color--regular);
21232
- --pf-v6-c-nav__link--focus--Color: var(--pf-t--global--text--color--regular);
21233
- --pf-v6-c-nav__link--active--Color: var(--pf-t--global--text--color--regular);
21234
21336
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21235
- --pf-v6-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21236
- --pf-v6-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
21237
21337
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
21238
21338
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
21239
21339
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
21240
21340
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
21241
21341
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21242
21342
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21243
- --pf-v6-c-nav__scroll-button--BorderRadius: var(--pf-t--global--border--radius--pill);
21244
- --pf-v6-c-nav__scroll-button--button--InlinePadding: var(--pf-t--global--spacer--sm);
21245
- --pf-v6-c-nav__scroll-button--button--icon--InlinePadding: var(--pf-t--global--spacer--sm);
21246
- --pf-v6-c-nav__scroll-button--button--icon--IconSize: var(--pf-t--global--icon--size--md);
21343
+ --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
21344
+ --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius: var(--pf-t--global--border--radius--pill);
21345
+ --pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius: var(--pf-t--global--border--radius--pill);
21346
+ --pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius: var(--pf-t--global--border--radius--pill);
21247
21347
  --pf-v6-c-nav__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21248
21348
  --pf-v6-c-nav__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21249
21349
  --pf-v6-c-nav__toggle--TranslateY: calc((var(--pf-v6-c-nav--LineHeight) * var(--pf-v6-c-nav--FontSize) / 2) - 50%);
21250
- --pf-v6-c-nav__link--clickable-inset--InlineStart: 0;
21251
- --pf-v6-c-nav__link--clickable-inset--InlineEnd: 0;
21252
- --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);
21253
- --pf-v6-c-nav--m-horizontal--BorderRadius: var(--pf-t--global--border--radius--pill);
21254
- --pf-v6-c-nav--m-horizontal__list--ColumnGap: var(--pf-t--global--spacer--xs);
21255
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21256
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21257
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21258
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21259
- --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);
21260
- --pf-v6-c-nav--m-horizontal__list--PaddingInline: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart) var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21350
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: 0;
21351
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: 0;
21352
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: 0;
21353
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: 0;
21354
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
21355
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
21356
+ --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21357
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
21358
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21359
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21360
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
21361
+ --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21362
+ --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
21363
+ --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
21261
21364
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21262
21365
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21263
21366
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
21264
21367
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21265
- --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);
21266
- --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);
21267
- --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);
21268
- --pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart: var(--pf-t--global--border--width--extra-strong);
21269
21368
  }
21270
21369
 
21271
21370
  .pf-v6-c-nav,
@@ -21280,6 +21379,7 @@ ul.pf-v6-c-list {
21280
21379
  --pf-v6-c-menu--MinWidth: 100%;
21281
21380
  position: relative;
21282
21381
  row-gap: var(--pf-v6-c-nav--RowGap);
21382
+ column-gap: var(--pf-v6-c-nav--ColumnGap);
21283
21383
  max-width: 100%;
21284
21384
  padding-block-start: var(--pf-v6-c-nav--PaddingBlockStart);
21285
21385
  padding-block-end: var(--pf-v6-c-nav--PaddingBlockEnd);
@@ -21290,9 +21390,6 @@ ul.pf-v6-c-list {
21290
21390
  line-height: var(--pf-v6-c-nav--LineHeight);
21291
21391
  background-color: var(--pf-v6-c-nav--BackgroundColor);
21292
21392
  }
21293
- .pf-v6-c-nav:where(.pf-m-scrollable) {
21294
- padding-inline: var(--pf-v6-c-nav--m-scrollable__list--PaddingInline);
21295
- }
21296
21393
  .pf-v6-c-nav.pf-m-overflow-hidden {
21297
21394
  overflow: hidden;
21298
21395
  }
@@ -21344,10 +21441,10 @@ ul.pf-v6-c-list {
21344
21441
  }
21345
21442
 
21346
21443
  .pf-v6-c-nav__section-title {
21347
- padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockStart));
21348
- padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlock, var(--pf-v6-c-nav__link--PaddingBlockEnd));
21349
- padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineStart));
21350
- padding-inline-end: var(--pf-v6-c-nav__section-title--PaddingInline, var(--pf-v6-c-nav__link--PaddingInlineEnd));
21444
+ padding-block-start: var(--pf-v6-c-nav__section-title--PaddingBlockStart);
21445
+ padding-block-end: var(--pf-v6-c-nav__section-title--PaddingBlockEnd);
21446
+ padding-inline-start: var(--pf-v6-c-nav__section-title--PaddingInlineStart);
21447
+ padding-inline-end: var(--pf-v6-c-nav__section-title--PaddingInlineEnd);
21351
21448
  font-size: var(--pf-v6-c-nav__section-title--FontSize, inherit);
21352
21449
  font-weight: var(--pf-v6-c-nav__section-title--FontWeight);
21353
21450
  color: var(--pf-v6-c-nav__section-title--Color);
@@ -21356,8 +21453,8 @@ ul.pf-v6-c-list {
21356
21453
  .pf-v6-c-nav__link {
21357
21454
  position: relative;
21358
21455
  display: flex;
21359
- column-gap: var(--pf-v6-c-nav__link--ColumnGap, var(--pf-v6-c-nav--ColumnGap));
21360
- align-items: var(--pf-v6-c-nav__link--AlignItems, var(--pf-v6-c-nav--AlignItems));
21456
+ column-gap: var(--pf-v6-c-nav__link--ColumnGap);
21457
+ align-items: var(--pf-v6-c-nav__link--AlignItems);
21361
21458
  padding-block-start: var(--pf-v6-c-nav__link--PaddingBlockStart);
21362
21459
  padding-block-end: var(--pf-v6-c-nav__link--PaddingBlockEnd);
21363
21460
  padding-inline-start: var(--pf-v6-c-nav__link--PaddingInlineStart);
@@ -21371,27 +21468,13 @@ ul.pf-v6-c-list {
21371
21468
  border: none;
21372
21469
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
21373
21470
  }
21374
- .pf-v6-c-nav__link::before {
21375
- position: absolute;
21376
- inset-block: var(--pf-v6-c-nav__link--clickable-inset--Block);
21377
- inset-inline: var(--pf-v6-c-nav__link--clickable-inset--Inline);
21378
- content: "";
21379
- }
21380
21471
  .pf-v6-c-nav__link[aria-expanded=true]::before {
21381
21472
  inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
21382
21473
  }
21383
- .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover {
21474
+ .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
21384
21475
  color: var(--pf-v6-c-nav__link--hover--Color);
21385
21476
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
21386
21477
  }
21387
- .pf-v6-c-nav__link:focus {
21388
- color: var(--pf-v6-c-nav__link--focus--Color);
21389
- background-color: var(--pf-v6-c-nav__link--focus--BackgroundColor);
21390
- }
21391
- .pf-v6-c-nav__link:active {
21392
- color: var(--pf-v6-c-nav__link--active--Color);
21393
- background-color: var(--pf-v6-c-nav__link--active--BackgroundColor);
21394
- }
21395
21478
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
21396
21479
  color: var(--pf-v6-c-nav__link--m-current--Color);
21397
21480
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
@@ -21421,68 +21504,36 @@ ul.pf-v6-c-list {
21421
21504
 
21422
21505
  .pf-v6-c-nav__scroll-button {
21423
21506
  position: relative;
21424
- display: flex;
21425
- flex: none;
21426
- align-items: stretch;
21427
- justify-items: stretch;
21428
- min-width: var(--pf-v6-c-nav__scroll-button--MinWidth);
21429
- }
21430
- .pf-v6-c-nav__scroll-button :is(button) {
21431
- --pf-v6-c-button--Display: flex;
21432
- --pf-v6-c-button--Flex: 1;
21433
- --pf-v6-c-button--AlignItems: center;
21434
- --pf-v6-c-button--JustifyContent: center;
21435
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--InlinePadding);
21436
- }
21437
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button :is(button) .pf-v6-c-button__icon {
21438
- scale: -1 1;
21439
- }
21440
-
21441
- .pf-v6-c-nav__scroll-button :is(button) > * {
21442
- display: inline-block;
21443
- padding-inline: var(--pf-v6-c-nav__scroll-button--button--icon--InlinePadding);
21444
- }
21445
- .pf-v6-c-nav__scroll-button :is(button) > * > * {
21446
- min-width: var(--pf-v6-c-nav__scroll-button--button--icon--IconSize);
21447
21507
  }
21448
21508
  .pf-v6-c-nav__scroll-button::before {
21449
21509
  position: absolute;
21450
- inset-block: 0;
21451
- inset-inline: 0;
21510
+ inset: 0;
21452
21511
  content: "";
21453
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21454
- }
21455
- .pf-v6-c-nav__scroll-button:first-of-type {
21456
- border-start-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21457
- border-end-start-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21458
21512
  }
21459
- .pf-v6-c-nav__scroll-button:first-of-type button {
21460
- --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21461
- --pf-v6-c-button--BorderStartEndRadius: 0;
21462
- --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21463
- --pf-v6-c-button--BorderEndEndRadius: 0;
21513
+ .pf-v6-c-nav__scroll-button:first-of-type .pf-v6-c-button {
21514
+ --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius);
21515
+ --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius);
21464
21516
  }
21465
21517
  .pf-v6-c-nav__scroll-button:first-of-type::before {
21466
21518
  border-inline-end: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21467
21519
  }
21468
- .pf-v6-c-nav__scroll-button:last-of-type {
21469
- border-start-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21470
- border-end-end-radius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21471
- }
21472
- .pf-v6-c-nav__scroll-button:last-of-type button {
21473
- --pf-v6-c-button--BorderStartStartRadius: 0;
21474
- --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21475
- --pf-v6-c-button--BorderEndStartRadius: 0;
21476
- --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--BorderRadius);
21520
+ .pf-v6-c-nav__scroll-button:last-of-type .pf-v6-c-button {
21521
+ --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius);
21522
+ --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius);
21477
21523
  }
21478
21524
  .pf-v6-c-nav__scroll-button:last-of-type::before {
21479
21525
  border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
21480
21526
  }
21527
+ .pf-v6-c-nav__scroll-button .pf-v6-c-button {
21528
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21529
+ }
21530
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
21531
+ scale: -1 1;
21532
+ }
21481
21533
 
21482
21534
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21483
21535
  padding: 0;
21484
21536
  overflow: hidden;
21485
- border-radius: var(--pf-v6-c-nav--m-horizontal--BorderRadius);
21486
21537
  }
21487
21538
  .pf-v6-c-nav:where(.pf-m-horizontal),
21488
21539
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
@@ -21492,11 +21543,14 @@ ul.pf-v6-c-list {
21492
21543
  display: flex;
21493
21544
  }
21494
21545
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21495
- padding-block: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlock);
21496
- padding-inline: var(--pf-v6-c-nav--m-horizontal__list--PaddingInline);
21546
+ padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
21547
+ padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
21548
+ padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
21549
+ padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21497
21550
  overflow-x: auto;
21498
21551
  white-space: nowrap;
21499
21552
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21553
+ scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21500
21554
  -webkit-overflow-scrolling: touch;
21501
21555
  scrollbar-width: none;
21502
21556
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -21507,23 +21561,21 @@ ul.pf-v6-c-list {
21507
21561
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21508
21562
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21509
21563
  }
21510
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link::before {
21511
- inset-block-start: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart) * -1);
21512
- inset-block-end: calc(var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd) * -1);
21513
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21514
- inset-inline-end: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1);
21515
- }
21516
21564
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
21565
+ --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
21566
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
21567
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
21568
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
21569
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
21570
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
21571
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
21517
21572
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
21518
21573
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
21519
- --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);
21520
- --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);
21521
- }
21522
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__scroll-button + .pf-v6-c-nav__list {
21523
- padding-inline-start: var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart);
21574
+ border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
21524
21575
  }
21525
- .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 {
21526
- inset-inline-start: calc(var(--pf-v6-c-nav--m-horizontal__list--ColumnGap) / 2 * -1 - var(--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart));
21576
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
21577
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
21578
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
21527
21579
  }
21528
21580
 
21529
21581
  :root {
@@ -22305,13 +22357,11 @@ ul.pf-v6-c-list {
22305
22357
  --pf-v6-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-t--global--spacer--md);
22306
22358
  --pf-v6-c-page__main-nav--xl--PaddingRight: var(--pf-t--global--spacer--sm);
22307
22359
  --pf-v6-c-page__main-nav--xl--PaddingLeft: var(--pf-t--global--spacer--sm);
22308
- --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22309
- --pf-v6-c-page__main-subnav--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
22310
- --pf-v6-c-page__main-subnav--BorderTopColor: var(--pf-t--global--border--color--default);
22311
- --pf-v6-c-page__main-subnav--BorderLeftWidth: 0;
22312
- --pf-v6-c-page__main-subnav--BorderLeftColor: var(--pf-t--global--border--color--default);
22313
- --pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
22314
- --pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
22360
+ --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22361
+ --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
22362
+ --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
22363
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22364
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22315
22365
  --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
22316
22366
  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
22317
22367
  --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
@@ -22853,17 +22903,11 @@ ul.pf-v6-c-list {
22853
22903
  }
22854
22904
 
22855
22905
  .pf-v6-c-page__main-subnav {
22906
+ padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
22907
+ padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
22908
+ padding-inline-start: var(--pf-v6-c-page__main-subnav--PaddingInlineStart);
22909
+ padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
22856
22910
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
22857
- border-block-start: var(--pf-v6-c-page__main-subnav--BorderTopWidth) solid var(--pf-v6-c-page__main-subnav--BorderTopColor);
22858
- border-inline-start: var(--pf-v6-c-page__main-subnav--BorderLeftWidth) solid var(--pf-v6-c-page__main-subnav--BorderLeftColor);
22859
- }
22860
- @media screen and (min-width: 1200px) {
22861
- .pf-v6-c-page__sidebar ~ .pf-v6-c-page__main {
22862
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth);
22863
- }
22864
- }
22865
- .pf-v6-c-page__sidebar.pf-m-collapsed ~ .pf-v6-c-page__main {
22866
- --pf-v6-c-page__main-subnav--BorderLeftWidth: var(--pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth);
22867
22911
  }
22868
22912
 
22869
22913
  .pf-v6-c-page__main-breadcrumb {
@@ -24523,17 +24567,18 @@ ul.pf-v6-c-list {
24523
24567
  .pf-v6-c-radio {
24524
24568
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
24525
24569
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
24570
+ --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
24526
24571
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
24527
24572
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
24528
24573
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
24529
24574
  --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
24530
24575
  --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
24531
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24532
- --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24533
- --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24534
24576
  --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
24535
24577
  --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
24578
+ --pf-v6-c-radio__input--first-child--MarginLeft: 0.0625rem;
24579
+ --pf-v6-c-radio__input--last-child--MarginRight: 0.0625rem;
24536
24580
  --pf-v6-c-radio__body--MarginTop: var(--pf-t--global--spacer--sm);
24581
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
24537
24582
  }
24538
24583
 
24539
24584
  .pf-v6-c-radio {
@@ -24544,13 +24589,19 @@ ul.pf-v6-c-list {
24544
24589
  accent-color: var(--pf-v6-c-radio--AccentColor);
24545
24590
  }
24546
24591
  .pf-v6-c-radio.pf-m-standalone {
24547
- --pf-v6-c-radio--GridGap: 0;
24548
- --pf-v6-c-radio__input--TranslateY: none;
24549
24592
  display: inline-grid;
24593
+ grid-template-columns: auto;
24594
+ height: var(--pf-v6-c-check--Height);
24595
+ }
24596
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
24597
+ align-self: center;
24598
+ transform: none;
24550
24599
  }
24551
24600
 
24552
24601
  .pf-v6-c-radio__input {
24553
24602
  align-self: start;
24603
+ font-size: var(--pf-v6-c-radio__label--FontSize);
24604
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
24554
24605
  transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
24555
24606
  }
24556
24607
  .pf-v6-c-radio__input:first-child {
@@ -26353,7 +26404,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26353
26404
  display: grid;
26354
26405
  border: none;
26355
26406
  }
26356
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26407
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26357
26408
  width: auto;
26358
26409
  min-width: 0;
26359
26410
  max-width: none;
@@ -26413,13 +26464,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26413
26464
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26414
26465
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26415
26466
  }
26416
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26467
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
26417
26468
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26418
26469
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26419
26470
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26420
26471
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26421
26472
  }
26422
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26473
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
26423
26474
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26424
26475
  }
26425
26476
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -26455,10 +26506,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26455
26506
  text-align: start;
26456
26507
  content: attr(data-label);
26457
26508
  }
26458
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
26509
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26459
26510
  --pf-v6-c-table--cell--PaddingLeft: 0;
26460
26511
  }
26461
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
26512
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26462
26513
  --pf-v6-c-table--cell--PaddingRight: 0;
26463
26514
  }
26464
26515
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table {
@@ -26511,9 +26562,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26511
26562
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26512
26563
  overflow-y: auto;
26513
26564
  border-block-end: none;
26514
- box-shadow: none;
26515
26565
  }
26516
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
26566
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
26517
26567
  position: static;
26518
26568
  display: block;
26519
26569
  }
@@ -26668,7 +26718,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26668
26718
  display: grid;
26669
26719
  border: none;
26670
26720
  }
26671
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
26721
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26672
26722
  width: auto;
26673
26723
  min-width: 0;
26674
26724
  max-width: none;
@@ -26728,13 +26778,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26728
26778
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
26729
26779
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
26730
26780
  }
26731
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
26781
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
26732
26782
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
26733
26783
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
26734
26784
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
26735
26785
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
26736
26786
  }
26737
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
26787
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
26738
26788
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
26739
26789
  }
26740
26790
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -26770,10 +26820,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26770
26820
  text-align: start;
26771
26821
  content: attr(data-label);
26772
26822
  }
26773
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
26823
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26774
26824
  --pf-v6-c-table--cell--PaddingLeft: 0;
26775
26825
  }
26776
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
26826
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
26777
26827
  --pf-v6-c-table--cell--PaddingRight: 0;
26778
26828
  }
26779
26829
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
@@ -26826,9 +26876,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26826
26876
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
26827
26877
  overflow-y: auto;
26828
26878
  border-block-end: none;
26829
- box-shadow: none;
26830
26879
  }
26831
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
26880
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
26832
26881
  position: static;
26833
26882
  display: block;
26834
26883
  }
@@ -26986,7 +27035,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26986
27035
  display: grid;
26987
27036
  border: none;
26988
27037
  }
26989
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27038
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
26990
27039
  width: auto;
26991
27040
  min-width: 0;
26992
27041
  max-width: none;
@@ -27046,13 +27095,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27046
27095
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27047
27096
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27048
27097
  }
27049
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27098
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
27050
27099
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27051
27100
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27052
27101
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27053
27102
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27054
27103
  }
27055
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27104
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
27056
27105
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27057
27106
  }
27058
27107
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -27088,10 +27137,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27088
27137
  text-align: start;
27089
27138
  content: attr(data-label);
27090
27139
  }
27091
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27140
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27092
27141
  --pf-v6-c-table--cell--PaddingLeft: 0;
27093
27142
  }
27094
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27143
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27095
27144
  --pf-v6-c-table--cell--PaddingRight: 0;
27096
27145
  }
27097
27146
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
@@ -27144,9 +27193,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27144
27193
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27145
27194
  overflow-y: auto;
27146
27195
  border-block-end: none;
27147
- box-shadow: none;
27148
27196
  }
27149
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27197
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27150
27198
  position: static;
27151
27199
  display: block;
27152
27200
  }
@@ -27304,7 +27352,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27304
27352
  display: grid;
27305
27353
  border: none;
27306
27354
  }
27307
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27355
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27308
27356
  width: auto;
27309
27357
  min-width: 0;
27310
27358
  max-width: none;
@@ -27364,13 +27412,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27364
27412
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27365
27413
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27366
27414
  }
27367
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27415
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
27368
27416
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27369
27417
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27370
27418
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27371
27419
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27372
27420
  }
27373
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27421
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
27374
27422
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27375
27423
  }
27376
27424
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -27406,10 +27454,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27406
27454
  text-align: start;
27407
27455
  content: attr(data-label);
27408
27456
  }
27409
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27457
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27410
27458
  --pf-v6-c-table--cell--PaddingLeft: 0;
27411
27459
  }
27412
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27460
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27413
27461
  --pf-v6-c-table--cell--PaddingRight: 0;
27414
27462
  }
27415
27463
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
@@ -27462,9 +27510,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27462
27510
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27463
27511
  overflow-y: auto;
27464
27512
  border-block-end: none;
27465
- box-shadow: none;
27466
27513
  }
27467
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27514
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27468
27515
  position: static;
27469
27516
  display: block;
27470
27517
  }
@@ -27622,7 +27669,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27622
27669
  display: grid;
27623
27670
  border: none;
27624
27671
  }
27625
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
27672
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27626
27673
  width: auto;
27627
27674
  min-width: 0;
27628
27675
  max-width: none;
@@ -27682,13 +27729,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27682
27729
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
27683
27730
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
27684
27731
  }
27685
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
27732
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
27686
27733
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
27687
27734
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
27688
27735
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
27689
27736
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
27690
27737
  }
27691
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
27738
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
27692
27739
  --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
27693
27740
  }
27694
27741
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -27724,10 +27771,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27724
27771
  text-align: start;
27725
27772
  content: attr(data-label);
27726
27773
  }
27727
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
27774
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27728
27775
  --pf-v6-c-table--cell--PaddingLeft: 0;
27729
27776
  }
27730
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
27777
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
27731
27778
  --pf-v6-c-table--cell--PaddingRight: 0;
27732
27779
  }
27733
27780
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
@@ -27780,9 +27827,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27780
27827
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
27781
27828
  overflow-y: auto;
27782
27829
  border-block-end: none;
27783
- box-shadow: none;
27784
27830
  }
27785
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
27831
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
27786
27832
  position: static;
27787
27833
  display: block;
27788
27834
  }
@@ -27943,7 +27989,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27943
27989
  --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
27944
27990
  --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
27945
27991
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
27946
- --pf-v6-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27947
27992
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27948
27993
  --pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27949
27994
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
@@ -27977,31 +28022,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27977
28022
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27978
28023
  --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27979
28024
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27980
- --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
27981
- --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
27982
- --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
27983
- --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
28025
+ --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--sm);
28026
+ --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--sm);
28027
+ --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--md);
28028
+ --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--md);
27984
28029
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
27985
- --pf-v6-c-table__button--BackgroundColor: transparent;
28030
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
27986
28031
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27987
28032
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
27988
28033
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27989
- --pf-v6-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27990
- --pf-v6-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
28034
+ --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
27991
28035
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27992
28036
  --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
27993
28037
  --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
27994
28038
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
27995
28039
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
27996
- --pf-v6-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
27997
- --pf-v6-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
27998
28040
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27999
28041
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28000
28042
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
28001
28043
  --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
28002
28044
  --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
28003
- --pf-v6-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
28004
- --pf-v6-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
28005
28045
  --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
28006
28046
  --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
28007
28047
  --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
@@ -28010,6 +28050,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28010
28050
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28011
28051
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
28012
28052
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
28053
+ --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
28054
+ --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
28013
28055
  --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
28014
28056
  --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
28015
28057
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
@@ -28018,35 +28060,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28018
28060
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
28019
28061
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
28020
28062
  --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
28021
- --pf-v6-c-table__expandable-row--after--Top: calc(var(--pf-v6-c-table--border-width--base) * -1);
28022
- --pf-v6-c-table__expandable-row--after--Bottom: calc(var(--pf-v6-c-table--border-width--base) * -1);
28023
- --pf-v6-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28024
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
28025
- --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
28026
28063
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28027
28064
  --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
28028
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
28029
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
28030
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
28031
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28032
- --pf-v6-c-table__sort__button--MarginTop: calc(var(--pf-v6-c-table__sort__button--PaddingTop) * -1);
28065
+ --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
28066
+ --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
28067
+ --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
28068
+ --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
28033
28069
  --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
28034
28070
  --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
28035
28071
  --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
28036
- --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
28072
+ --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
28037
28073
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
28038
28074
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
28039
28075
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
28040
- --pf-v6-c-table__sort__button--focus__text--Color: currentcolor;
28041
- --pf-v6-c-table__sort__button--active__text--Color: currentcolor;
28042
28076
  --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
28043
28077
  --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28044
28078
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28045
28079
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28046
- --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
28080
+ --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
28047
28081
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28048
- --pf-v6-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28049
- --pf-v6-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28050
28082
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
28051
28083
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
28052
28084
  --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
@@ -28055,19 +28087,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28055
28087
  --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28056
28088
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28057
28089
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28058
- --pf-v6-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
28059
- --pf-v6-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
28060
- --pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
28061
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
28062
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
28063
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28064
- --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);
28065
- --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);
28066
- --pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28067
28090
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
28068
28091
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28069
- --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);
28070
- --pf-v6-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28092
+ --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
28071
28093
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28072
28094
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28073
28095
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
@@ -28077,47 +28099,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28077
28099
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
28078
28100
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
28079
28101
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28080
- --pf-v6-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28081
28102
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
28082
- --pf-v6-c-table__tr--m-clickable--BoxShadow: none;
28083
28103
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28084
- --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);
28085
28104
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28086
- --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);
28087
- --pf-v6-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28088
- --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);
28089
- --pf-v6-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28090
- --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);
28091
- --pf-v6-c-table__tr--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28092
28105
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28093
- --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);
28094
28106
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28095
- --pf-v6-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
28096
- --pf-v6-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
28097
- --pf-v6-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28098
- --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);
28099
- --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);
28100
- --pf-v6-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28101
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: none;
28102
28107
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
28103
28108
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28104
- --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);
28105
28109
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28106
- --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);
28107
- --pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28108
- --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);
28109
- --pf-v6-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28110
28110
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28111
- --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);
28112
28111
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28113
- --pf-v6-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v6-c-table__tr--BoxShadow--top--base);
28114
- --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);
28115
28112
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28116
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v6-c-table__expandable-row--after--border-width--base));
28117
- --pf-v6-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28118
- --pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28119
- --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);
28120
- --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);
28121
28113
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28122
28114
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28123
28115
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -28129,7 +28121,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28129
28121
  }
28130
28122
 
28131
28123
  .pf-v6-c-table {
28132
- color: var(--pf-v6-global--Color--100);
28133
28124
  width: 100%;
28134
28125
  background-color: var(--pf-v6-c-table--BackgroundColor);
28135
28126
  }
@@ -28139,18 +28130,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28139
28130
  .pf-v6-c-table.pf-m-sticky-header {
28140
28131
  position: relative;
28141
28132
  }
28142
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) {
28143
- border-block-end: 0;
28144
- }
28145
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > * {
28133
+ .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28146
28134
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28147
28135
  }
28148
- .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > * {
28136
+ .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28149
28137
  position: sticky;
28150
28138
  inset-block-start: 0;
28151
28139
  background: var(--pf-v6-c-table--BackgroundColor);
28152
28140
  }
28153
- .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > *::after {
28141
+ .pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > :where(th, td)::after {
28154
28142
  position: absolute;
28155
28143
  inset-block-end: 0;
28156
28144
  inset-inline-start: 0;
@@ -28186,14 +28174,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28186
28174
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28187
28175
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
28188
28176
  }
28189
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
28190
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28191
- }
28192
28177
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
28193
28178
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
28194
28179
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
28195
28180
  }
28196
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
28181
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28197
28182
  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
28198
28183
  position: relative;
28199
28184
  width: var(--pf-v6-c-table--cell--Width);
@@ -28212,39 +28197,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28212
28197
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28213
28198
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28214
28199
  }
28215
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
28200
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
28216
28201
  padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingLeft));
28217
28202
  }
28218
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
28203
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
28219
28204
  padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingRight));
28220
28205
  }
28221
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-center {
28206
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
28222
28207
  text-align: center;
28223
28208
  }
28224
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:empty {
28209
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):empty {
28225
28210
  width: auto;
28226
28211
  min-width: 0;
28227
28212
  padding: 0;
28228
28213
  }
28229
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-help {
28214
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-help {
28230
28215
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--cell--m-help--MinWidth);
28231
28216
  }
28232
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-favorite {
28217
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite {
28233
28218
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table--cell--m-favorite--Color);
28234
28219
  --pf-v6-c-table__sort--MinWidth: fit-content;
28235
28220
  --pf-v6-c-table--cell--MaxWidth: fit-content;
28236
28221
  --pf-v6-c-table--cell--Overflow: visible;
28237
28222
  }
28238
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-right::before, .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-left::before {
28223
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before, .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
28239
28224
  position: absolute;
28240
28225
  inset: 0;
28241
28226
  pointer-events: none;
28242
28227
  content: "";
28243
28228
  }
28244
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-right::before {
28229
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before {
28245
28230
  border-inline-end: var(--pf-v6-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v6-c-table--cell--m-border-right--before--BorderRightColor);
28246
28231
  }
28247
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *.pf-m-border-left::before {
28232
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
28248
28233
  border-inline-start: var(--pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v6-c-table--cell--m-border-left--before--BorderLeftColor);
28249
28234
  }
28250
28235
  .pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
@@ -28259,7 +28244,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28259
28244
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
28260
28245
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
28261
28246
  --pf-v6-c-table--cell--FontWeight: var(--pf-v6-c-table__thead--cell--FontWeight);
28262
- vertical-align: baseline;
28263
28247
  }
28264
28248
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
28265
28249
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
@@ -28280,24 +28264,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28280
28264
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
28281
28265
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
28282
28266
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
28283
- vertical-align: top;
28284
28267
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
28285
28268
  }
28286
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > * {
28269
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28287
28270
  overflow-wrap: break-word;
28288
28271
  }
28289
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child::after {
28290
- position: absolute;
28291
- inset-block-start: var(--pf-v6-c-table__expandable-row--after--Top);
28292
- inset-block-end: var(--pf-v6-c-table__expandable-row--after--Bottom);
28293
- inset-inline-start: 0;
28294
- content: "";
28295
- background-color: transparent;
28296
- border-inline-start: var(--pf-v6-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v6-c-table__expandable-row--after--BorderColor);
28297
- }
28298
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v6-c-table__control-row) {
28299
- border-block-end-width: 0;
28300
- }
28301
28272
  .pf-v6-c-table .pf-v6-c-table__sort {
28302
28273
  min-width: var(--pf-v6-c-table__sort--MinWidth);
28303
28274
  }
@@ -28341,18 +28312,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28341
28312
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
28342
28313
  border-block-end: 0;
28343
28314
  }
28344
- .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 {
28345
- border-inline-start: 0;
28346
- }
28347
28315
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody):not(.pf-m-expanded) .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
28348
28316
  display: none;
28349
28317
  }
28350
- .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 {
28351
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28352
- }
28353
- .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 {
28354
- border-inline-start-width: 0;
28355
- }
28356
28318
  .pf-v6-c-table tr.pf-m-clickable:last-child {
28357
28319
  border-block-end-color: transparent;
28358
28320
  }
@@ -28360,9 +28322,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28360
28322
  cursor: pointer;
28361
28323
  background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28362
28324
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28363
- box-shadow: var(--pf-v6-c-table__tr--m-clickable--BoxShadow);
28364
28325
  }
28365
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:hover, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:focus, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:active {
28326
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28366
28327
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28367
28328
  }
28368
28329
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
@@ -28371,16 +28332,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28371
28332
  position: relative;
28372
28333
  background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28373
28334
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28374
- box-shadow: var(--pf-v6-c-table__tr--m-selected--BoxShadow);
28375
- }
28376
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected + tr:where(.pf-v6-c-table__tr).pf-m-selected {
28377
- box-shadow: var(--pf-v6-c-table__tr--m-selected--m-selected--BoxShadow);
28378
- }
28379
- .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 {
28380
- box-shadow: var(--pf-v6-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
28381
- }
28382
- .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 {
28383
- box-shadow: var(--pf-v6-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
28384
28335
  }
28385
28336
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset {
28386
28337
  --pf-v6-c-table--cell--first-last-child--PaddingLeft: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
@@ -28389,41 +28340,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28389
28340
  cursor: pointer;
28390
28341
  background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28391
28342
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28392
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--BoxShadow);
28393
28343
  }
28394
28344
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
28395
28345
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor);
28396
28346
  }
28397
- .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 {
28398
- box-shadow: var(--pf-v6-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
28399
- }
28400
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:hover {
28401
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--hover--BoxShadow);
28347
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28402
28348
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
28403
28349
  }
28404
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:focus {
28405
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--focus--BoxShadow);
28406
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--focus--BackgroundColor);
28407
- }
28408
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:active {
28409
- --pf-v6-c-table__tbody--m-clickable--BoxShadow: var(--pf-v6-c-table__tbody--m-clickable--active--BoxShadow);
28410
- --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--active--BackgroundColor);
28411
- }
28412
28350
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28413
28351
  --pf-v6-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth);
28414
28352
  --pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftColor);
28415
28353
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28416
28354
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
28417
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--BoxShadow);
28418
- }
28419
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected + tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28420
- --pf-v6-c-table__tbody--m-selected--BoxShadow: var(--pf-v6-c-table__tbody--m-selected--m-selected--BoxShadow);
28421
- }
28422
- .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 {
28423
- box-shadow: var(--pf-v6-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
28424
- }
28425
- .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 {
28426
- box-shadow: var(--pf-v6-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
28427
28355
  }
28428
28356
  .pf-v6-c-table.pf-m-drag-over {
28429
28357
  overflow-anchor: none;
@@ -28445,19 +28373,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28445
28373
  .pf-v6-c-table__text.pf-m-truncate {
28446
28374
  --pf-v6-c-table--cell--MinWidth: 100%;
28447
28375
  }
28448
- .pf-v6-c-table__text.pf-m-truncate > * {
28376
+ .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
28449
28377
  overflow: var(--pf-v6-c-table--cell--Overflow);
28450
28378
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28451
28379
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28452
28380
  }
28453
28381
 
28382
+ .pf-v6-c-table__tr.pf-m-border-row {
28383
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28384
+ }
28385
+
28454
28386
  .pf-v6-c-table__button {
28455
- position: static;
28456
28387
  width: auto;
28457
28388
  padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
28458
28389
  padding-block-end: var(--pf-v6-c-table__button--PaddingBottom);
28459
28390
  padding-inline-start: var(--pf-v6-c-table__button--PaddingLeft);
28460
28391
  padding-inline-end: var(--pf-v6-c-table__button--PaddingRight);
28392
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBottom) * -1);
28461
28393
  margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
28462
28394
  font-size: inherit;
28463
28395
  font-weight: inherit;
@@ -28472,24 +28404,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28472
28404
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
28473
28405
  margin-block-end: 0;
28474
28406
  }
28475
- .pf-v6-c-table__button::before {
28476
- position: absolute;
28477
- inset-block-start: 0;
28478
- inset-block-end: 0;
28479
- inset-inline-start: 0;
28480
- inset-inline-end: 0;
28481
- cursor: pointer;
28482
- content: "";
28483
- }
28484
- .pf-v6-c-table__button:hover {
28407
+ .pf-v6-c-table__button:is(:hover, :focus) {
28485
28408
  color: var(--pf-v6-c-table__button--hover--Color);
28486
28409
  }
28487
- .pf-v6-c-table__button:focus {
28488
- color: var(--pf-v6-c-table__button--focus--Color);
28489
- }
28490
- .pf-v6-c-table__button:active {
28491
- color: var(--pf-v6-c-table__button--active--Color);
28492
- }
28493
28410
 
28494
28411
  .pf-v6-c-table__sort .pf-v6-c-table__text,
28495
28412
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__text {
@@ -28568,24 +28485,27 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28568
28485
  .pf-v6-c-table__check {
28569
28486
  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__check--PaddingLeft);
28570
28487
  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__check--PaddingRight);
28488
+ vertical-align: top;
28571
28489
  }
28572
- .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28573
- display: inline-flex;
28490
+ .pf-v6-c-table__check .pf-v6-c-check {
28491
+ --pf-v6-c-check__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
28492
+ --pf-v6-c-check__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
28574
28493
  }
28575
- thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28576
- vertical-align: bottom;
28494
+ .pf-v6-c-table__check .pf-v6-c-radio {
28495
+ --pf-v6-c-radio__label--FontSize: var(--pf-v6-c-table--cell--FontSize);
28496
+ --pf-v6-c-radio__label--LineHeight: var(--pf-v6-c-table--cell--LineHeight);
28577
28497
  }
28578
- tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28579
- vertical-align: top;
28498
+ thead .pf-v6-c-table__check {
28499
+ vertical-align: bottom;
28580
28500
  }
28581
- .pf-v6-c-table__check label {
28582
- display: contents;
28501
+ thead .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone,
28502
+ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28503
+ display: table-cell;
28504
+ height: auto;
28505
+ line-height: 1;
28506
+ vertical-align: baseline;
28583
28507
  }
28584
28508
 
28585
- .pf-v6-c-table__favorite {
28586
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__favorite--PaddingLeft);
28587
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__favorite--PaddingRight);
28588
- }
28589
28509
  .pf-v6-c-table__favorite .pf-v6-c-button {
28590
28510
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
28591
28511
  }
@@ -28601,10 +28521,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28601
28521
  }
28602
28522
 
28603
28523
  .pf-v6-c-table__action,
28524
+ .pf-v6-c-table__favorite,
28604
28525
  .pf-v6-c-table__inline-edit-action,
28605
28526
  .pf-v6-c-table__draggable {
28606
28527
  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__action--PaddingTop);
28607
28528
  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__action--PaddingBottom);
28529
+ --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__action--PaddingLeft);
28530
+ --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__action--PaddingRight);
28608
28531
  }
28609
28532
 
28610
28533
  .pf-v6-c-table__action:last-child,
@@ -28615,8 +28538,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28615
28538
  .pf-v6-c-table__compound-expansion-toggle {
28616
28539
  --pf-v6-c-table__button--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--Color);
28617
28540
  --pf-v6-c-table__button--hover--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--Color);
28618
- --pf-v6-c-table__button--focus--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--focus--Color);
28619
- --pf-v6-c-table__button--active--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--active--Color);
28620
28541
  position: relative;
28621
28542
  padding: 0;
28622
28543
  }
@@ -28630,42 +28551,18 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28630
28551
  margin: 0;
28631
28552
  overflow: hidden;
28632
28553
  }
28633
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:hover, .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:focus, .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:active {
28554
+ .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button:is(:hover, :focus) {
28634
28555
  outline: 0;
28635
28556
  }
28636
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before,
28637
28557
  .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28638
28558
  position: absolute;
28639
28559
  inset: 0;
28640
28560
  content: "";
28641
- border-style: solid;
28642
- border-width: 0;
28643
- }
28644
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::before {
28645
- inset-block-start: 0;
28646
- inset-block-end: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Bottom);
28647
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--before--Left);
28648
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderColor);
28649
- border-inline-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
28650
- border-inline-end-width: var(--pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
28651
- }
28652
- .pf-v6-c-table__compound-expansion-toggle .pf-v6-c-table__button::after {
28653
- inset-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Top);
28654
- inset-inline-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--Left);
28655
- pointer-events: none;
28656
- border-color: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
28657
- border-block-start-width: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth);
28561
+ border: 0;
28562
+ border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
28658
28563
  }
28659
28564
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within, .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded {
28660
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28661
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28662
- --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--after--border-width--base);
28663
- }
28664
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded .pf-v6-c-table__button::before {
28665
- border-block-end: var(--pf-v6-c-table--BackgroundColor) solid var(--pf-v6-c-table__compound-expansion-toggle__button--before--border-width--base);
28666
- }
28667
- .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
28668
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28565
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth);
28669
28566
  }
28670
28567
  .pf-v6-c-table__compound-expansion-toggle:focus-within {
28671
28568
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
@@ -28681,17 +28578,13 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28681
28578
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginLeft);
28682
28579
  }
28683
28580
 
28684
- .pf-v6-c-table__sort .pf-v6-c-table__button:hover {
28581
+ .pf-v6-c-table__sort {
28582
+ vertical-align: bottom;
28583
+ }
28584
+ .pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus) {
28685
28585
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
28686
28586
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
28687
- }
28688
- .pf-v6-c-table__sort .pf-v6-c-table__button:focus {
28689
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--focus__sort-indicator--Color);
28690
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--focus__text--Color);
28691
- }
28692
- .pf-v6-c-table__sort .pf-v6-c-table__button:active {
28693
- --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--active__sort-indicator--Color);
28694
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--active__text--Color);
28587
+ --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
28695
28588
  }
28696
28589
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
28697
28590
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -28707,23 +28600,21 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28707
28600
  .pf-v6-c-table__sort.pf-m-favorite {
28708
28601
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-favorite__button__text--Color);
28709
28602
  --pf-v6-c-table__sort__button--hover__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--hover__text--Color);
28710
- --pf-v6-c-table__sort__button--focus__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--focus__text--Color);
28711
- --pf-v6-c-table__sort__button--active__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--active__text--Color);
28712
28603
  --pf-v6-c-table__sort--m-selected__button__text--Color: currentcolor;
28713
28604
  }
28714
28605
 
28715
28606
  .pf-v6-c-table__sort-indicator {
28716
28607
  grid-column: 2;
28608
+ align-self: end;
28717
28609
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
28610
+ font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
28718
28611
  color: var(--pf-v6-c-table__sort-indicator--Color);
28719
- color: var(--pf-v6-c-table__sort-indicator--FontSize);
28720
28612
  pointer-events: none;
28721
28613
  }
28722
28614
 
28723
28615
  .pf-v6-c-table__expandable-row {
28724
28616
  position: relative;
28725
28617
  border-block-end: 0 solid transparent;
28726
- box-shadow: 0 0 0 0 transparent;
28727
28618
  }
28728
28619
  .pf-v6-c-table__expandable-row,
28729
28620
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
@@ -28751,7 +28642,6 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28751
28642
  .pf-v6-c-table__expandable-row.pf-m-expanded {
28752
28643
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
28753
28644
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
28754
- box-shadow: var(--pf-v6-c-table__expandable-row--m-expanded--BoxShadow);
28755
28645
  }
28756
28646
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
28757
28647
  display: none;
@@ -28786,6 +28676,17 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28786
28676
  text-align: center;
28787
28677
  }
28788
28678
 
28679
+ .pf-v6-c-table__thead {
28680
+ vertical-align: bottom;
28681
+ }
28682
+
28683
+ .pf-v6-c-table__tbody {
28684
+ vertical-align: top;
28685
+ }
28686
+ .pf-v6-c-table__tbody .pf-v6-c-table__tr {
28687
+ border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28688
+ }
28689
+
28789
28690
  .pf-v6-c-table__icon-inline {
28790
28691
  display: flex;
28791
28692
  align-items: center;
@@ -28850,18 +28751,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28850
28751
  --pf-v6-c-table--cell--Width: 100%;
28851
28752
  }
28852
28753
 
28853
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
28854
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
28855
- }
28856
-
28857
- :where(.pf-theme-dark) .pf-v6-c-table {
28858
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-v6-global--BackgroundColor--150);
28859
- }
28860
- :where(.pf-theme-dark) .pf-v6-c-table__favorite .pf-v6-c-button:hover, :where(.pf-theme-dark) .pf-v6-c-table__favorite .pf-v6-c-button:focus {
28861
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-global--palette--gold-100);
28862
- }
28863
-
28864
- .pf-v6-c-table {
28754
+ :where(:root),
28755
+ :where(.pf-v6-c-table) {
28865
28756
  --pf-v6-c-table__sticky-cell--MinWidth--base: 12.5rem;
28866
28757
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28867
28758
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
@@ -28876,7 +28767,8 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28876
28767
  --pf-v6-c-table__sticky-cell--m-left--Left: 0;
28877
28768
  --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
28878
28769
  }
28879
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
28770
+ :where(:root) .pf-v6-c-table__sticky-cell,
28771
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell {
28880
28772
  --pf-v6-c-table--cell--Overflow: visible;
28881
28773
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
28882
28774
  position: sticky;
@@ -28887,18 +28779,24 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
28887
28779
  background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
28888
28780
  background-clip: padding-box;
28889
28781
  }
28890
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
28782
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-right::before,
28783
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
28891
28784
  --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
28892
28785
  --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28893
28786
  }
28894
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
28787
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-left::before,
28788
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
28895
28789
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28896
28790
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28897
28791
  }
28898
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-inline-end {
28792
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-right, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-end,
28793
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
28794
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
28899
28795
  --pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
28900
28796
  }
28901
- .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-inline-start {
28797
+ :where(:root) .pf-v6-c-table__sticky-cell.pf-m-left, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-start,
28798
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
28799
+ :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
28902
28800
  --pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
28903
28801
  }
28904
28802
 
@@ -29100,7 +28998,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29100
28998
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29101
28999
  align-items: start;
29102
29000
  }
29103
- .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29001
+ .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29104
29002
  grid-column: 2;
29105
29003
  }
29106
29004
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29240,7 +29138,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29240
29138
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29241
29139
  align-items: start;
29242
29140
  }
29243
- .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29141
+ .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29244
29142
  grid-column: 2;
29245
29143
  }
29246
29144
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29381,7 +29279,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29381
29279
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29382
29280
  align-items: start;
29383
29281
  }
29384
- .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29282
+ .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29385
29283
  grid-column: 2;
29386
29284
  }
29387
29285
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29522,7 +29420,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29522
29420
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29523
29421
  align-items: start;
29524
29422
  }
29525
- .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29423
+ .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29526
29424
  grid-column: 2;
29527
29425
  }
29528
29426
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -29663,7 +29561,7 @@ tbody .pf-v6-c-table__check .pf-v6-c-check.pf-m-standalone {
29663
29561
  grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29664
29562
  align-items: start;
29665
29563
  }
29666
- .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
29564
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
29667
29565
  grid-column: 2;
29668
29566
  }
29669
29567
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {