@patternfly/patternfly 5.0.0-alpha.2 → 5.0.0-alpha.21

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 (224) hide show
  1. package/README.md +1 -1
  2. package/RELEASE-NOTES.md +47 -0
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/pficon/pficon.scss +6 -0
  5. package/assets/pficon/pficon.woff +0 -0
  6. package/assets/pficon/pficon.woff2 +0 -0
  7. package/base/_chart-globals.scss +0 -4
  8. package/base/_common.scss +0 -22
  9. package/base/patternfly-common.css +0 -10
  10. package/base/patternfly-icons.css +5 -1
  11. package/base/patternfly-pf-icons.css +5 -1
  12. package/components/Accordion/accordion.css +2 -0
  13. package/components/Accordion/accordion.scss +2 -0
  14. package/components/AppLauncher/app-launcher.css +2 -0
  15. package/components/AppLauncher/app-launcher.scss +2 -0
  16. package/components/Breadcrumb/breadcrumb.css +2 -0
  17. package/components/Breadcrumb/breadcrumb.scss +2 -0
  18. package/components/CalendarMonth/calendar-month.css +1 -1
  19. package/components/CalendarMonth/calendar-month.scss +1 -1
  20. package/components/Card/card.css +9 -12
  21. package/components/Card/card.scss +11 -17
  22. package/components/ChipGroup/chip-group.css +27 -17
  23. package/components/ChipGroup/chip-group.scss +36 -22
  24. package/components/Content/content.css +6 -0
  25. package/components/Content/content.scss +8 -0
  26. package/components/ContextSelector/context-selector.css +5 -1
  27. package/components/ContextSelector/context-selector.scss +6 -2
  28. package/components/DataList/data-list.css +2 -1
  29. package/components/DataList/data-list.scss +2 -1
  30. package/components/Drawer/drawer.css +13 -14
  31. package/components/Drawer/drawer.scss +0 -1
  32. package/components/Dropdown/dropdown.css +27 -10
  33. package/components/Dropdown/dropdown.scss +22 -0
  34. package/components/EmptyState/empty-state.css +46 -52
  35. package/components/EmptyState/empty-state.scss +58 -57
  36. package/components/ExpandableSection/expandable-section.css +2 -0
  37. package/components/ExpandableSection/expandable-section.scss +2 -0
  38. package/components/FormControl/form-control.css +1 -1
  39. package/components/FormControl/themes/dark/form-control.scss +1 -1
  40. package/components/InputGroup/input-group.css +14 -0
  41. package/components/InputGroup/input-group.scss +9 -0
  42. package/components/InputGroup/themes/dark/input-group.scss +8 -0
  43. package/components/Label/label.css +2 -0
  44. package/components/Label/label.scss +2 -0
  45. package/components/LabelGroup/label-group.css +26 -22
  46. package/components/LabelGroup/label-group.scss +31 -26
  47. package/components/Login/login.css +1 -1
  48. package/components/Menu/menu.css +7 -0
  49. package/components/Menu/menu.scss +8 -0
  50. package/components/MenuToggle/menu-toggle.css +2 -0
  51. package/components/MenuToggle/menu-toggle.scss +2 -0
  52. package/components/ModalBox/modal-box.css +9 -8
  53. package/components/ModalBox/modal-box.scss +11 -11
  54. package/components/Page/page.css +60 -60
  55. package/components/Pagination/pagination.css +122 -2
  56. package/components/Pagination/pagination.scss +24 -1
  57. package/components/Popover/popover.css +2 -7
  58. package/components/Popover/themes/dark/popover.scss +2 -8
  59. package/components/Progress/progress.css +5 -2
  60. package/components/Progress/progress.scss +5 -2
  61. package/components/SearchInput/search-input.css +2 -0
  62. package/components/SearchInput/search-input.scss +2 -0
  63. package/components/Slider/slider.css +0 -7
  64. package/components/Slider/slider.scss +0 -9
  65. package/components/Table/table-grid.css +28 -28
  66. package/components/Table/table-tree-view.css +4 -4
  67. package/components/Table/table.css +4 -0
  68. package/components/Table/table.scss +4 -0
  69. package/components/Tabs/tabs.css +0 -4
  70. package/components/Tabs/tabs.scss +0 -7
  71. package/components/TextInputGroup/text-input-group.css +4 -2
  72. package/components/TextInputGroup/text-input-group.scss +4 -3
  73. package/components/Toolbar/toolbar.css +65 -37
  74. package/components/Toolbar/toolbar.scss +37 -3
  75. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  76. package/components/Tooltip/tooltip.css +7 -12
  77. package/components/Tooltip/tooltip.scss +6 -3
  78. package/components/TreeView/tree-view.css +7 -15
  79. package/components/TreeView/tree-view.scss +7 -18
  80. package/components/Wizard/wizard.css +2 -0
  81. package/components/Wizard/wizard.scss +2 -0
  82. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  83. package/docs/components/Accordion/examples/Accordion.md +12 -12
  84. package/docs/components/ActionList/examples/ActionList.md +6 -6
  85. package/docs/components/Alert/examples/Alert.md +19 -19
  86. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  87. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  88. package/docs/components/Avatar/examples/Avatar.md +11 -11
  89. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  90. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  91. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  92. package/docs/components/Badge/examples/Badge.md +5 -5
  93. package/docs/components/Banner/examples/Banner.md +8 -8
  94. package/docs/components/Brand/examples/Brand.md +9 -9
  95. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  96. package/docs/components/Button/examples/Button.md +35 -35
  97. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  98. package/docs/components/Card/examples/Card.md +61 -44
  99. package/docs/components/Check/examples/Check.md +15 -19
  100. package/docs/components/Chip/examples/Chip.md +13 -13
  101. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -344
  102. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  103. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  104. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  105. package/docs/components/Content/examples/Content.md +37 -9
  106. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  107. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  108. package/docs/components/DataList/examples/DataList.md +187 -148
  109. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  110. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  111. package/docs/components/Divider/examples/Divider.md +10 -10
  112. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  113. package/docs/components/Drawer/examples/Drawer.md +43 -43
  114. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  115. package/docs/components/Dropdown/examples/Dropdown.md +311 -71
  116. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  117. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  118. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  119. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  120. package/docs/components/Form/examples/Form.md +64 -64
  121. package/docs/components/FormControl/examples/FormControl.md +20 -20
  122. package/docs/components/HelperText/examples/HelperText.md +12 -12
  123. package/docs/components/Hint/examples/Hint.md +7 -7
  124. package/docs/components/Icon/examples/Icon.md +10 -10
  125. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  126. package/docs/components/InputGroup/examples/InputGroup.md +10 -9
  127. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  128. package/docs/components/Label/examples/Label.md +31 -31
  129. package/docs/components/LabelGroup/examples/LabelGroup.md +24 -36
  130. package/docs/components/List/examples/List.md +18 -18
  131. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  132. package/docs/components/Login/examples/Login.md +32 -32
  133. package/docs/components/Masthead/examples/masthead.md +9 -9
  134. package/docs/components/Menu/examples/Menu.md +82 -80
  135. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  136. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  137. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  138. package/docs/components/Nav/examples/Navigation.md +69 -69
  139. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  140. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  141. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  142. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  143. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  144. package/docs/components/Page/examples/Page.md +54 -54
  145. package/docs/components/Pagination/examples/Pagination.md +129 -30
  146. package/docs/components/Panel/examples/Panel.md +10 -10
  147. package/docs/components/Popover/examples/Popover.md +34 -34
  148. package/docs/components/Progress/examples/Progress.md +31 -60
  149. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  150. package/docs/components/Radio/examples/Radio.md +11 -11
  151. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  152. package/docs/components/Select/examples/Select.md +143 -143
  153. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  154. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  155. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  156. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  157. package/docs/components/Slider/examples/Slider.md +30 -30
  158. package/docs/components/Spinner/examples/Spinner.md +24 -24
  159. package/docs/components/Switch/examples/Switch.md +19 -19
  160. package/docs/components/TabContent/examples/TabContent.md +13 -13
  161. package/docs/components/Table/examples/Table.md +1272 -855
  162. package/docs/components/Tabs/examples/Tabs.md +149 -149
  163. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  164. package/docs/components/Tile/examples/Tile.md +15 -15
  165. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  166. package/docs/components/Title/examples/Title.md +17 -17
  167. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  168. package/docs/components/Toolbar/examples/Toolbar.md +165 -144
  169. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  170. package/docs/components/TreeView/examples/TreeView.md +34 -34
  171. package/docs/components/Truncate/examples/Truncate.md +4 -4
  172. package/docs/components/Wizard/examples/Wizard.md +63 -70
  173. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  174. package/docs/demos/Alert/examples/Alert.md +13 -13
  175. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  176. package/docs/demos/Banner/examples/Banner.md +10 -11
  177. package/docs/demos/Card/examples/Card.md +151 -116
  178. package/docs/demos/CardView/examples/CardView.md +16 -15
  179. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  180. package/docs/demos/Dashboard/examples/Dashboard.md +10 -9
  181. package/docs/demos/DataList/examples/DataList.md +160 -111
  182. package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -13
  183. package/docs/demos/Drawer/examples/Drawer.md +20 -20
  184. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  185. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  186. package/docs/demos/Masthead/examples/Masthead.md +32 -35
  187. package/docs/demos/Modal/examples/Modal.md +54 -66
  188. package/docs/demos/Nav/examples/Nav.md +720 -767
  189. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  190. package/docs/demos/Page/examples/Page.md +37 -37
  191. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  192. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +53 -49
  193. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  194. package/docs/demos/Table/examples/Table.md +522 -378
  195. package/docs/demos/Tabs/examples/Tabs.md +120 -601
  196. package/docs/demos/Toolbar/examples/Toolbar.md +1781 -171
  197. package/docs/demos/Wizard/examples/Wizard.md +229 -225
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  199. package/docs/layouts/Flex/examples/Flex.md +98 -98
  200. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  201. package/docs/layouts/Grid/examples/Grid.md +9 -9
  202. package/docs/layouts/Level/examples/Level.md +5 -5
  203. package/docs/layouts/Split/examples/Split.md +7 -7
  204. package/docs/layouts/Stack/examples/Stack.md +6 -6
  205. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  206. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  207. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  208. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  209. package/docs/utilities/Display/examples/Display.md +11 -11
  210. package/docs/utilities/Flex/examples/Flex.md +34 -34
  211. package/docs/utilities/Float/examples/Float.md +4 -4
  212. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  213. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  214. package/docs/utilities/Text/examples/Text.md +27 -27
  215. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  216. package/layouts/Grid/grid.css +5 -5
  217. package/package.json +59 -64
  218. package/patternfly-base-no-reset.css +5 -11
  219. package/patternfly-base.css +5 -11
  220. package/patternfly-no-reset.css +528 -336
  221. package/patternfly.css +528 -336
  222. package/patternfly.min.css +1 -1
  223. package/patternfly.min.css.map +1 -1
  224. package/sass-utilities/scss-variables.scss +0 -1
