@patternfly/patternfly 5.0.0-alpha.3 → 5.0.0-alpha.31

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 (290) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_base.scss +0 -18
  7. package/base/_chart-globals.scss +0 -4
  8. package/base/_common.scss +0 -22
  9. package/base/_fonts.scss +22 -22
  10. package/base/_globals.scss +1 -1
  11. package/base/_icons.scss +1 -28
  12. package/base/_svg-icons.scss +6 -0
  13. package/base/_variables.scss +1 -1
  14. package/base/patternfly-common.css +0 -10
  15. package/base/patternfly-fonts.css +17 -17
  16. package/base/patternfly-icons.css +6 -20
  17. package/base/patternfly-pf-icons.css +5 -1
  18. package/base/themes/dark/_globals.scss +1 -1
  19. package/base/themes/dark/_variables.scss +1 -1
  20. package/components/AboutModalBox/about-modal-box.css +7 -7
  21. package/components/AboutModalBox/about-modal-box.scss +7 -7
  22. package/components/Accordion/accordion.css +2 -0
  23. package/components/Accordion/accordion.scss +2 -0
  24. package/components/Alert/alert.css +3 -3
  25. package/components/Alert/alert.scss +3 -3
  26. package/components/AppLauncher/app-launcher.css +2 -0
  27. package/components/AppLauncher/app-launcher.scss +2 -0
  28. package/components/Avatar/avatar.scss +2 -2
  29. package/components/Banner/banner.css +14 -14
  30. package/components/Banner/banner.scss +9 -13
  31. package/components/Breadcrumb/breadcrumb.css +2 -0
  32. package/components/Breadcrumb/breadcrumb.scss +2 -0
  33. package/components/CalendarMonth/calendar-month.css +2 -2
  34. package/components/CalendarMonth/calendar-month.scss +3 -3
  35. package/components/Card/card.css +20 -21
  36. package/components/Card/card.scss +22 -26
  37. package/components/Chip/chip.css +33 -24
  38. package/components/Chip/chip.scss +40 -31
  39. package/components/ChipGroup/chip-group.css +27 -17
  40. package/components/ChipGroup/chip-group.scss +36 -22
  41. package/components/Content/content.css +11 -5
  42. package/components/Content/content.scss +17 -9
  43. package/components/ContextSelector/context-selector.css +5 -1
  44. package/components/ContextSelector/context-selector.scss +6 -2
  45. package/components/DataList/data-list-grid.css +7 -7
  46. package/components/DataList/data-list-grid.scss +1 -1
  47. package/components/DataList/data-list.css +12 -11
  48. package/components/DataList/data-list.scss +5 -4
  49. package/components/DescriptionList/description-list.css +7 -7
  50. package/components/DescriptionList/description-list.scss +7 -7
  51. package/components/Divider/divider.css +2 -2
  52. package/components/Divider/divider.scss +3 -3
  53. package/components/Drawer/drawer.css +15 -16
  54. package/components/Drawer/drawer.scss +2 -3
  55. package/components/Dropdown/dropdown.css +12 -10
  56. package/components/Dropdown/dropdown.scss +2 -0
  57. package/components/DualListSelector/dual-list-selector.css +1 -1
  58. package/components/DualListSelector/dual-list-selector.scss +1 -1
  59. package/components/EmptyState/empty-state.css +46 -52
  60. package/components/EmptyState/empty-state.scss +58 -57
  61. package/components/ExpandableSection/expandable-section.css +2 -0
  62. package/components/ExpandableSection/expandable-section.scss +2 -0
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +7 -7
  65. package/components/FormControl/form-control.css +2 -5
  66. package/components/FormControl/themes/dark/form-control.scss +2 -6
  67. package/components/Hint/hint.css +2 -2
  68. package/components/Hint/hint.scss +2 -2
  69. package/components/Label/label.css +43 -30
  70. package/components/Label/label.scss +49 -34
  71. package/components/LabelGroup/label-group.css +26 -22
  72. package/components/LabelGroup/label-group.scss +31 -26
  73. package/components/Login/login.css +11 -11
  74. package/components/Login/login.scss +10 -10
  75. package/components/Masthead/masthead.css +4 -4
  76. package/components/Masthead/masthead.scss +4 -4
  77. package/components/Menu/menu.css +9 -6
  78. package/components/Menu/menu.scss +34 -31
  79. package/components/MenuToggle/menu-toggle.css +3 -1
  80. package/components/MenuToggle/menu-toggle.scss +3 -1
  81. package/components/ModalBox/modal-box.css +9 -8
  82. package/components/ModalBox/modal-box.scss +11 -11
  83. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  84. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  85. package/components/Nav/nav.css +1 -1
  86. package/components/Nav/nav.scss +2 -2
  87. package/components/NotificationDrawer/notification-drawer.css +3 -3
  88. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  89. package/components/Page/page.css +71 -71
  90. package/components/Page/page.scss +12 -12
  91. package/components/Pagination/pagination.css +2 -2
  92. package/components/Popover/popover.css +25 -31
  93. package/components/Popover/popover.scss +27 -32
  94. package/components/Popover/themes/dark/popover.scss +2 -8
  95. package/components/Progress/progress.css +13 -10
  96. package/components/Progress/progress.scss +13 -10
  97. package/components/ProgressStepper/progress-stepper.css +5 -5
  98. package/components/ProgressStepper/progress-stepper.scss +5 -5
  99. package/components/SearchInput/search-input.css +4 -2
  100. package/components/SearchInput/search-input.scss +4 -2
  101. package/components/Select/select.css +1 -1
  102. package/components/Select/select.scss +1 -1
  103. package/components/Sidebar/sidebar.css +69 -26
  104. package/components/Sidebar/sidebar.scss +84 -27
  105. package/components/SimpleList/simple-list.css +1 -1
  106. package/components/SimpleList/simple-list.scss +2 -2
  107. package/components/Spinner/spinner.css +4 -4
  108. package/components/Spinner/spinner.scss +4 -4
  109. package/components/Table/table-grid.css +28 -28
  110. package/components/Table/table-scrollable.css +31 -26
  111. package/components/Table/table-scrollable.scss +33 -28
  112. package/components/Table/table-tree-view.css +14 -4
  113. package/components/Table/table-tree-view.scss +15 -0
  114. package/components/Table/table.css +7 -2
  115. package/components/Table/table.scss +9 -2
  116. package/components/Tabs/tabs.css +0 -4
  117. package/components/Tabs/tabs.scss +0 -7
  118. package/components/TextInputGroup/text-input-group.css +6 -4
  119. package/components/TextInputGroup/text-input-group.scss +6 -5
  120. package/components/Tile/tile.css +1 -1
  121. package/components/Tile/tile.scss +1 -1
  122. package/components/Timestamp/timestamp.css +3 -3
  123. package/components/Timestamp/timestamp.scss +3 -3
  124. package/components/Toolbar/toolbar.css +78 -43
  125. package/components/Toolbar/toolbar.scss +50 -10
  126. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  127. package/components/Tooltip/tooltip.css +7 -12
  128. package/components/Tooltip/tooltip.scss +6 -3
  129. package/components/TreeView/tree-view.css +7 -15
  130. package/components/TreeView/tree-view.scss +7 -18
  131. package/components/Wizard/wizard.css +16 -1
  132. package/components/Wizard/wizard.scss +20 -2
  133. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  134. package/docs/components/Accordion/examples/Accordion.md +12 -12
  135. package/docs/components/ActionList/examples/ActionList.md +6 -6
  136. package/docs/components/Alert/examples/Alert.md +19 -19
  137. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  138. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  139. package/docs/components/Avatar/examples/Avatar.md +11 -11
  140. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  141. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  142. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  143. package/docs/components/Badge/examples/Badge.md +5 -5
  144. package/docs/components/Banner/examples/Banner.md +8 -8
  145. package/docs/components/Brand/examples/Brand.md +9 -9
  146. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  147. package/docs/components/Button/examples/Button.md +35 -35
  148. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  149. package/docs/components/Card/examples/Card.md +139 -64
  150. package/docs/components/Check/examples/Check.md +15 -19
  151. package/docs/components/Chip/examples/Chip.md +70 -52
  152. package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
  153. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  154. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  155. package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
  156. package/docs/components/Content/examples/Content.md +37 -9
  157. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  158. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  159. package/docs/components/DataList/examples/DataList.md +187 -148
  160. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  161. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  162. package/docs/components/Divider/examples/Divider.md +10 -10
  163. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  164. package/docs/components/Drawer/examples/Drawer.md +43 -43
  165. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  166. package/docs/components/Dropdown/examples/Dropdown.md +123 -99
  167. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  168. package/docs/components/EmptyState/examples/EmptyState.md +130 -82
  169. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  170. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  171. package/docs/components/Form/examples/Form.md +64 -64
  172. package/docs/components/FormControl/examples/FormControl.md +20 -20
  173. package/docs/components/HelperText/examples/HelperText.md +12 -12
  174. package/docs/components/Hint/examples/Hint.md +7 -7
  175. package/docs/components/Icon/examples/Icon.md +10 -10
  176. package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
  177. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  178. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  179. package/docs/components/Label/examples/Label.md +1427 -746
  180. package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
  181. package/docs/components/List/examples/List.md +18 -18
  182. package/docs/components/LogViewer/examples/LogViewer.md +79 -73
  183. package/docs/components/Login/examples/Login.md +32 -32
  184. package/docs/components/Masthead/examples/masthead.md +9 -9
  185. package/docs/components/Menu/examples/Menu.md +82 -80
  186. package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
  187. package/docs/components/ModalBox/examples/ModalBox.md +106 -85
  188. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  189. package/docs/components/Nav/examples/Navigation.md +69 -69
  190. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  191. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  192. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  193. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  194. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  195. package/docs/components/Page/examples/Page.md +54 -54
  196. package/docs/components/Pagination/examples/Pagination.md +27 -27
  197. package/docs/components/Panel/examples/Panel.md +10 -10
  198. package/docs/components/Popover/examples/Popover.md +201 -144
  199. package/docs/components/Progress/examples/Progress.md +31 -60
  200. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  201. package/docs/components/Radio/examples/Radio.md +11 -11
  202. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  203. package/docs/components/Select/examples/Select.md +367 -313
  204. package/docs/components/Sidebar/examples/Sidebar.md +70 -14
  205. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  206. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  207. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  208. package/docs/components/Slider/examples/Slider.md +24 -24
  209. package/docs/components/Spinner/examples/Spinner.md +24 -24
  210. package/docs/components/Switch/examples/Switch.md +19 -19
  211. package/docs/components/TabContent/examples/TabContent.md +13 -13
  212. package/docs/components/Table/examples/Table.css +4 -0
  213. package/docs/components/Table/examples/Table.md +3163 -1712
  214. package/docs/components/Tabs/examples/Tabs.md +149 -149
  215. package/docs/components/TextInputGroup/examples/TextInputGroup.md +362 -280
  216. package/docs/components/Tile/examples/Tile.md +15 -15
  217. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  218. package/docs/components/Title/examples/Title.md +17 -17
  219. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  220. package/docs/components/Toolbar/examples/Toolbar.md +466 -373
  221. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  222. package/docs/components/TreeView/examples/TreeView.md +34 -34
  223. package/docs/components/Truncate/examples/Truncate.md +4 -4
  224. package/docs/components/Wizard/examples/Wizard.md +119 -127
  225. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  226. package/docs/demos/Alert/examples/Alert.md +13 -13
  227. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  228. package/docs/demos/Banner/examples/Banner.md +8 -9
  229. package/docs/demos/Card/examples/Card.md +219 -156
  230. package/docs/demos/CardView/examples/CardView.md +56 -29
  231. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  232. package/docs/demos/Dashboard/examples/Dashboard.md +51 -35
  233. package/docs/demos/DataList/examples/DataList.md +158 -109
  234. package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
  235. package/docs/demos/Drawer/examples/Drawer.md +24 -22
  236. package/docs/demos/Form/examples/BasicForms.md +28 -22
  237. package/docs/demos/HelperText/examples/HelperText.md +8 -9
  238. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  239. package/docs/demos/Masthead/examples/Masthead.md +29 -32
  240. package/docs/demos/Modal/examples/Modal.md +54 -66
  241. package/docs/demos/Nav/examples/Nav.md +47 -47
  242. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  243. package/docs/demos/Page/examples/Page.md +37 -37
  244. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
  245. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +74 -64
  246. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  247. package/docs/demos/Table/examples/Table.md +2454 -467
  248. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  249. package/docs/demos/Toolbar/examples/Toolbar.md +1808 -174
  250. package/docs/demos/Wizard/examples/Wizard.md +289 -266
  251. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  252. package/docs/layouts/Flex/examples/Flex.md +98 -98
  253. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  254. package/docs/layouts/Grid/examples/Grid.md +9 -9
  255. package/docs/layouts/Level/examples/Level.md +5 -5
  256. package/docs/layouts/Split/examples/Split.md +7 -7
  257. package/docs/layouts/Stack/examples/Stack.md +6 -6
  258. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  259. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  260. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  261. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  262. package/docs/utilities/Display/examples/Display.md +11 -11
  263. package/docs/utilities/Flex/examples/Flex.md +34 -34
  264. package/docs/utilities/Float/examples/Float.md +4 -4
  265. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  266. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  267. package/docs/utilities/Text/examples/Text.md +27 -27
  268. package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
  269. package/layouts/Gallery/gallery.css +1 -1
  270. package/layouts/Gallery/gallery.scss +1 -1
  271. package/layouts/Grid/grid.css +7 -7
  272. package/layouts/Grid/grid.scss +2 -2
  273. package/package.json +59 -65
  274. package/patternfly-base-no-reset.css +23 -47
  275. package/patternfly-base.css +23 -47
  276. package/patternfly-no-reset.css +781 -656
  277. package/patternfly.css +781 -656
  278. package/patternfly.min.css +1 -1
  279. package/patternfly.min.css.map +1 -1
  280. package/sass-utilities/functions.scss +8 -24
  281. package/sass-utilities/mixins.scss +15 -39
  282. package/sass-utilities/scss-variables.scss +1 -1
  283. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  284. package/utilities/Spacing/spacing.scss +2 -2
  285. package/base/_shield-inheritable.scss +0 -69
  286. package/base/_shield-noninheritable.scss +0 -13
  287. package/base/patternfly-shield-inheritable.css +0 -66
  288. package/base/patternfly-shield-inheritable.scss +0 -4
  289. package/base/patternfly-shield-noninheritable.css +0 -9
  290. package/base/patternfly-shield-noninheritable.scss +0 -4
package/patternfly.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
3
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
4
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
5
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -470,133 +470,123 @@
470
470
 
471
471
  @font-face {
472
472
  font-family: "RedHatDisplay";
473
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
474
473
  font-style: normal;
475
474
  font-weight: 300;
475
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
476
476
  text-rendering: optimizelegibility;
477
477
  }
478
478
  @font-face {
479
479
  font-family: "RedHatDisplay";
480
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
481
480
  font-style: normal;
482
481
  font-weight: 400;
482
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
483
483
  text-rendering: optimizelegibility;
484
484
  }
485
485
  @font-face {
486
486
  font-family: "RedHatDisplay";
487
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
488
487
  font-style: normal;
489
488
  font-weight: 700;
489
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
490
490
  text-rendering: optimizelegibility;
491
491
  }
492
492
  @font-face {
493
493
  font-family: "RedHatText";
494
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
495
494
  font-style: normal;
496
495
  font-weight: 400;
496
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
497
497
  text-rendering: optimizelegibility;
498
498
  }
499
499
  @font-face {
500
500
  font-family: "RedHatText";
501
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
502
501
  font-style: normal;
503
502
  font-weight: 700;
503
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
504
504
  text-rendering: optimizelegibility;
505
505
  }
506
506
  @font-face {
507
507
  font-family: "RedHatDisplayUpdated";
508
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
509
508
  font-style: normal;
510
509
  font-weight: 300;
510
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
511
511
  text-rendering: optimizelegibility;
512
512
  }
513
513
  @font-face {
514
514
  font-family: "RedHatDisplayUpdated";
515
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
516
515
  font-style: normal;
517
516
  font-weight: 400;
517
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
518
518
  text-rendering: optimizelegibility;
519
519
  }
520
520
  @font-face {
521
521
  font-family: "RedHatDisplayUpdated";
522
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
523
522
  font-style: normal;
524
523
  font-weight: 700;
524
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
525
525
  text-rendering: optimizelegibility;
526
526
  }
527
527
  @font-face {
528
528
  font-family: "RedHatTextUpdated";
529
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
530
529
  font-style: normal;
531
530
  font-weight: 400;
531
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
532
532
  text-rendering: optimizelegibility;
533
533
  }
534
534
  @font-face {
535
535
  font-family: "RedHatTextUpdated";
536
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
537
536
  font-style: normal;
538
537
  font-weight: 700;
538
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
539
539
  text-rendering: optimizelegibility;
540
540
  }
541
541
  @font-face {
542
542
  font-family: "RedHatMono";
543
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
544
543
  font-style: normal;
545
544
  font-weight: 400;
545
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
546
546
  font-display: fallback;
547
547
  }
548
548
  @font-face {
549
549
  font-family: "RedHatDisplayVF";
550
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
551
550
  font-style: normal;
552
551
  font-weight: 300 900;
552
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
553
553
  font-display: fallback;
554
554
  }
555
555
  @font-face {
556
556
  font-family: "RedHatDisplayVF";
557
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
558
557
  font-style: italic;
559
558
  font-weight: 300 900;
559
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
560
560
  font-display: fallback;
561
561
  }
562
562
  @font-face {
563
563
  font-family: "RedHatTextVF";
564
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
565
564
  font-style: normal;
566
565
  font-weight: 400 500;
566
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
567
567
  font-display: fallback;
568
568
  }
