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

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 (222) 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/Tabs/tabs.css +0 -4
  68. package/components/Tabs/tabs.scss +0 -7
  69. package/components/TextInputGroup/text-input-group.css +4 -2
  70. package/components/TextInputGroup/text-input-group.scss +4 -3
  71. package/components/Toolbar/toolbar.css +65 -37
  72. package/components/Toolbar/toolbar.scss +37 -3
  73. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  74. package/components/Tooltip/tooltip.css +7 -12
  75. package/components/Tooltip/tooltip.scss +6 -3
  76. package/components/TreeView/tree-view.css +7 -15
  77. package/components/TreeView/tree-view.scss +7 -18
  78. package/components/Wizard/wizard.css +2 -0
  79. package/components/Wizard/wizard.scss +2 -0
  80. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  81. package/docs/components/Accordion/examples/Accordion.md +12 -12
  82. package/docs/components/ActionList/examples/ActionList.md +6 -6
  83. package/docs/components/Alert/examples/Alert.md +19 -19
  84. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  85. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  86. package/docs/components/Avatar/examples/Avatar.md +11 -11
  87. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  88. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  89. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  90. package/docs/components/Badge/examples/Badge.md +5 -5
  91. package/docs/components/Banner/examples/Banner.md +8 -8
  92. package/docs/components/Brand/examples/Brand.md +9 -9
  93. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  94. package/docs/components/Button/examples/Button.md +35 -35
  95. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  96. package/docs/components/Card/examples/Card.md +61 -44
  97. package/docs/components/Check/examples/Check.md +15 -19
  98. package/docs/components/Chip/examples/Chip.md +13 -13
  99. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -344
  100. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  101. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  102. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  103. package/docs/components/Content/examples/Content.md +37 -9
  104. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  105. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  106. package/docs/components/DataList/examples/DataList.md +187 -148
  107. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  109. package/docs/components/Divider/examples/Divider.md +10 -10
  110. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  111. package/docs/components/Drawer/examples/Drawer.md +43 -43
  112. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  113. package/docs/components/Dropdown/examples/Dropdown.md +311 -71
  114. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  115. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  116. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  117. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  118. package/docs/components/Form/examples/Form.md +64 -64
  119. package/docs/components/FormControl/examples/FormControl.md +20 -20
  120. package/docs/components/HelperText/examples/HelperText.md +12 -12
  121. package/docs/components/Hint/examples/Hint.md +7 -7
  122. package/docs/components/Icon/examples/Icon.md +10 -10
  123. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  124. package/docs/components/InputGroup/examples/InputGroup.md +10 -9
  125. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  126. package/docs/components/Label/examples/Label.md +31 -31
  127. package/docs/components/LabelGroup/examples/LabelGroup.md +24 -36
  128. package/docs/components/List/examples/List.md +18 -18
  129. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  130. package/docs/components/Login/examples/Login.md +32 -32
  131. package/docs/components/Masthead/examples/masthead.md +9 -9
  132. package/docs/components/Menu/examples/Menu.md +82 -80
  133. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  134. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  135. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  136. package/docs/components/Nav/examples/Navigation.md +69 -69
  137. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  138. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  139. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  140. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  141. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  142. package/docs/components/Page/examples/Page.md +54 -54
  143. package/docs/components/Pagination/examples/Pagination.md +129 -30
  144. package/docs/components/Panel/examples/Panel.md +10 -10
  145. package/docs/components/Popover/examples/Popover.md +34 -34
  146. package/docs/components/Progress/examples/Progress.md +31 -60
  147. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  148. package/docs/components/Radio/examples/Radio.md +11 -11
  149. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  150. package/docs/components/Select/examples/Select.md +143 -143
  151. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  152. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  153. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  154. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  155. package/docs/components/Slider/examples/Slider.md +30 -30
  156. package/docs/components/Spinner/examples/Spinner.md +24 -24
  157. package/docs/components/Switch/examples/Switch.md +19 -19
  158. package/docs/components/TabContent/examples/TabContent.md +13 -13
  159. package/docs/components/Table/examples/Table.md +1272 -855
  160. package/docs/components/Tabs/examples/Tabs.md +149 -149
  161. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  162. package/docs/components/Tile/examples/Tile.md +15 -15
  163. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  164. package/docs/components/Title/examples/Title.md +17 -17
  165. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  166. package/docs/components/Toolbar/examples/Toolbar.md +165 -144
  167. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  168. package/docs/components/TreeView/examples/TreeView.md +34 -34
  169. package/docs/components/Truncate/examples/Truncate.md +4 -4
  170. package/docs/components/Wizard/examples/Wizard.md +63 -70
  171. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  172. package/docs/demos/Alert/examples/Alert.md +13 -13
  173. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  174. package/docs/demos/Banner/examples/Banner.md +10 -11
  175. package/docs/demos/Card/examples/Card.md +151 -116
  176. package/docs/demos/CardView/examples/CardView.md +16 -15
  177. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  178. package/docs/demos/Dashboard/examples/Dashboard.md +10 -9
  179. package/docs/demos/DataList/examples/DataList.md +160 -111
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -13
  181. package/docs/demos/Drawer/examples/Drawer.md +20 -20
  182. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  184. package/docs/demos/Masthead/examples/Masthead.md +32 -35
  185. package/docs/demos/Modal/examples/Modal.md +54 -66
  186. package/docs/demos/Nav/examples/Nav.md +720 -767
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  188. package/docs/demos/Page/examples/Page.md +37 -37
  189. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  190. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +53 -49
  191. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  192. package/docs/demos/Table/examples/Table.md +522 -378
  193. package/docs/demos/Tabs/examples/Tabs.md +120 -601
  194. package/docs/demos/Toolbar/examples/Toolbar.md +1781 -171
  195. package/docs/demos/Wizard/examples/Wizard.md +229 -225
  196. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  197. package/docs/layouts/Flex/examples/Flex.md +98 -98
  198. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  199. package/docs/layouts/Grid/examples/Grid.md +9 -9
  200. package/docs/layouts/Level/examples/Level.md +5 -5
  201. package/docs/layouts/Split/examples/Split.md +7 -7
  202. package/docs/layouts/Stack/examples/Stack.md +6 -6
  203. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  204. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  205. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  206. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  207. package/docs/utilities/Display/examples/Display.md +11 -11
  208. package/docs/utilities/Flex/examples/Flex.md +34 -34
  209. package/docs/utilities/Float/examples/Float.md +4 -4
  210. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  211. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  212. package/docs/utilities/Text/examples/Text.md +27 -27
  213. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  214. package/layouts/Grid/grid.css +5 -5
  215. package/package.json +59 -64
  216. package/patternfly-base-no-reset.css +5 -11
  217. package/patternfly-base.css +5 -11
  218. package/patternfly-no-reset.css +524 -336
  219. package/patternfly.css +524 -336
  220. package/patternfly.min.css +1 -1
  221. package/patternfly.min.css.map +1 -1
  222. package/sass-utilities/scss-variables.scss +0 -1
@@ -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;
@@ -4843,7 +4833,7 @@ html {
4843
4833
  font-family: "pficon";
4844
4834
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4845
4835
  }