package/patternfly.css CHANGED
@@ -587,16 +587,6 @@
587
587
  font-weight: 300 700;
588
588
  font-display: fallback;
589
589
  }
590
- [class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
591
- padding: 0;
592
- margin: 0;
593
- background-color: transparent;
594
- }
595
-
596
- html {
597
- font-size: var(--pf-global--root--FontSize, unset) !important;
598
- }
599
-
600
590
  .pf-screen-reader {
601
591
  position: fixed;
602
592
  top: 0;
@@ -4966,7 +4956,7 @@ a {
4966
4956
  font-family: "pficon";
4967
4957
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4968
4958
  }
4969
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4959
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4970
4960
  font-family: "pficon";
4971
4961
  -webkit-font-smoothing: antialiased;
4972
4962
  -moz-osx-font-smoothing: grayscale;
@@ -5065,6 +5055,10 @@ a {
5065
5055
  content: "\e976";
5066
5056
  }
5067
5057
 
5058
+ .pf-icon-data-processor:before {
5059
+ content: "\e97b";
5060
+ }
5061
+
5068
5062
  .pf-icon-data-sink:before {
5069
5063
  content: "\e978";
5070
5064
  }
@@ -5770,6 +5764,7 @@ a {
5770
5764
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5771
5765
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5772
5766
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5767
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5773
5768
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5774
5769
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5775
5770
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5884,6 +5879,7 @@ a {
5884
5879
  padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
5885
5880
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5886
5881
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5882
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5887
5883
  border: 0;
5888
5884
  }
5889
5885
  .pf-c-accordion__toggle::after {
@@ -6351,6 +6347,7 @@ a {
6351
6347
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6352
6348
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6353
6349
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6350
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6354
6351
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6355
6352
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6356
6353
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6413,6 +6410,7 @@ a {
6413
6410
  .pf-c-app-launcher__toggle {
6414
6411
  padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
6415
6412
  color: var(--pf-c-app-launcher__toggle--Color);
6413
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6416
6414
  border: none;
6417
6415
  }
6418
6416
  .pf-c-app-launcher__toggle:hover {
@@ -7225,6 +7223,7 @@ a {
7225
7223
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7226
7224
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7227
7225
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7226
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7228
7227
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7229
7228
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7230
7229
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7267,6 +7266,7 @@ a {
7267
7266
  color: var(--pf-c-breadcrumb__link--Color);
7268
7267
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7269
7268
  word-break: break-word;
7269
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7270
7270
  }
7271
7271
  .pf-c-breadcrumb__link:hover {
7272
7272
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -7934,7 +7934,7 @@ button.pf-c-breadcrumb__link {
7934
7934
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
7935
7935
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
7936
7936
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
7937
- --pf-c-calendar-month__header-year--Width: 8ch;
7937
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
7938
7938
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
7939
7939
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
7940
7940
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
@@ -8189,7 +8189,9 @@ button.pf-c-breadcrumb__link {
8189
8189
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8190
8190
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8191
8191
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8192
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8192
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8193
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8194
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8193
8195
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8194
8196
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8195
8197
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8260,7 +8262,6 @@ button.pf-c-breadcrumb__link {
8260
8262
  --pf-c-card--m-plain--BackgroundColor: transparent;
8261
8263
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8262
8264
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8263
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8264
8265
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8265
8266
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8266
8267
  display: flex;
@@ -8406,13 +8407,11 @@ button.pf-c-breadcrumb__link {
8406
8407
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8407
8408
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8408
8409
  }
8409
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8410
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8411
- }
8412
8410
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8413
8411
  order: 2;
8414
8412
  }
8415
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8413
+
8414
+ .pf-c-card__header-main {
8416
8415
  flex: 1;
8417
8416
  }
8418
8417
 
@@ -8438,10 +8437,8 @@ button.pf-c-breadcrumb__link {
8438
8437
  align-self: flex-start;
8439
8438
  order: 1;
8440
8439
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8441
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8442
- }
8443
- .pf-c-card__actions > * + * {
8444
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8440
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8441
+ gap: var(--pf-c-card__actions--Gap);
8445
8442
  }
8446
8443
  .pf-c-card__actions + .pf-c-card__title,
8447
8444
  .pf-c-card__actions + .pf-c-card__body,
@@ -8449,8 +8446,8 @@ button.pf-c-breadcrumb__link {
8449
8446
  padding: 0;
8450
8447
  }
8451
8448
  .pf-c-card__actions.pf-m-no-offset {
8452
- --pf-c-card__header-toggle--MarginTop: 0;
8453
- --pf-c-card__header-toggle--MarginBottom: 0;
8449
+ --pf-c-card__actions--MarginTop: 0;
8450
+ --pf-c-card__actions--MarginBottom: 0;
8454
8451
  }
8455
8452
 
8456
8453
  .pf-c-card__header,
@@ -8749,28 +8746,39 @@ label.pf-c-check, .pf-c-check__label,
8749
8746
 
8750
8747
  .pf-c-chip-group {
8751
8748
  color: var(--pf-global--Color--100);
8752
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8753
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8749
+ --pf-c-chip-group--PaddingTop: 0;
8750
+ --pf-c-chip-group--PaddingRight: 0;
8751
+ --pf-c-chip-group--PaddingBottom: 0;
8752
+ --pf-c-chip-group--PaddingLeft: 0;
8753
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8754
+ --pf-c-chip-group--ColumnGap: 0;
8755
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8756
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8757
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8758
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8754
8759
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8755
8760
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8756
8761
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8757
8762
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8758
8763
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8759
8764
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8760
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8761
8765
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8762
8766
  --pf-c-chip-group__label--MaxWidth: 18ch;
8763
8767
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8764
8768
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8765
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8766
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8767
8769
  max-width: 100%;
8770
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8771
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8772
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8773
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8774
+ row-gap: var(--pf-c-chip-group--RowGap);
8775
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8768
8776
  }
8769
8777
  .pf-c-chip-group.pf-m-category {
8770
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8771
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8772
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8773
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8778
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8779
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8780
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8781
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8774
8782
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8775
8783
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8776
8784
  }
@@ -8781,11 +8789,8 @@ label.pf-c-check, .pf-c-check__label,
8781
8789
  flex-wrap: wrap;
8782
8790
  align-items: baseline;
8783
8791
  min-width: 0;
8784
- }
8785
-
8786
- .pf-c-chip-group__list {
8787
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8788
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8792
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8793
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8789
8794
  }
8790
8795
 
8791
8796
  .pf-c-chip-group,
@@ -8796,11 +8801,14 @@ label.pf-c-check, .pf-c-check__label,
8796
8801
  min-width: 0;
8797
8802
  }
8798
8803
 
8804
+ .pf-c-chip-group__list {
8805
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8806
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8807
+ }
8808
+
8799
8809
  .pf-c-chip-group__list-item {
8800
8810
  display: inline-flex;
8801
8811
  min-width: 0;
8802
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8803
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8804
8812
  }
8805
8813
 
8806
8814
  .pf-c-chip-group__label {
@@ -8808,7 +8816,6 @@ label.pf-c-check, .pf-c-check__label,
8808
8816
  text-overflow: ellipsis;
8809
8817
  white-space: nowrap;
8810
8818
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8811
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8812
8819
  font-size: var(--pf-c-chip-group__label--FontSize);
8813
8820
  }
8814
8821
 
@@ -9300,6 +9307,12 @@ label.pf-c-check, .pf-c-check__label,
9300
9307
  .pf-c-content ul {
9301
9308
  margin: 0;
9302
9309
  }
9310
+ .pf-c-content ol.pf-m-plain,
9311
+ .pf-c-content ul.pf-m-plain {
9312
+ padding-left: 0;
9313
+ margin-left: 0;
9314
+ list-style: none;
9315
+ }
9303
9316
  .pf-c-content h1 {
9304
9317
  margin-top: var(--pf-c-content--h1--MarginTop);
9305
9318
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
@@ -9437,6 +9450,7 @@ label.pf-c-check, .pf-c-check__label,
9437
9450
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9438
9451
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9439
9452
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9453
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9440
9454
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9441
9455
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9442
9456
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9475,6 +9489,7 @@ label.pf-c-check, .pf-c-check__label,
9475
9489
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9476
9490
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9477
9491
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9492
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9478
9493
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9479
9494
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9480
9495
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9586,6 +9601,7 @@ label.pf-c-check, .pf-c-check__label,
9586
9601
  color: var(--pf-c-context-selector__toggle--Color);
9587
9602
  white-space: nowrap;
9588
9603
  cursor: pointer;
9604
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9589
9605
  border: none;
9590
9606
  }
9591
9607
  .pf-c-context-selector__toggle::before {
@@ -9694,11 +9710,12 @@ label.pf-c-check, .pf-c-check__label,
9694
9710
  padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
9695
9711
  color: var(--pf-c-context-selector__menu-list-item--Color);
9696
9712
  white-space: nowrap;
9713
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9697
9714
  border: none;
9698
9715
  }
9699
9716
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9717
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9700
9718
  text-decoration: none;
9701
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9702
9719
  }
9703
9720
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9704
9721
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -10247,6 +10264,7 @@ label.pf-c-check, .pf-c-check__label,
10247
10264
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10248
10265
  --pf-c-data-list__toggle-icon--Rotate: 0;
10249
10266
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10267
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10250
10268
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10251
10269
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10252
10270
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10318,7 +10336,6 @@ label.pf-c-check, .pf-c-check__label,
10318
10336
  font-size: var(--pf-c-data-list--FontSize);
10319
10337
  line-height: var(--pf-c-data-list--LineHeight);
10320
10338
  overflow-wrap: break-word;
10321
- list-style-type: disc;
10322
10339
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10323
10340
  }
10324
10341
  @media screen and (min-width: 576px) {
@@ -10491,6 +10508,7 @@ label.pf-c-check, .pf-c-check__label,
10491
10508
  flex-direction: column;
10492
10509
  padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
10493
10510
  margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
10511
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10494
10512
  border: 0;
10495
10513
  }
10496
10514
  .pf-c-data-list__item-draggable-button:hover {
@@ -11316,13 +11334,17 @@ label.pf-c-check, .pf-c-check__label,
11316
11334
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11317
11335
  --pf-c-toolbar__item--Display: block;
11318
11336
  --pf-c-toolbar__item--MinWidth--base: auto;
11337
+ --pf-c-toolbar__item--AlignSelf: auto;
11319
11338
  --pf-c-toolbar__group--Display: flex;
11339
+ --pf-c-toolbar__group--AlignItems: baseline;
11340
+ --pf-c-toolbar__group--AlignSelf: auto;
11320
11341
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11321
11342
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11322
11343
  --pf-c-toolbar__content--Display: flex;
11323
11344
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11324
11345
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11325
11346
  --pf-c-toolbar__content-section--Display: flex;
11347
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11326
11348
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11327
11349
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11328
11350
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11444,9 +11466,22 @@ label.pf-c-check, .pf-c-check__label,
11444
11466
  .pf-c-toolbar__group {
11445
11467
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11446
11468
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11447
- align-items: center;
11469
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11470
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11448
11471
  margin-right: var(--pf-c-toolbar--spacer);
11449
11472
  }
11473
+ .pf-c-toolbar__group.pf-m-align-items-center {
11474
+ align-items: center;
11475
+ }
11476
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11477
+ align-items: baseline;
11478
+ }
11479
+ .pf-c-toolbar__group.pf-m-align-self-center {
11480
+ align-self: center;
11481
+ }
11482
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11483
+ align-self: baseline;
11484
+ }
11450
11485
  .pf-c-toolbar__group.pf-m-button-group {
11451
11486
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11452
11487
  }
@@ -11487,6 +11522,7 @@ label.pf-c-check, .pf-c-check__label,
11487
11522
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11488
11523
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11489
11524
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11525
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11490
11526
  width: var(--pf-c-toolbar__item--Width--base);
11491
11527
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11492
11528
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11541,6 +11577,12 @@ label.pf-c-check, .pf-c-check__label,
11541
11577
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
11542
11578
  }
11543
11579
  }
11580
+ .pf-c-toolbar__item.pf-m-align-self-center {
11581
+ align-self: center;
11582
+ }
11583
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11584
+ align-self: baseline;
11585
+ }
11544
11586
  .pf-c-toolbar__item.pf-m-overflow-menu {
11545
11587
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11546
11588
  }
@@ -11585,20 +11627,24 @@ label.pf-c-check, .pf-c-check__label,
11585
11627
  .pf-c-toolbar__content,
11586
11628
  .pf-c-toolbar__content-section {
11587
11629
  flex-wrap: wrap;
11588
- align-items: center;
11589
11630
  }
11590
11631
 
11591
11632
  .pf-c-toolbar__content {
11592
11633
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11593
11634
  position: relative;
11635
+ align-items: center;
11594
11636
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11595
11637
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11596
11638
  }
11597
11639
 
11598
11640
  .pf-c-toolbar__content-section {
11599
11641
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11642
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11600
11643
  width: 100%;
11601
11644
  }
11645
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11646
+ align-items: center;
11647
+ }
11602
11648
 