569
569
  @font-face {
570
570
  font-family: "RedHatTextVF";
571
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
572
571
  font-style: italic;
573
572
  font-weight: 400 500;
573
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
574
574
  font-display: fallback;
575
575
  }
576
576
  @font-face {
577
577
  font-family: "RedHatMonoVF";
578
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
579
578
  font-style: normal;
580
579
  font-weight: 300 700;
580
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
581
581
  font-display: fallback;
582
582
  }
583
583
  @font-face {
584
584
  font-family: "RedHatMonoVF";
585
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
586
585
  font-style: italic;
587
586
  font-weight: 300 700;
587
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
588
588
  font-display: fallback;
589
589
  }
590
- [class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
591
- padding: 0;
592
- margin: 0;
593
- background-color: transparent;
594
- }
595
-
596
- html {
597
- font-size: var(--pf-global--root--FontSize, unset) !important;
598
- }
599
-
600
590
  .pf-screen-reader {
601
591
  position: fixed;
602
592
  top: 0;
@@ -4966,7 +4956,7 @@ a {
4966
4956
  font-family: "pficon";
4967
4957
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4968
4958
  }
4969
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4959
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4970
4960
  font-family: "pficon";
4971
4961
  -webkit-font-smoothing: antialiased;
4972
4962
  -moz-osx-font-smoothing: grayscale;
@@ -5065,6 +5055,10 @@ a {
5065
5055
  content: "\e976";
5066
5056
  }
5067
5057
 
5058
+ .pf-icon-data-processor:before {
5059
+ content: "\e97b";
5060
+ }
5061
+
5068
5062
  .pf-icon-data-sink:before {
5069
5063
  content: "\e978";
5070
5064
  }
@@ -5485,30 +5479,12 @@ a {
5485
5479
  content: "\e911";
5486
5480
  }
5487
5481
 
5488
- .pf-svg-size-sm {
5482
+ .pf-svg {
5489
5483
  width: 1em;
5490
5484
  height: 1em;
5491
5485
  vertical-align: -0.125em;
5492
5486
  }
5493
5487
 
5494
- .pf-svg-size-md {
5495
- width: 1.5em;
5496
- height: 1.5em;
5497
- vertical-align: -0.1875em;
5498
- }
5499
-
5500
- .pf-svg-size-lg {
5501
- width: 2em;
5502
- height: 2em;
5503
- vertical-align: -0.25em;
5504
- }
5505
-
5506
- .pf-svg-size-xl {
5507
- width: 3em;
5508
- height: 3em;
5509
- vertical-align: -0.375em;
5510
- }
5511
-
5512
5488
  .pf-c-about-modal-box {
5513
5489
  --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
5514
5490
  --pf-c-about-modal-box--Height: 100%;
@@ -5560,8 +5536,8 @@ a {
5560
5536
  color: var(--pf-global--Color--100);
5561
5537
  position: relative;
5562
5538
  display: grid;
5563
- grid-template-rows: max-content max-content auto;
5564
5539
  grid-template-areas: "brand close" "header header" "content content";
5540
+ grid-template-rows: max-content max-content auto;
5565
5541
  width: var(--pf-c-about-modal-box--Width);
5566
5542
  height: var(--pf-c-about-modal-box--Height);
5567
5543
  overflow-x: hidden;
@@ -5607,22 +5583,22 @@ a {
5607
5583
  }
5608
5584
  @media only screen and (min-width: 576px) {
5609
5585
  .pf-c-about-modal-box {
5610
- grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5611
5586
  grid-template-areas: "brand hero" "header hero" "content hero";
5587
+ grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5612
5588
  }
5613
5589
  }
5614
5590
  @media only screen and (min-width: 992px) {
5615
5591
  .pf-c-about-modal-box {
5616
5592
  --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
5617
5593
  --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
5618
- grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5619
5594
  grid-template-rows: max-content max-content auto;
5595
+ grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5620
5596
  }
5621
5597
  }
5622
5598
 
5623
5599
  .pf-c-about-modal-box__brand {
5624
- grid-area: brand;
5625
5600
  display: flex;
5601
+ grid-area: brand;
5626
5602
  padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
5627
5603
  }
5628
5604
 
@@ -5631,9 +5607,9 @@ a {
5631
5607
  }
5632
5608
 
5633
5609
  .pf-c-about-modal-box__header {
5634
- grid-area: header;
5635
5610
  display: flex;
5636
5611
  flex-direction: column;
5612
+ grid-area: header;
5637
5613
  padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
5638
5614
  padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
5639
5615
  padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
@@ -5664,10 +5640,10 @@ a {
5664
5640
  }
5665
5641
 
5666
5642
  .pf-c-about-modal-box__close {
5667
- grid-area: close;
5668
5643
  position: sticky;
5669
5644
  top: 0;
5670
5645
  display: flex;
5646
+ grid-area: close;
5671
5647
  align-items: flex-start;
5672
5648
  justify-content: flex-end;
5673
5649
  padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
@@ -5706,12 +5682,12 @@ a {
5706
5682
  @media only screen and (min-width: 576px) {
5707
5683
  .pf-c-about-modal-box__hero {
5708
5684
  display: block;
5685
+ grid-area: hero;
5709
5686
  background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
5710
5687
  background-repeat: no-repeat;
5711
5688
  background-attachment: fixed;
5712
5689
  background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
5713
5690
  background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
5714
- grid-area: hero;
5715
5691
  }
5716
5692
  }
5717
5693
 
@@ -5770,6 +5746,7 @@ a {
5770
5746
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5771
5747
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5772
5748
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5749
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5773
5750
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5774
5751
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5775
5752
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5884,6 +5861,7 @@ a {
5884
5861
  padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
5885
5862
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5886
5863
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5864
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5887
5865
  border: 0;
5888
5866
  }
5889
5867
  .pf-c-accordion__toggle::after {
@@ -6108,13 +6086,13 @@ a {
6108
6086
  color: var(--pf-global--Color--100);
6109
6087
  position: relative;
6110
6088
  display: grid;
6089
+ grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
6090
+ grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
6111
6091
  padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
6112
6092
  font-size: var(--pf-c-alert__FontSize);
6113
6093
  background-color: var(--pf-c-alert--BackgroundColor);
6114
6094
  border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
6115
6095
  box-shadow: var(--pf-c-alert--BoxShadow);
6116
- grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
6117
- grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
6118
6096
  }
6119
6097
  .pf-c-alert.pf-m-success {
6120
6098
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
@@ -6175,8 +6153,8 @@ a {
6175
6153
  }
6176
6154
 
6177
6155
  .pf-c-alert__icon {
6178
- grid-area: icon;
6179
6156
  display: flex;
6157
+ grid-area: icon;
6180
6158
  margin-top: var(--pf-c-alert__icon--MarginTop);
6181
6159
  margin-right: var(--pf-c-alert__icon--MarginRight);
6182
6160
  font-size: var(--pf-c-alert__icon--FontSize);
@@ -6351,6 +6329,7 @@ a {
6351
6329
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6352
6330
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6353
6331
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6332
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6354
6333
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6355
6334
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6356
6335
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6413,6 +6392,7 @@ a {
6413
6392
  .pf-c-app-launcher__toggle {
6414
6393
  padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
6415
6394
  color: var(--pf-c-app-launcher__toggle--Color);
6395
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6416
6396
  border: none;
6417
6397
  }
6418
6398
  .pf-c-app-launcher__toggle:hover {
@@ -7036,18 +7016,18 @@ a {
7036
7016
  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
7037
7017
  --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
7038
7018
  --pf-c-banner--link--disabled--TextDecoration: none;
7039
- --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
7040
- --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
7041
- --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
7042
- --pf-c-banner--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
7019
+ --pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
7020
+ --pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
7021
+ --pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
7022
+ --pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
7043
7023
  --pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
7044
7024
  --pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
7045
7025
  color: var(--pf-global--Color--100);
7046
7026
  overflow: hidden;
7047
7027
  text-overflow: ellipsis;
7048
7028
  white-space: nowrap;
7049
- padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
7050
7029
  flex-shrink: 0;
7030
+ padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
7051
7031
  font-size: var(--pf-c-banner--FontSize);
7052
7032
  color: var(--pf-c-banner--Color);
7053
7033
  white-space: nowrap;
@@ -7059,19 +7039,19 @@ a {
7059
7039
  --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
7060
7040
  }
7061
7041
  }
7062
- .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
7042
+ .pf-c-banner.pf-m-blue {
7063
7043
  color: var(--pf-global--Color--100);
7064
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
7044
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
7065
7045
  }
7066
- .pf-c-banner.pf-m-danger, .pf-c-banner.pf-m-red {
7067
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor);
7046
+ .pf-c-banner.pf-m-red {
7047
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
7068
7048
  }
7069
- .pf-c-banner.pf-m-success, .pf-c-banner.pf-m-green {
7070
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor);
7049
+ .pf-c-banner.pf-m-green {
7050
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
7071
7051
  }
7072
- .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold {
7052
+ .pf-c-banner.pf-m-gold {
7073
7053
  color: var(--pf-global--Color--100);
7074
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
7054
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
7075
7055
  }
7076
7056
  .pf-c-banner.pf-m-sticky {
7077
7057
  position: sticky;
@@ -7225,6 +7205,7 @@ a {
7225
7205
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7226
7206
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7227
7207
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7208
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7228
7209
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7229
7210
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7230
7211
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7267,6 +7248,7 @@ a {
7267
7248
  color: var(--pf-c-breadcrumb__link--Color);
7268
7249
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7269
7250
  word-break: break-word;
7251
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7270
7252
  }
7271
7253
  .pf-c-breadcrumb__link:hover {
7272
7254
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -7934,7 +7916,7 @@ button.pf-c-breadcrumb__link {
7934
7916
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
7935
7917
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
7936
7918
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
7937
- --pf-c-calendar-month__header-year--Width: 8ch;
7919
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
7938
7920
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
7939
7921
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
7940
7922
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
@@ -8111,9 +8093,9 @@ button.pf-c-breadcrumb__link {
8111
8093
  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
8112
8094
  }
8113
8095
  .pf-c-calendar-month__date:disabled {
8114
- pointer-events: none;
8115
8096
  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
8116
8097
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
8098
+ pointer-events: none;
8117
8099
  }
8118
8100
 
8119
8101
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
@@ -8182,14 +8164,17 @@ button.pf-c-breadcrumb__link {
8182
8164
  --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
8183
8165
  --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
8184
8166
  --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
8185
- --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8186
- --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
8187
- --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
8188
8167
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
8168
+ --pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8169
+ --pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
8170
+ --pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
8171
+ --pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
8189
8172
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8190
8173
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8191
8174
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8192
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8175
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8176
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8177
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8193
8178
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8194
8179
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8195
8180
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8245,7 +8230,7 @@ button.pf-c-breadcrumb__link {
8245
8230
  --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
8246
8231
  --pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
8247
8232
  --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
8248
- --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
8233
+ --pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
8249
8234
  --pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
8250
8235
  --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
8251
8236
  --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
@@ -8260,7 +8245,6 @@ button.pf-c-breadcrumb__link {
8260
8245
  --pf-c-card--m-plain--BackgroundColor: transparent;
8261
8246
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8262
8247
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8263
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8264
8248
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8265
8249
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8266
8250
  display: flex;
@@ -8358,7 +8342,7 @@ button.pf-c-breadcrumb__link {
8358
8342
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
8359
8343
  }
8360
8344
  .pf-c-card.pf-m-display-lg {
8361
- --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
8345
+ --pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
8362
8346
  --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
8363
8347
  --pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
8364
8348
  --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
@@ -8406,13 +8390,11 @@ button.pf-c-breadcrumb__link {
8406
8390
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8407
8391
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8408
8392
  }
8409
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8410
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8411
- }
8412
8393
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8413
8394
  order: 2;
8414
8395
  }
8415
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8396
+
8397
+ .pf-c-card__header-main {
8416
8398
  flex: 1;
8417
8399
  }
8418
8400
 
@@ -8426,22 +8408,21 @@ button.pf-c-breadcrumb__link {
8426
8408
  transition: var(--pf-c-card__header-toggle-icon--Transition);
8427
8409
  }
8428
8410
 
8429
- .pf-c-card__title {
8430
- font-family: var(--pf-c-card__title--FontFamily);
8431
- font-size: var(--pf-c-card__title--FontSize);
8432
- font-weight: var(--pf-c-card__title--FontWeight);
8411
+ .pf-c-card__title-text {
8412
+ font-family: var(--pf-c-card__title-text--FontFamily);
8413
+ font-size: var(--pf-c-card__title-text--FontSize);
8414
+ font-weight: var(--pf-c-card__title-text--FontWeight);
8415
+ line-height: var(--pf-c-card__title-text--LineHeight);
8433
8416
  }
8434
8417
 
8435
8418
  .pf-c-card__actions {
8436
8419
  display: flex;
8420
+ gap: var(--pf-c-card__actions--Gap);
8437
8421
  align-items: center;
8438
8422
  align-self: flex-start;
8439
8423
  order: 1;
8440
8424
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8441
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8442
- }
8443
- .pf-c-card__actions > * + * {
8444
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8425
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8445
8426
  }
8446
8427
  .pf-c-card__actions + .pf-c-card__title,
8447
8428
  .pf-c-card__actions + .pf-c-card__body,
@@ -8449,8 +8430,8 @@ button.pf-c-breadcrumb__link {
8449
8430
  padding: 0;
8450
8431
  }
8451
8432
  .pf-c-card__actions.pf-m-no-offset {
8452
- --pf-c-card__header-toggle--MarginTop: 0;
8453
- --pf-c-card__header-toggle--MarginBottom: 0;
8433
+ --pf-c-card__actions--MarginTop: 0;
8434
+ --pf-c-card__actions--MarginBottom: 0;
8454
8435
  }
8455
8436
 
8456
8437
  .pf-c-card__header,
@@ -8630,18 +8611,19 @@ label.pf-c-check, .pf-c-check__label,
8630
8611
  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
8631
8612
  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
8632
8613
  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
8633
- --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
8614
+ --pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
8615
+ --pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
8634
8616
  --pf-c-chip__text--Color: var(--pf-global--Color--100);
8635
8617
  --pf-c-chip__text--MaxWidth: 16ch;
8636
- --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
8637
- --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
8638
- --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
8639
- --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
8640
- --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8641
- --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8642
- --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8643
- --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
8644
- --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
8618
+ --pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
8619
+ --pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
8620
+ --pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
8621
+ --pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
8622
+ --pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
8623
+ --pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8624
+ --pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8625
+ --pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8626
+ --pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
8645
8627
  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
8646
8628
  color: var(--pf-global--Color--100);
8647
8629
  position: relative;
@@ -8676,19 +8658,6 @@ label.pf-c-check, .pf-c-check__label,
8676
8658
  .pf-c-chip.pf-m-draggable .pf-c-chip__icon {
8677
8659
  font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
8678
8660
  }
8679
- .pf-c-chip .pf-c-button {
8680
- --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
8681
- --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
8682
- --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
8683
- --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
8684
- --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
8685
- margin-top: var(--pf-c-chip__c-button--MarginTop);
8686
- margin-right: var(--pf-c-chip__c-button--MarginRight);
8687
- margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
8688
- }
8689
- .pf-c-chip .pf-c-badge {
8690
- margin-left: var(--pf-c-chip__c-badge--MarginLeft);
8691
- }
8692
8661
 
8693
8662
  .pf-c-chip__text {
8694
8663
  overflow: hidden;
@@ -8696,7 +8665,6 @@ label.pf-c-check, .pf-c-check__label,
8696
8665
  white-space: nowrap;
8697
8666
  position: relative;
8698
8667
  max-width: var(--pf-c-chip__text--MaxWidth);
8699
- font-size: var(--pf-c-chip__text--FontSize);
8700
8668
  color: var(--pf-c-chip__text--Color);
8701
8669
  }
8702
8670
 
@@ -8705,6 +8673,28 @@ label.pf-c-check, .pf-c-check__label,
8705
8673
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8706
8674
  }
8707
8675
 
8676
+ .pf-c-chip__content {
8677
+ display: flex;
8678
+ column-gap: var(--pf-c-chip__content--ColumnGap);
8679
+ align-items: center;
8680
+ font-size: var(--pf-c-chip__content--FontSize);
8681
+ }
8682
+
8683
+ .pf-c-chip__actions {
8684
+ font-size: var(--pf-c-chip__actions--FontSize);
8685
+ }
8686
+ .pf-c-chip__actions .pf-c-button {
8687
+ --pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
8688
+ --pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
8689
+ --pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
8690
+ --pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
8691
+ --pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
8692
+ margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
8693
+ margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
8694
+ margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
8695
+ line-height: 1;
8696
+ }
8697
+
8708
8698
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8709
8699
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8710
8700
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -8749,28 +8739,39 @@ label.pf-c-check, .pf-c-check__label,
8749
8739
 
8750
8740
  .pf-c-chip-group {
8751
8741
  color: var(--pf-global--Color--100);
8752
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8753
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8742
+ --pf-c-chip-group--PaddingTop: 0;
8743
+ --pf-c-chip-group--PaddingRight: 0;
8744
+ --pf-c-chip-group--PaddingBottom: 0;
8745
+ --pf-c-chip-group--PaddingLeft: 0;
8746
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8747
+ --pf-c-chip-group--ColumnGap: 0;
8748
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8749
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8750
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8751
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8754
8752
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8755
8753
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8756
8754
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8757
8755
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8758
8756
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8759
8757
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8760
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8761
8758
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8762
8759
  --pf-c-chip-group__label--MaxWidth: 18ch;
8763
8760
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8764
8761
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8765
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8766
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8762
+ row-gap: var(--pf-c-chip-group--RowGap);
8763
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8767
8764
  max-width: 100%;
8765
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8766
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8767
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8768
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8768
8769
  }
8769
8770
  .pf-c-chip-group.pf-m-category {
8770
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8771
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8772
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8773
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8771
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8772
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8773
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8774
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8774
8775
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8775
8776
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8776
8777
  }
@@ -8779,15 +8780,12 @@ label.pf-c-check, .pf-c-check__label,
8779
8780
  display: flex;
8780
8781
  flex: 1;
8781
8782
  flex-wrap: wrap;
8783
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8784
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8782
8785
  align-items: baseline;
8783
8786
  min-width: 0;
8784
8787
  }
8785
8788
 
8786
- .pf-c-chip-group__list {
8787
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8788
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8789
- }
8790
-
8791
8789
  .pf-c-chip-group,
8792
8790
  .pf-c-chip-group__list {
8793
8791
  display: inline-flex;
@@ -8796,11 +8794,14 @@ label.pf-c-check, .pf-c-check__label,
8796
8794
  min-width: 0;
8797
8795
  }
8798
8796
 
8797
+ .pf-c-chip-group__list {
8798
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8799
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8800
+ }
8801
+
8799
8802
  .pf-c-chip-group__list-item {
8800
8803
  display: inline-flex;
8801
8804
  min-width: 0;
8802
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8803
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8804
8805
  }
8805
8806
 
8806
8807
  .pf-c-chip-group__label {
@@ -8808,7 +8809,6 @@ label.pf-c-check, .pf-c-check__label,
8808
8809
  text-overflow: ellipsis;
8809
8810
  white-space: nowrap;
8810
8811
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8811
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8812
8812
  font-size: var(--pf-c-chip-group__label--FontSize);
8813
8813
  }
8814
8814
 
@@ -9300,6 +9300,12 @@ label.pf-c-check, .pf-c-check__label,
9300
9300
  .pf-c-content ul {
9301
9301
  margin: 0;
9302
9302
  }
9303
+ .pf-c-content ol.pf-m-plain,
9304
+ .pf-c-content ul.pf-m-plain {
9305
+ padding-left: 0;
9306
+ margin-left: 0;
9307
+ list-style: none;
9308
+ }
9303
9309
  .pf-c-content h1 {
9304
9310
  margin-top: var(--pf-c-content--h1--MarginTop);
9305
9311
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
@@ -9366,12 +9372,12 @@ label.pf-c-check, .pf-c-check__label,
9366
9372
  margin-left: var(--pf-c-content--ol--MarginLeft);
9367
9373
  }
9368
9374
  .pf-c-content ol ul {
9369
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9370
9375
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9376
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9371
9377
  }
9372
9378
  .pf-c-content ol ol {
9373
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9374
9379
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9380
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9375
9381
  }
9376
9382
  .pf-c-content ul {
9377
9383
  padding-left: var(--pf-c-content--ul--PaddingLeft);
@@ -9379,12 +9385,12 @@ label.pf-c-check, .pf-c-check__label,
9379
9385
  list-style: var(--pf-c-content--ul--ListStyle);
9380
9386
  }
9381
9387
  .pf-c-content ul ul {
9382
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9383
9388
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9389
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9384
9390
  }
9385
9391
  .pf-c-content ul ol {
9386
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9387
9392
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9393
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9388
9394
  }
9389
9395
  .pf-c-content dl {
9390
9396
  display: grid;
@@ -9393,8 +9399,8 @@ label.pf-c-check, .pf-c-check__label,
9393
9399
  @media screen and (min-width: 576px) {
9394
9400
  .pf-c-content dl {
9395
9401
  grid-template: auto/auto 1fr;
9396
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9397
9402
  grid-row-gap: var(--pf-c-content--dl--RowGap);
9403
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9398
9404
  }
9399
9405
  }
9400
9406
  .pf-c-content dt {
@@ -9437,6 +9443,7 @@ label.pf-c-check, .pf-c-check__label,
9437
9443
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9438
9444
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9439
9445
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9446
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9440
9447
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9441
9448
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9442
9449
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9475,6 +9482,7 @@ label.pf-c-check, .pf-c-check__label,
9475
9482
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9476
9483
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9477
9484
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9485
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9478
9486
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9479
9487
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9480
9488
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9586,6 +9594,7 @@ label.pf-c-check, .pf-c-check__label,
9586
9594
  color: var(--pf-c-context-selector__toggle--Color);
9587
9595
  white-space: nowrap;
9588
9596
  cursor: pointer;
9597
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9589
9598
  border: none;
9590
9599
  }
9591
9600
  .pf-c-context-selector__toggle::before {
@@ -9694,11 +9703,12 @@ label.pf-c-check, .pf-c-check__label,
9694
9703
  padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
9695
9704
  color: var(--pf-c-context-selector__menu-list-item--Color);
9696
9705
  white-space: nowrap;
9706
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9697
9707
  border: none;
9698
9708
  }
9699
9709
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9710
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9700
9711
  text-decoration: none;
9701
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9702
9712
  }
9703
9713
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9704
9714
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -9781,8 +9791,8 @@ label.pf-c-check, .pf-c-check__label,
9781
9791
  @media screen and (min-width: 768px) {
9782
9792
  .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
9783
9793
  display: flex;
9784
- flex-wrap: wrap;
9785
9794
  flex-grow: 1;
9795
+ flex-wrap: wrap;
9786
9796
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9787
9797
  }
9788
9798
  }
@@ -9843,8 +9853,8 @@ label.pf-c-check, .pf-c-check__label,
9843
9853
  @media screen and (min-width: 0) {
9844
9854
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
9845
9855
  display: flex;
9846
- flex-wrap: wrap;
9847
9856
  flex-grow: 1;
9857
+ flex-wrap: wrap;
9848
9858
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9849
9859
  }
9850
9860
  }
@@ -9905,8 +9915,8 @@ label.pf-c-check, .pf-c-check__label,
9905
9915
  @media screen and (min-width: 576px) {
9906
9916
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
9907
9917
  display: flex;
9908
- flex-wrap: wrap;
9909
9918
  flex-grow: 1;
9919
+ flex-wrap: wrap;
9910
9920
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9911
9921
  }
9912
9922
  }
@@ -9967,8 +9977,8 @@ label.pf-c-check, .pf-c-check__label,
9967
9977
  @media screen and (min-width: 768px) {
9968
9978
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
9969
9979
  display: flex;
9970
- flex-wrap: wrap;
9971
9980
  flex-grow: 1;
9981
+ flex-wrap: wrap;
9972
9982
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9973
9983
  }
9974
9984
  }
@@ -10029,8 +10039,8 @@ label.pf-c-check, .pf-c-check__label,
10029
10039
  @media screen and (min-width: 992px) {
10030
10040
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
10031
10041
  display: flex;
10032
- flex-wrap: wrap;
10033
10042
  flex-grow: 1;
10043
+ flex-wrap: wrap;
10034
10044
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10035
10045
  }
10036
10046
  }
@@ -10091,8 +10101,8 @@ label.pf-c-check, .pf-c-check__label,
10091
10101
  @media screen and (min-width: 1200px) {
10092
10102
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
10093
10103
  display: flex;
10094
- flex-wrap: wrap;
10095
10104
  flex-grow: 1;
10105
+ flex-wrap: wrap;
10096
10106
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10097
10107
  }
10098
10108
  }
@@ -10153,8 +10163,8 @@ label.pf-c-check, .pf-c-check__label,
10153
10163
  @media screen and (min-width: 1450px) {
10154
10164
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
10155
10165
  display: flex;
10156
- flex-wrap: wrap;
10157
10166
  flex-grow: 1;
10167
+ flex-wrap: wrap;
10158
10168
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10159
10169
  }
10160
10170
  }
@@ -10247,6 +10257,7 @@ label.pf-c-check, .pf-c-check__label,
10247
10257
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10248
10258
  --pf-c-data-list__toggle-icon--Rotate: 0;
10249
10259
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10260
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10250
10261
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10251
10262
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10252
10263
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10318,7 +10329,6 @@ label.pf-c-check, .pf-c-check__label,
10318
10329
  font-size: var(--pf-c-data-list--FontSize);
10319
10330
  line-height: var(--pf-c-data-list--LineHeight);
10320
10331
  overflow-wrap: break-word;
10321
- list-style-type: disc;
10322
10332
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10323
10333
  }
10324
10334
  @media screen and (min-width: 576px) {
@@ -10491,6 +10501,7 @@ label.pf-c-check, .pf-c-check__label,
10491
10501
  flex-direction: column;
10492
10502
  padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
10493
10503
  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);
10504
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10494
10505
  border: 0;
10495
10506
  }
10496
10507
  .pf-c-data-list__item-draggable-button:hover {
@@ -10513,8 +10524,8 @@ label.pf-c-check, .pf-c-check__label,
10513
10524
 
10514
10525
  .pf-c-data-list__item-action {
10515
10526
  --pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
10516
- align-items: flex-start;
10517
10527
  align-content: flex-start;
10528
+ align-items: flex-start;
10518
10529
  padding-top: var(--pf-c-data-list__item-action--PaddingTop);
10519
10530
  padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
10520
10531
  margin-left: var(--pf-c-data-list__item-action--MarginLeft);
@@ -10540,8 +10551,8 @@ label.pf-c-check, .pf-c-check__label,
10540
10551
 
10541
10552
  .pf-c-data-list__item-content {
10542
10553
  display: grid;
10543
- width: 100%;
10544
10554
  grid-template-columns: auto 1fr;
10555
+ width: 100%;
10545
10556
  }
10546
10557
 
10547
10558
  .pf-c-data-list__cell {
@@ -10557,8 +10568,8 @@ label.pf-c-check, .pf-c-check__label,
10557
10568
  }
10558
10569
  .pf-c-data-list__cell.pf-m-icon {
10559
10570
  flex-grow: 0;
10560
- margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10561
10571
  grid-column: 1/2;
10572
+ margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10562
10573
  }
10563
10574
  .pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
10564
10575
  grid-column: 2/3;
@@ -10678,10 +10689,10 @@ label.pf-c-check, .pf-c-check__label,
10678
10689
  --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10679
10690
  --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10680
10691
  display: grid;
10681
- align-items: baseline;
10692
+ grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10682
10693
  row-gap: var(--pf-c-description-list--RowGap);
10683
10694
  column-gap: var(--pf-c-description-list--ColumnGap);
10684
- grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10695
+ align-items: baseline;
10685
10696
  }
10686
10697
  @media screen and (min-width: 576px) {
10687
10698
  .pf-c-description-list {
@@ -10787,11 +10798,11 @@ label.pf-c-check, .pf-c-check__label,
10787
10798
  .pf-c-description-list__group,
10788
10799
  .pf-c-description-list > .pf-c-card {
10789
10800
  display: grid;
10801
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10802
+ grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10790
10803
  grid-column: var(--pf-c-description-list__group--GridColumn);
10791
10804
  row-gap: var(--pf-c-description-list__group--RowGap);
10792
10805
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10793
- grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10794
- grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10795
10806
  align-items: baseline;
10796
10807
  }
10797
10808
 
@@ -10828,11 +10839,11 @@ label.pf-c-check, .pf-c-check__label,
10828
10839
  }
10829
10840
  .pf-c-description-list__text.pf-m-help-text {
10830
10841
  text-decoration: underline;
10831
- cursor: pointer;
10832
- text-decoration-style: dashed;
10833
10842
  text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
10834
- text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10843
+ text-decoration-style: dashed;
10835
10844
  text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
10845
+ text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10846
+ cursor: pointer;
10836
10847
  }
10837
10848
  .pf-c-description-list__text.pf-m-help-text:hover {
10838
10849
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
@@ -11072,8 +11083,8 @@ label.pf-c-check, .pf-c-check__label,
11072
11083
  --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
11073
11084
  display: grid;
11074
11085
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
11075
- grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
11076
11086
  grid-template-rows: repeat(3, auto) auto;
11087
+ grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
11077
11088
  }
11078
11089
 
11079
11090
  .pf-c-dual-list-selector__pane {
@@ -11311,22 +11322,30 @@ label.pf-c-check, .pf-c-check__label,
11311
11322
 
11312
11323
  .pf-c-toolbar {
11313
11324
  --pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
11314
- --pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
11325
+ --pf-c-toolbar--RowGap--base: var(--pf-global--spacer--lg);
11326
+ --pf-c-toolbar--RowGap: var(--pf-c-toolbar--RowGap--base);
11315
11327
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
11316
11328
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11329
+ --pf-c-toolbar--item--RowGap--base: var(--pf-global--spacer--xs);
11317
11330
  --pf-c-toolbar__item--Display: block;
11318
11331
  --pf-c-toolbar__item--MinWidth--base: auto;
11332
+ --pf-c-toolbar__item--AlignSelf: auto;
11319
11333
  --pf-c-toolbar__group--Display: flex;
11334
+ --pf-c-toolbar__group--AlignItems: baseline;
11335
+ --pf-c-toolbar__group--AlignSelf: auto;
11336
+ --pf-c-toolbar__group--RowGap: var(--pf-c-toolbar--item--RowGap--base);
11320
11337
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11321
11338
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11322
11339
  --pf-c-toolbar__content--Display: flex;
11340
+ --pf-c-toolbar__content--RowGap: var(--pf-c-toolbar--RowGap--base);
11323
11341
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11324
11342
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11325
11343
  --pf-c-toolbar__content-section--Display: flex;
11344
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11345
+ --pf-c-toolbar__content-section--RowGap: var(--pf-c-toolbar--item--RowGap--base);
11326
11346
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11327
11347
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11328
11348
  --pf-c-toolbar__expandable-content--Display: grid;
11329
- --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
11330
11349
  --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
11331
11350
  --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
11332
11351
  --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
@@ -11369,8 +11388,8 @@ label.pf-c-check, .pf-c-check__label,
11369
11388
  --pf-c-toolbar--m-full-height__item--Display: flex;
11370
11389
  --pf-c-toolbar--m-full-height__item--AlignItems: center;
11371
11390
  position: relative;
11372
- row-gap: var(--pf-c-toolbar--RowGap);
11373
11391
  display: grid;
11392
+ row-gap: var(--pf-c-toolbar--RowGap);
11374
11393
  padding-top: var(--pf-c-toolbar--PaddingTop);
11375
11394
  padding-bottom: var(--pf-c-toolbar--PaddingBottom);
11376
11395
  background-color: var(--pf-c-toolbar--BackgroundColor);
@@ -11444,9 +11463,23 @@ label.pf-c-check, .pf-c-check__label,
11444
11463
  .pf-c-toolbar__group {
11445
11464
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11446
11465
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11447
- align-items: center;
11466
+ row-gap: var(--pf-c-toolbar__group--RowGap);
11467
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11468
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11448
11469
  margin-right: var(--pf-c-toolbar--spacer);
11449
11470
  }
11471
+ .pf-c-toolbar__group.pf-m-align-items-center {
11472
+ align-items: center;
11473
+ }
11474
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11475
+ align-items: baseline;
11476
+ }
11477
+ .pf-c-toolbar__group.pf-m-align-self-center {
11478
+ align-self: center;
11479
+ }
11480
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11481
+ align-self: baseline;
11482
+ }
11450
11483
  .pf-c-toolbar__group.pf-m-button-group {
11451
11484
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11452
11485
  }
@@ -11487,6 +11520,7 @@ label.pf-c-check, .pf-c-check__label,
11487
11520
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11488
11521
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11489
11522
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11523
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11490
11524
  width: var(--pf-c-toolbar__item--Width--base);
11491
11525
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11492
11526
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11541,6 +11575,12 @@ label.pf-c-check, .pf-c-check__label,
11541
11575
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
11542
11576
  }
11543
11577
  }
11578
+ .pf-c-toolbar__item.pf-m-align-self-center {
11579
+ align-self: center;
11580
+ }
11581
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11582
+ align-self: baseline;
11583
+ }
11544
11584
  .pf-c-toolbar__item.pf-m-overflow-menu {
11545
11585
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11546
11586
  }
@@ -11585,30 +11625,36 @@ label.pf-c-check, .pf-c-check__label,
11585
11625
  .pf-c-toolbar__content,
11586
11626
  .pf-c-toolbar__content-section {
11587
11627
  flex-wrap: wrap;
11588
- align-items: center;
11589
11628
  }
11590
11629
 
11591
11630
  .pf-c-toolbar__content {
11592
11631
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11593
11632
  position: relative;
11633
+ row-gap: var(--pf-c-toolbar__content--RowGap);
11634
+ align-items: center;
11594
11635
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11595
11636
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11596
11637
  }
11597
11638
 
11598
11639
  .pf-c-toolbar__content-section {
11599
11640
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11641
+ row-gap: var(--pf-c-toolbar__content-section--RowGap);
11642
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11600
11643
  width: 100%;
11601
11644
  }
11645
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11646
+ align-items: center;
11647
+ }
11602
11648
 
11603
11649
  .pf-c-toolbar__expandable-content {
11604
11650
  position: absolute;
11605
- top: 100%;
11651
+ top: calc(100% + var(--pf-c-toolbar__content--RowGap));
11606
11652
  right: 0;
11607
11653
  left: 0;
11608
11654
  z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
11609
11655
  display: none;
11610
11656
  width: 100%;
11611
- padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
11657
+ padding: 0 var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
11612
11658
  background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
11613
11659
  box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
11614
11660
  }
@@ -11639,9 +11685,9 @@ label.pf-c-check, .pf-c-check__label,
11639
11685
  .pf-c-toolbar__group.pf-m-chip-container {
11640
11686
  display: flex;
11641
11687
  flex-wrap: wrap;
11688
+ grid-row-gap: 0;
11642
11689
  align-items: baseline;
11643
11690
  margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
11644
- grid-row-gap: 0;
11645
11691
  }
11646
11692
  .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
11647
11693
  .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
@@ -11691,7 +11737,7 @@ label.pf-c-check, .pf-c-check__label,
11691
11737
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11692
11738
  }
11693
11739
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11694
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11740
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11695
11741
  display: flex;
11696
11742
  flex: 0 1 auto;
11697
11743
  }
@@ -11704,7 +11750,7 @@ label.pf-c-check, .pf-c-check__label,
11704
11750
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11705
11751
  }
11706
11752
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11707
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11753
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11708
11754
  display: flex;
11709
11755
  flex: 0 1 auto;
11710
11756
  }
@@ -11717,7 +11763,7 @@ label.pf-c-check, .pf-c-check__label,
11717
11763
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11718
11764
  }
11719
11765
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11720
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11766
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11721
11767
  display: flex;
11722
11768
  flex: 0 1 auto;
11723
11769
  }
@@ -11730,7 +11776,7 @@ label.pf-c-check, .pf-c-check__label,
11730
11776
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11731
11777
  }
11732
11778
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11733
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11779
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11734
11780
  display: flex;
11735
11781
  flex: 0 1 auto;
11736
11782
  }
@@ -11743,7 +11789,7 @@ label.pf-c-check, .pf-c-check__label,
11743
11789
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11744
11790
  }