4846
- .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 {
4836
+ .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 {
4847
4837
  font-family: "pficon";
4848
4838
  -webkit-font-smoothing: antialiased;
4849
4839
  -moz-osx-font-smoothing: grayscale;
@@ -4942,6 +4932,10 @@ html {
4942
4932
  content: "\e976";
4943
4933
  }
4944
4934
 
4935
+ .pf-icon-data-processor:before {
4936
+ content: "\e97b";
4937
+ }
4938
+
4945
4939
  .pf-icon-data-sink:before {
4946
4940
  content: "\e978";
4947
4941
  }
@@ -5647,6 +5641,7 @@ html {
5647
5641
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5648
5642
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5649
5643
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5644
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5650
5645
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5651
5646
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5652
5647
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5761,6 +5756,7 @@ html {
5761
5756
  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);
5762
5757
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5763
5758
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5759
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5764
5760
  border: 0;
5765
5761
  }
5766
5762
  .pf-c-accordion__toggle::after {
@@ -6228,6 +6224,7 @@ html {
6228
6224
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6229
6225
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6230
6226
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6227
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6231
6228
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6232
6229
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6233
6230
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6290,6 +6287,7 @@ html {
6290
6287
  .pf-c-app-launcher__toggle {
6291
6288
  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);
6292
6289
  color: var(--pf-c-app-launcher__toggle--Color);
6290
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6293
6291
  border: none;
6294
6292
  }
6295
6293
  .pf-c-app-launcher__toggle:hover {
@@ -7102,6 +7100,7 @@ html {
7102
7100
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7103
7101
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7104
7102
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7103
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7105
7104
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7106
7105
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7107
7106
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7144,6 +7143,7 @@ html {
7144
7143
  color: var(--pf-c-breadcrumb__link--Color);
7145
7144
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7146
7145
  word-break: break-word;
7146
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7147
7147
  }
7148
7148
  .pf-c-breadcrumb__link:hover {
7149
7149
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -7811,7 +7811,7 @@ button.pf-c-breadcrumb__link {
7811
7811
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
7812
7812
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
7813
7813
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
7814
- --pf-c-calendar-month__header-year--Width: 8ch;
7814
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
7815
7815
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
7816
7816
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
7817
7817
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
@@ -8066,7 +8066,9 @@ button.pf-c-breadcrumb__link {
8066
8066
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8067
8067
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8068
8068
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8069
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8069
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8070
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8071
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8070
8072
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8071
8073
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8072
8074
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8137,7 +8139,6 @@ button.pf-c-breadcrumb__link {
8137
8139
  --pf-c-card--m-plain--BackgroundColor: transparent;
8138
8140
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8139
8141
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8140
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8141
8142
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8142
8143
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8143
8144
  display: flex;
@@ -8283,13 +8284,11 @@ button.pf-c-breadcrumb__link {
8283
8284
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8284
8285
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8285
8286
  }
8286
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8287
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8288
- }
8289
8287
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8290
8288
  order: 2;
8291
8289
  }
8292
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8290
+
8291
+ .pf-c-card__header-main {
8293
8292
  flex: 1;
8294
8293
  }
8295
8294
 
@@ -8315,10 +8314,8 @@ button.pf-c-breadcrumb__link {
8315
8314
  align-self: flex-start;
8316
8315
  order: 1;
8317
8316
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8318
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8319
- }
8320
- .pf-c-card__actions > * + * {
8321
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8317
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8318
+ gap: var(--pf-c-card__actions--Gap);
8322
8319
  }
8323
8320
  .pf-c-card__actions + .pf-c-card__title,
8324
8321
  .pf-c-card__actions + .pf-c-card__body,
@@ -8326,8 +8323,8 @@ button.pf-c-breadcrumb__link {
8326
8323
  padding: 0;
8327
8324
  }
8328
8325
  .pf-c-card__actions.pf-m-no-offset {
8329
- --pf-c-card__header-toggle--MarginTop: 0;
8330
- --pf-c-card__header-toggle--MarginBottom: 0;
8326
+ --pf-c-card__actions--MarginTop: 0;
8327
+ --pf-c-card__actions--MarginBottom: 0;
8331
8328
  }
8332
8329
 
8333
8330
  .pf-c-card__header,
@@ -8626,28 +8623,39 @@ label.pf-c-check, .pf-c-check__label,
8626
8623
 
8627
8624
  .pf-c-chip-group {
8628
8625
  color: var(--pf-global--Color--100);
8629
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8630
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8626
+ --pf-c-chip-group--PaddingTop: 0;
8627
+ --pf-c-chip-group--PaddingRight: 0;
8628
+ --pf-c-chip-group--PaddingBottom: 0;
8629
+ --pf-c-chip-group--PaddingLeft: 0;
8630
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8631
+ --pf-c-chip-group--ColumnGap: 0;
8632
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8633
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8634
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8635
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8631
8636
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8632
8637
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8633
8638
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8634
8639
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8635
8640
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8636
8641
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8637
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8638
8642
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8639
8643
  --pf-c-chip-group__label--MaxWidth: 18ch;
8640
8644
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8641
8645
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8642
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8643
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8644
8646
  max-width: 100%;
8647
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8648
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8649
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8650
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8651
+ row-gap: var(--pf-c-chip-group--RowGap);
8652
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8645
8653
  }
8646
8654
  .pf-c-chip-group.pf-m-category {
8647
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8648
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8649
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8650
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8655
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8656
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8657
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8658
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8651
8659
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8652
8660
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8653
8661
  }
@@ -8658,11 +8666,8 @@ label.pf-c-check, .pf-c-check__label,
8658
8666
  flex-wrap: wrap;
8659
8667
  align-items: baseline;
8660
8668
  min-width: 0;
8661
- }
8662
-
8663
- .pf-c-chip-group__list {
8664
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8665
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8669
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8670
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8666
8671
  }
8667
8672
 
8668
8673
  .pf-c-chip-group,
@@ -8673,11 +8678,14 @@ label.pf-c-check, .pf-c-check__label,
8673
8678
  min-width: 0;
8674
8679
  }
8675
8680
 
8681
+ .pf-c-chip-group__list {
8682
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8683
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8684
+ }
8685
+
8676
8686
  .pf-c-chip-group__list-item {
8677
8687
  display: inline-flex;
8678
8688
  min-width: 0;
8679
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8680
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8681
8689
  }
8682
8690
 
8683
8691
  .pf-c-chip-group__label {
@@ -8685,7 +8693,6 @@ label.pf-c-check, .pf-c-check__label,
8685
8693
  text-overflow: ellipsis;
8686
8694
  white-space: nowrap;
8687
8695
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8688
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8689
8696
  font-size: var(--pf-c-chip-group__label--FontSize);
8690
8697
  }
8691
8698
 
@@ -9177,6 +9184,12 @@ label.pf-c-check, .pf-c-check__label,
9177
9184
  .pf-c-content ul {
9178
9185
  margin: 0;
9179
9186
  }
9187
+ .pf-c-content ol.pf-m-plain,
9188
+ .pf-c-content ul.pf-m-plain {
9189
+ padding-left: 0;
9190
+ margin-left: 0;
9191
+ list-style: none;
9192
+ }
9180
9193
  .pf-c-content h1 {
9181
9194
  margin-top: var(--pf-c-content--h1--MarginTop);
9182
9195
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
@@ -9314,6 +9327,7 @@ label.pf-c-check, .pf-c-check__label,
9314
9327
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9315
9328
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9316
9329
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9330
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9317
9331
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9318
9332
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9319
9333
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9352,6 +9366,7 @@ label.pf-c-check, .pf-c-check__label,
9352
9366
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9353
9367
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9354
9368
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9369
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9355
9370
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9356
9371
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9357
9372
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9463,6 +9478,7 @@ label.pf-c-check, .pf-c-check__label,
9463
9478
  color: var(--pf-c-context-selector__toggle--Color);
9464
9479
  white-space: nowrap;
9465
9480
  cursor: pointer;
9481
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9466
9482
  border: none;
9467
9483
  }
9468
9484
  .pf-c-context-selector__toggle::before {
@@ -9571,11 +9587,12 @@ label.pf-c-check, .pf-c-check__label,
9571
9587
  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);
9572
9588
  color: var(--pf-c-context-selector__menu-list-item--Color);
9573
9589
  white-space: nowrap;
9590
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9574
9591
  border: none;
9575
9592
  }
9576
9593
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9594
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9577
9595
  text-decoration: none;
9578
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9579
9596
  }
9580
9597
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9581
9598
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -10124,6 +10141,7 @@ label.pf-c-check, .pf-c-check__label,
10124
10141
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10125
10142
  --pf-c-data-list__toggle-icon--Rotate: 0;
10126
10143
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10144
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10127
10145
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10128
10146
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10129
10147
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10195,7 +10213,6 @@ label.pf-c-check, .pf-c-check__label,
10195
10213
  font-size: var(--pf-c-data-list--FontSize);
10196
10214
  line-height: var(--pf-c-data-list--LineHeight);
10197
10215
  overflow-wrap: break-word;
10198
- list-style-type: disc;
10199
10216
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10200
10217
  }
10201
10218
  @media screen and (min-width: 576px) {
@@ -10368,6 +10385,7 @@ label.pf-c-check, .pf-c-check__label,
10368
10385
  flex-direction: column;
10369
10386
  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);
10370
10387
  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);
10388
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10371
10389
  border: 0;
10372
10390
  }
10373
10391
  .pf-c-data-list__item-draggable-button:hover {
@@ -11193,13 +11211,17 @@ label.pf-c-check, .pf-c-check__label,
11193
11211
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11194
11212
  --pf-c-toolbar__item--Display: block;
11195
11213
  --pf-c-toolbar__item--MinWidth--base: auto;
11214
+ --pf-c-toolbar__item--AlignSelf: auto;
11196
11215
  --pf-c-toolbar__group--Display: flex;
11216
+ --pf-c-toolbar__group--AlignItems: baseline;
11217
+ --pf-c-toolbar__group--AlignSelf: auto;
11197
11218
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11198
11219
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11199
11220
  --pf-c-toolbar__content--Display: flex;
11200
11221
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11201
11222
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11202
11223
  --pf-c-toolbar__content-section--Display: flex;
11224
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11203
11225
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11204
11226
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11205
11227
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11321,9 +11343,22 @@ label.pf-c-check, .pf-c-check__label,
11321
11343
  .pf-c-toolbar__group {
11322
11344
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11323
11345
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11324
- align-items: center;
11346
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11347
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11325
11348
  margin-right: var(--pf-c-toolbar--spacer);
11326
11349
  }
11350
+ .pf-c-toolbar__group.pf-m-align-items-center {
11351
+ align-items: center;
11352
+ }
11353
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11354
+ align-items: baseline;
11355
+ }
11356
+ .pf-c-toolbar__group.pf-m-align-self-center {
11357
+ align-self: center;
11358
+ }
11359
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11360
+ align-self: baseline;
11361
+ }
11327
11362
  .pf-c-toolbar__group.pf-m-button-group {
11328
11363
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11329
11364
  }