11603
11649
  .pf-c-toolbar__expandable-content {
11604
11650
  position: absolute;
@@ -11691,7 +11737,7 @@ label.pf-c-check, .pf-c-check__label,
11691
11737
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11692
11738
  }
11693
11739
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11694
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11740
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11695
11741
  display: flex;
11696
11742
  flex: 0 1 auto;
11697
11743
  }
@@ -11704,7 +11750,7 @@ label.pf-c-check, .pf-c-check__label,
11704
11750
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11705
11751
  }
11706
11752
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11707
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11753
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11708
11754
  display: flex;
11709
11755
  flex: 0 1 auto;
11710
11756
  }
@@ -11717,7 +11763,7 @@ label.pf-c-check, .pf-c-check__label,
11717
11763
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11718
11764
  }
11719
11765
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11720
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11766
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11721
11767
  display: flex;
11722
11768
  flex: 0 1 auto;
11723
11769
  }
@@ -11730,7 +11776,7 @@ label.pf-c-check, .pf-c-check__label,
11730
11776
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11731
11777
  }
11732
11778
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11733
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11779
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11734
11780
  display: flex;
11735
11781
  flex: 0 1 auto;
11736
11782
  }
@@ -11743,7 +11789,7 @@ label.pf-c-check, .pf-c-check__label,
11743
11789
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11744
11790
  }
11745
11791
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11746
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11792
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11747
11793
  display: flex;
11748
11794
  flex: 0 1 auto;
11749
11795
  }
@@ -11777,131 +11823,131 @@ label.pf-c-check, .pf-c-check__label,
11777
11823
  }
11778
11824
  @media (min-width: 576px) {
11779
11825
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11780
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11826
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11781
11827
  margin-left: auto;
11782
11828
  }
11783
11829
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11784
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11830
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11785
11831
  margin-left: 0;
11786
11832
  }
11787
11833
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11788
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11834
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11789
11835
  margin-left: 0;
11790
11836
  }
11791
11837
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11792
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11838
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11793
11839
  margin-left: auto;
11794
11840
  }
11795
11841
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11796
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11842
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11797
11843
  flex-wrap: nowrap;
11798
11844
  }
11799
11845
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11800
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11846
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11801
11847
  flex-wrap: wrap;
11802
11848
  }
11803
11849
  }