11745
11791
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11746
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11792
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11747
11793
  display: flex;
11748
11794
  flex: 0 1 auto;
11749
11795
  }
@@ -11777,131 +11823,131 @@ label.pf-c-check, .pf-c-check__label,
11777
11823
  }
11778
11824
  @media (min-width: 576px) {
11779
11825
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11780
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11826
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11781
11827
  margin-left: auto;
11782
11828
  }
11783
11829
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11784
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11830
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11785
11831
  margin-left: 0;
11786
11832
  }
11787
11833
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11788
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11834
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11789
11835
  margin-left: 0;
11790
11836
  }
11791
11837
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11792
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11838
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11793
11839
  margin-left: auto;
11794
11840
  }
11795
11841
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11796
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11842
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11797
11843
  flex-wrap: nowrap;
11798
11844
  }
11799
11845
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11800
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11846
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11801
11847
  flex-wrap: wrap;
11802
11848
  }
11803
11849
  }
11804
11850
  @media (min-width: 768px) {
11805
11851
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11806
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11852
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11807
11853
  margin-left: auto;
11808
11854
  }
11809
11855
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11810
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11856
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11811
11857
  margin-left: 0;
11812
11858
  }
11813
11859
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11814
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11860
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11815
11861
  margin-left: 0;
11816
11862
  }