@@ -11364,6 +11399,7 @@ label.pf-c-check, .pf-c-check__label,
11364
11399
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11365
11400
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11366
11401
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11402
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11367
11403
  width: var(--pf-c-toolbar__item--Width--base);
11368
11404
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11369
11405
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11418,6 +11454,12 @@ label.pf-c-check, .pf-c-check__label,
11418
11454
  --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))))));
11419
11455
  }
11420
11456
  }
11457
+ .pf-c-toolbar__item.pf-m-align-self-center {
11458
+ align-self: center;
11459
+ }
11460
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11461
+ align-self: baseline;
11462
+ }
11421
11463
  .pf-c-toolbar__item.pf-m-overflow-menu {
11422
11464
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11423
11465
  }
@@ -11462,20 +11504,24 @@ label.pf-c-check, .pf-c-check__label,
11462
11504
  .pf-c-toolbar__content,
11463
11505
  .pf-c-toolbar__content-section {
11464
11506
  flex-wrap: wrap;
11465
- align-items: center;
11466
11507
  }
11467
11508
 
11468
11509
  .pf-c-toolbar__content {
11469
11510
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11470
11511
  position: relative;
11512
+ align-items: center;
11471
11513
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11472
11514
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11473
11515
  }
11474
11516
 
11475
11517
  .pf-c-toolbar__content-section {
11476
11518
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11519
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11477
11520
  width: 100%;
11478
11521
  }
11522
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11523
+ align-items: center;
11524
+ }
11479
11525
 
11480
11526
  .pf-c-toolbar__expandable-content {
11481
11527
  position: absolute;
@@ -11568,7 +11614,7 @@ label.pf-c-check, .pf-c-check__label,
11568
11614
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11569
11615
  }
11570
11616
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11571
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11617
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11572
11618
  display: flex;
11573
11619
  flex: 0 1 auto;
11574
11620
  }
@@ -11581,7 +11627,7 @@ label.pf-c-check, .pf-c-check__label,
11581
11627
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11582
11628
  }
11583
11629
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11584
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11630
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11585
11631
  display: flex;
11586
11632
  flex: 0 1 auto;
11587
11633
  }
@@ -11594,7 +11640,7 @@ label.pf-c-check, .pf-c-check__label,
11594
11640
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11595
11641
  }
11596
11642
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11597
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11643
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11598
11644
  display: flex;
11599
11645
  flex: 0 1 auto;
11600
11646
  }
@@ -11607,7 +11653,7 @@ label.pf-c-check, .pf-c-check__label,
11607
11653
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11608
11654
  }
11609
11655
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11610
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11656
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11611
11657
  display: flex;
11612
11658
  flex: 0 1 auto;
11613
11659
  }
@@ -11620,7 +11666,7 @@ label.pf-c-check, .pf-c-check__label,
11620
11666
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11621
11667
  }
11622
11668
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11623
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11669
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11624
11670
  display: flex;
11625
11671
  flex: 0 1 auto;
11626
11672
  }
@@ -11654,131 +11700,131 @@ label.pf-c-check, .pf-c-check__label,
11654
11700
  }
11655
11701
  @media (min-width: 576px) {
11656
11702
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11657
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11703
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11658
11704
  margin-left: auto;
11659
11705
  }
11660
11706
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11661
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11707
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11662
11708
  margin-left: 0;
11663
11709
  }
11664
11710
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11665
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11711
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11666
11712
  margin-left: 0;
11667
11713
  }
11668
11714
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11669
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11715
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11670
11716
  margin-left: auto;
11671
11717
  }
11672
11718
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11673
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11719
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11674
11720
  flex-wrap: nowrap;
11675
11721
  }
11676
11722
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11677
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11723
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11678
11724
  flex-wrap: wrap;
11679
11725
  }
11680
11726
  }
11681
11727
  @media (min-width: 768px) {
11682
11728
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11683
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11729
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11684
11730
  margin-left: auto;
11685
11731
  }
11686
11732
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11687
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11733
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11688
11734
  margin-left: 0;
11689
11735
  }
11690
11736
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11691
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11737
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11692
11738
  margin-left: 0;
11693
11739
  }
11694
11740
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11695
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11741
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11696
11742
  margin-left: auto;
11697
11743
  }
11698
11744
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11699
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11745
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11700
11746
  flex-wrap: nowrap;
11701
11747
  }
11702
11748
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11703
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11749
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11704
11750
  flex-wrap: wrap;
11705
11751
  }
11706
11752
  }
11707
11753
  @media (min-width: 992px) {
11708
11754
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11709
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11755
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11710
11756
  margin-left: auto;
11711
11757
  }
11712
11758
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11713
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11759
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11714
11760
  margin-left: 0;
11715
11761
  }
11716
11762
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11717
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11763
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11718
11764
  margin-left: 0;
11719
11765
  }
11720
11766
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11721
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11767
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11722
11768
  margin-left: auto;
11723
11769
  }
11724
11770
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11725
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11771
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11726
11772
  flex-wrap: nowrap;
11727
11773
  }
11728
11774
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11729
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11775
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11730
11776
  flex-wrap: wrap;
11731
11777
  }
11732
11778
  }
11733
11779
  @media (min-width: 1200px) {
11734
11780
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11735
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11781
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11736
11782
  margin-left: auto;
11737
11783
  }
11738
11784
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11739
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11785
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11740
11786
  margin-left: 0;
11741
11787
  }
11742
11788
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11743
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11789
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11744
11790
  margin-left: 0;
11745
11791
  }
11746
11792
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11747
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11793
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11748
11794
  margin-left: auto;
11749
11795
  }
11750
11796
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11751
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11797
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11752
11798
  flex-wrap: nowrap;
11753
11799
  }
11754
11800
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11755
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11801
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11756
11802
  flex-wrap: wrap;
11757
11803
  }
11758
11804
  }
11759
11805
  @media (min-width: 1450px) {
11760
11806
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11761
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11807
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11762
11808
  margin-left: auto;
11763
11809
  }
11764
11810
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11765
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11811
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11766
11812
  margin-left: 0;
11767
11813
  }
11768
11814
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11769
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11815
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11770
11816
  margin-left: 0;
11771
11817
  }
11772
11818
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11773
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11819
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11774
11820
  margin-left: auto;
11775
11821
  }
11776
11822
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11777
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11823
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11778
11824
  flex-wrap: nowrap;
11779
11825
  }
11780
11826
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11781
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11827
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11782
11828
  flex-wrap: wrap;
11783
11829
  }