11804
11850
  @media (min-width: 768px) {
11805
11851
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11806
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11852
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11807
11853
  margin-left: auto;
11808
11854
  }
11809
11855
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11810
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11856
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11811
11857
  margin-left: 0;
11812
11858
  }
11813
11859
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11814
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11860
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11815
11861
  margin-left: 0;
11816
11862
  }
11817
11863
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11818
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11864
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11819
11865
  margin-left: auto;
11820
11866
  }
11821
11867
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11822
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11868
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11823
11869
  flex-wrap: nowrap;
11824
11870
  }
11825
11871
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11826
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11872
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11827
11873
  flex-wrap: wrap;
11828
11874
  }
11829
11875
  }
11830
11876
  @media (min-width: 992px) {
11831
11877
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11832
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11878
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11833
11879
  margin-left: auto;
11834
11880
  }
11835
11881
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11836
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11882
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11837
11883
  margin-left: 0;
11838
11884
  }
11839
11885
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11840
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11886
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11841
11887
  margin-left: 0;
11842
11888
  }
11843
11889
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11844
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11890
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11845
11891
  margin-left: auto;
11846
11892
  }
11847
11893
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11848
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11894
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11849
11895
  flex-wrap: nowrap;
11850
11896
  }
11851
11897
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11852
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11898
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11853
11899
  flex-wrap: wrap;
11854
11900
  }
11855
11901
  }
11856
11902
  @media (min-width: 1200px) {
11857
11903
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11858
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11904
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11859
11905
  margin-left: auto;
11860
11906
  }
11861
11907
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11862
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11908
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11863
11909
  margin-left: 0;
11864
11910
  }
11865
11911
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11866
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11912
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11867
11913
  margin-left: 0;
11868
11914
  }
11869
11915
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11870
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11916
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11871
11917
  margin-left: auto;
11872
11918
  }
11873
11919
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11874
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11920
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11875
11921
  flex-wrap: nowrap;
11876
11922
  }
11877
11923
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11878
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11924
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11879
11925
  flex-wrap: wrap;
11880
11926
  }
11881
11927
  }
11882
11928
  @media (min-width: 1450px) {
11883
11929
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11884
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11930
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11885
11931
  margin-left: auto;
11886
11932
  }
11887
11933
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11888
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11934
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11889
11935
  margin-left: 0;
11890
11936
  }
11891
11937
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11892
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11938
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11893
11939
  margin-left: 0;
11894
11940
  }
11895
11941
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11896
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11942
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11897
11943
  margin-left: auto;
11898
11944
  }
11899
11945
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11900
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11946
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11901
11947
  flex-wrap: nowrap;
11902
11948
  }
11903
11949
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11904
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11950
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11905
11951
  flex-wrap: wrap;
11906
11952
  }
11907
11953
  }
@@ -13133,7 +13179,6 @@ label.pf-c-check, .pf-c-check__label,
13133
13179
  }
13134
13180
 
13135
13181
  .pf-c-drawer__body {
13136
- min-height: 0;
13137
13182
  padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
13138
13183
  }
13139
13184
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13295,7 +13340,7 @@ label.pf-c-check, .pf-c-check__label,
13295
13340
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13296
13341
  }
13297
13342
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13298
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13343
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13299
13344
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13300
13345
  }
13301
13346
  .pf-c-drawer__splitter {
@@ -13384,15 +13429,15 @@ label.pf-c-check, .pf-c-check__label,
13384
13429
  }
13385
13430
  @media (min-width: 768px) {
13386
13431
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13387
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13432
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13388
13433
  flex-shrink: 1;
13389
13434
  }
13390
13435
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13391
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13436
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13392
13437
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13393
13438
  }
13394
13439
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13395
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13440
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13396
13441
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13397
13442
  }
13398
13443
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13445,15 +13490,15 @@ label.pf-c-check, .pf-c-check__label,
13445
13490
  }
13446
13491
  @media (min-width: 992px) {
13447
13492
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13448
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13493
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13449
13494
  flex-shrink: 1;
13450
13495
  }
13451
13496
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13452
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13497
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13453
13498
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13454
13499
  }
13455
13500
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13456
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13501
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13457
13502
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13458
13503
  }
13459
13504
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13506,15 +13551,15 @@ label.pf-c-check, .pf-c-check__label,
13506
13551
  }
13507
13552
  @media (min-width: 1200px) {
13508
13553
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13509
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13554
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13510
13555
  flex-shrink: 1;
13511
13556
  }
13512
13557
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13513
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13558
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13514
13559
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13515
13560
  }
13516
13561
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13517
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13562
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13518
13563
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13519
13564
  }
13520
13565
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13567,15 +13612,15 @@ label.pf-c-check, .pf-c-check__label,
13567
13612
  }
13568
13613
  @media (min-width: 1450px) {
13569
13614
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13570
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13615
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13571
13616
  flex-shrink: 1;
13572
13617
  }
13573
13618
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13574
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13619
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13575
13620
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13576
13621
  }
13577
13622
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13578
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13623
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13579
13624
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13580
13625
  }
13581
13626
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13722,6 +13767,9 @@ label.pf-c-check, .pf-c-check__label,
13722
13767
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13723
13768
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13724
13769
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13770
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13771
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13772
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13725
13773
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13726
13774
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13727
13775
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13933,13 +13981,19 @@ label.pf-c-check, .pf-c-check__label,
13933
13981
  align-items: center;
13934
13982
  cursor: pointer;
13935
13983
  }
13984
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13985
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13986
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13987
+ }
13936
13988
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13937
13989
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13938
13990
  cursor: pointer;
13991
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13939
13992
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13940
13993
  }
13941
13994
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13942
13995
  color: var(--pf-c-dropdown__toggle-button--Color);
13996
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13943
13997
  border: 0;
13944
13998
  }
13945
13999
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14131,6 +14185,14 @@ label.pf-c-check, .pf-c-check__label,
14131
14185
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14132
14186
  }
14133
14187
 
14188
+ .pf-c-dropdown__toggle-progress {
14189
+ position: absolute;
14190
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14191
+ }
14192
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14193
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14194
+ }
14195
+
14134
14196
  .pf-c-dropdown__menu {
14135
14197
  position: absolute;
14136
14198
  top: var(--pf-c-dropdown__menu--Top);
@@ -14166,51 +14228,51 @@ label.pf-c-check, .pf-c-check__label,
14166
14228
  }
14167
14229
  @media (min-width: 576px) {
14168
14230
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14169
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14231
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14170
14232
  right: 0;
14171
14233
  }
14172
14234
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14173
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14235
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14174
14236
  right: auto;
14175
14237
  }
14176
14238
  }
14177
14239
  @media (min-width: 768px) {
14178
14240
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14179
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14241
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14180
14242
  right: 0;
14181
14243
  }
14182
14244
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14183
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14245
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14184
14246
  right: auto;
14185
14247
  }
14186
14248
  }
14187
14249
  @media (min-width: 992px) {
14188
14250
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14189
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14251
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14190
14252
  right: 0;
14191
14253
  }
14192
14254
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14193
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14255
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14194
14256
  right: auto;
14195
14257
  }
14196
14258
  }
14197
14259
  @media (min-width: 1200px) {
14198
14260
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14199
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14261
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14200
14262
  right: 0;
14201
14263
  }
14202
14264
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14203
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14265
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14204
14266
  right: auto;
14205
14267
  }
14206
14268
  }
14207
14269
  @media (min-width: 1450px) {
14208
14270
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14209
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14271
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14210
14272
  right: 0;
14211
14273
  }
14212
14274
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14213
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14275
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14214
14276
  right: auto;
14215
14277
  }
14216
14278
  }
@@ -14364,38 +14426,39 @@ label.pf-c-check, .pf-c-check__label,
14364
14426
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14365
14427
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14366
14428
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14429
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14430
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14431
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14432
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14367
14433
  --pf-c-empty-state__content--MaxWidth: none;
14434
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14435
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14436
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14368
14437
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14369
14438
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14370
14439
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14371
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14440
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14441
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14442
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14443
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14444
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14445
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14446
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14447
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14448
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14449
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14372
14450
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14373
14451
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14374
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14375
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14376
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14377
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14378
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14379
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14380
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14381
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14452
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14382
14453
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14383
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14384
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14385
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14386
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14387
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14388
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14389
14454
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14390
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14391
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14392
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14393
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14394
14455
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14395
14456
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14396
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14397
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14398
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14457
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14458
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14459
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14460
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14461
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14399
14462
  display: flex;
14400
14463
  align-items: center;
14401
14464
  justify-content: center;
@@ -14407,17 +14470,12 @@ label.pf-c-check, .pf-c-check__label,
14407
14470
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14408
14471
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14409
14472
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14473
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14410
14474
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14411
14475
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14412
14476
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14413
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14414
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14415
- }
14416
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14417
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14418
- }
14419
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14420
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14477
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14478
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14421
14479
  }