11817
11863
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11818
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11864
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11819
11865
  margin-left: auto;
11820
11866
  }
11821
11867
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11822
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11868
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11823
11869
  flex-wrap: nowrap;
11824
11870
  }
11825
11871
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11826
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11872
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11827
11873
  flex-wrap: wrap;
11828
11874
  }
11829
11875
  }
11830
11876
  @media (min-width: 992px) {
11831
11877
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11832
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11878
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11833
11879
  margin-left: auto;
11834
11880
  }
11835
11881
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11836
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11882
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11837
11883
  margin-left: 0;
11838
11884
  }
11839
11885
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11840
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11886
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11841
11887
  margin-left: 0;
11842
11888
  }
11843
11889
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11844
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11890
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11845
11891
  margin-left: auto;
11846
11892
  }
11847
11893
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11848
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11894
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11849
11895
  flex-wrap: nowrap;
11850
11896
  }
11851
11897
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11852
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11898
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11853
11899
  flex-wrap: wrap;
11854
11900
  }
11855
11901
  }
11856
11902
  @media (min-width: 1200px) {
11857
11903
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11858
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11904
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11859
11905
  margin-left: auto;
11860
11906
  }
11861
11907
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11862
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11908
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11863
11909
  margin-left: 0;
11864
11910
  }
11865
11911
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11866
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11912
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11867
11913
  margin-left: 0;
11868
11914
  }
11869
11915
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11870
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11916
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11871
11917
  margin-left: auto;
11872
11918
  }
11873
11919
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11874
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11920
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11875
11921
  flex-wrap: nowrap;
11876
11922
  }
11877
11923
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11878
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11924
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11879
11925
  flex-wrap: wrap;
11880
11926
  }
11881
11927
  }
11882
11928
  @media (min-width: 1450px) {
11883
11929
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11884
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11930
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11885
11931
  margin-left: auto;
11886
11932
  }
11887
11933
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11888
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11934
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11889
11935
  margin-left: 0;
11890
11936
  }
11891
11937
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11892
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11938
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11893
11939
  margin-left: 0;
11894
11940
  }
11895
11941
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11896
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11942
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11897
11943
  margin-left: auto;
11898
11944
  }
11899
11945
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11900
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11946
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11901
11947
  flex-wrap: nowrap;
11902
11948
  }
11903
11949
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11904
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11950
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11905
11951
  flex-wrap: wrap;
11906
11952
  }
11907
11953
  }
@@ -12537,9 +12583,9 @@ label.pf-c-check, .pf-c-check__label,
12537
12583
  width: 100%;
12538
12584
  height: auto;
12539
12585
  flex-direction: var(--pf-c-divider--FlexDirection);
12586
+ flex-shrink: 0;
12540
12587
  align-items: center;
12541
12588
  align-self: stretch;
12542
- flex-shrink: 0;
12543
12589
  justify-content: center;
12544
12590
  border: 0;
12545
12591
  }
@@ -12548,11 +12594,11 @@ label.pf-c-check, .pf-c-check__label,
12548
12594
  }
12549
12595
  .pf-c-divider::after {
12550
12596
  align-self: stretch;
12597
+ justify-self: center;
12551
12598
  width: var(--pf-c-divider--after--Width);
12552
12599
  height: var(--pf-c-divider--after--Height);
12553
12600
  content: "";
12554
12601
  background-color: var(--pf-c-divider--after--BackgroundColor);
12555
- justify-self: center;
12556
12602
  }
12557
12603
  .pf-c-divider.pf-m-vertical {
12558
12604
  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
@@ -13124,16 +13170,15 @@ label.pf-c-check, .pf-c-check__label,
13124
13170
  }
13125
13171
 
13126
13172
  .pf-c-drawer__actions {
13127
- grid-column: 2;
13128
- grid-row: 1;
13129
13173
  display: flex;
13174
+ grid-row: 1;
13175
+ grid-column: 2;
13130
13176
  align-self: baseline;
13131
13177
  margin-top: var(--pf-c-drawer__actions--MarginTop);
13132
13178
  margin-right: var(--pf-c-drawer__actions--MarginRight);
13133
13179
  }
13134
13180
 
13135
13181
  .pf-c-drawer__body {
13136
- min-height: 0;
13137
13182
  padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
13138
13183
  }
13139
13184
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13295,7 +13340,7 @@ label.pf-c-check, .pf-c-check__label,
13295
13340
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13296
13341
  }
13297
13342
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13298
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13343
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13299
13344
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13300
13345
  }
13301
13346
  .pf-c-drawer__splitter {
@@ -13384,15 +13429,15 @@ label.pf-c-check, .pf-c-check__label,
13384
13429
  }
13385
13430
  @media (min-width: 768px) {
13386
13431
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13387
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13432
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13388
13433
  flex-shrink: 1;
13389
13434
  }
13390
13435
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13391
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13436
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13392
13437
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13393
13438
  }
13394
13439
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13395
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13440
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13396
13441
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13397
13442
  }
13398
13443
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13445,15 +13490,15 @@ label.pf-c-check, .pf-c-check__label,
13445
13490
  }
13446
13491
  @media (min-width: 992px) {
13447
13492
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13448
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13493
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13449
13494
  flex-shrink: 1;
13450
13495
  }
13451
13496
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13452
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13497
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13453
13498
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13454
13499
  }
13455
13500
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13456
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13501
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13457
13502
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13458
13503
  }
13459
13504
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13506,15 +13551,15 @@ label.pf-c-check, .pf-c-check__label,
13506
13551
  }
13507
13552
  @media (min-width: 1200px) {
13508
13553
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13509
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13554
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13510
13555
  flex-shrink: 1;
13511
13556
  }
13512
13557
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13513
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13558
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13514
13559
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13515
13560
  }
13516
13561
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13517
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13562
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13518
13563
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13519
13564
  }
13520
13565
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13567,15 +13612,15 @@ label.pf-c-check, .pf-c-check__label,
13567
13612
  }
13568
13613
  @media (min-width: 1450px) {
13569
13614
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13570
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13615
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13571
13616
  flex-shrink: 1;
13572
13617
  }
13573
13618
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13574
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13619
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13575
13620
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13576
13621
  }
13577
13622
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13578
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13623
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13579
13624
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13580
13625
  }
13581
13626
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13722,6 +13767,7 @@ label.pf-c-check, .pf-c-check__label,
13722
13767
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13723
13768
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13724
13769
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13770
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13725
13771
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13726
13772
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13727
13773
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13947,6 +13993,7 @@ label.pf-c-check, .pf-c-check__label,
13947
13993
  }
13948
13994
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13949
13995
  color: var(--pf-c-dropdown__toggle-button--Color);
13996
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13950
13997
  border: 0;
13951
13998
  }
13952
13999
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14181,51 +14228,51 @@ label.pf-c-check, .pf-c-check__label,
14181
14228
  }
14182
14229
  @media (min-width: 576px) {
14183
14230
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14184
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14231
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14185
14232
  right: 0;
14186
14233
  }
14187
14234
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14188
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14235
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14189
14236
  right: auto;
14190
14237
  }
14191
14238
  }
14192
14239
  @media (min-width: 768px) {
14193
14240
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14194
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14241
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14195
14242
  right: 0;
14196
14243
  }
14197
14244
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14198
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14245
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14199
14246
  right: auto;
14200
14247
  }
14201
14248
  }
14202
14249
  @media (min-width: 992px) {
14203
14250
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14204
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14251
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14205
14252
  right: 0;
14206
14253
  }
14207
14254
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14208
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14255
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14209
14256
  right: auto;
14210
14257
  }
14211
14258
  }
14212
14259
  @media (min-width: 1200px) {
14213
14260
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14214
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14261
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14215
14262
  right: 0;
14216
14263
  }
14217
14264
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14218
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14265
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14219
14266
  right: auto;
14220
14267
  }
14221
14268
  }
14222
14269
  @media (min-width: 1450px) {
14223
14270
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14224
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14271
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14225
14272
  right: 0;
14226
14273
  }
14227
14274
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14228
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14275
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14229
14276
  right: auto;
14230
14277
  }
14231
14278
  }
@@ -14379,38 +14426,39 @@ label.pf-c-check, .pf-c-check__label,
14379
14426
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14380
14427
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14381
14428
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14429
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14430
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14431
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14432
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14382
14433
  --pf-c-empty-state__content--MaxWidth: none;
14434
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14435
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14436
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14383
14437
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14384
14438
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14385
14439
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14386
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14440
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14441
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14442
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14443
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14444
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14445
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14446
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14447
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14448
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14449
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14387
14450
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14388
14451
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14389
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14390
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14391
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14392
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14393
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14394
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14395
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14396
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14452
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14397
14453
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14398
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14399
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14400
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14401
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14402
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14403
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14404
14454
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14405
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14406
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14407
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14408
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14409
14455
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14410
14456
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14411
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14412
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14413
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14457
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14458
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14459
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14460
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14461
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14414
14462
  display: flex;
14415
14463
  align-items: center;
14416
14464
  justify-content: center;
@@ -14422,17 +14470,12 @@ label.pf-c-check, .pf-c-check__label,
14422
14470
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14423
14471
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14424
14472
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14473
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14425
14474
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14426
14475
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14427
14476
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14428
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14429
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14430
- }
14431
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14432
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14433
- }
14434
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14435
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14477
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14478
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14436
14479
  }
14437
14480
  .pf-c-empty-state.pf-m-sm {
14438
14481
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14442,12 +14485,11 @@ label.pf-c-check, .pf-c-check__label,
14442
14485
  }
14443
14486
  .pf-c-empty-state.pf-m-xl {
14444
14487
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14488
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14445
14489
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14446
14490
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14447
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14448
- }
14449
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14450
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14491
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14492
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14451
14493
  }
14452
14494
  .pf-c-empty-state.pf-m-full-height {
14453
14495
  height: 100%;
@@ -14456,41 +14498,40 @@ label.pf-c-check, .pf-c-check__label,
14456
14498
  .pf-c-empty-state__content {
14457
14499
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14458
14500
  }
14459
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14460
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14461
- }
14462
14501
 
14463
14502
  .pf-c-empty-state__icon {
14464
14503
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14465
14504
  font-size: var(--pf-c-empty-state__icon--FontSize);
14505
+ line-height: 1;
14466
14506
  color: var(--pf-c-empty-state__icon--Color);
14467
14507
  }
14468
14508
 
14509
+ .pf-c-empty-state__title-text {
14510
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14511
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14512
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14513
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14514
+ }
14515
+
14469
14516
  .pf-c-empty-state__body {
14470
14517
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14518
+ font-size: var(--pf-c-empty-state--body--FontSize);
14471
14519
  color: var(--pf-c-empty-state__body--Color);
14472
14520
  }
14473
14521
 
14474
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14475
- .pf-c-empty-state__primary {
14476
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14477
- }
14478
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14479
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14480
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14522
+ .pf-c-empty-state__footer {
14523
+ display: flex;
14524
+ flex-direction: column;
14525
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14526
+ align-items: center;
14527
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14481
14528
  }
14482
14529
 
14483
- .pf-c-empty-state__secondary {
14530
+ .pf-c-empty-state__actions {
14484
14531
  display: flex;
14485
14532
  flex-wrap: wrap;
14533
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14486
14534
  justify-content: center;
14487
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14488
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14489
- }
14490
- .pf-c-empty-state__secondary > * {
14491
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14492
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14493
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14494
14535
  }
14495
14536
 
14496
14537
  .pf-c-expandable-section {
@@ -14504,6 +14545,7 @@ label.pf-c-check, .pf-c-check__label,
14504
14545
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14505
14546
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14506
14547
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14548
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14507
14549
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14508
14550
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14509
14551
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14589,6 +14631,7 @@ label.pf-c-check, .pf-c-check__label,
14589
14631
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14590
14632
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14591
14633
  color: var(--pf-c-expandable-section__toggle--Color);
14634
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14592
14635
  border: none;
14593
14636
  }
14594
14637
  .pf-c-expandable-section__toggle:hover {
@@ -14803,8 +14846,8 @@ label.pf-c-check, .pf-c-check__label,
14803
14846
  }
14804
14847
  .pf-c-form.pf-m-horizontal .pf-c-form__group {
14805
14848
  display: grid;
14806
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14807
14849
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14850
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14808
14851
  }
14809
14852
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
14810
14853
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14823,8 +14866,8 @@ label.pf-c-check, .pf-c-check__label,
14823
14866
  }
14824
14867
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
14825
14868
  display: grid;
14826
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14827
14869
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14870
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14828
14871
  }
14829
14872
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
14830
14873
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14843,8 +14886,8 @@ label.pf-c-check, .pf-c-check__label,
14843
14886
  }
14844
14887
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
14845
14888
  display: grid;
14846
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14847
14889
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14890
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14848
14891
  }
14849
14892
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
14850
14893
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14863,8 +14906,8 @@ label.pf-c-check, .pf-c-check__label,
14863
14906
  }
14864
14907
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
14865
14908
  display: grid;
14866
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14867
14909
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14910
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14868
14911
  }
14869
14912
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
14870
14913
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14883,8 +14926,8 @@ label.pf-c-check, .pf-c-check__label,
14883
14926
  }
14884
14927
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
14885
14928
  display: grid;
14886
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14887
14929
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14930
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14888
14931
  }
14889
14932
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
14890
14933
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14903,8 +14946,8 @@ label.pf-c-check, .pf-c-check__label,
14903
14946
  }
14904
14947
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
14905
14948
  display: grid;
14906
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14907
14949
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14950
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14908
14951
  }
14909
14952
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
14910
14953
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14923,8 +14966,8 @@ label.pf-c-check, .pf-c-check__label,
14923
14966
  }
14924
14967
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
14925
14968
  display: grid;
14926
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14927
14969
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14970
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14928
14971
  }
14929
14972
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
14930
14973
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -15039,9 +15082,9 @@ label.pf-c-check, .pf-c-check__label,
15039
15082
  --pf-c-form__group-control--m-inline--child--MarginRight: 0;
15040
15083
  }
15041
15084
  .pf-c-form__group-control.pf-m-stack {
15085
+ --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
15042
15086
  display: grid;
15043
15087
  gap: var(--pf-c-grid__group-control--m-stack--Gap);
15044
- --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
15045
15088
  }
15046
15089
  .pf-c-form__group-control .pf-c-form__helper-text:first-child {
15047
15090
  --pf-c-form__helper-text--MarginTop: 0;
@@ -15125,8 +15168,8 @@ label.pf-c-check, .pf-c-check__label,
15125
15168
  }
15126
15169
 
15127
15170
  .pf-c-form__field-group-toggle {
15128
- grid-column: 1/2;
15129
15171
  grid-row: 1/2;
15172
+ grid-column: 1/2;
15130
15173
  padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
15131
15174
  padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
15132
15175
  }
@@ -15148,9 +15191,9 @@ label.pf-c-check, .pf-c-check__label,
15148
15191
  }
15149
15192
 
15150
15193
  .pf-c-form__field-group-header {
15151
- grid-column: var(--pf-c-form__field-group-header--GridColumn);
15152
- grid-row: 1/2;
15153
15194
  display: flex;
15195
+ grid-row: 1/2;
15196
+ grid-column: var(--pf-c-form__field-group-header--GridColumn);
15154
15197
  align-items: flex-start;
15155
15198
  padding-top: var(--pf-c-form__field-group-header--PaddingTop);
15156
15199
  padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
@@ -15183,8 +15226,8 @@ label.pf-c-check, .pf-c-check__label,
15183
15226
  }