11784
11830
  }
@@ -13010,7 +13056,6 @@ label.pf-c-check, .pf-c-check__label,
13010
13056
  }
13011
13057
 
13012
13058
  .pf-c-drawer__body {
13013
- min-height: 0;
13014
13059
  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);
13015
13060
  }
13016
13061
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13172,7 +13217,7 @@ label.pf-c-check, .pf-c-check__label,
13172
13217
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13173
13218
  }
13174
13219
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13175
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13220
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13176
13221
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13177
13222
  }
13178
13223
  .pf-c-drawer__splitter {
@@ -13261,15 +13306,15 @@ label.pf-c-check, .pf-c-check__label,
13261
13306
  }
13262
13307
  @media (min-width: 768px) {
13263
13308
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13264
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13309
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13265
13310
  flex-shrink: 1;
13266
13311
  }
13267
13312
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13268
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13313
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13269
13314
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13270
13315
  }
13271
13316
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13272
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13317
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13273
13318
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13274
13319
  }
13275
13320
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13322,15 +13367,15 @@ label.pf-c-check, .pf-c-check__label,
13322
13367
  }
13323
13368
  @media (min-width: 992px) {
13324
13369
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13325
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13370
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13326
13371
  flex-shrink: 1;
13327
13372
  }
13328
13373
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13329
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13374
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13330
13375
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13331
13376
  }
13332
13377
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13333
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13378
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13334
13379
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13335
13380
  }
13336
13381
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13383,15 +13428,15 @@ label.pf-c-check, .pf-c-check__label,
13383
13428
  }
13384
13429
  @media (min-width: 1200px) {
13385
13430
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13386
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13431
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13387
13432
  flex-shrink: 1;
13388
13433
  }
13389
13434
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13390
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13435
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13391
13436
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13392
13437
  }
13393
13438
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13394
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13439
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13395
13440
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13396
13441
  }
13397
13442
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13444,15 +13489,15 @@ label.pf-c-check, .pf-c-check__label,
13444
13489
  }
13445
13490
  @media (min-width: 1450px) {
13446
13491
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13447
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13492
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13448
13493
  flex-shrink: 1;
13449
13494
  }
13450
13495
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13451
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13496
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13452
13497
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13453
13498
  }
13454
13499
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13455
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13500
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13456
13501
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13457
13502
  }
13458
13503
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13599,6 +13644,9 @@ label.pf-c-check, .pf-c-check__label,
13599
13644
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13600
13645
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13601
13646
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13647
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13648
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13649
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13602
13650
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13603
13651
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13604
13652
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13810,13 +13858,19 @@ label.pf-c-check, .pf-c-check__label,
13810
13858
  align-items: center;
13811
13859
  cursor: pointer;
13812
13860
  }
13861
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13862
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13863
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13864
+ }
13813
13865
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13814
13866
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13815
13867
  cursor: pointer;
13868
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13816
13869
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13817
13870
  }
13818
13871
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13819
13872
  color: var(--pf-c-dropdown__toggle-button--Color);
13873
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13820
13874
  border: 0;
13821
13875
  }
13822
13876
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14008,6 +14062,14 @@ label.pf-c-check, .pf-c-check__label,
14008
14062
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14009
14063
  }
14010
14064
 
14065
+ .pf-c-dropdown__toggle-progress {
14066
+ position: absolute;
14067
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14068
+ }
14069
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14070
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14071
+ }
14072
+
14011
14073
  .pf-c-dropdown__menu {
14012
14074
  position: absolute;
14013
14075
  top: var(--pf-c-dropdown__menu--Top);
@@ -14043,51 +14105,51 @@ label.pf-c-check, .pf-c-check__label,
14043
14105
  }
14044
14106
  @media (min-width: 576px) {
14045
14107
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14046
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14108
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14047
14109
  right: 0;
14048
14110
  }
14049
14111
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14050
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14112
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14051
14113
  right: auto;
14052
14114
  }
14053
14115
  }
14054
14116
  @media (min-width: 768px) {
14055
14117
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14056
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14118
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14057
14119
  right: 0;
14058
14120
  }
14059
14121
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14060
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14122
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14061
14123
  right: auto;
14062
14124
  }
14063
14125
  }
14064
14126
  @media (min-width: 992px) {
14065
14127
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14066
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14128
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14067
14129
  right: 0;
14068
14130
  }
14069
14131
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14070
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14132
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14071
14133
  right: auto;
14072
14134
  }
14073
14135
  }
14074
14136
  @media (min-width: 1200px) {
14075
14137
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14076
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14138
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14077
14139
  right: 0;
14078
14140
  }
14079
14141
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14080
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14142
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14081
14143
  right: auto;
14082
14144
  }
14083
14145
  }
14084
14146
  @media (min-width: 1450px) {
14085
14147
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14086
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14148
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14087
14149
  right: 0;
14088
14150
  }
14089
14151
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14090
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14152
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14091
14153
  right: auto;
14092
14154
  }
14093
14155
  }
@@ -14241,38 +14303,39 @@ label.pf-c-check, .pf-c-check__label,
14241
14303
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14242
14304
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14243
14305
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14306
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14307
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14308
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14309
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14244
14310
  --pf-c-empty-state__content--MaxWidth: none;
14311
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14312
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14313
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14245
14314
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14246
14315
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14247
14316
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14248
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14317
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14318
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14319
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14320
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14321
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14322
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14323
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14324
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14325
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14326
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14249
14327
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14250
14328
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14251
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14252
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14253
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14254
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14255
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14256
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14257
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14258
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14329
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14259
14330
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14260
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14261
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14262
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14263
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14264
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14265
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14266
14331
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14267
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14268
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14269
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14270
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14271
14332
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14272
14333
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14273
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14274
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14275
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14334
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14335
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14336
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14337
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14338
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14276
14339
  display: flex;
14277
14340
  align-items: center;
14278
14341
  justify-content: center;
@@ -14284,17 +14347,12 @@ label.pf-c-check, .pf-c-check__label,
14284
14347
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14285
14348
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14286
14349
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14350
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14287
14351
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14288
14352
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14289
14353
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14290
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14291
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14292
- }
14293
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14294
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14295
- }
14296
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14297
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14354
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14355
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14298
14356
  }
14299
14357
  .pf-c-empty-state.pf-m-sm {
14300
14358
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14304,12 +14362,11 @@ label.pf-c-check, .pf-c-check__label,
14304
14362
  }
14305
14363
  .pf-c-empty-state.pf-m-xl {
14306
14364
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14365
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14307
14366
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14308
14367
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14309
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14310
- }
14311
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14312
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14368
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14369
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14313
14370
  }
14314
14371
  .pf-c-empty-state.pf-m-full-height {
14315
14372
  height: 100%;
@@ -14318,41 +14375,40 @@ label.pf-c-check, .pf-c-check__label,
14318
14375
  .pf-c-empty-state__content {
14319
14376
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14320
14377
  }
14321
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14322
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14323
- }
14324
14378
 
14325
14379
  .pf-c-empty-state__icon {
14326
14380
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14327
14381
  font-size: var(--pf-c-empty-state__icon--FontSize);
14382
+ line-height: 1;
14328
14383
  color: var(--pf-c-empty-state__icon--Color);
14329
14384
  }
14330
14385
 
14386
+ .pf-c-empty-state__title-text {
14387
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14388
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14389
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14390
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14391
+ }
14392
+
14331
14393
  .pf-c-empty-state__body {
14332
14394
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14395
+ font-size: var(--pf-c-empty-state--body--FontSize);
14333
14396
  color: var(--pf-c-empty-state__body--Color);
14334
14397
  }
14335
14398
 
14336
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14337
- .pf-c-empty-state__primary {
14338
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14339
- }
14340
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14341
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14342
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14399
+ .pf-c-empty-state__footer {
14400
+ display: flex;
14401
+ flex-direction: column;
14402
+ align-items: center;
14403
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14404
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14343
14405
  }
14344
14406
 