14422
14480
  .pf-c-empty-state.pf-m-sm {
14423
14481
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14427,12 +14485,11 @@ label.pf-c-check, .pf-c-check__label,
14427
14485
  }
14428
14486
  .pf-c-empty-state.pf-m-xl {
14429
14487
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14488
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14430
14489
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14431
14490
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14432
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14433
- }
14434
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14435
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14491
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14492
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14436
14493
  }
14437
14494
  .pf-c-empty-state.pf-m-full-height {
14438
14495
  height: 100%;
@@ -14441,41 +14498,40 @@ label.pf-c-check, .pf-c-check__label,
14441
14498
  .pf-c-empty-state__content {
14442
14499
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14443
14500
  }
14444
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14445
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14446
- }
14447
14501
 
14448
14502
  .pf-c-empty-state__icon {
14449
14503
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14450
14504
  font-size: var(--pf-c-empty-state__icon--FontSize);
14505
+ line-height: 1;
14451
14506
  color: var(--pf-c-empty-state__icon--Color);
14452
14507
  }
14453
14508
 
14509
+ .pf-c-empty-state__title-text {
14510
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14511
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14512
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14513
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14514
+ }
14515
+
14454
14516
  .pf-c-empty-state__body {
14455
14517
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14518
+ font-size: var(--pf-c-empty-state--body--FontSize);
14456
14519
  color: var(--pf-c-empty-state__body--Color);
14457
14520
  }
14458
14521
 
14459
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14460
- .pf-c-empty-state__primary {
14461
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14462
- }
14463
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14464
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14465
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14522
+ .pf-c-empty-state__footer {
14523
+ display: flex;
14524
+ flex-direction: column;
14525
+ align-items: center;
14526
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14527
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14466
14528
  }
14467
14529
 