15184
15227
 
15185
15228
  .pf-c-form__field-group-body {
15186
- grid-column: var(--pf-c-form__field-group-body--GridColumn);
15187
15229
  display: grid;
15230
+ grid-column: var(--pf-c-form__field-group-body--GridColumn);
15188
15231
  gap: var(--pf-c-form__field-group-body--Gap);
15189
15232
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
15190
15233
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
@@ -15597,9 +15640,9 @@ textarea.pf-c-form-control {
15597
15640
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
15598
15641
  --pf-c-form-control--BorderLeftColor: transparent;
15599
15642
  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
15600
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
15643
+ --pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
15601
15644
  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15602
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
15645
+ --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
15603
15646
  color: var(--pf-global--Color--100);
15604
15647
  }
15605
15648
  :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
@@ -15608,9 +15651,6 @@ textarea.pf-c-form-control {
15608
15651
  :where(.pf-theme-dark) .pf-c-form-control[readonly] {
15609
15652
  border-bottom-color: var(--pf-global--palette--black-700);
15610
15653
  }
15611
- :where(.pf-theme-dark) .pf-c-form-control:disabled {
15612
- color: var(--pf-global--palette--black-100);
15613
- }
15614
15654
 
15615
15655
  .pf-c-hint {
15616
15656
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
@@ -15644,11 +15684,11 @@ textarea.pf-c-form-control {
15644
15684
 
15645
15685
  .pf-c-hint__actions {
15646
15686
  display: inline-grid;
15687
+ grid-row: 1;
15688
+ grid-column: 2;
15647
15689
  grid-auto-flow: column;
15648
15690
  margin-left: var(--pf-c-hint__actions--MarginLeft);
15649
15691
  text-align: right;
15650
- grid-column: 2;
15651
- grid-row: 1;
15652
15692
  }
15653
15693
  .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
15654
15694
  margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
@@ -16428,6 +16468,7 @@ label.pf-c-input-group__text {
16428
16468
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
16429
16469
  --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
16430
16470
  --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
16471
+ --pf-c-label--MaxWidth: 100%;
16431
16472
  --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
16432
16473
  --pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
16433
16474
  --pf-c-label--Color: var(--pf-global--Color--100);
@@ -16530,21 +16571,22 @@ label.pf-c-input-group__text {
16530
16571
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16531
16572
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16532
16573
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16574
+ --pf-c-label__content--BackgroundColor: transparent;
16533
16575
  --pf-c-label__content--MaxWidth: 100%;
16534
16576
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16535
16577
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
16536
- --pf-c-label__text--MaxWidth: 16ch;
16578
+ --pf-c-label__text--MaxWidth: 100%;
16537
16579
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
16538
16580
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
16539
- --pf-c-label__c-button--FontSize: var(--pf-global--FontSize--xs);
16540
- --pf-c-label__c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16541
- --pf-c-label__c-button--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16542
- --pf-c-label__c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
16543
- --pf-c-label__c-button--MarginLeft: var(--pf-global--spacer--xs);
16544
- --pf-c-label__c-button--PaddingTop: var(--pf-global--spacer--xs);
16545
- --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
16546
- --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
16547
- --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
16581
+ --pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
16582
+ --pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
16583
+ --pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
16584
+ --pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
16585
+ --pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
16586
+ --pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
16587
+ --pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
16588
+ --pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
16589
+ --pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16548
16590
  --pf-c-label--m-editable--Cursor: pointer;
16549
16591
  --pf-c-label--m-editable--TextDecoration: underline;
16550
16592
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -16565,6 +16607,7 @@ label.pf-c-input-group__text {
16565
16607
  --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16566
16608
  --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16567
16609
  position: relative;
16610
+ max-width: var(--pf-c-label--MaxWidth);
16568
16611
  padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
16569
16612
  font-size: var(--pf-c-label--FontSize);
16570
16613
  color: var(--pf-c-label--Color);
@@ -16709,12 +16752,6 @@ label.pf-c-input-group__text {
16709
16752
  }
16710
16753
 
16711
16754
  .pf-c-label.pf-m-editable {
16712
- text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16713
- cursor: var(--pf-c-label--m-editable--Cursor);
16714
- text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16715
- text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16716
- text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16717
- text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16718
16755
  --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
16719
16756
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16720
16757
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
@@ -16724,6 +16761,12 @@ label.pf-c-input-group__text {
16724
16761
  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
16725
16762
  --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16726
16763
  --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16764
+ text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16765
+ text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16766
+ text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16767
+ text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16768
+ text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16769
+ cursor: var(--pf-c-label--m-editable--Cursor);
16727
16770
  }
16728
16771
  .pf-c-label.pf-m-editable:hover {
16729
16772
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -16736,17 +16779,6 @@ label.pf-c-input-group__text {
16736
16779
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
16737
16780
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
16738
16781
  }
16739
- .pf-c-label .pf-c-button {
16740
- --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
16741
- --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
16742
- --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
16743
- --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
16744
- --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
16745
- margin-top: var(--pf-c-label__c-button--MarginTop);
16746
- margin-right: var(--pf-c-label__c-button--MarginRight);
16747
- margin-bottom: var(--pf-c-label__c-button--MarginBottom);
16748
- margin-left: var(--pf-c-label__c-button--MarginLeft);
16749
- }
16750
16782
  .pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
16751
16783
  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
16752
16784
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
@@ -16772,11 +16804,10 @@ label.pf-c-input-group__text {
16772
16804
  }
16773
16805
 
16774
16806
  .pf-c-label__content {
16775
- overflow: hidden;
16776
- text-overflow: ellipsis;
16777
- white-space: nowrap;
16778
16807
  max-width: var(--pf-c-label__content--MaxWidth);
16808
+ overflow: hidden;
16779
16809
  color: var(--pf-c-label__content--Color);
16810
+ background-color: var(--pf-c-label__content--BackgroundColor);
16780
16811
  border-width: 0;
16781
16812
  }
16782
16813
  .pf-c-label__content::before {
@@ -16790,9 +16821,17 @@ label.pf-c-input-group__text {
16790
16821
  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
16791
16822
  border-radius: var(--pf-c-label--BorderRadius);
16792
16823
  }
16824
+ input.pf-c-label__content {
16825
+ overflow: hidden;
16826
+ text-overflow: ellipsis;
16827
+ white-space: nowrap;
16828
+ }
16829
+
16793
16830
  a.pf-c-label__content,
16794
16831
  button.pf-c-label__content {
16832
+ padding: 0;
16795
16833
  cursor: pointer;
16834
+ background-color: transparent;
16796
16835
  border: none;
16797
16836
  }
16798
16837
  a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
@@ -16817,6 +16856,20 @@ button.pf-c-label__content:focus {
16817
16856
  color: var(--pf-c-label__icon--Color);
16818
16857
  }
16819
16858
 
16859
+ .pf-c-label__actions {
16860
+ margin-right: var(--pf-c-label__actions--MarginRight);
16861
+ font-size: var(--pf-c-label__actions--FontSize);
16862
+ }
16863
+ .pf-c-label__actions .pf-c-button {
16864
+ --pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
16865
+ --pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
16866
+ --pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
16867
+ --pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
16868
+ --pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
16869
+ margin-top: var(--pf-c-label__actions--c-button--MarginTop);
16870
+ margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
16871
+ }
16872
+
16820
16873
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16821
16874
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16822
16875
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -16898,8 +16951,18 @@ button.pf-c-label__content:focus {
16898
16951
  }
16899
16952
 
16900
16953
  .pf-c-label-group {
16901
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16902
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16954
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16955
+ --pf-c-label-group--ColumnGap: 0;
16956
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16957
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16958
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16959
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16960
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16961
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16962
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16963
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16964
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16965
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16903
16966
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16904
16967
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16905
16968
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16909,26 +16972,22 @@ button.pf-c-label__content:focus {
16909
16972
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16910
16973
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16911
16974
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16912
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16913
- --pf-c-label-group__label--MarginBottom: 0;
16914
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16915
16975
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16916
16976
  --pf-c-label-group__label--MaxWidth: 18ch;
16917
16977
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16918
16978
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16919
16979
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16920
16980
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16921
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16922
16981
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16923
16982
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16924
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16925
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16926
16983
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16927
16984
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16928
16985
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
16929
16986
  --pf-c-label-group__textarea--PaddingBottom: 0;
16930
16987
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16931
16988
  display: inline-flex;
16989
+ row-gap: var(--pf-c-label-group--RowGap);
16990
+ column-gap: var(--pf-c-label-group--ColumnGap);
16932
16991
  align-items: center;
16933
16992
  }
16934
16993
  .pf-c-label-group.pf-m-category {
@@ -16941,11 +17000,12 @@ button.pf-c-label__content:focus {
16941
17000
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16942
17001
  }
16943
17002
  .pf-c-label-group.pf-m-vertical {
16944
- --pf-c-label-group__list--MarginRight: 0;
16945
- --pf-c-label-group__list--MarginBottom: 0;
16946
- --pf-c-label-group__list-item--MarginRight: 0;
16947
- --pf-c-label-group__label--MarginRight: 0;
16948
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
17003
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
17004
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
17005
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
17006
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
17007
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
17008
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16949
17009
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16950
17010
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16951
17011
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16962,9 +17022,6 @@ button.pf-c-label__content:focus {
16962
17022
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16963
17023
  flex-direction: column;
16964
17024
  }
16965
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16966
- --pf-c-label-group__list-item--MarginBottom: 0;
16967
- }
16968
17025
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16969
17026
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16970
17027
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16985,20 +17042,20 @@ button.pf-c-label__content:focus {
16985
17042
  display: flex;
16986
17043
  flex: 1;
16987
17044
  flex-wrap: wrap;
17045
+ row-gap: var(--pf-c-label-group__main--RowGap);
17046
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16988
17047
  align-items: baseline;
16989
17048
  }
16990
17049
 
16991
17050
  .pf-c-label-group__list {
16992
17051
  display: inline-flex;
16993
17052
  flex-wrap: wrap;
16994
- margin-right: var(--pf-c-label-group__list--MarginRight);
16995
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
17053
+ row-gap: var(--pf-c-label-group__list--RowGap);
17054
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16996
17055
  }
16997
17056
 
16998
17057
  .pf-c-label-group__list-item {
16999
17058
  display: inline-flex;
17000
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
17001
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
17002
17059
  }
17003
17060
 
17004
17061
  .pf-c-label-group__label {
@@ -17006,12 +17063,12 @@ button.pf-c-label__content:focus {
17006
17063
  text-overflow: ellipsis;
17007
17064
  white-space: nowrap;
17008
17065
  max-width: var(--pf-c-label-group__label--MaxWidth);
17009
- margin-right: var(--pf-c-label-group__label--MarginRight);
17010
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
17011
17066
  font-size: var(--pf-c-label-group__label--FontSize);
17012
17067
  }
17013
17068
 
17014
17069
  .pf-c-label-group__close {
17070
+ display: flex;
17071
+ align-self: start;
17015
17072
  margin-top: var(--pf-c-label-group__close--MarginTop);
17016
17073
  margin-right: var(--pf-c-label-group__close--MarginRight);
17017
17074
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -17452,10 +17509,10 @@ ul.pf-c-list {
17452
17509
  @media (min-width: 1200px) {
17453
17510
  .pf-c-login__container {
17454
17511
  display: grid;
17455
- justify-content: center;
17456
- grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17457
- grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17458
17512
  grid-template-areas: "main header" "main footer" "main .";
17513
+ grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17514
+ grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17515
+ justify-content: center;
17459
17516
  padding-right: var(--pf-c-login__container--PaddingRight);
17460
17517
  padding-left: var(--pf-c-login__container--PaddingLeft);
17461
17518
  }
@@ -17477,10 +17534,10 @@ ul.pf-c-list {
17477
17534
  }
17478
17535
 
17479
17536
  .pf-c-login__main {
17537
+ grid-area: main;
17480
17538
  align-self: start;
17481
17539
  margin-bottom: var(--pf-c-login__main--MarginBottom);
17482
17540
  background-color: var(--pf-c-login__main--BackgroundColor);
17483
- grid-area: main;
17484
17541
  }
17485
17542
  .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
17486
17543
  padding-top: var(--pf-c-login__main-header--PaddingTop);
@@ -17492,8 +17549,8 @@ ul.pf-c-list {
17492
17549
  .pf-c-login__main-header {
17493
17550
  display: grid;
17494
17551
  grid-template-columns: 100%;
17495
- column-gap: var(--pf-c-login__main-header--ColumnGap);
17496
17552
  row-gap: var(--pf-c-login__main-header--RowGap);
17553
+ column-gap: var(--pf-c-login__main-header--ColumnGap);
17497
17554
  align-items: center;
17498
17555
  padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
17499
17556
  }
@@ -17505,26 +17562,26 @@ ul.pf-c-list {
17505
17562
 
17506
17563
  .pf-c-login__main-header-utilities,
17507
17564
  .pf-c-login__main-header .pf-c-dropdown {
17508
- grid-column: auto;
17509
17565
  grid-row: auto;
17566
+ grid-column: auto;
17510
17567
  }
17511
17568
  @media (min-width: 768px) {
17512
17569
  .pf-c-login__main-header-utilities,
17513
- .pf-c-login__main-header .pf-c-dropdown {
17514
- grid-column: 2/3;
17570
+ .pf-c-login__main-header .pf-c-dropdown {
17515
17571
  grid-row: 1;
17572
+ grid-column: 2/3;
17516
17573
  }
17517
17574
  }
17518
17575
 
17519
17576
  .pf-c-login__main-header-utilities .pf-c-dropdown {
17520
- grid-column: auto;
17521
17577
  grid-row: auto;
17578
+ grid-column: auto;
17522
17579
  }
17523
17580
 
17524
17581
  .pf-c-login__main-header-desc {
17582
+ grid-column: 1/-1;
17525
17583
  margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
17526
17584
  font-size: var(--pf-c-login__main-header-desc--FontSize);
17527
- grid-column: 1/-1;
17528
17585
  }
17529
17586
 
17530
17587
  .pf-c-login__main-body {
@@ -17559,11 +17616,11 @@ ul.pf-c-list {
17559
17616
  }
17560
17617
 
17561
17618
  .pf-c-login__main-footer-links-item-link svg {
17562
- fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17563
17619
  width: 100%;
17564
17620
  max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
17565
17621
  height: 100%;
17566
17622
  max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
17623
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17567
17624
  }
17568
17625
  .pf-c-login__main-footer-links-item-link:hover svg {
17569
17626
  fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
@@ -17828,6 +17885,7 @@ ul.pf-c-list {
17828
17885
  position: relative;
17829
17886
  display: flex;
17830
17887
  flex-basis: var(--pf-c-masthead__main--FlexBasis);
17888
+ grid-column: var(--pf-c-masthead__main--GridColumn);
17831
17889
  align-items: center;
17832
17890
  align-self: stretch;
17833
17891
  order: var(--pf-c-masthead__main--Order);
@@ -17835,7 +17893,6 @@ ul.pf-c-list {
17835
17893
  padding-top: var(--pf-c-masthead__main--PaddingTop);
17836
17894
  padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
17837
17895
  margin-right: var(--pf-c-masthead__main--MarginRight);
17838
- grid-column: var(--pf-c-masthead__main--GridColumn);
17839
17896
  }
17840
17897
  .pf-c-masthead__main::before {
17841
17898
  position: absolute;
@@ -17852,6 +17909,9 @@ ul.pf-c-list {
17852
17909
  .pf-c-masthead__content {
17853
17910
  display: flex;
17854
17911
  flex-grow: 1;
17912
+ flex-shrink: 1;
17913
+ grid-column: var(--pf-c-masthead__content--GridColumn);
17914
+ grid-column-end: -1;
17855
17915
  align-items: center;
17856
17916
  align-self: stretch;
17857
17917
  order: var(--pf-c-masthead__content--Order);
@@ -17859,9 +17919,6 @@ ul.pf-c-list {
17859
17919
  padding-top: var(--pf-c-masthead__content--PaddingTop);
17860
17920
  padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
17861
17921
  margin-left: var(--pf-c-masthead__content--MarginLeft);
17862
- grid-column: var(--pf-c-masthead__content--GridColumn);
17863
- grid-column-end: -1;
17864
- flex-shrink: 1;
17865
17922
  }
17866
17923
  .pf-c-masthead__content:only-child {
17867
17924
  --pf-c-masthead__content--MarginLeft: 0;
@@ -18389,6 +18446,7 @@ ul.pf-c-list {
18389
18446
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18390
18447
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18391
18448
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18449
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18392
18450
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18393
18451
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18394
18452
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18420,12 +18478,6 @@ ul.pf-c-list {
18420
18478
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18421
18479
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
18422
18480
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
18423
- top: var(--pf-c-menu--Top);
18424
- z-index: var(--pf-c-menu--ZIndex);
18425
- width: var(--pf-c-menu--Width);
18426
- min-width: var(--pf-c-menu--MinWidth);
18427
- background-color: var(--pf-c-menu--BackgroundColor);
18428
- box-shadow: var(--pf-c-menu--BoxShadow);
18429
18481
  --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
18430
18482
  --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
18431
18483
  --pf-c-menu--m-nav__list--PaddingTop: 0;
@@ -18453,6 +18505,12 @@ ul.pf-c-list {
18453
18505
  --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
18454
18506
  --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
18455
18507
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
18508
+ top: var(--pf-c-menu--Top);
18509
+ z-index: var(--pf-c-menu--ZIndex);
18510
+ width: var(--pf-c-menu--Width);
18511
+ min-width: var(--pf-c-menu--MinWidth);
18512
+ background-color: var(--pf-c-menu--BackgroundColor);
18513
+ box-shadow: var(--pf-c-menu--BoxShadow);
18456
18514
  }
18457
18515
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
18458
18516
  overflow: visible;
@@ -18509,6 +18567,7 @@ ul.pf-c-list {
18509
18567
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
18510
18568
  position: relative;
18511
18569
  overflow: hidden;
18570
+ visibility: visible;
18512
18571
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
18513
18572
  }
18514
18573
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -18819,6 +18878,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18819
18878
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18820
18879
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18821
18880
  color: var(--pf-c-menu__item-action--Color);
18881
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18822
18882
  border: none;
18823
18883
  }
18824
18884
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -19008,6 +19068,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19008
19068
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
19009
19069
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
19010
19070
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
19071
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
19011
19072
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
19012
19073
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
19013
19074
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19263,13 +19324,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19263
19324
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19264
19325
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19265
19326
  color: inherit;
19327
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19266
19328
  border: 0;
19267
19329
  }
19268
19330
 
19269
19331
  .pf-c-menu-toggle__icon {
19270
19332
  display: inline-flex;
19271
- align-self: center;
19272
19333
  flex-shrink: 0;
19334
+ align-self: center;
19273
19335
  margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
19274
19336
  line-height: 1;
19275
19337
  }
@@ -19389,9 +19451,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19389
19451
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
19390
19452
  --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
19391
19453
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
19392
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
19393
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
19394
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19454
+ --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
19455
+ --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
19456
+ --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19395
19457
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
19396
19458
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
19397
19459
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -19443,13 +19505,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19443
19505
  .pf-c-modal-box.pf-m-info {
19444
19506
  --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
19445
19507
  }
19446
- .pf-c-modal-box > .pf-c-button {
19508
+
19509
+ .pf-c-modal-box__close {
19447
19510
  position: absolute;
19448
- top: var(--pf-c-modal-box--c-button--Top);
19449
- right: var(--pf-c-modal-box--c-button--Right);
19511
+ top: var(--pf-c-modal-box__close--Top);
19512
+ right: var(--pf-c-modal-box__close--Right);
19450
19513
  }
19451
- .pf-c-modal-box > .pf-c-button + * {
19452
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
19514
+ .pf-c-modal-box__close + * {
19515
+ margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
19453
19516
  }
19454
19517
 
19455
19518
  .pf-c-modal-box__header {
@@ -19640,8 +19703,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19640
19703
  --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
19641
19704
  --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
19642
19705
  display: grid;
19643
- gap: var(--pf-c-multiple-file-upload--Gap);
19644
19706
  grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
19707
+ gap: var(--pf-c-multiple-file-upload--Gap);
19645
19708
  }
19646
19709
  .pf-c-multiple-file-upload.pf-m-horizontal {
19647
19710
  --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
@@ -19667,21 +19730,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19667
19730
 
19668
19731
  .pf-c-multiple-file-upload__main {
19669
19732
  display: grid;
19733
+ grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19734
+ grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19735
+ grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19736
+ gap: var(--pf-c-multiple-file-upload__main--Gap);
19670
19737
  padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
19671
19738
  text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
19672
19739
  background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
19673
19740
  border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
19674
- grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19675
- grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19676
- grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19677
- gap: var(--pf-c-multiple-file-upload__main--Gap);
19678
19741
  }
19679
19742
 
19680
19743
  .pf-c-multiple-file-upload__title {
19681
19744
  display: var(--pf-c-multiple-file-upload__title--Display);
19745
+ grid-area: title;
19682
19746
  grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
19683
19747
  gap: var(--pf-c-multiple-file-upload__title--Gap);
19684
- grid-area: title;
19685
19748
  }
19686
19749
 
19687
19750
  .pf-c-multiple-file-upload__title-icon {
@@ -20621,8 +20684,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20621
20684
  --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
20622
20685
  --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
20623
20686
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
20624
- margin-top: var(--pf-c-nav__section--MarginTop);
20625
20687
  --pf-c-nav--c-divider--MarginBottom: 0;
20688
+ margin-top: var(--pf-c-nav__section--MarginTop);
20626
20689
  }
20627
20690
  .pf-c-nav__section + .pf-c-nav__section {
20628
20691
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
@@ -21069,9 +21132,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21069
21132
 
21070
21133
  .pf-c-notification-drawer__list-item-header {
21071
21134
  display: flex;
21072
- align-items: baseline;
21073
- grid-column: 1/2;
21074
21135
  grid-row: 1/2;
21136
+ grid-column: 1/2;
21137
+ align-items: baseline;
21075
21138
  margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
21076
21139
  }
21077
21140
 
@@ -21092,8 +21155,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21092
21155
  }
21093
21156
 
21094
21157
  .pf-c-notification-drawer__list-item-action {
21095
- grid-column: 2/3;
21096
21158
  grid-row: 1/3;
21159
+ grid-column: 2/3;
21097
21160
  }
21098
21161
 
21099
21162
  .pf-c-notification-drawer__list-item-description {
@@ -21695,10 +21758,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21695
21758
  --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
21696
21759
  --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
21697
21760
  display: grid;
21698
- height: 100%;
21699
- grid-template-columns: 1fr;
21700
- grid-template-rows: max-content 1fr;
21701
21761
  grid-template-areas: "header" "main";
21762
+ grid-template-rows: max-content 1fr;
21763
+ grid-template-columns: 1fr;
21764
+ height: 100%;
21702
21765
  background-color: var(--pf-c-page--BackgroundColor);
21703
21766
  }
21704
21767
  @media (min-width: 1200px) {
@@ -21745,8 +21808,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21745
21808
  }
21746
21809
  @media (min-width: 1200px) {
21747
21810
  .pf-c-page {
21748
- grid-template-columns: max-content 1fr;
21749
21811
  grid-template-areas: "header header" "nav main";
21812
+ grid-template-columns: max-content 1fr;
21750
21813
  }
21751
21814
  }
21752
21815
  .pf-c-page.pf-m-full-height {
@@ -21757,14 +21820,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21757
21820
 
21758
21821
  .pf-c-page__header,
21759
21822
  .pf-c-page > .pf-c-masthead {
21760
- grid-area: header;
21761
21823
  z-index: var(--pf-c-page__header--ZIndex);
21824
+ grid-area: header;
21762
21825
  }
21763
21826
 
21764
21827
  .pf-c-page__header {
21765
21828
  color: var(--pf-global--Color--100);
21766
- grid-template-columns: auto auto;
21767
21829
  display: grid;
21830
+ grid-template-columns: auto auto;
21768
21831
  align-items: center;
21769
21832
  min-width: 0;
21770
21833
  min-height: var(--pf-c-page__header--MinHeight);
@@ -21812,18 +21875,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21812
21875
  }
21813
21876
 
21814
21877
  .pf-c-page__header-nav {
21878
+ grid-row: 2/3;
21879
+ grid-column: 1/-1;
21815
21880
  align-self: stretch;
21816
21881
  min-width: 0;
21817
21882
  padding-right: var(--pf-c-page__header-nav--PaddingRight);
21818
21883
  padding-left: var(--pf-c-page__header-nav--PaddingLeft);
21819
21884
  background-color: var(--pf-c-page__header-nav--BackgroundColor);
21820
- grid-column: 1/-1;
21821
- grid-row: 2/3;
21822
21885
  }
21823
21886
  @media screen and (min-width: 1200px) {
21824
21887
  .pf-c-page__header-nav {
21825
- grid-column: 2/3;
21826
21888
  grid-row: 1/2;
21889
+ grid-column: 2/3;
21827
21890
  }
21828
21891
  }
21829
21892
  .pf-c-page__header-nav .pf-c-nav {
@@ -21889,10 +21952,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21889
21952
  }
21890
21953
 
21891
21954
  .pf-c-page__sidebar {
21955
+ z-index: var(--pf-c-page__sidebar--ZIndex);
21892
21956
  grid-area: nav;
21893
21957
  grid-row-start: 2;
21894
21958
  grid-column-start: 1;
21895
- z-index: var(--pf-c-page__sidebar--ZIndex);
21896
21959
  width: var(--pf-c-page__sidebar--Width);
21897
21960
  overflow-x: hidden;
21898
21961
  overflow-y: auto;
@@ -22041,24 +22104,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22041
22104
  }
22042
22105
  @media (min-height: 0) {
22043
22106
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
22044
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22045
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22046
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22047
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22048
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22049
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22107
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22108
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22109
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22110
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22111
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22112
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22050
22113
  position: sticky;
22051
22114
  top: 0;
22052
22115
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22053
22116
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22054
22117
  }
22055
22118
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
22056
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22057
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22058
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22059
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22060
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22061
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22119
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22120
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22121
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22122
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22123
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22124
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22062
22125
  position: sticky;
22063
22126
  bottom: 0;
22064
22127
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22067,24 +22130,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22067
22130
  }
22068
22131
  @media (min-height: 40rem) {
22069
22132
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
22070
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22071
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22072
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22073
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22074
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22075
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22133
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22134
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22135
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22136
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22137
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22138
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22076
22139
  position: sticky;
22077
22140
  top: 0;
22078
22141
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22079
22142
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22080
22143
  }
22081
22144
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
22082
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22083
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22084
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22085
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22086
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22087
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22145
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22146
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22147
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22148
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22149
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22150
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22088
22151
  position: sticky;
22089
22152
  bottom: 0;
22090
22153
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22093,24 +22156,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22093
22156
  }
22094
22157
  @media (min-height: 48rem) {
22095
22158
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22096
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22097
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22098
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22099
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22100
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22101
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22159
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22160
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22161
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22162
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22163
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22164
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22102
22165
  position: sticky;
22103
22166
  top: 0;
22104
22167
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22105
22168
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22106
22169
  }
22107
22170
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22108
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22109
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22110
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22111
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22112
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22113
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22171
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22172
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22173
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22174
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22175
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22176
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22114
22177
  position: sticky;
22115
22178
  bottom: 0;
22116
22179
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22119,24 +22182,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22119
22182
  }
22120
22183
  @media (min-height: 60rem) {
22121
22184
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22122
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22123
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22124
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22125
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22126
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22127
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22185
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22186
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22187
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22188
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22189
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22190
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22128
22191
  position: sticky;
22129
22192
  top: 0;
22130
22193
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22131
22194
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22132
22195
  }
22133
22196
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22134
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22135
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22136
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22137
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22138
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22139
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22197
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22198
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22199
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22200
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22201
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22202
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22140
22203
  position: sticky;
22141
22204
  bottom: 0;
22142
22205
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22145,24 +22208,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22145
22208
  }
22146
22209
  @media (min-height: 80rem) {
22147
22210
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22148
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22149
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22150
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22151
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22152
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22153
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22211
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22212
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22213
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22214
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22215
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22216
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22154
22217
  position: sticky;
22155
22218
  top: 0;
22156
22219
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22157
22220
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22158
22221
  }
22159
22222
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22160
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22161
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22162
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22163
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22164
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22165
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22223
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22224
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22225
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22226
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22227
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22228
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22166
22229
  position: sticky;
22167
22230
  bottom: 0;
22168
22231
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22172,8 +22235,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22172
22235
 
22173
22236
  .pf-c-page__main,
22174
22237
  .pf-c-page__drawer {
22175
- grid-area: main;
22176
22238
  z-index: var(--pf-c-page__main--ZIndex);
22239
+ grid-area: main;
22177
22240
  overflow-x: hidden;
22178
22241
  overflow-y: auto;
22179
22242
  -webkit-overflow-scrolling: touch;
@@ -22657,8 +22720,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22657
22720
  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);
22658
22721
  }
22659
22722
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22660
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22661
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22723
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22724
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22662
22725
  display: block;
22663
22726
  }
22664
22727
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -23065,17 +23128,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23065
23128
  --pf-c-popover__arrow--m-left--TranslateX: 50%;
23066
23129
  --pf-c-popover__arrow--m-left--TranslateY: -50%;
23067
23130
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
23068
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
23069
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
23070
- --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
23071
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
23072
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
23073
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
23074
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
23075
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
23076
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
23131
+ --pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
23132
+ --pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
23133
+ --pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
23134
+ --pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
23135
+ --pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
23136
+ --pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
23137
+ --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
23077
23138
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
23078
23139
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
23140
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
23079
23141
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
23080
23142
  position: relative;
23081
23143
  min-width: var(--pf-c-popover--MinWidth);
@@ -23153,16 +23215,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23153
23215
  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
23154
23216
  background-color: var(--pf-c-popover__content--BackgroundColor);
23155
23217
  }
23156
- .pf-c-popover__content > .pf-c-title {
23157
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
23158
- }
23159
- .pf-c-popover__content > .pf-c-button {
23218
+
23219
+ .pf-c-popover__close {
23160
23220
  position: absolute;
23161
- top: var(--pf-c-popover--c-button--Top);
23162
- right: var(--pf-c-popover--c-button--Right);
23221
+ top: var(--pf-c-popover__close--Top);
23222
+ right: var(--pf-c-popover__close--Right);
23163
23223
  }
23164
- .pf-c-popover__content > .pf-c-button + * {
23165
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
23224
+ .pf-c-popover__close + * {
23225
+ padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
23166
23226
  }
23167
23227
 
23168
23228
  .pf-c-popover__arrow {
@@ -23174,23 +23234,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23174
23234
  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
23175
23235
  }
23176
23236
 
23177
- .pf-c-popover__title {
23178
- flex: 0 0 auto;
23179
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
23180
- font-family: var(--pf-c-popover__title--FontFamily);
23181
- font-size: var(--pf-c-popover__title--FontSize);
23182
- line-height: var(--pf-c-popover__title--LineHeight);
23237
+ .pf-c-popover__header {
23238
+ margin-bottom: var(--pf-c-popover__header--MarginBottom);
23183
23239
  }
23184
- .pf-c-popover__title.pf-m-icon {
23240
+
23241
+ .pf-c-popover__title {
23185
23242
  display: flex;
23243
+ flex: 0 0 auto;
23186
23244
  }
23187
23245
 
23188
23246
  .pf-c-popover__title-icon {
23189
23247
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
23248
+ font-size: var(--pf-c-popover__title-icon--FontSize);
23190
23249
  color: var(--pf-c-popover__title-icon--Color);
23191
23250
  }
23192
23251
 
23193
23252
  .pf-c-popover__title-text {
23253
+ font-family: var(--pf-c-popover__title-text--FontFamily);
23254
+ font-size: var(--pf-c-popover__title-text--FontSize);
23255
+ line-height: var(--pf-c-popover__title-text--LineHeight);
23194
23256
  color: var(--pf-c-popover__title-text--Color, inherit);
23195
23257
  }
23196
23258
 
@@ -23239,17 +23301,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23239
23301
  }
23240
23302
 
23241
23303
  :where(.pf-theme-dark) .pf-c-popover {
23242
- --pf-c-popover--BoxShadow: none;
23243
- --pf-c-popover__arrow--BoxShadow: none;
23244
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23304
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23305
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
23245
23306
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23246
23307
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23247
23308
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23248
23309
  }
23249
- :where(.pf-theme-dark) .pf-c-popover,
23250
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23251
- border: 4px solid var(--pf-global--BorderColor--400);
23252
- }
23253
23310
 
23254
23311
  .pf-c-progress {
23255
23312
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -23257,8 +23314,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23257
23314
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23258
23315
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23259
23316
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23317
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23260
23318
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23261
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23262
23319
  --pf-c-progress__bar--before--Opacity: .2;
23263
23320
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23264
23321
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23280,10 +23337,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23280
23337
  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
23281
23338
  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
23282
23339
  display: grid;
23283
- align-items: end;
23284
- grid-gap: var(--pf-c-progress--GridGap);
23285
- grid-template-columns: auto auto;
23286
23340
  grid-template-rows: 1fr auto;
23341
+ grid-template-columns: auto auto;
23342
+ grid-gap: var(--pf-c-progress--GridGap);
23343
+ align-items: end;
23287
23344
  }
23288
23345
  .pf-c-progress.pf-m-sm {
23289
23346
  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
@@ -23312,8 +23369,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23312
23369
  grid-column: 1/3;
23313
23370
  }
23314
23371
  .pf-c-progress.pf-m-outside .pf-c-progress__status {
23315
- grid-column: 2/3;
23316
23372
  grid-row: 2/3;
23373
+ grid-column: 2/3;
23317
23374
  align-self: center;
23318
23375
  }
23319
23376
  .pf-c-progress.pf-m-outside .pf-c-progress__measure {
@@ -23361,8 +23418,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23361
23418
  }
23362
23419
 
23363
23420
  .pf-c-progress__description {
23364
- word-break: break-word;
23365
23421
  grid-column: 1/2;
23422
+ word-break: break-word;
23366
23423
  }
23367
23424
  .pf-c-progress__description.pf-m-truncate {
23368
23425
  overflow: hidden;
@@ -23371,21 +23428,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23371
23428
  }
23372
23429
 
23373
23430
  .pf-c-progress__status {
23374
- grid-column: 2/3;
23431
+ display: flex;
23375
23432
  grid-row: 1/2;
23433
+ grid-column: 2/3;
23434
+ gap: var(--pf-c-progress__status--Gap);
23435
+ align-items: flex-start;
23436
+ justify-content: flex-end;
23376
23437
  text-align: right;
23377
23438
  word-break: break-word;
23378
23439
  }
23379
23440
 
23380
23441
  .pf-c-progress__status-icon {
23381
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23382
23442
  color: var(--pf-c-progress__status-icon--Color);
23383
23443
  }
23384
23444
 
23385
23445
  .pf-c-progress__bar {
23386
23446
  position: relative;
23387
- grid-column: 1/3;
23388
23447
  grid-row: 2/3;
23448
+ grid-column: 1/3;
23389
23449
  align-self: center;
23390
23450
  height: var(--pf-c-progress__bar--Height);
23391
23451
  background-color: var(--pf-c-progress__bar--BackgroundColor);
@@ -23410,8 +23470,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23410
23470
  }
23411
23471
 
23412
23472
  .pf-c-progress__helper-text {
23413
- grid-column: 1/3;
23414
23473
  grid-row: 3/4;
23474
+ grid-column: 1/3;
23415
23475
  margin-top: var(--pf-c-progress__helper-text--MarginTop);
23416
23476
  }
23417
23477
 
@@ -23573,10 +23633,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23573
23633
  --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23574
23634
  position: relative;
23575
23635
  display: grid;
23576
- grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23577
- grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23578
23636
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23637
+ grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23579
23638
  grid-auto-columns: 1fr;
23639
+ grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23580
23640
  }
23581
23641
  @media screen and (min-width: 768px) {
23582
23642
  .pf-c-progress-stepper {
@@ -23643,8 +23703,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23643
23703
  grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23644
23704
  }
23645
23705
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
23646
- min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23647
23706
  grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
23707
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23648
23708
  padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
23649
23709
  }
23650
23710
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
@@ -23761,11 +23821,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23761
23821
  }
23762
23822
  .pf-c-progress-stepper__step-title.pf-m-help-text {
23763
23823
  text-decoration: underline;
23764
- cursor: pointer;
23824
+ text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23765
23825
  text-decoration-style: dashed;
23766
23826
  text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
23767
- text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23768
23827
  text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
23828
+ cursor: pointer;
23769
23829
  }
23770
23830
  .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
23771
23831
  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
@@ -24143,6 +24203,7 @@ label.pf-c-radio, .pf-c-radio__label,
24143
24203
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24144
24204
  --pf-c-search-input__text-input--MinWidth: 6ch;
24145
24205
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24206
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24146
24207
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24147
24208
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24148
24209
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24187,9 +24248,9 @@ label.pf-c-radio, .pf-c-radio__label,
24187
24248
 
24188
24249
  .pf-c-search-input__text {
24189
24250
  display: grid;
24190
- grid-template-columns: 1fr;
24191
- grid-template-areas: "text-input";
24192
24251
  flex: 1;
24252
+ grid-template-areas: "text-input";
24253
+ grid-template-columns: 1fr;
24193
24254
  }
24194
24255
  .pf-c-search-input__text::before, .pf-c-search-input__text::after {
24195
24256
  position: absolute;
@@ -24230,6 +24291,7 @@ label.pf-c-radio, .pf-c-radio__label,
24230
24291
  width: 100%;
24231
24292
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24232
24293
  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);
24294
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24233
24295
  border: 0;
24234
24296
  }
24235
24297
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -24711,8 +24773,8 @@ label.pf-c-radio, .pf-c-radio__label,
24711
24773
  .pf-c-select__toggle-typeahead {
24712
24774
  flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
24713
24775
  flex-grow: 1;
24714
- min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24715
24776
  flex-shrink: 0;
24777
+ min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24716
24778
  }
24717
24779
  .pf-c-select__toggle-typeahead.pf-c-form-control {
24718
24780
  background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
@@ -24988,28 +25050,54 @@ label.pf-c-radio, .pf-c-radio__label,
24988
25050
  }
24989
25051
 
24990
25052
  .pf-c-sidebar {
25053
+ --pf-c-sidebar--inset: var(--pf-global--spacer--md);
25054
+ --pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
24991
25055
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
25056
+ --pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
25057
+ --pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
25058
+ --pf-c-sidebar__panel--PaddingTop: 0;
25059
+ --pf-c-sidebar__panel--PaddingRight: 0;
25060
+ --pf-c-sidebar__panel--PaddingBottom: 0;
25061
+ --pf-c-sidebar__panel--PaddingLeft: 0;
25062
+ --pf-c-sidebar__panel--Order: -1;
25063
+ --pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
25064
+ --pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
25065
+ --pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
25066
+ --pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
25067
+ --pf-c-sidebar__content--PaddingTop: 0;
25068
+ --pf-c-sidebar__content--PaddingRight: 0;
25069
+ --pf-c-sidebar__content--PaddingBottom: 0;
25070
+ --pf-c-sidebar__content--PaddingLeft: 0;
25071
+ --pf-c-sidebar__content--Order: 1;
25072
+ --pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
25073
+ --pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
25074
+ --pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
25075
+ --pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
24992
25076
  --pf-c-sidebar__main--FlexDirection: column;
24993
25077
  --pf-c-sidebar__main--md--FlexDirection: row;
24994
25078
  --pf-c-sidebar__main--AlignItems: stretch;
24995
25079
  --pf-c-sidebar__main--md--AlignItems: start;
24996
25080
  --pf-c-sidebar__main--child--MarginTop: 0;
24997
- --pf-c-sidebar__main--child--MarginLeft: 0;
24998
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-global--spacer--md);
24999
- --pf-c-sidebar--m-gutter__main--xl--Gap: var(--pf-global--spacer--lg);
25000
- --pf-c-sidebar--m-panel-right__panel--Order: 0;
25081
+ --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
25082
+ --pf-c-sidebar__main--m-border--before--Display: none;
25083
+ --pf-c-sidebar__main--m-border--before--md--Display: block;
25084
+ --pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
25085
+ --pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
25086
+ --pf-c-sidebar--m-panel-right__panel--Order: -1;
25001
25087
  --pf-c-sidebar--m-panel-right__panel--md--Order: 1;
25088
+ --pf-c-sidebar--m-panel-right__content--md--Order: -1;
25002
25089
  --pf-c-sidebar--m-stack__main--FlexDirection: column;
25003
25090
  --pf-c-sidebar--m-stack__main--AlignItems: stretch;
25004
25091
  --pf-c-sidebar--m-stack__panel--Position: sticky;
25005
25092
  --pf-c-sidebar--m-stack__panel--Top: 0;
25006
25093
  --pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
25007
- --pf-c-sidebar--m-stack--m-panel-right__panel--Order: 0;
25094
+ --pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
25008
25095
  --pf-c-sidebar--m-split__main--AlignItems: start;
25009
25096
  --pf-c-sidebar--m-split__main--FlexDirection: row;
25010
25097
  --pf-c-sidebar--m-split__panel--Position: static;
25011
25098
  --pf-c-sidebar--m-split__panel--Top: auto;
25012
25099
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
25100
+ --pf-c-sidebar--m-split__main--m-border--before--Display: block;
25013
25101
  --pf-c-sidebar__panel--FlexBasis--base: auto;
25014
25102
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
25015
25103
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
@@ -25023,7 +25111,6 @@ label.pf-c-radio, .pf-c-radio__label,
25023
25111
  --pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
25024
25112
  --pf-c-sidebar__panel--m-stack--FlexBasis: auto;
25025
25113
  --pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
25026
- --pf-c-sidebar__panel--Order: 0;
25027
25114
  --pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
25028
25115
  --pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
25029
25116
  --pf-c-sidebar__panel--m-sticky--Top: 0;
@@ -25033,60 +25120,50 @@ label.pf-c-radio, .pf-c-radio__label,
25033
25120
  @media (min-width: 768px) {
25034
25121
  .pf-c-sidebar {
25035
25122
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
25123
+ --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
25124
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
25036
25125
  --pf-c-sidebar__panel--BoxShadow: none;
25037
25126
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
25038
- --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
25039
25127
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
25040
25128
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
25041
25129
  }
25042
25130
  }
25043
25131
  @media (min-width: 1200px) {
25044
25132
  .pf-c-sidebar {
25045
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--m-gutter__main--xl--Gap);
25133
+ --pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
25046
25134
  }
25047
25135
  }
25048
- .pf-c-sidebar.pf-m-gutter {
25049
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
25050
- --pf-c-sidebar__main--child--MarginLeft: 0;
25051
- }
25052
- .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
25053
- margin-top: var(--pf-c-sidebar__main--child--MarginTop);
25054
- margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
25055
- }
25056
- @media (min-width: 768px) {
25057
- .pf-c-sidebar.pf-m-gutter {
25058
- --pf-c-sidebar__main--child--MarginTop: 0;
25059
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
25060
- }
25136
+ .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
25137
+ gap: var(--pf-c-sidebar--m-gutter__main--Gap);
25061
25138
  }
25062
25139
  .pf-c-sidebar.pf-m-panel-right {
25063
25140
  --pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
25141
+ --pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
25064
25142
  }
25065
25143
  @media (min-width: 768px) {
25066
25144
  .pf-c-sidebar.pf-m-panel-right {
25067
25145
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
25146
+ --pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
25068
25147
  }
25069
25148
  }
25070
25149
  .pf-c-sidebar.pf-m-stack {
25071
25150
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
25072
25151
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
25073
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
25074
- --pf-c-sidebar__main--child--MarginLeft: 0;
25075
25152
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
25076
25153
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
25077
25154
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
25078
25155
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
25156
+ --pf-c-sidebar__main--m-border--before--Display: none;
25079
25157
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
25080
25158
  }
25081
25159
  .pf-c-sidebar.pf-m-split {
25082
25160
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
25083
25161
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
25084
- --pf-c-sidebar__main--child--MarginTop: 0;
25085
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
25086
25162
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
25087
25163
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
25088
25164
  --pf-c-sidebar__panel--BoxShadow: none;
25089
25165
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
25166
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
25090
25167
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
25091
25168
  }
25092
25169
 
@@ -25095,17 +25172,31 @@ label.pf-c-radio, .pf-c-radio__label,
25095
25172
  flex-direction: var(--pf-c-sidebar__main--FlexDirection);
25096
25173
  align-items: var(--pf-c-sidebar__main--AlignItems);
25097
25174
  }
25175
+ .pf-c-sidebar__main.pf-m-border::before {
25176
+ display: var(--pf-c-sidebar__main--m-border--before--Display);
25177
+ flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
25178
+ align-self: stretch;
25179
+ content: "";
25180
+ background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
25181
+ }
25098
25182
 
25099
25183
  .pf-c-sidebar__panel {
25100
25184
  position: var(--pf-c-sidebar__panel--Position);
25101
25185
  top: var(--pf-c-sidebar__panel--Top);
25102
25186
  z-index: var(--pf-c-sidebar__panel--ZIndex);
25103
- flex-shrink: 0;
25104
25187
  flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
25188
+ flex-shrink: 0;
25105
25189
  order: var(--pf-c-sidebar__panel--Order);
25190
+ padding: var(--pf-c-sidebar__panel--PaddingTop) var(--pf-c-sidebar__panel--PaddingRight) var(--pf-c-sidebar__panel--PaddingBottom) var(--pf-c-sidebar__panel--PaddingLeft);
25106
25191
  background-color: var(--pf-c-sidebar__panel--BackgroundColor);
25107
25192
  box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
25108
25193
  }
25194
+ .pf-c-sidebar__panel.pf-m-padding {
25195
+ --pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
25196
+ --pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
25197
+ --pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
25198
+ --pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
25199
+ }
25109
25200
  .pf-c-sidebar__panel.pf-m-sticky {
25110
25201
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
25111
25202
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
@@ -25117,11 +25208,25 @@ label.pf-c-radio, .pf-c-radio__label,
25117
25208
 
25118
25209
  .pf-c-sidebar__content {
25119
25210
  flex-grow: 1;
25211
+ order: var(--pf-c-sidebar__content--Order);
25212
+ padding: var(--pf-c-sidebar__content--PaddingTop) var(--pf-c-sidebar__content--PaddingRight) var(--pf-c-sidebar__content--PaddingBottom) var(--pf-c-sidebar__content--PaddingLeft);
25120
25213
  background-color: var(--pf-c-sidebar__content--BackgroundColor);
25121
25214
  }
25215
+ .pf-c-sidebar__content.pf-m-padding {
25216
+ --pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25217
+ --pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
25218
+ --pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
25219
+ --pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25220
+ }
25122
25221
  .pf-c-sidebar__content.pf-m-no-background {
25123
25222
  --pf-c-sidebar__content--BackgroundColor: transparent;
25124
25223
  }
25224
+ .pf-c-sidebar__content + .pf-c-sidebar__panel {
25225
+ --pf-c-sidebar__panel--Order: 1;
25226
+ }
25227
+ :where(.pf-c-sidebar__content:first-child) {
25228
+ --pf-c-sidebar__content--Order: -1;
25229
+ }
25125
25230
 
25126
25231
  .pf-c-sidebar.pf-m-no-background,
25127
25232
  .pf-c-sidebar__panel.pf-m-no-background,
@@ -25314,9 +25419,9 @@ label.pf-c-radio, .pf-c-radio__label,
25314
25419
  border: none;
25315
25420
  }
25316
25421
  .pf-c-simple-list__item-link:hover {
25317
- text-decoration: none;
25318
25422
  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
25319
25423
  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
25424
+ text-decoration: none;
25320
25425
  }
25321
25426
  .pf-c-simple-list__item-link:focus {
25322
25427
  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
@@ -25995,13 +26100,13 @@ svg.pf-c-spinner.pf-m-xl {
25995
26100
  .pf-c-spinner__path {
25996
26101
  width: 100%;
25997
26102
  height: 100%;
25998
- transform-origin: 50% 50%;
25999
- animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
26000
26103
  stroke: var(--pf-c-spinner--Color);
26001
- stroke-linecap: round;
26002
26104
  stroke-dasharray: 283;
26003
26105
  stroke-dashoffset: 280;
26106
+ stroke-linecap: round;
26004
26107
  stroke-width: var(--pf-c-spinner--stroke-width);
26108
+ transform-origin: 50% 50%;
26109
+ animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
26005
26110
  }
26006
26111
 
26007
26112
  @keyframes pf-c-spinner-animation-rotate {
@@ -26021,8 +26126,8 @@ svg.pf-c-spinner.pf-m-xl {
26021
26126
  stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
26022
26127
  }
26023
26128
  40% {
26024
- stroke-dashoffset: 150;
26025
26129
  stroke-dasharray: 220;
26130
+ stroke-dashoffset: 150;
26026
26131
  }
26027
26132
  100% {
26028
26133
  stroke-dashoffset: 280;
@@ -26666,7 +26771,7 @@ svg.pf-c-spinner.pf-m-xl {
26666
26771
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26667
26772
  }
26668
26773
  .pf-m-grid-md.pf-c-table tr:last-child,
26669
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26774
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26670
26775
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26671
26776
  }
26672
26777
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26811,7 +26916,7 @@ svg.pf-c-spinner.pf-m-xl {
26811
26916
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26812
26917
  }
26813
26918
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26814
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26919
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26815
26920
  position: relative;
26816
26921
  }
26817
26922
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26841,9 +26946,9 @@ svg.pf-c-spinner.pf-m-xl {
26841
26946
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26842
26947
  }
26843
26948
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26844
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26845
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26846
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26949
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26950
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26951
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26847
26952
  width: auto;
26848
26953
  padding: 0;
26849
26954
  }
@@ -26863,8 +26968,8 @@ svg.pf-c-spinner.pf-m-xl {
26863
26968
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26864
26969
  }
26865
26970
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26866
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26867
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26971
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26972
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26868
26973
  grid-row-start: 1;
26869
26974
  grid-column-start: 2;
26870
26975
  }
@@ -26981,7 +27086,7 @@ svg.pf-c-spinner.pf-m-xl {
26981
27086
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26982
27087
  }
26983
27088
  .pf-m-grid-lg.pf-c-table tr:last-child,
26984
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27089
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26985
27090
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26986
27091
  }
26987
27092
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27126,7 +27231,7 @@ svg.pf-c-spinner.pf-m-xl {
27126
27231
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27127
27232
  }
27128
27233
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27129
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27234
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27130
27235
  position: relative;
27131
27236
  }
27132
27237
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27156,9 +27261,9 @@ svg.pf-c-spinner.pf-m-xl {
27156
27261
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27157
27262
  }
27158
27263
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27159
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27160
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27161
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27264
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27265
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27266
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27162
27267
  width: auto;
27163
27268
  padding: 0;
27164
27269
  }
@@ -27178,8 +27283,8 @@ svg.pf-c-spinner.pf-m-xl {
27178
27283
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27179
27284
  }
27180
27285
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27181
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27182
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27286
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27287
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27183
27288
  grid-row-start: 1;
27184
27289
  grid-column-start: 2;
27185
27290
  }
@@ -27296,7 +27401,7 @@ svg.pf-c-spinner.pf-m-xl {
27296
27401
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27297
27402
  }
27298
27403
  .pf-m-grid-xl.pf-c-table tr:last-child,
27299
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27404
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27300
27405
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27301
27406
  }
27302
27407
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27441,7 +27546,7 @@ svg.pf-c-spinner.pf-m-xl {
27441
27546
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27442
27547
  }
27443
27548
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27444
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27549
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27445
27550
  position: relative;
27446
27551
  }
27447
27552
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27471,9 +27576,9 @@ svg.pf-c-spinner.pf-m-xl {
27471
27576
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27472
27577
  }
27473
27578
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27474
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27475
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27476
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27579
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27580
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27581
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27477
27582
  width: auto;
27478
27583
  padding: 0;
27479
27584
  }
@@ -27493,8 +27598,8 @@ svg.pf-c-spinner.pf-m-xl {
27493
27598
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27494
27599
  }
27495
27600
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27496
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27497
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27601
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27602
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27498
27603
  grid-row-start: 1;
27499
27604
  grid-column-start: 2;
27500
27605
  }
@@ -27611,7 +27716,7 @@ svg.pf-c-spinner.pf-m-xl {
27611
27716
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27612
27717
  }
27613
27718
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27614
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27719
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27615
27720
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27616
27721
  }
27617
27722
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27756,7 +27861,7 @@ svg.pf-c-spinner.pf-m-xl {
27756
27861
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27757
27862
  }
27758
27863
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27759
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27864
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27760
27865
  position: relative;
27761
27866
  }
27762
27867
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27786,9 +27891,9 @@ svg.pf-c-spinner.pf-m-xl {
27786
27891
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27787
27892
  }
27788
27893
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27789
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27790
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27791
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27894
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27895
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27896
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27792
27897
  width: auto;
27793
27898
  padding: 0;
27794
27899
  }
@@ -27808,8 +27913,8 @@ svg.pf-c-spinner.pf-m-xl {
27808
27913
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27809
27914
  }
27810
27915
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27811
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27812
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27916
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27917
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27813
27918
  grid-row-start: 1;
27814
27919
  grid-column-start: 2;
27815
27920
  }
@@ -28084,6 +28189,7 @@ svg.pf-c-spinner.pf-m-xl {
28084
28189
  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
28085
28190
  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
28086
28191
  --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
28192
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
28087
28193
  color: var(--pf-global--Color--100);
28088
28194
  width: 100%;
28089
28195
  background-color: var(--pf-c-table--BackgroundColor);
@@ -28112,7 +28218,7 @@ svg.pf-c-spinner.pf-m-xl {
28112
28218
  border-bottom: 0;
28113
28219
  }
28114
28220
  .pf-c-table.pf-m-sticky-header > thead > tr > * {
28115
- z-index: var(--pf-global--ZIndex--xs);
28221
+ z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
28116
28222
  }
28117
28223
  .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
28118
28224
  position: sticky;
@@ -28483,9 +28589,9 @@ svg.pf-c-spinner.pf-m-xl {
28483
28589
  .pf-c-table__button-content,
28484
28590
  .pf-c-table__column-help {
28485
28591
  display: grid;
28592
+ grid-template-columns: auto max-content;
28486
28593
  align-items: end;
28487
28594
  justify-content: start;
28488
- grid-template-columns: auto max-content;
28489
28595
  }
28490
28596
  .pf-c-table__button-content .pf-c-table__text,
28491
28597
  .pf-c-table__column-help .pf-c-table__text {
@@ -28591,6 +28697,10 @@ svg.pf-c-spinner.pf-m-xl {
28591
28697
  vertical-align: middle;
28592
28698
  }
28593
28699
 
28700
+ .pf-c-table__action {
28701
+ text-align: right;
28702
+ }
28703
+
28594
28704
  .pf-c-table__inline-edit-action {
28595
28705
  --pf-c-table--cell--PaddingLeft: 0;
28596
28706
  --pf-c-table--cell--PaddingRight: 0;
@@ -28928,39 +29038,44 @@ svg.pf-c-spinner.pf-m-xl {
28928
29038
  }
28929
29039
 
28930
29040
  .pf-c-table {
28931
- --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
28932
- --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
28933
- --pf-c-table__sticky-column--Left: 0;
28934
- --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
28935
- --pf-c-table__sticky-column--Top: 0;
28936
- --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
28937
- --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
28938
- --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
28939
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
28940
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
28941
- --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
28942
- }
28943
- .pf-c-table .pf-c-table__sticky-column {
29041
+ --pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
29042
+ --pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
29043
+ --pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
29044
+ --pf-c-table__sticky-cell--Right: auto;
29045
+ --pf-c-table__sticky-cell--Left: auto;
29046
+ --pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
29047
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
29048
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
29049
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
29050
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
29051
+ --pf-c-table__sticky-cell--m-right--Right: 0;
29052
+ --pf-c-table__sticky-cell--m-left--Left: 0;
29053
+ --pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
29054
+ }
29055
+ .pf-c-table .pf-c-table__sticky-cell {
29056
+ --pf-c-table--cell--Overflow: visible;
29057
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
28944
29058
  position: sticky;
28945
- left: var(--pf-c-table__sticky-column--Left);
28946
- z-index: var(--pf-c-table__sticky-column--ZIndex);
28947
- min-width: var(--pf-c-table__sticky-column--MinWidth);
28948
- background-color: var(--pf-c-table__sticky-column--BackgroundColor);
29059
+ right: var(--pf-c-table__sticky-cell--Right);
29060
+ left: var(--pf-c-table__sticky-cell--Left);
29061
+ z-index: var(--pf-c-table__sticky-cell--ZIndex);
29062
+ min-width: var(--pf-c-table__sticky-cell--MinWidth);
29063
+ background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
28949
29064
  background-clip: padding-box;
28950
29065
  }
28951
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
28952
- --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
28953
- --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
29066
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
29067
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
29068
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28954
29069
  }
28955
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
28956
- --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
28957
- --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
29070
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
29071
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
29072
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28958
29073
  }
28959
- .pf-c-table.pf-m-sticky-header {
28960
- --pf-c-table--cell--Overflow: visible;
29074
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-right {
29075
+ --pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
28961
29076
  }
28962
- .pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
28963
- z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex);
29077
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-left {
29078
+ --pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
28964
29079
  }
28965
29080
 
28966
29081
  .pf-c-scroll-outer-wrapper {
@@ -28996,10 +29111,20 @@ svg.pf-c-spinner.pf-m-xl {
28996
29111
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
28997
29112
  --pf-c-table--m-tree-view__toggle--TranslateX: -100%;
28998
29113
  --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
29114
+ --pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
29115
+ --pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
28999
29116
  }
29000
29117
  .pf-c-table.pf-m-tree-view > tbody > tr {
29001
29118
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
29002
29119
  }
29120
+ .pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
29121
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
29122
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
29123
+ }
29124
+ .pf-c-table.pf-m-tree-view.pf-m-no-inset {
29125
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
29126
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
29127
+ }
29003
29128
  .pf-c-table.pf-m-tree-view tr[aria-level="2"] {
29004
29129
  --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));
29005
29130
  }
@@ -29295,7 +29420,7 @@ svg.pf-c-spinner.pf-m-xl {
29295
29420
  display: block;
29296
29421
  }
29297
29422
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29298
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29423
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29299
29424
  display: inline-block;
29300
29425
  }
29301
29426
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29436,7 +29561,7 @@ svg.pf-c-spinner.pf-m-xl {
29436
29561
  display: block;
29437
29562
  }
29438
29563
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29439
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29564
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29440
29565
  display: inline-block;
29441
29566
  }
29442
29567
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29577,7 +29702,7 @@ svg.pf-c-spinner.pf-m-xl {
29577
29702
  display: block;
29578
29703
  }
29579
29704
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29580
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29705
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29581
29706
  display: inline-block;
29582
29707
  }
29583
29708
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29718,7 +29843,7 @@ svg.pf-c-spinner.pf-m-xl {
29718
29843
  display: block;
29719
29844
  }
29720
29845
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29721
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29846
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29722
29847
  display: inline-block;
29723
29848
  }
29724
29849
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -29888,7 +30013,6 @@ svg.pf-c-spinner.pf-m-xl {
29888
30013
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
29889
30014
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29890
30015
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
29891
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
29892
30016
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
29893
30017
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
29894
30018
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -30362,9 +30486,6 @@ svg.pf-c-spinner.pf-m-xl {
30362
30486
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
30363
30487
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
30364
30488
  }
30365
- .pf-c-tabs__item-action.pf-m-help {
30366
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
30367
- }
30368
30489
  .pf-c-tabs__item-action:last-child {
30369
30490
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
30370
30491
  }
@@ -30675,7 +30796,8 @@ svg.pf-c-spinner.pf-m-xl {
30675
30796
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30676
30797
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30677
30798
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30678
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30799
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30800
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30679
30801
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30680
30802
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30681
30803
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30732,9 +30854,9 @@ svg.pf-c-spinner.pf-m-xl {
30732
30854
 
30733
30855
  .pf-c-text-input-group__text {
30734
30856
  display: inline-grid;
30735
- grid-template-columns: 1fr;
30736
- grid-template-areas: "text-input";
30737
30857
  flex: 1;
30858
+ grid-template-areas: "text-input";
30859
+ grid-template-columns: 1fr;
30738
30860
  }
30739
30861
  .pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
30740
30862
  position: absolute;
@@ -30775,6 +30897,7 @@ svg.pf-c-spinner.pf-m-xl {
30775
30897
  width: 100%;
30776
30898
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30777
30899
  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);
30900
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30778
30901
  border: 0;
30779
30902
  }
30780
30903
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30784,7 +30907,7 @@ svg.pf-c-spinner.pf-m-xl {
30784
30907
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30785
30908
  }
30786
30909
  .pf-c-text-input-group__text-input::placeholder {
30787
- color: var(--pf-c-text-input-group--placeholder--Color);
30910
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30788
30911
  }
30789
30912
 
30790
30913
  .pf-c-text-input-group__utilities {
@@ -30849,11 +30972,11 @@ svg.pf-c-spinner.pf-m-xl {
30849
30972
  --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
30850
30973
  position: relative;
30851
30974
  display: inline-grid;
30975
+ grid-template-rows: min-content;
30852
30976
  padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
30853
30977
  text-align: center;
30854
30978
  cursor: pointer;
30855
30979
  background-color: var(--pf-c-tile--BackgroundColor);
30856
- grid-template-rows: min-content;
30857
30980
  transition: var(--pf-c-tile--Transition);
30858
30981
  transform: translateY(var(--pf-c-tile--TranslateY));
30859
30982
  }
@@ -31005,12 +31128,12 @@ svg.pf-c-spinner.pf-m-xl {
31005
31128
  outline-offset: var(--pf-c-timestamp--OutlineOffset);
31006
31129
  }
31007
31130
  .pf-c-timestamp.pf-m-help-text {
31008
- cursor: pointer;
31009
31131
  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
31010
- text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
31011
31132
  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
31012
- text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31133
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
31013
31134
  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
31135
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31136
+ cursor: pointer;
31014
31137
  }
31015
31138
  .pf-c-timestamp.pf-m-help-text:hover {
31016
31139
  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
@@ -31233,8 +31356,10 @@ svg.pf-c-spinner.pf-m-xl {
31233
31356
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
31234
31357
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31235
31358
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
31236
- --pf-c-tooltip__arrow--Width: 0.5rem;
31237
- --pf-c-tooltip__arrow--Height: 0.5rem;
31359
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31360
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31361
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31362
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
31238
31363
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
31239
31364
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
31240
31365
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31304,7 +31429,8 @@ svg.pf-c-spinner.pf-m-xl {
31304
31429
  width: var(--pf-c-tooltip__arrow--Width);
31305
31430
  height: var(--pf-c-tooltip__arrow--Height);
31306
31431
  pointer-events: none;
31307
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31432
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31433
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31308
31434
  }
31309
31435
 
31310
31436
  :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,
@@ -31344,16 +31470,8 @@ svg.pf-c-spinner.pf-m-xl {
31344
31470
  }
31345
31471
 
31346
31472
  :where(.pf-theme-dark) .pf-c-tooltip {
31347
- --pf-c-tooltip--BoxShadow: none;
31348
31473
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31349
- }
31350
- :where(.pf-theme-dark) .pf-c-tooltip,
31351
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31352
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31353
- }
31354
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31355
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31356
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31474
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31357
31475
  }
31358
31476
 
31359
31477
  .pf-c-truncate {
@@ -31438,11 +31556,12 @@ svg.pf-c-spinner.pf-m-xl {
31438
31556
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31439
31557
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31440
31558
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31559
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31441
31560
  --pf-c-tree-view__node-container--Display: contents;
31442
31561
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31443
31562
  --pf-c-tree-view__node-content--Overflow: visible;
31444
31563
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31445
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31564
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31446
31565
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31447
31566
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31448
31567
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31452,6 +31571,7 @@ svg.pf-c-spinner.pf-m-xl {
31452
31571
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31453
31572
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31454
31573
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31574
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31455
31575
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31456
31576
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31457
31577
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31476,10 +31596,6 @@ svg.pf-c-spinner.pf-m-xl {
31476
31596
  --pf-c-tree-view__node-text--max-lines: 1;
31477
31597
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31478
31598
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31479
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31480
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31481
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31482
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31483
31599
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31484
31600
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31485
31601
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31677,13 +31793,14 @@ svg.pf-c-spinner.pf-m-xl {
31677
31793
  display: flex;
31678
31794
  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);
31679
31795
  color: var(--pf-c-tree-view__node--Color);
31796
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31680
31797
  }
31681
31798
  .pf-c-tree-view__node.pf-m-current {
31682
31799
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31683
31800
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31684
31801
  }
31685
31802
  .pf-c-tree-view__node:focus {
31686
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31803
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31687
31804
  }
31688
31805
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31689
31806
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31730,6 +31847,7 @@ svg.pf-c-spinner.pf-m-xl {
31730
31847
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31731
31848
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31732
31849
  color: var(--pf-c-tree-view__node-toggle--Color);
31850
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31733
31851
  border: 0;
31734
31852
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31735
31853
  }
@@ -31753,6 +31871,7 @@ svg.pf-c-spinner.pf-m-xl {
31753
31871
  font-weight: inherit;
31754
31872
  color: inherit;
31755
31873
  text-align: left;
31874
+ background-color: transparent;
31756
31875
  border: 0;
31757
31876
  }
31758
31877
  label.pf-c-tree-view__node-text {
@@ -31784,15 +31903,6 @@ label.pf-c-tree-view__node-text {
31784
31903
 
31785
31904
  .pf-c-tree-view__action {
31786
31905
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31787
- color: var(--pf-c-tree-view__action--Color);
31788
- border: 0;
31789
- }
31790
- .pf-c-tree-view__action:hover {
31791
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31792
- }
31793
- .pf-c-tree-view__action:focus {
31794
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31795
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31796
31906
  }
31797
31907
 
31798
31908
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31941,9 +32051,14 @@ label.pf-c-tree-view__node-text {
31941
32051
  --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
31942
32052
  --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
31943
32053
  --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
32054
+ --pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
32055
+ --pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
32056
+ --pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
32057
+ --pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
31944
32058
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31945
32059
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31946
32060
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
32061
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31947
32062
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31948
32063
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31949
32064
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32123,6 +32238,8 @@ label.pf-c-tree-view__node-text {
32123
32238
  position: absolute;
32124
32239
  top: var(--pf-c-wizard__close--Top);
32125
32240
  right: var(--pf-c-wizard__close--Right);
32241
+ }
32242
+ .pf-c-wizard__header .pf-c-wizard__close button {
32126
32243
  font-size: var(--pf-c-wizard__close--FontSize);
32127
32244
  }
32128
32245
 
@@ -32131,6 +32248,13 @@ label.pf-c-tree-view__node-text {
32131
32248
  word-wrap: break-word;
32132
32249
  }
32133
32250
 
32251
+ .pf-c-wizard__title-text {
32252
+ font-family: var(--pf-c-wizard__title-text--FontFamily);
32253
+ font-size: var(--pf-c-wizard__title-text--FontSize);
32254
+ font-weight: var(--pf-c-wizard__title-text--FontWeight);
32255
+ line-height: var(--pf-c-wizard__title-text--LineHeight);
32256
+ }
32257
+
32134
32258
  .pf-c-wizard__description {
32135
32259
  display: none;
32136
32260
  padding-top: var(--pf-c-wizard__description--PaddingTop);
@@ -32293,6 +32417,7 @@ label.pf-c-tree-view__node-text {
32293
32417
  text-align: left;
32294
32418
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32295
32419
  word-break: break-word;
32420
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32296
32421
  border: 0;
32297
32422
  }
32298
32423
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -32378,8 +32503,8 @@ label.pf-c-tree-view__node-text {
32378
32503
  position: relative;
32379
32504
  z-index: var(--pf-c-wizard__footer--ZIndex);
32380
32505
  display: flex;
32381
- flex-wrap: wrap;
32382
32506
  flex-shrink: 0;
32507
+ flex-wrap: wrap;
32383
32508
  padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
32384
32509
  background-color: var(--pf-c-wizard__footer--BackgroundColor);
32385
32510
  }
@@ -34060,8 +34185,8 @@ label.pf-c-tree-view__node-text {
34060
34185
  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
34061
34186
  --pf-l-gallery--GridTemplateRows: auto;
34062
34187
  display: grid;
34063
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
34064
34188
  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
34189
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
34065
34190
  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
34066
34191
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
34067
34192
  }
@@ -34129,39 +34254,39 @@ label.pf-c-tree-view__node-text {
34129
34254
  }
34130
34255
  .pf-l-grid > *,
34131
34256
  .pf-l-grid .pf-l-grid__item {
34132
- min-width: 0;
34133
- min-height: 0;
34134
34257
  grid-column-start: var(--pf-l-grid__item--GridColumnStart);
34135
34258
  grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
34259
+ min-width: 0;
34260
+ min-height: 0;
34136
34261
  order: var(--pf-l-grid--item--Order);
34137
34262
  }
34138
34263
  @media (min-width: 576px) {
34139
34264
  .pf-l-grid > *,
34140
- .pf-l-grid .pf-l-grid__item {
34265
+ .pf-l-grid .pf-l-grid__item {
34141
34266
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34142
34267
  }
34143
34268
  }
34144
34269
  @media (min-width: 768px) {
34145
34270
  .pf-l-grid > *,
34146
- .pf-l-grid .pf-l-grid__item {
34271
+ .pf-l-grid .pf-l-grid__item {
34147
34272
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34148
34273
  }
34149
34274
  }
34150
34275
  @media (min-width: 992px) {
34151
34276
  .pf-l-grid > *,
34152
- .pf-l-grid .pf-l-grid__item {
34277
+ .pf-l-grid .pf-l-grid__item {
34153
34278
  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))));
34154
34279
  }
34155
34280
  }
34156
34281
  @media (min-width: 1200px) {
34157
34282
  .pf-l-grid > *,
34158
- .pf-l-grid .pf-l-grid__item {
34283
+ .pf-l-grid .pf-l-grid__item {
34159
34284
  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)))));
34160
34285
  }
34161
34286
  }
34162
34287
  @media (min-width: 1450px) {
34163
34288
  .pf-l-grid > *,
34164
- .pf-l-grid .pf-l-grid__item {
34289
+ .pf-l-grid .pf-l-grid__item {
34165
34290
  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))))));
34166
34291
  }
34167
34292
  }