14345
- .pf-c-empty-state__secondary {
14407
+ .pf-c-empty-state__actions {
14346
14408
  display: flex;
14347
14409
  flex-wrap: wrap;
14348
14410
  justify-content: center;
14349
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14350
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14351
- }
14352
- .pf-c-empty-state__secondary > * {
14353
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14354
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14355
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14411
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14356
14412
  }
14357
14413
 
14358
14414
  .pf-c-expandable-section {
@@ -14366,6 +14422,7 @@ label.pf-c-check, .pf-c-check__label,
14366
14422
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14367
14423
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14368
14424
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14425
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14369
14426
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14370
14427
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14371
14428
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14451,6 +14508,7 @@ label.pf-c-check, .pf-c-check__label,
14451
14508
  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);
14452
14509
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14453
14510
  color: var(--pf-c-expandable-section__toggle--Color);
14511
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14454
14512
  border: none;
14455
14513
  }
14456
14514
  .pf-c-expandable-section__toggle:hover {
@@ -15453,7 +15511,7 @@ textarea.pf-c-form-control {
15453
15511
  }
15454
15512
 
15455
15513
  :where(.pf-theme-dark) .pf-c-form-control {
15456
- --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");
15514
+ --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");
15457
15515
  --pf-c-form-control--BorderTopColor: transparent;
15458
15516
  --pf-c-form-control--BorderRightColor: transparent;
15459
15517
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -15903,6 +15961,9 @@ textarea.pf-c-form-control {
15903
15961
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
15904
15962
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
15905
15963
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
15964
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
15965
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
15966
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
15906
15967
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
15907
15968
  --pf-c-input-group--c-form-control--MarginRight: 0;
15908
15969
  color: var(--pf-global--Color--100);
@@ -15952,6 +16013,11 @@ label.pf-c-input-group__text {
15952
16013
  --pf-c-input-group__text--BorderWidth: 0;
15953
16014
  margin-left: 0;
15954
16015
  }
16016
+ .pf-c-input-group__text.pf-m-disabled {
16017
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
16018
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16019
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
16020
+ }
15955
16021
 
15956
16022
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15957
16023
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -15996,6 +16062,8 @@ label.pf-c-input-group__text {
15996
16062
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15997
16063
  --pf-c-input-group__text--BorderLeftColor: transparent;
15998
16064
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16065
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16066
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15999
16067
  }
16000
16068
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16001
16069
  margin-left: 0;
@@ -16010,6 +16078,10 @@ label.pf-c-input-group__text {
16010
16078
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16011
16079
  --pf-c-input-group__text--BackgroundColor: transparent;
16012
16080
  }
16081
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16082
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16083
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16084
+ }
16013
16085
 
16014
16086
  .pf-c-jump-links {
16015
16087
  --pf-c-jump-links__list--Display: flex;
@@ -16378,6 +16450,7 @@ label.pf-c-input-group__text {
16378
16450
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16379
16451
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16380
16452
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16453
+ --pf-c-label__content--BackgroundColor: transparent;
16381
16454
  --pf-c-label__content--MaxWidth: 100%;
16382
16455
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16383
16456
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -16625,6 +16698,7 @@ label.pf-c-input-group__text {
16625
16698
  white-space: nowrap;
16626
16699
  max-width: var(--pf-c-label__content--MaxWidth);
16627
16700
  color: var(--pf-c-label__content--Color);
16701
+ background-color: var(--pf-c-label__content--BackgroundColor);
16628
16702
  border-width: 0;
16629
16703
  }
16630
16704
  .pf-c-label__content::before {
@@ -16746,8 +16820,18 @@ button.pf-c-label__content:focus {
16746
16820
  }
16747
16821
 
16748
16822
  .pf-c-label-group {
16749
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16750
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16823
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16824
+ --pf-c-label-group--ColumnGap: 0;
16825
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16826
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16827
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16828
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16829
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16830
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16831
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16832
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16833
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16834
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16751
16835
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16752
16836
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16753
16837
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16757,20 +16841,14 @@ button.pf-c-label__content:focus {
16757
16841
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16758
16842
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16759
16843
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16760
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16761
- --pf-c-label-group__label--MarginBottom: 0;
16762
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16763
16844
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16764
16845
  --pf-c-label-group__label--MaxWidth: 18ch;
16765
16846
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16766
16847
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16767
16848
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16768
16849
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16769
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16770
16850
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16771
16851
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16772
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16773
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16774
16852
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16775
16853
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16776
16854
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
@@ -16778,6 +16856,8 @@ button.pf-c-label__content:focus {
16778
16856
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16779
16857
  display: inline-flex;
16780
16858
  align-items: center;
16859
+ row-gap: var(--pf-c-label-group--RowGap);
16860
+ column-gap: var(--pf-c-label-group--ColumnGap);
16781
16861
  }
16782
16862
  .pf-c-label-group.pf-m-category {
16783
16863
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -16789,11 +16869,12 @@ button.pf-c-label__content:focus {
16789
16869
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16790
16870
  }
16791
16871
  .pf-c-label-group.pf-m-vertical {
16792
- --pf-c-label-group__list--MarginRight: 0;
16793
- --pf-c-label-group__list--MarginBottom: 0;
16794
- --pf-c-label-group__list-item--MarginRight: 0;
16795
- --pf-c-label-group__label--MarginRight: 0;
16796
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16872
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16873
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16874
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16875
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16876
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16877
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16797
16878
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16798
16879
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16799
16880
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16810,9 +16891,6 @@ button.pf-c-label__content:focus {
16810
16891
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16811
16892
  flex-direction: column;
16812
16893
  }
16813
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16814
- --pf-c-label-group__list-item--MarginBottom: 0;
16815
- }
16816
16894
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16817
16895
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16818
16896
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16834,19 +16912,19 @@ button.pf-c-label__content:focus {
16834
16912
  flex: 1;
16835
16913
  flex-wrap: wrap;
16836
16914
  align-items: baseline;
16915
+ row-gap: var(--pf-c-label-group__main--RowGap);
16916
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16837
16917
  }
16838
16918
 
16839
16919
  .pf-c-label-group__list {
16840
16920
  display: inline-flex;
16841
16921
  flex-wrap: wrap;
16842
- margin-right: var(--pf-c-label-group__list--MarginRight);
16843
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
16922
+ row-gap: var(--pf-c-label-group__list--RowGap);
16923
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16844
16924
  }
16845
16925
 
16846
16926
  .pf-c-label-group__list-item {
16847
16927
  display: inline-flex;
16848
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
16849
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
16850
16928
  }
16851
16929
 
16852
16930
  .pf-c-label-group__label {
@@ -16854,12 +16932,12 @@ button.pf-c-label__content:focus {
16854
16932
  text-overflow: ellipsis;
16855
16933
  white-space: nowrap;
16856
16934
  max-width: var(--pf-c-label-group__label--MaxWidth);
16857
- margin-right: var(--pf-c-label-group__label--MarginRight);
16858
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
16859
16935
  font-size: var(--pf-c-label-group__label--FontSize);
16860
16936
  }
16861
16937
 
16862
16938
  .pf-c-label-group__close {
16939
+ display: flex;
16940
+ align-self: start;
16863
16941
  margin-top: var(--pf-c-label-group__close--MarginTop);
16864
16942
  margin-right: var(--pf-c-label-group__close--MarginRight);
16865
16943
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -17358,7 +17436,7 @@ ul.pf-c-list {
17358
17436
  }
17359
17437
  @media (min-width: 768px) {
17360
17438
  .pf-c-login__main-header-utilities,
17361
- .pf-c-login__main-header .pf-c-dropdown {
17439
+ .pf-c-login__main-header .pf-c-dropdown {
17362
17440
  grid-column: 2/3;
17363
17441
  grid-row: 1;
17364
17442
  }
@@ -18237,6 +18315,7 @@ ul.pf-c-list {
18237
18315
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18238
18316
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18239
18317
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18318
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18240
18319
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18241
18320
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18242
18321
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18357,6 +18436,7 @@ ul.pf-c-list {
18357
18436
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
18358
18437
  position: relative;
18359
18438
  overflow: hidden;
18439
+ visibility: visible;
18360
18440
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
18361
18441
  }
18362
18442
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -18383,11 +18463,15 @@ ul.pf-c-list {
18383
18463
  }
18384
18464
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18385
18465
  overflow: visible;
18466
+ visibility: hidden;
18386
18467
  }
18387
18468
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18388
18469
  .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) {
18389
18470
  display: none;
18390
18471
  }
18472
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18473
+ visibility: hidden;
18474
+ }
18391
18475
  .pf-c-menu.pf-m-plain {
18392
18476
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18393
18477
  }
@@ -18663,6 +18747,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18663
18747
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18664
18748
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18665
18749
  color: var(--pf-c-menu__item-action--Color);
18750
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18666
18751
  border: none;
18667
18752
  }
18668
18753
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -18852,6 +18937,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18852
18937
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
18853
18938
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
18854
18939
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
18940
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
18855
18941
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
18856
18942
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
18857
18943
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19107,6 +19193,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19107
19193
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19108
19194
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19109
19195
  color: inherit;
19196
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19110
19197
  border: 0;
19111
19198
  }
19112
19199
 
@@ -19233,9 +19320,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19233
19320
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
19234
19321
  --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
19235
19322
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
19236
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
19237
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
19238
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19323
+ --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
19324
+ --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
19325
+ --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19239
19326
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
19240
19327
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
19241
19328
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -19287,13 +19374,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19287
19374
  .pf-c-modal-box.pf-m-info {
19288
19375
  --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
19289
19376
  }
19290
- .pf-c-modal-box > .pf-c-button {
19377
+
19378
+ .pf-c-modal-box__close {
19291
19379
  position: absolute;
19292
- top: var(--pf-c-modal-box--c-button--Top);
19293
- right: var(--pf-c-modal-box--c-button--Right);
19380
+ top: var(--pf-c-modal-box__close--Top);
19381
+ right: var(--pf-c-modal-box__close--Right);
19294
19382
  }
19295
- .pf-c-modal-box > .pf-c-button + * {
19296
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
19383
+ .pf-c-modal-box__close + * {
19384
+ margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
19297
19385
  }
19298
19386
 
19299
19387
  .pf-c-modal-box__header {
@@ -21885,24 +21973,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21885
21973
  }
21886
21974
  @media (min-height: 0) {
21887
21975
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21888
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21889
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21890
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21891
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21892
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21893
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21976
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21977
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21978
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21979
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21980
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21981
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21894
21982
  position: sticky;
21895
21983
  top: 0;
21896
21984
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21897
21985
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21898
21986
  }
21899
21987
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21900
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21901
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21902
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21903
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21904
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21905
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21988
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21989
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21990
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21991
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21992
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21993
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21906
21994
  position: sticky;
21907
21995
  bottom: 0;
21908
21996
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21911,24 +21999,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21911
21999
  }
21912
22000
  @media (min-height: 40rem) {
21913
22001
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21914
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21915
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21916
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21917
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21918
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21919
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22002
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22003
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22004
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22005
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22006
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22007
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
21920
22008
  position: sticky;
21921
22009
  top: 0;
21922
22010
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21923
22011
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21924
22012
  }
21925
22013
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21926
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21927
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21928
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21929
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21930
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21931
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22014
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22015
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22016
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22017
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22018
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22019
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
21932
22020
  position: sticky;
21933
22021
  bottom: 0;
21934
22022
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21937,24 +22025,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21937
22025
  }
21938
22026
  @media (min-height: 48rem) {
21939
22027
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
21940
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
21941
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
21942
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
21943
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
21944
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
21945
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22028
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22029
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22030
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22031
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22032
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22033
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
21946
22034
  position: sticky;
21947
22035
  top: 0;
21948
22036
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21949
22037
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21950
22038
  }
21951
22039
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
21952
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
21953
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
21954
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
21955
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
21956
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
21957
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22040
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22041
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22042
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22043
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22044
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22045
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
21958
22046
  position: sticky;
21959
22047
  bottom: 0;
21960
22048
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21963,24 +22051,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21963
22051
  }
21964
22052
  @media (min-height: 60rem) {
21965
22053
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
21966
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
21967
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
21968
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
21969
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
21970
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
21971
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22054
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22055
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22056
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22057
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22058
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22059
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
21972
22060
  position: sticky;
21973
22061
  top: 0;
21974
22062
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21975
22063
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21976
22064
  }
21977
22065
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
21978
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
21979
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
21980
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
21981
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
21982
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
21983
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22066
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22067
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22068
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22069
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22070
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22071
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
21984
22072
  position: sticky;
21985
22073
  bottom: 0;
21986
22074
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21989,24 +22077,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21989
22077
  }
21990
22078
  @media (min-height: 80rem) {
21991
22079
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
21992
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
21993
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
21994
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
21995
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
21996
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
21997
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22080
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22081
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22082
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22083
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22084
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22085
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
21998
22086
  position: sticky;
21999
22087
  top: 0;
22000
22088
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22001
22089
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22002
22090
  }
22003
22091
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22004
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22005
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22006
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22007
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22008
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22009
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22092
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22093
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22094
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22095
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22096
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22097
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22010
22098
  position: sticky;
22011
22099
  bottom: 0;
22012
22100
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22363,6 +22451,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22363
22451
  }
22364
22452
 
22365
22453
  .pf-c-pagination {
22454
+ --pf-c-pagination--inset: 0;
22455
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22456
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22457
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22458
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22366
22459
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22367
22460
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22368
22461
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22418,6 +22511,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22418
22511
  flex-wrap: wrap;
22419
22512
  align-items: center;
22420
22513
  justify-content: flex-end;
22514
+ padding-right: var(--pf-c-pagination--PaddingRight);
22515
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22421
22516
  }
22422
22517
  @media screen and (min-width: 768px) {
22423
22518
  .pf-c-pagination {
@@ -22437,6 +22532,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22437
22532
  .pf-c-pagination {
22438
22533
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22439
22534
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22535
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22536
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22440
22537
  }
22441
22538
  }
22442
22539
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22492,8 +22589,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22492
22589
  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);
22493
22590
  }
22494
22591
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22495
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22496
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22592
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22593
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22497
22594
  display: block;
22498
22595
  }
22499
22596
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -22527,6 +22624,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22527
22624
  .pf-c-pagination.pf-m-compact {
22528
22625
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22529
22626
  }
22627
+ .pf-c-pagination.pf-m-page-insets {
22628
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22629
+ }
22530
22630
 
22531
22631
  .pf-c-pagination__nav {
22532
22632
  display: var(--pf-c-pagination__nav--Display);
@@ -22573,6 +22673,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22573
22673
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22574
22674
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22575
22675
  }
22676
+ .pf-c-pagination.pf-m-inset-none {
22677
+ --pf-c-pagination--inset: 0;
22678
+ }
22679
+ .pf-c-pagination.pf-m-inset-sm {
22680
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22681
+ }
22682
+ .pf-c-pagination.pf-m-inset-md {
22683
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22684
+ }
22685
+ .pf-c-pagination.pf-m-inset-lg {
22686
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22687
+ }
22688
+ .pf-c-pagination.pf-m-inset-xl {
22689
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22690
+ }
22691
+ .pf-c-pagination.pf-m-inset-2xl {
22692
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22693
+ }
22576
22694
  @media (min-width: 576px) {
22577
22695
  .pf-c-pagination.pf-m-display-summary-on-sm {
22578
22696
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22584,6 +22702,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22584
22702
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22585
22703
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22586
22704
  }
22705
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22706
+ --pf-c-pagination--inset: 0;
22707
+ }
22708
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22709
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22710
+ }
22711
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22712
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22713
+ }
22714
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22715
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22716
+ }
22717
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22718
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22719
+ }
22720
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22721
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22722
+ }
22587
22723
  }