14468
- .pf-c-empty-state__secondary {
14530
+ .pf-c-empty-state__actions {
14469
14531
  display: flex;
14470
14532
  flex-wrap: wrap;
14471
14533
  justify-content: center;
14472
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14473
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14474
- }
14475
- .pf-c-empty-state__secondary > * {
14476
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14477
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14478
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14534
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14479
14535
  }
14480
14536
 
14481
14537
  .pf-c-expandable-section {
@@ -14489,6 +14545,7 @@ label.pf-c-check, .pf-c-check__label,
14489
14545
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14490
14546
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14491
14547
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14548
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14492
14549
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14493
14550
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14494
14551
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14574,6 +14631,7 @@ label.pf-c-check, .pf-c-check__label,
14574
14631
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14575
14632
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14576
14633
  color: var(--pf-c-expandable-section__toggle--Color);
14634
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14577
14635
  border: none;
14578
14636
  }
14579
14637
  .pf-c-expandable-section__toggle:hover {
@@ -15576,7 +15634,7 @@ textarea.pf-c-form-control {
15576
15634
  }
15577
15635
 
15578
15636
  :where(.pf-theme-dark) .pf-c-form-control {
15579
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
15637
+ --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
15580
15638
  --pf-c-form-control--BorderTopColor: transparent;
15581
15639
  --pf-c-form-control--BorderRightColor: transparent;
15582
15640
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -16026,6 +16084,9 @@ textarea.pf-c-form-control {
16026
16084
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
16027
16085
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
16028
16086
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
16087
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
16088
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
16089
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
16029
16090
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
16030
16091
  --pf-c-input-group--c-form-control--MarginRight: 0;
16031
16092
  color: var(--pf-global--Color--100);
@@ -16075,6 +16136,11 @@ label.pf-c-input-group__text {
16075
16136
  --pf-c-input-group__text--BorderWidth: 0;
16076
16137
  margin-left: 0;
16077
16138
  }
16139
+ .pf-c-input-group__text.pf-m-disabled {
16140
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
16141
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16142
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
16143
+ }
16078
16144
 
16079
16145
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16080
16146
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -16119,6 +16185,8 @@ label.pf-c-input-group__text {
16119
16185
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
16120
16186
  --pf-c-input-group__text--BorderLeftColor: transparent;
16121
16187
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16188
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16189
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
16122
16190
  }
16123
16191
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16124
16192
  margin-left: 0;
@@ -16133,6 +16201,10 @@ label.pf-c-input-group__text {
16133
16201
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16134
16202
  --pf-c-input-group__text--BackgroundColor: transparent;
16135
16203
  }
16204
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16205
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16206
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16207
+ }
16136
16208
 
16137
16209
  .pf-c-jump-links {
16138
16210
  --pf-c-jump-links__list--Display: flex;
@@ -16501,6 +16573,7 @@ label.pf-c-input-group__text {
16501
16573
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16502
16574
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16503
16575
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16576
+ --pf-c-label__content--BackgroundColor: transparent;
16504
16577
  --pf-c-label__content--MaxWidth: 100%;
16505
16578
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16506
16579
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -16748,6 +16821,7 @@ label.pf-c-input-group__text {
16748
16821
  white-space: nowrap;
16749
16822
  max-width: var(--pf-c-label__content--MaxWidth);
16750
16823
  color: var(--pf-c-label__content--Color);
16824
+ background-color: var(--pf-c-label__content--BackgroundColor);
16751
16825
  border-width: 0;
16752
16826
  }
16753
16827
  .pf-c-label__content::before {
@@ -16869,8 +16943,18 @@ button.pf-c-label__content:focus {
16869
16943
  }
16870
16944
 
16871
16945
  .pf-c-label-group {
16872
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16873
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16946
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16947
+ --pf-c-label-group--ColumnGap: 0;
16948
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16949
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16950
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16951
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16952
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16953
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16954
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16955
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16956
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16957
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16874
16958
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16875
16959
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16876
16960
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16880,20 +16964,14 @@ button.pf-c-label__content:focus {
16880
16964
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16881
16965
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16882
16966
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16883
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16884
- --pf-c-label-group__label--MarginBottom: 0;
16885
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16886
16967
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16887
16968
  --pf-c-label-group__label--MaxWidth: 18ch;
16888
16969
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16889
16970
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16890
16971
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16891
16972
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16892
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16893
16973
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16894
16974
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16895
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16896
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16897
16975
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16898
16976
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16899
16977
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
@@ -16901,6 +16979,8 @@ button.pf-c-label__content:focus {
16901
16979
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16902
16980
  display: inline-flex;
16903
16981
  align-items: center;
16982
+ row-gap: var(--pf-c-label-group--RowGap);
16983
+ column-gap: var(--pf-c-label-group--ColumnGap);
16904
16984
  }
16905
16985
  .pf-c-label-group.pf-m-category {
16906
16986
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -16912,11 +16992,12 @@ button.pf-c-label__content:focus {
16912
16992
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16913
16993
  }
16914
16994
  .pf-c-label-group.pf-m-vertical {
16915
- --pf-c-label-group__list--MarginRight: 0;
16916
- --pf-c-label-group__list--MarginBottom: 0;
16917
- --pf-c-label-group__list-item--MarginRight: 0;
16918
- --pf-c-label-group__label--MarginRight: 0;
16919
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16995
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16996
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16997
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16998
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16999
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
17000
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16920
17001
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16921
17002
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16922
17003
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16933,9 +17014,6 @@ button.pf-c-label__content:focus {
16933
17014
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16934
17015
  flex-direction: column;
16935
17016
  }
16936
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16937
- --pf-c-label-group__list-item--MarginBottom: 0;
16938
- }
16939
17017
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16940
17018
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16941
17019
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16957,19 +17035,19 @@ button.pf-c-label__content:focus {
16957
17035
  flex: 1;
16958
17036
  flex-wrap: wrap;
16959
17037
  align-items: baseline;
17038
+ row-gap: var(--pf-c-label-group__main--RowGap);
17039
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16960
17040
  }
16961
17041
 
16962
17042
  .pf-c-label-group__list {
16963
17043
  display: inline-flex;
16964
17044
  flex-wrap: wrap;
16965
- margin-right: var(--pf-c-label-group__list--MarginRight);
16966
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
17045
+ row-gap: var(--pf-c-label-group__list--RowGap);
17046
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16967
17047
  }
16968
17048
 
16969
17049
  .pf-c-label-group__list-item {
16970
17050
  display: inline-flex;
16971
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
16972
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
16973
17051
  }
16974
17052
 
16975
17053
  .pf-c-label-group__label {
@@ -16977,12 +17055,12 @@ button.pf-c-label__content:focus {
16977
17055
  text-overflow: ellipsis;
16978
17056
  white-space: nowrap;
16979
17057
  max-width: var(--pf-c-label-group__label--MaxWidth);
16980
- margin-right: var(--pf-c-label-group__label--MarginRight);
16981
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
16982
17058
  font-size: var(--pf-c-label-group__label--FontSize);
16983
17059
  }
16984
17060
 
16985
17061
  .pf-c-label-group__close {
17062
+ display: flex;
17063
+ align-self: start;
16986
17064
  margin-top: var(--pf-c-label-group__close--MarginTop);
16987
17065
  margin-right: var(--pf-c-label-group__close--MarginRight);
16988
17066
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -17481,7 +17559,7 @@ ul.pf-c-list {
17481
17559
  }
17482
17560
  @media (min-width: 768px) {
17483
17561
  .pf-c-login__main-header-utilities,
17484
- .pf-c-login__main-header .pf-c-dropdown {
17562
+ .pf-c-login__main-header .pf-c-dropdown {
17485
17563
  grid-column: 2/3;
17486
17564
  grid-row: 1;
17487
17565
  }
@@ -18360,6 +18438,7 @@ ul.pf-c-list {
18360
18438
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18361
18439
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18362
18440
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18441
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18363
18442
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18364
18443
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18365
18444
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18480,6 +18559,7 @@ ul.pf-c-list {
18480
18559
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
18481
18560
  position: relative;
18482
18561
  overflow: hidden;
18562
+ visibility: visible;
18483
18563
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
18484
18564
  }
18485
18565
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -18506,11 +18586,15 @@ ul.pf-c-list {
18506
18586
  }
18507
18587
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18508
18588
  overflow: visible;
18589
+ visibility: hidden;
18509
18590
  }
18510
18591
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18511
18592
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
18512
18593
  display: none;
18513
18594
  }
18595
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18596
+ visibility: hidden;
18597
+ }
18514
18598
  .pf-c-menu.pf-m-plain {
18515
18599
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18516
18600
  }
@@ -18786,6 +18870,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18786
18870
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18787
18871
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18788
18872
  color: var(--pf-c-menu__item-action--Color);
18873
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18789
18874
  border: none;
18790
18875
  }
18791
18876
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -18975,6 +19060,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18975
19060
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
18976
19061
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
18977
19062
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
19063
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
18978
19064
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
18979
19065
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
18980
19066
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19230,6 +19316,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19230
19316
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19231
19317
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19232
19318
  color: inherit;
19319
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19233
19320
  border: 0;
19234
19321
  }
19235
19322
 
@@ -19356,9 +19443,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19356
19443
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
19357
19444
  --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
19358
19445
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
19359
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
19360
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
19361
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19446
+ --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
19447
+ --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
19448
+ --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19362
19449
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
19363
19450
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
19364
19451
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -19410,13 +19497,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19410
19497
  .pf-c-modal-box.pf-m-info {
19411
19498
  --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
19412
19499
  }
19413
- .pf-c-modal-box > .pf-c-button {
19500
+
19501
+ .pf-c-modal-box__close {
19414
19502
  position: absolute;
19415
- top: var(--pf-c-modal-box--c-button--Top);
19416
- right: var(--pf-c-modal-box--c-button--Right);
19503
+ top: var(--pf-c-modal-box__close--Top);
19504
+ right: var(--pf-c-modal-box__close--Right);
19417
19505
  }
19418
- .pf-c-modal-box > .pf-c-button + * {
19419
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
19506
+ .pf-c-modal-box__close + * {
19507
+ margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
19420
19508
  }
19421
19509
 
19422
19510
  .pf-c-modal-box__header {
@@ -22008,24 +22096,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22008
22096
  }
22009
22097
  @media (min-height: 0) {
22010
22098
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
22011
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22012
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22013
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22014
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22015
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22016
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22099
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22100
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22101
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22102
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22103
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22104
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22017
22105
  position: sticky;
22018
22106
  top: 0;
22019
22107
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22020
22108
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22021
22109
  }
22022
22110
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
22023
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22024
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22025
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22026
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22027
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22028
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22111
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22112
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22113
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22114
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22115
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22116
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22029
22117
  position: sticky;
22030
22118
  bottom: 0;
22031
22119
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22034,24 +22122,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22034
22122
  }
22035
22123
  @media (min-height: 40rem) {
22036
22124
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
22037
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22038
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22039
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22040
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22041
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22042
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22125
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22126
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22127
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22128
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22129
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22130
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22043
22131
  position: sticky;
22044
22132
  top: 0;
22045
22133
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22046
22134
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22047
22135
  }
22048
22136
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
22049
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22050
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22051
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22052
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22053
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22054
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22137
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22138
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22139
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22140
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22141
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22142
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22055
22143
  position: sticky;
22056
22144
  bottom: 0;
22057
22145
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22060,24 +22148,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22060
22148
  }
22061
22149
  @media (min-height: 48rem) {
22062
22150
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22063
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22064
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22065
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22066
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22067
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22068
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22151
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22152
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22153
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22154
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22155
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22156
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22069
22157
  position: sticky;
22070
22158
  top: 0;
22071
22159
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22072
22160
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22073
22161
  }
22074
22162
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22075
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22076
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22077
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22078
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22079
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22080
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22163
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22164
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22165
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22166
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22167
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22168
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22081
22169
  position: sticky;
22082
22170
  bottom: 0;
22083
22171
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22086,24 +22174,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22086
22174
  }
22087
22175
  @media (min-height: 60rem) {
22088
22176
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22089
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22090
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22091
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22092
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22093
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22094
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22177
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22178
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22179
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22180
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22181
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22182
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22095
22183
  position: sticky;
22096
22184
  top: 0;
22097
22185
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22098
22186
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22099
22187
  }
22100
22188
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22101
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22102
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22103
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22104
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22105
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22106
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22189
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22190
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22191
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22192
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22193
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22194
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22107
22195
  position: sticky;
22108
22196
  bottom: 0;
22109
22197
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22112,24 +22200,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22112
22200
  }
22113
22201
  @media (min-height: 80rem) {
22114
22202
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22115
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22116
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22117
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22118
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22119
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22120
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22203
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22204
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22205
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22206
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22207
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22208
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22121
22209
  position: sticky;
22122
22210
  top: 0;
22123
22211
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22124
22212
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22125
22213
  }
22126
22214
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22127
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22128
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22129
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22130
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22131
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22132
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22215
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22216
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22217
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22218
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22219
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22220
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22133
22221
  position: sticky;
22134
22222
  bottom: 0;
22135
22223
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22486,6 +22574,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22486
22574
  }
22487
22575
 
22488
22576
  .pf-c-pagination {
22577
+ --pf-c-pagination--inset: 0;
22578
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22579
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22580
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22581
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22489
22582
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22490
22583
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22491
22584
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22541,6 +22634,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22541
22634
  flex-wrap: wrap;
22542
22635
  align-items: center;
22543
22636
  justify-content: flex-end;
22637
+ padding-right: var(--pf-c-pagination--PaddingRight);
22638
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22544
22639
  }
22545
22640
  @media screen and (min-width: 768px) {
22546
22641
  .pf-c-pagination {
@@ -22560,6 +22655,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22560
22655
  .pf-c-pagination {
22561
22656
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22562
22657
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22658
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22659
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22563
22660
  }
22564
22661
  }
22565
22662
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22615,8 +22712,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22615
22712
  padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
22616
22713
  }
22617
22714
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22618
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22619
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22715
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22716
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22620
22717
  display: block;
22621
22718
  }
22622
22719
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -22650,6 +22747,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22650
22747
  .pf-c-pagination.pf-m-compact {
22651
22748
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22652
22749
  }
22750
+ .pf-c-pagination.pf-m-page-insets {
22751
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22752
+ }
22653
22753
 
22654
22754
  .pf-c-pagination__nav {
22655
22755
  display: var(--pf-c-pagination__nav--Display);
@@ -22696,6 +22796,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22696
22796
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22697
22797
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22698
22798
  }
22799
+ .pf-c-pagination.pf-m-inset-none {
22800
+ --pf-c-pagination--inset: 0;
22801
+ }
22802
+ .pf-c-pagination.pf-m-inset-sm {
22803
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22804
+ }
22805
+ .pf-c-pagination.pf-m-inset-md {
22806
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22807
+ }
22808
+ .pf-c-pagination.pf-m-inset-lg {
22809
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22810
+ }
22811
+ .pf-c-pagination.pf-m-inset-xl {
22812
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22813
+ }
22814
+ .pf-c-pagination.pf-m-inset-2xl {
22815
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22816
+ }
22699
22817
  @media (min-width: 576px) {
22700
22818
  .pf-c-pagination.pf-m-display-summary-on-sm {
22701
22819
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22707,6 +22825,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22707
22825
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22708
22826
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22709
22827
  }
22828
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22829
+ --pf-c-pagination--inset: 0;
22830
+ }
22831
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22832
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22833
+ }
22834
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22835
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22836
+ }
22837
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22838
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22839
+ }
22840
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22841
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22842
+ }
22843
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22844
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22845
+ }
22710
22846
  }
22711
22847
  @media (min-width: 768px) {
22712
22848
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22719,6 +22855,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22719
22855
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22720
22856
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22721
22857
  }
22858
+ .pf-c-pagination.pf-m-inset-none-on-md {
22859
+ --pf-c-pagination--inset: 0;
22860
+ }
22861
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22862
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22863
+ }
22864
+ .pf-c-pagination.pf-m-inset-md-on-md {
22865
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22866
+ }
22867
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22868
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22869
+ }
22870
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22871
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22872
+ }
22873
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22874
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22875
+ }
22722
22876
  }
22723
22877
  @media (min-width: 992px) {
22724
22878
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22731,6 +22885,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22731
22885
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22732
22886
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22733
22887
  }
22888
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22889
+ --pf-c-pagination--inset: 0;
22890
+ }
22891
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22892
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22893
+ }
22894
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22895
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22896
+ }
22897
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22898
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22899
+ }
22900
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22901
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22902
+ }
22903
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22904
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22905
+ }
22734
22906
  }
22735
22907
  @media (min-width: 1200px) {
22736
22908
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22743,6 +22915,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22743
22915
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22744
22916
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22745
22917
  }
22918
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22919
+ --pf-c-pagination--inset: 0;
22920
+ }
22921
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22922
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22923
+ }
22924
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22925
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22926
+ }
22927
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22928
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22929
+ }
22930
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22931
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22932
+ }
22933
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22934
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22935
+ }
22746
22936
  }
22747
22937
  @media (min-width: 1450px) {
22748
22938
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22755,6 +22945,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22755
22945
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22756
22946
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22757
22947
  }
22948
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22949
+ --pf-c-pagination--inset: 0;
22950
+ }
22951
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22952
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22953
+ }
22954
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22955
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22956
+ }
22957
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22958
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22959
+ }
22960
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22961
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22962
+ }
22963
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22964
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22965
+ }
22758
22966
  }
22759
22967
 
22760
22968
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -23086,17 +23294,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23086
23294
  }
23087
23295
 
23088
23296
  :where(.pf-theme-dark) .pf-c-popover {
23089
- --pf-c-popover--BoxShadow: none;
23090
- --pf-c-popover__arrow--BoxShadow: none;
23091
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23297
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23298
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
23092
23299
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23093
23300
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23094
23301
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23095
23302
  }
23096
- :where(.pf-theme-dark) .pf-c-popover,
23097
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23098
- border: 4px solid var(--pf-global--BorderColor--400);
23099
- }
23100
23303
 
23101
23304
  .pf-c-progress {
23102
23305
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -23104,8 +23307,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23104
23307
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23105
23308
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23106
23309
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23310
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23107
23311
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23108
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23109
23312
  --pf-c-progress__bar--before--Opacity: .2;
23110
23313
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23111
23314
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23218,14 +23421,17 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23218
23421
  }
23219
23422
 
23220
23423
  .pf-c-progress__status {
23424
+ display: flex;
23425
+ align-items: flex-start;
23426
+ justify-content: flex-end;
23221
23427
  grid-column: 2/3;
23222
23428
  grid-row: 1/2;
23223
23429
  text-align: right;
23224
23430
  word-break: break-word;
23431
+ gap: var(--pf-c-progress__status--Gap);
23225
23432
  }
23226
23433
 
23227
23434
  .pf-c-progress__status-icon {
23228
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23229
23435
  color: var(--pf-c-progress__status-icon--Color);
23230
23436
  }
23231
23437
 
@@ -23990,6 +24196,7 @@ label.pf-c-radio, .pf-c-radio__label,
23990
24196
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
23991
24197
  --pf-c-search-input__text-input--MinWidth: 6ch;
23992
24198
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24199
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
23993
24200
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
23994
24201
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
23995
24202
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24077,6 +24284,7 @@ label.pf-c-radio, .pf-c-radio__label,
24077
24284
  width: 100%;
24078
24285
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24079
24286
  padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
24287
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24080
24288
  border: 0;
24081
24289
  }
24082
24290
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -25640,13 +25848,6 @@ label.pf-c-radio, .pf-c-radio__label,
25640
25848
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25641
25849
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25642
25850
  }
25643
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
25644
- align-items: center;
25645
- }
25646
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
25647
- position: absolute;
25648
- left: 100%;
25649
- }
25650
25851
  .pf-c-slider__value .pf-c-form-control {
25651
25852
  width: var(--pf-c-slider__value--c-form-control--Width);
25652
25853
  }
@@ -26520,7 +26721,7 @@ svg.pf-c-spinner.pf-m-xl {
26520
26721
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26521
26722
  }
26522
26723
  .pf-m-grid-md.pf-c-table tr:last-child,
26523
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26724
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26524
26725
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26525
26726
  }
26526
26727
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26665,7 +26866,7 @@ svg.pf-c-spinner.pf-m-xl {
26665
26866
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26666
26867
  }
26667
26868
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26668
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26869
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26669
26870
  position: relative;
26670
26871
  }
26671
26872
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26695,9 +26896,9 @@ svg.pf-c-spinner.pf-m-xl {
26695
26896
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26696
26897
  }
26697
26898
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26698
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26699
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26700
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26899
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26900
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26901
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26701
26902
  width: auto;
26702
26903
  padding: 0;
26703
26904
  }
@@ -26717,8 +26918,8 @@ svg.pf-c-spinner.pf-m-xl {
26717
26918
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26718
26919
  }
26719
26920
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26720
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26721
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26921
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26922
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26722
26923
  grid-row-start: 1;
26723
26924
  grid-column-start: 2;
26724
26925
  }
@@ -26835,7 +27036,7 @@ svg.pf-c-spinner.pf-m-xl {
26835
27036
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26836
27037
  }
26837
27038
  .pf-m-grid-lg.pf-c-table tr:last-child,
26838
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27039
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26839
27040
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26840
27041
  }
26841
27042
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -26980,7 +27181,7 @@ svg.pf-c-spinner.pf-m-xl {
26980
27181
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26981
27182
  }
26982
27183
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
26983
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27184
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
26984
27185
  position: relative;
26985
27186
  }
26986
27187
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27010,9 +27211,9 @@ svg.pf-c-spinner.pf-m-xl {
27010
27211
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27011
27212
  }
27012
27213
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27013
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27014
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27015
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27214
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27215
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27216
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27016
27217
  width: auto;
27017
27218
  padding: 0;
27018
27219
  }
@@ -27032,8 +27233,8 @@ svg.pf-c-spinner.pf-m-xl {
27032
27233
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27033
27234
  }
27034
27235
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27035
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27036
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27236
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27237
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27037
27238
  grid-row-start: 1;
27038
27239
  grid-column-start: 2;
27039
27240
  }
@@ -27150,7 +27351,7 @@ svg.pf-c-spinner.pf-m-xl {
27150
27351
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27151
27352
  }
27152
27353
  .pf-m-grid-xl.pf-c-table tr:last-child,
27153
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27354
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27154
27355
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27155
27356
  }
27156
27357
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27295,7 +27496,7 @@ svg.pf-c-spinner.pf-m-xl {
27295
27496
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27296
27497
  }
27297
27498
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27298
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27499
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27299
27500
  position: relative;
27300
27501
  }
27301
27502
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27325,9 +27526,9 @@ svg.pf-c-spinner.pf-m-xl {
27325
27526
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27326
27527
  }
27327
27528
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27328
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27329
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27330
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27529
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27530
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27531
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27331
27532
  width: auto;
27332
27533
  padding: 0;
27333
27534
  }
@@ -27347,8 +27548,8 @@ svg.pf-c-spinner.pf-m-xl {
27347
27548
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27348
27549
  }
27349
27550
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27350
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27351
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27551
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27552
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27352
27553
  grid-row-start: 1;
27353
27554
  grid-column-start: 2;
27354
27555
  }
@@ -27465,7 +27666,7 @@ svg.pf-c-spinner.pf-m-xl {
27465
27666
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27466
27667
  }
27467
27668
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27468
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27669
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27469
27670
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27470
27671
  }
27471
27672
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27610,7 +27811,7 @@ svg.pf-c-spinner.pf-m-xl {
27610
27811
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27611
27812
  }
27612
27813
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27613
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27814
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27614
27815
  position: relative;
27615
27816
  }
27616
27817
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27640,9 +27841,9 @@ svg.pf-c-spinner.pf-m-xl {
27640
27841
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27641
27842
  }
27642
27843
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27643
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27644
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27645
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27844
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27845
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27846
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27646
27847
  width: auto;
27647
27848
  padding: 0;
27648
27849
  }
@@ -27662,8 +27863,8 @@ svg.pf-c-spinner.pf-m-xl {
27662
27863
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27663
27864
  }
27664
27865
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27665
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27666
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27866
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27867
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27667
27868
  grid-row-start: 1;
27668
27869
  grid-column-start: 2;
27669
27870
  }
@@ -28445,6 +28646,10 @@ svg.pf-c-spinner.pf-m-xl {
28445
28646
  vertical-align: middle;
28446
28647
  }