22588
22724
  @media (min-width: 768px) {
22589
22725
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22596,6 +22732,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22596
22732
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22597
22733
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22598
22734
  }
22735
+ .pf-c-pagination.pf-m-inset-none-on-md {
22736
+ --pf-c-pagination--inset: 0;
22737
+ }
22738
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22739
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22740
+ }
22741
+ .pf-c-pagination.pf-m-inset-md-on-md {
22742
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22743
+ }
22744
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22745
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22746
+ }
22747
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22748
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22749
+ }
22750
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22751
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22752
+ }
22599
22753
  }
22600
22754
  @media (min-width: 992px) {
22601
22755
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22608,6 +22762,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22608
22762
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22609
22763
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22610
22764
  }
22765
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22766
+ --pf-c-pagination--inset: 0;
22767
+ }
22768
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22769
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22770
+ }
22771
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22772
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22773
+ }
22774
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22775
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22776
+ }
22777
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22778
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22779
+ }
22780
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22781
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22782
+ }
22611
22783
  }
22612
22784
  @media (min-width: 1200px) {
22613
22785
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22620,6 +22792,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22620
22792
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22621
22793
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22622
22794
  }
22795
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22796
+ --pf-c-pagination--inset: 0;
22797
+ }
22798
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22799
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22800
+ }
22801
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22802
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22803
+ }
22804
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22805
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22806
+ }
22807
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22808
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22809
+ }
22810
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22811
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22812
+ }
22623
22813
  }
22624
22814
  @media (min-width: 1450px) {
22625
22815
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22632,6 +22822,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22632
22822
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22633
22823
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22634
22824
  }
22825
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22826
+ --pf-c-pagination--inset: 0;
22827
+ }
22828
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22829
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22830
+ }
22831
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22832
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22833
+ }
22834
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22835
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22836
+ }
22837
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22838
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22839
+ }
22840
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22841
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22842
+ }
22635
22843
  }
22636
22844
 
22637
22845
  :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,
@@ -22963,17 +23171,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22963
23171
  }
22964
23172
 
22965
23173
  :where(.pf-theme-dark) .pf-c-popover {
22966
- --pf-c-popover--BoxShadow: none;
22967
- --pf-c-popover__arrow--BoxShadow: none;
22968
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23174
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23175
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
22969
23176
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
22970
23177
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
22971
23178
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
22972
23179
  }
22973
- :where(.pf-theme-dark) .pf-c-popover,
22974
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
22975
- border: 4px solid var(--pf-global--BorderColor--400);
22976
- }
22977
23180
 
22978
23181
  .pf-c-progress {
22979
23182
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -22981,8 +23184,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22981
23184
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
22982
23185
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
22983
23186
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23187
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
22984
23188
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
22985
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
22986
23189
  --pf-c-progress__bar--before--Opacity: .2;
22987
23190
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
22988
23191
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23095,14 +23298,17 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23095
23298
  }
23096
23299
 
23097
23300
  .pf-c-progress__status {
23301
+ display: flex;
23302
+ align-items: flex-start;
23303
+ justify-content: flex-end;
23098
23304
  grid-column: 2/3;
23099
23305
  grid-row: 1/2;
23100
23306
  text-align: right;
23101
23307
  word-break: break-word;
23308
+ gap: var(--pf-c-progress__status--Gap);
23102
23309
  }
23103
23310
 
23104
23311
  .pf-c-progress__status-icon {
23105
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23106
23312
  color: var(--pf-c-progress__status-icon--Color);
23107
23313
  }
23108
23314
 
@@ -23867,6 +24073,7 @@ label.pf-c-radio, .pf-c-radio__label,
23867
24073
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
23868
24074
  --pf-c-search-input__text-input--MinWidth: 6ch;
23869
24075
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24076
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
23870
24077
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
23871
24078
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
23872
24079
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -23954,6 +24161,7 @@ label.pf-c-radio, .pf-c-radio__label,
23954
24161
  width: 100%;
23955
24162
  min-width: var(--pf-c-search-input__text-input--MinWidth);
23956
24163
  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);
24164
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
23957
24165
  border: 0;
23958
24166
  }
23959
24167
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -25517,13 +25725,6 @@ label.pf-c-radio, .pf-c-radio__label,
25517
25725
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25518
25726
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25519
25727
  }
25520
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
25521
- align-items: center;
25522
- }
25523
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
25524
- position: absolute;
25525
- left: 100%;
25526
- }
25527
25728
  .pf-c-slider__value .pf-c-form-control {
25528
25729
  width: var(--pf-c-slider__value--c-form-control--Width);
25529
25730
  }
@@ -26397,7 +26598,7 @@ svg.pf-c-spinner.pf-m-xl {
26397
26598
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26398
26599
  }
26399
26600
  .pf-m-grid-md.pf-c-table tr:last-child,
26400
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26601
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26401
26602
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26402
26603
  }
26403
26604
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26542,7 +26743,7 @@ svg.pf-c-spinner.pf-m-xl {
26542
26743
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26543
26744
  }
26544
26745
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26545
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26746
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26546
26747
  position: relative;
26547
26748
  }
26548
26749
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26572,9 +26773,9 @@ svg.pf-c-spinner.pf-m-xl {
26572
26773
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26573
26774
  }
26574
26775
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26575
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26576
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26577
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26776
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26777
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26778
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26578
26779
  width: auto;
26579
26780
  padding: 0;
26580
26781
  }
@@ -26594,8 +26795,8 @@ svg.pf-c-spinner.pf-m-xl {
26594
26795
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26595
26796
  }
26596
26797
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26597
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26598
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26798
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26799
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26599
26800
  grid-row-start: 1;
26600
26801
  grid-column-start: 2;
26601
26802
  }
@@ -26712,7 +26913,7 @@ svg.pf-c-spinner.pf-m-xl {
26712
26913
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26713
26914
  }
26714
26915
  .pf-m-grid-lg.pf-c-table tr:last-child,
26715
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26916
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26716
26917
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26717
26918
  }
26718
26919
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -26857,7 +27058,7 @@ svg.pf-c-spinner.pf-m-xl {
26857
27058
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26858
27059
  }
26859
27060
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
26860
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27061
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
26861
27062
  position: relative;
26862
27063
  }
26863
27064
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26887,9 +27088,9 @@ svg.pf-c-spinner.pf-m-xl {
26887
27088
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26888
27089
  }
26889
27090
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26890
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26891
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26892
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27091
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27092
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27093
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26893
27094
  width: auto;
26894
27095
  padding: 0;
26895
27096
  }
@@ -26909,8 +27110,8 @@ svg.pf-c-spinner.pf-m-xl {
26909
27110
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26910
27111
  }
26911
27112
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
26912
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
26913
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27113
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27114
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
26914
27115
  grid-row-start: 1;
26915
27116
  grid-column-start: 2;
26916
27117
  }
@@ -27027,7 +27228,7 @@ svg.pf-c-spinner.pf-m-xl {
27027
27228
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27028
27229
  }
27029
27230
  .pf-m-grid-xl.pf-c-table tr:last-child,
27030
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27231
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27031
27232
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27032
27233
  }
27033
27234
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27172,7 +27373,7 @@ svg.pf-c-spinner.pf-m-xl {
27172
27373
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27173
27374
  }
27174
27375
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27175
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27376
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27176
27377
  position: relative;
27177
27378
  }
27178
27379
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27202,9 +27403,9 @@ svg.pf-c-spinner.pf-m-xl {
27202
27403
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27203
27404
  }
27204
27405
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27205
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27206
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27207
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27406
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27407
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27408
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27208
27409
  width: auto;
27209
27410
  padding: 0;
27210
27411
  }
@@ -27224,8 +27425,8 @@ svg.pf-c-spinner.pf-m-xl {
27224
27425
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27225
27426
  }
27226
27427
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27227
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27228
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27428
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27429
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27229
27430
  grid-row-start: 1;
27230
27431
  grid-column-start: 2;
27231
27432
  }
@@ -27342,7 +27543,7 @@ svg.pf-c-spinner.pf-m-xl {
27342
27543
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27343
27544
  }
27344
27545
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27345
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27546
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27346
27547
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27347
27548
  }
27348
27549
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27487,7 +27688,7 @@ svg.pf-c-spinner.pf-m-xl {
27487
27688
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27488
27689
  }
27489
27690
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27490
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27691
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27491
27692
  position: relative;
27492
27693
  }
27493
27694
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27517,9 +27718,9 @@ svg.pf-c-spinner.pf-m-xl {
27517
27718
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27518
27719
  }
27519
27720
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27520
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27521
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27522
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27721
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27722
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27723
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27523
27724
  width: auto;
27524
27725
  padding: 0;
27525
27726
  }
@@ -27539,8 +27740,8 @@ svg.pf-c-spinner.pf-m-xl {
27539
27740
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27540
27741
  }
27541
27742
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27542
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27543
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27743
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27744
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27544
27745
  grid-row-start: 1;
27545
27746
  grid-column-start: 2;
27546
27747
  }