28447
28648
 
28649
+ .pf-c-table__action {
28650
+ text-align: right;
28651
+ }
28652
+
28448
28653
  .pf-c-table__inline-edit-action {
28449
28654
  --pf-c-table--cell--PaddingLeft: 0;
28450
28655
  --pf-c-table--cell--PaddingRight: 0;
@@ -29149,7 +29354,7 @@ svg.pf-c-spinner.pf-m-xl {
29149
29354
  display: block;
29150
29355
  }
29151
29356
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29152
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29357
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29153
29358
  display: inline-block;
29154
29359
  }
29155
29360
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29290,7 +29495,7 @@ svg.pf-c-spinner.pf-m-xl {
29290
29495
  display: block;
29291
29496
  }
29292
29497
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29293
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29498
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29294
29499
  display: inline-block;
29295
29500
  }
29296
29501
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29431,7 +29636,7 @@ svg.pf-c-spinner.pf-m-xl {
29431
29636
  display: block;
29432
29637
  }
29433
29638
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29434
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29639
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29435
29640
  display: inline-block;
29436
29641
  }
29437
29642
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29572,7 +29777,7 @@ svg.pf-c-spinner.pf-m-xl {
29572
29777
  display: block;
29573
29778
  }
29574
29779
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29575
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29780
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29576
29781
  display: inline-block;
29577
29782
  }
29578
29783
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -29742,7 +29947,6 @@ svg.pf-c-spinner.pf-m-xl {
29742
29947
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
29743
29948
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29744
29949
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
29745
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
29746
29950
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
29747
29951
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
29748
29952
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -30216,9 +30420,6 @@ svg.pf-c-spinner.pf-m-xl {
30216
30420
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
30217
30421
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
30218
30422
  }
30219
- .pf-c-tabs__item-action.pf-m-help {
30220
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
30221
- }
30222
30423
  .pf-c-tabs__item-action:last-child {
30223
30424
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
30224
30425
  }
@@ -30529,7 +30730,8 @@ svg.pf-c-spinner.pf-m-xl {
30529
30730
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30530
30731
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30531
30732
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30532
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30733
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30734
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30533
30735
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30534
30736
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30535
30737
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30629,6 +30831,7 @@ svg.pf-c-spinner.pf-m-xl {
30629
30831
  width: 100%;
30630
30832
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30631
30833
  padding: var(--pf-c-text-input-group__text-input--PaddingTop) var(--pf-c-text-input-group__text-input--PaddingRight) var(--pf-c-text-input-group__text-input--PaddingBottom) var(--pf-c-text-input-group__text-input--PaddingLeft);
30834
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30632
30835
  border: 0;
30633
30836
  }
30634
30837
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30638,7 +30841,7 @@ svg.pf-c-spinner.pf-m-xl {
30638
30841
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30639
30842
  }
30640
30843
  .pf-c-text-input-group__text-input::placeholder {
30641
- color: var(--pf-c-text-input-group--placeholder--Color);
30844
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30642
30845
  }
30643
30846
 
30644
30847
  .pf-c-text-input-group__utilities {
@@ -31087,8 +31290,10 @@ svg.pf-c-spinner.pf-m-xl {
31087
31290
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
31088
31291
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31089
31292
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
31090
- --pf-c-tooltip__arrow--Width: 0.5rem;
31091
- --pf-c-tooltip__arrow--Height: 0.5rem;
31293
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31294
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31295
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31296
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
31092
31297
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
31093
31298
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
31094
31299
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31158,7 +31363,8 @@ svg.pf-c-spinner.pf-m-xl {
31158
31363
  width: var(--pf-c-tooltip__arrow--Width);
31159
31364
  height: var(--pf-c-tooltip__arrow--Height);
31160
31365
  pointer-events: none;
31161
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31366
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31367
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31162
31368
  }
31163
31369
 
31164
31370
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -31198,16 +31404,8 @@ svg.pf-c-spinner.pf-m-xl {
31198
31404
  }
31199
31405
 
31200
31406
  :where(.pf-theme-dark) .pf-c-tooltip {
31201
- --pf-c-tooltip--BoxShadow: none;
31202
31407
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31203
- }
31204
- :where(.pf-theme-dark) .pf-c-tooltip,
31205
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31206
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31207
- }
31208
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31209
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31210
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31408
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31211
31409
  }
31212
31410
 
31213
31411
  .pf-c-truncate {
@@ -31292,11 +31490,12 @@ svg.pf-c-spinner.pf-m-xl {
31292
31490
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31293
31491
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31294
31492
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31493
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31295
31494
  --pf-c-tree-view__node-container--Display: contents;
31296
31495
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31297
31496
  --pf-c-tree-view__node-content--Overflow: visible;
31298
31497
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31299
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31498
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31300
31499
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31301
31500
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31302
31501
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31306,6 +31505,7 @@ svg.pf-c-spinner.pf-m-xl {
31306
31505
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31307
31506
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31308
31507
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31508
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31309
31509
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31310
31510
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31311
31511
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31330,10 +31530,6 @@ svg.pf-c-spinner.pf-m-xl {
31330
31530
  --pf-c-tree-view__node-text--max-lines: 1;
31331
31531
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31332
31532
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31333
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31334
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31335
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31336
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31337
31533
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31338
31534
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31339
31535
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31531,13 +31727,14 @@ svg.pf-c-spinner.pf-m-xl {
31531
31727
  display: flex;
31532
31728
  padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
31533
31729
  color: var(--pf-c-tree-view__node--Color);
31730
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31534
31731
  }
31535
31732
  .pf-c-tree-view__node.pf-m-current {
31536
31733
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31537
31734
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31538
31735
  }
31539
31736
  .pf-c-tree-view__node:focus {
31540
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31737
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31541
31738
  }
31542
31739
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31543
31740
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31584,6 +31781,7 @@ svg.pf-c-spinner.pf-m-xl {
31584
31781
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31585
31782
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31586
31783
  color: var(--pf-c-tree-view__node-toggle--Color);
31784
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31587
31785
  border: 0;
31588
31786
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31589
31787
  }
@@ -31607,6 +31805,7 @@ svg.pf-c-spinner.pf-m-xl {
31607
31805
  font-weight: inherit;
31608
31806
  color: inherit;
31609
31807
  text-align: left;
31808
+ background-color: transparent;
31610
31809
  border: 0;
31611
31810
  }
31612
31811
  label.pf-c-tree-view__node-text {
@@ -31638,15 +31837,6 @@ label.pf-c-tree-view__node-text {
31638
31837
 
31639
31838
  .pf-c-tree-view__action {
31640
31839
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31641
- color: var(--pf-c-tree-view__action--Color);
31642
- border: 0;
31643
- }
31644
- .pf-c-tree-view__action:hover {
31645
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31646
- }
31647
- .pf-c-tree-view__action:focus {
31648
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31649
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31650
31840
  }
31651
31841
 
31652
31842
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31798,6 +31988,7 @@ label.pf-c-tree-view__node-text {
31798
31988
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31799
31989
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31800
31990
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31991
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31801
31992
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31802
31993
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31803
31994
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32147,6 +32338,7 @@ label.pf-c-tree-view__node-text {
32147
32338
  text-align: left;
32148
32339
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32149
32340
  word-break: break-word;
32341
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32150
32342
  border: 0;
32151
32343
  }
32152
32344
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -33991,31 +34183,31 @@ label.pf-c-tree-view__node-text {
33991
34183
  }
33992
34184
  @media (min-width: 576px) {
33993
34185
  .pf-l-grid > *,
33994
- .pf-l-grid .pf-l-grid__item {
34186
+ .pf-l-grid .pf-l-grid__item {
33995
34187
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
33996
34188
  }
33997
34189
  }
33998
34190
  @media (min-width: 768px) {
33999
34191
  .pf-l-grid > *,
34000
- .pf-l-grid .pf-l-grid__item {
34192
+ .pf-l-grid .pf-l-grid__item {
34001
34193
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34002
34194
  }
34003
34195
  }
34004
34196
  @media (min-width: 992px) {
34005
34197
  .pf-l-grid > *,
34006
- .pf-l-grid .pf-l-grid__item {
34198
+ .pf-l-grid .pf-l-grid__item {
34007
34199
  order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
34008
34200
  }
34009
34201
  }
34010
34202
  @media (min-width: 1200px) {
34011
34203
  .pf-l-grid > *,
34012
- .pf-l-grid .pf-l-grid__item {
34204
+ .pf-l-grid .pf-l-grid__item {
34013
34205
  order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
34014
34206
  }
34015
34207
  }
34016
34208
  @media (min-width: 1450px) {
34017
34209
  .pf-l-grid > *,
34018
- .pf-l-grid .pf-l-grid__item {
34210
+ .pf-l-grid .pf-l-grid__item {
34019
34211
  order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
34020
34212
  }
34021
34213
  }