@@ -29026,7 +29227,7 @@ svg.pf-c-spinner.pf-m-xl {
29026
29227
  display: block;
29027
29228
  }
29028
29229
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29029
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29230
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29030
29231
  display: inline-block;
29031
29232
  }
29032
29233
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29167,7 +29368,7 @@ svg.pf-c-spinner.pf-m-xl {
29167
29368
  display: block;
29168
29369
  }
29169
29370
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29170
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29371
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29171
29372
  display: inline-block;
29172
29373
  }
29173
29374
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29308,7 +29509,7 @@ svg.pf-c-spinner.pf-m-xl {
29308
29509
  display: block;
29309
29510
  }
29310
29511
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29311
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29512
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29312
29513
  display: inline-block;
29313
29514
  }
29314
29515
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29449,7 +29650,7 @@ svg.pf-c-spinner.pf-m-xl {
29449
29650
  display: block;
29450
29651
  }
29451
29652
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29452
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29653
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29453
29654
  display: inline-block;
29454
29655
  }
29455
29656
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -29619,7 +29820,6 @@ svg.pf-c-spinner.pf-m-xl {
29619
29820
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
29620
29821
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29621
29822
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
29622
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
29623
29823
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
29624
29824
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
29625
29825
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -30093,9 +30293,6 @@ svg.pf-c-spinner.pf-m-xl {
30093
30293
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
30094
30294
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
30095
30295
  }
30096
- .pf-c-tabs__item-action.pf-m-help {
30097
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
30098
- }
30099
30296
  .pf-c-tabs__item-action:last-child {
30100
30297
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
30101
30298
  }
@@ -30406,7 +30603,8 @@ svg.pf-c-spinner.pf-m-xl {
30406
30603
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30407
30604
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30408
30605
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30409
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30606
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30607
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30410
30608
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30411
30609
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30412
30610
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30506,6 +30704,7 @@ svg.pf-c-spinner.pf-m-xl {
30506
30704
  width: 100%;
30507
30705
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30508
30706
  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);
30707
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30509
30708
  border: 0;
30510
30709
  }
30511
30710
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30515,7 +30714,7 @@ svg.pf-c-spinner.pf-m-xl {
30515
30714
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30516
30715
  }
30517
30716
  .pf-c-text-input-group__text-input::placeholder {
30518
- color: var(--pf-c-text-input-group--placeholder--Color);
30717
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30519
30718
  }
30520
30719
 
30521
30720
  .pf-c-text-input-group__utilities {
@@ -30964,8 +31163,10 @@ svg.pf-c-spinner.pf-m-xl {
30964
31163
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
30965
31164
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
30966
31165
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
30967
- --pf-c-tooltip__arrow--Width: 0.5rem;
30968
- --pf-c-tooltip__arrow--Height: 0.5rem;
31166
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31167
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31168
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31169
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
30969
31170
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
30970
31171
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
30971
31172
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31035,7 +31236,8 @@ svg.pf-c-spinner.pf-m-xl {
31035
31236
  width: var(--pf-c-tooltip__arrow--Width);
31036
31237
  height: var(--pf-c-tooltip__arrow--Height);
31037
31238
  pointer-events: none;
31038
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31239
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31240
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31039
31241
  }
31040
31242
 
31041
31243
  :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,
@@ -31075,16 +31277,8 @@ svg.pf-c-spinner.pf-m-xl {
31075
31277
  }
31076
31278
 
31077
31279
  :where(.pf-theme-dark) .pf-c-tooltip {
31078
- --pf-c-tooltip--BoxShadow: none;
31079
31280
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31080
- }
31081
- :where(.pf-theme-dark) .pf-c-tooltip,
31082
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31083
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31084
- }
31085
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31086
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31087
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31281
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31088
31282
  }
31089
31283
 
31090
31284
  .pf-c-truncate {
@@ -31169,11 +31363,12 @@ svg.pf-c-spinner.pf-m-xl {
31169
31363
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31170
31364
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31171
31365
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31366
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31172
31367
  --pf-c-tree-view__node-container--Display: contents;
31173
31368
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31174
31369
  --pf-c-tree-view__node-content--Overflow: visible;
31175
31370
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31176
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31371
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31177
31372
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31178
31373
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31179
31374
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31183,6 +31378,7 @@ svg.pf-c-spinner.pf-m-xl {
31183
31378
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31184
31379
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31185
31380
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31381
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31186
31382
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31187
31383
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31188
31384
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31207,10 +31403,6 @@ svg.pf-c-spinner.pf-m-xl {
31207
31403
  --pf-c-tree-view__node-text--max-lines: 1;
31208
31404
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31209
31405
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31210
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31211
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31212
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31213
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31214
31406
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31215
31407
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31216
31408
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31408,13 +31600,14 @@ svg.pf-c-spinner.pf-m-xl {
31408
31600
  display: flex;
31409
31601
  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);
31410
31602
  color: var(--pf-c-tree-view__node--Color);
31603
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31411
31604
  }
31412
31605
  .pf-c-tree-view__node.pf-m-current {
31413
31606
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31414
31607
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31415
31608
  }
31416
31609
  .pf-c-tree-view__node:focus {
31417
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31610
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31418
31611
  }
31419
31612
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31420
31613
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31461,6 +31654,7 @@ svg.pf-c-spinner.pf-m-xl {
31461
31654
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31462
31655
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31463
31656
  color: var(--pf-c-tree-view__node-toggle--Color);
31657
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31464
31658
  border: 0;
31465
31659
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31466
31660
  }
@@ -31484,6 +31678,7 @@ svg.pf-c-spinner.pf-m-xl {
31484
31678
  font-weight: inherit;
31485
31679
  color: inherit;
31486
31680
  text-align: left;
31681
+ background-color: transparent;
31487
31682
  border: 0;
31488
31683
  }
31489
31684
  label.pf-c-tree-view__node-text {
@@ -31515,15 +31710,6 @@ label.pf-c-tree-view__node-text {
31515
31710
 
31516
31711
  .pf-c-tree-view__action {
31517
31712
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31518
- color: var(--pf-c-tree-view__action--Color);
31519
- border: 0;
31520
- }
31521
- .pf-c-tree-view__action:hover {
31522
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31523
- }
31524
- .pf-c-tree-view__action:focus {
31525
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31526
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31527
31713
  }
31528
31714
 
31529
31715
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31675,6 +31861,7 @@ label.pf-c-tree-view__node-text {
31675
31861
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31676
31862
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31677
31863
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31864
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31678
31865
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31679
31866
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31680
31867
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32024,6 +32211,7 @@ label.pf-c-tree-view__node-text {
32024
32211
  text-align: left;
32025
32212
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32026
32213
  word-break: break-word;
32214
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32027
32215
  border: 0;
32028
32216
  }
32029
32217
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -33868,31 +34056,31 @@ label.pf-c-tree-view__node-text {
33868
34056
  }
33869
34057
  @media (min-width: 576px) {
33870
34058
  .pf-l-grid > *,
33871
- .pf-l-grid .pf-l-grid__item {
34059
+ .pf-l-grid .pf-l-grid__item {
33872
34060
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
33873
34061
  }
33874
34062
  }
33875
34063
  @media (min-width: 768px) {
33876
34064
  .pf-l-grid > *,
33877
- .pf-l-grid .pf-l-grid__item {
34065
+ .pf-l-grid .pf-l-grid__item {
33878
34066
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
33879
34067
  }
33880
34068
  }
33881
34069
  @media (min-width: 992px) {
33882
34070
  .pf-l-grid > *,
33883
- .pf-l-grid .pf-l-grid__item {
34071
+ .pf-l-grid .pf-l-grid__item {
33884
34072
  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))));
33885
34073
  }
33886
34074
  }
33887
34075
  @media (min-width: 1200px) {
33888
34076
  .pf-l-grid > *,
33889
- .pf-l-grid .pf-l-grid__item {
34077
+ .pf-l-grid .pf-l-grid__item {
33890
34078
  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)))));
33891
34079
  }
33892
34080
  }
33893
34081
  @media (min-width: 1450px) {
33894
34082
  .pf-l-grid > *,
33895
- .pf-l-grid .pf-l-grid__item {
34083
+ .pf-l-grid .pf-l-grid__item {
33896
34084
  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))))));
33897
34085
  }
33898
34086
  }