@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
@@ -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;
@@ -4843,7 +4833,7 @@ html {
4843
4833
  font-family: "pficon";
4844
4834
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4845
4835
  }
4846
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4836
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4847
4837
  font-family: "pficon";
4848
4838
  -webkit-font-smoothing: antialiased;
4849
4839
  -moz-osx-font-smoothing: grayscale;
@@ -4942,6 +4932,10 @@ html {
4942
4932
  content: "\e976";
4943
4933
  }
4944
4934
 
4935
+ .pf-icon-data-processor:before {
4936
+ content: "\e97b";
4937
+ }
4938
+
4945
4939
  .pf-icon-data-sink:before {
4946
4940
  content: "\e978";
4947
4941
  }
@@ -5362,30 +5356,12 @@ html {
5362
5356
  content: "\e911";
5363
5357
  }
5364
5358
 
5365
- .pf-svg-size-sm {
5359
+ .pf-svg {
5366
5360
  width: 1em;
5367
5361
  height: 1em;
5368
5362
  vertical-align: -0.125em;
5369
5363
  }
5370
5364
 
5371
- .pf-svg-size-md {
5372
- width: 1.5em;
5373
- height: 1.5em;
5374
- vertical-align: -0.1875em;
5375
- }
5376
-
5377
- .pf-svg-size-lg {
5378
- width: 2em;
5379
- height: 2em;
5380
- vertical-align: -0.25em;
5381
- }
5382
-
5383
- .pf-svg-size-xl {
5384
- width: 3em;
5385
- height: 3em;
5386
- vertical-align: -0.375em;
5387
- }
5388
-
5389
5365
  .pf-c-about-modal-box {
5390
5366
  --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
5391
5367
  --pf-c-about-modal-box--Height: 100%;
@@ -5437,8 +5413,8 @@ html {
5437
5413
  color: var(--pf-global--Color--100);
5438
5414
  position: relative;
5439
5415
  display: grid;
5440
- grid-template-rows: max-content max-content auto;
5441
5416
  grid-template-areas: "brand close" "header header" "content content";
5417
+ grid-template-rows: max-content max-content auto;
5442
5418
  width: var(--pf-c-about-modal-box--Width);
5443
5419
  height: var(--pf-c-about-modal-box--Height);
5444
5420
  overflow-x: hidden;
@@ -5484,22 +5460,22 @@ html {
5484
5460
  }
5485
5461
  @media only screen and (min-width: 576px) {
5486
5462
  .pf-c-about-modal-box {
5487
- grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5488
5463
  grid-template-areas: "brand hero" "header hero" "content hero";
5464
+ grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5489
5465
  }
5490
5466
  }
5491
5467
  @media only screen and (min-width: 992px) {
5492
5468
  .pf-c-about-modal-box {
5493
5469
  --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
5494
5470
  --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
5495
- grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5496
5471
  grid-template-rows: max-content max-content auto;
5472
+ grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5497
5473
  }
5498
5474
  }
5499
5475
 
5500
5476
  .pf-c-about-modal-box__brand {
5501
- grid-area: brand;
5502
5477
  display: flex;
5478
+ grid-area: brand;
5503
5479
  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);
5504
5480
  }
5505
5481
 
@@ -5508,9 +5484,9 @@ html {
5508
5484
  }
5509
5485
 
5510
5486
  .pf-c-about-modal-box__header {
5511
- grid-area: header;
5512
5487
  display: flex;
5513
5488
  flex-direction: column;
5489
+ grid-area: header;
5514
5490
  padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
5515
5491
  padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
5516
5492
  padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
@@ -5541,10 +5517,10 @@ html {
5541
5517
  }
5542
5518
 
5543
5519
  .pf-c-about-modal-box__close {
5544
- grid-area: close;
5545
5520
  position: sticky;
5546
5521
  top: 0;
5547
5522
  display: flex;
5523
+ grid-area: close;
5548
5524
  align-items: flex-start;
5549
5525
  justify-content: flex-end;
5550
5526
  padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
@@ -5583,12 +5559,12 @@ html {
5583
5559
  @media only screen and (min-width: 576px) {
5584
5560
  .pf-c-about-modal-box__hero {
5585
5561
  display: block;
5562
+ grid-area: hero;
5586
5563
  background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
5587
5564
  background-repeat: no-repeat;
5588
5565
  background-attachment: fixed;
5589
5566
  background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
5590
5567
  background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
5591
- grid-area: hero;
5592
5568
  }
5593
5569
  }
5594
5570
 
@@ -5647,6 +5623,7 @@ html {
5647
5623
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5648
5624
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5649
5625
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5626
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5650
5627
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5651
5628
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5652
5629
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5761,6 +5738,7 @@ html {
5761
5738
  padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
5762
5739
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5763
5740
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5741
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5764
5742
  border: 0;
5765
5743
  }
5766
5744
  .pf-c-accordion__toggle::after {
@@ -5985,13 +5963,13 @@ html {
5985
5963
  color: var(--pf-global--Color--100);
5986
5964
  position: relative;
5987
5965
  display: grid;
5966
+ grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
5967
+ grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
5988
5968
  padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
5989
5969
  font-size: var(--pf-c-alert__FontSize);
5990
5970
  background-color: var(--pf-c-alert--BackgroundColor);
5991
5971
  border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
5992
5972
  box-shadow: var(--pf-c-alert--BoxShadow);
5993
- grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
5994
- grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
5995
5973
  }
5996
5974
  .pf-c-alert.pf-m-success {
5997
5975
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
@@ -6052,8 +6030,8 @@ html {
6052
6030
  }
6053
6031
 
6054
6032
  .pf-c-alert__icon {
6055
- grid-area: icon;
6056
6033
  display: flex;
6034
+ grid-area: icon;
6057
6035
  margin-top: var(--pf-c-alert__icon--MarginTop);
6058
6036
  margin-right: var(--pf-c-alert__icon--MarginRight);
6059
6037
  font-size: var(--pf-c-alert__icon--FontSize);
@@ -6228,6 +6206,7 @@ html {
6228
6206
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6229
6207
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6230
6208
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6209
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6231
6210
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6232
6211
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6233
6212
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6290,6 +6269,7 @@ html {
6290
6269
  .pf-c-app-launcher__toggle {
6291
6270
  padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
6292
6271
  color: var(--pf-c-app-launcher__toggle--Color);
6272
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6293
6273
  border: none;
6294
6274
  }
6295
6275
  .pf-c-app-launcher__toggle:hover {
@@ -6913,18 +6893,18 @@ html {
6913
6893
  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
6914
6894
  --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
6915
6895
  --pf-c-banner--link--disabled--TextDecoration: none;
6916
- --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
6917
- --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
6918
- --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
6919
- --pf-c-banner--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
6896
+ --pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
6897
+ --pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
6898
+ --pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
6899
+ --pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
6920
6900
  --pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
6921
6901
  --pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
6922
6902
  color: var(--pf-global--Color--100);
6923
6903
  overflow: hidden;
6924
6904
  text-overflow: ellipsis;
6925
6905
  white-space: nowrap;
6926
- padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
6927
6906
  flex-shrink: 0;
6907
+ padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
6928
6908
  font-size: var(--pf-c-banner--FontSize);
6929
6909
  color: var(--pf-c-banner--Color);
6930
6910
  white-space: nowrap;
@@ -6936,19 +6916,19 @@ html {
6936
6916
  --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
6937
6917
  }
6938
6918
  }
6939
- .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
6919
+ .pf-c-banner.pf-m-blue {
6940
6920
  color: var(--pf-global--Color--100);
6941
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
6921
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
6942
6922
  }
6943
- .pf-c-banner.pf-m-danger, .pf-c-banner.pf-m-red {
6944
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor);
6923
+ .pf-c-banner.pf-m-red {
6924
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
6945
6925
  }
6946
- .pf-c-banner.pf-m-success, .pf-c-banner.pf-m-green {
6947
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor);
6926
+ .pf-c-banner.pf-m-green {
6927
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
6948
6928
  }
6949
- .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold {
6929
+ .pf-c-banner.pf-m-gold {
6950
6930
  color: var(--pf-global--Color--100);
6951
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
6931
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
6952
6932
  }
6953
6933
  .pf-c-banner.pf-m-sticky {
6954
6934
  position: sticky;
@@ -7102,6 +7082,7 @@ html {
7102
7082
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7103
7083
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7104
7084
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7085
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7105
7086
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7106
7087
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7107
7088
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7144,6 +7125,7 @@ html {
7144
7125
  color: var(--pf-c-breadcrumb__link--Color);
7145
7126
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7146
7127
  word-break: break-word;
7128
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7147
7129
  }
7148
7130
  .pf-c-breadcrumb__link:hover {
7149
7131
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -7811,7 +7793,7 @@ button.pf-c-breadcrumb__link {
7811
7793
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
7812
7794
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
7813
7795
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
7814
- --pf-c-calendar-month__header-year--Width: 8ch;
7796
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
7815
7797
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
7816
7798
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
7817
7799
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
@@ -7988,9 +7970,9 @@ button.pf-c-breadcrumb__link {
7988
7970
  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
7989
7971
  }
7990
7972
  .pf-c-calendar-month__date:disabled {
7991
- pointer-events: none;
7992
7973
  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
7993
7974
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
7975
+ pointer-events: none;
7994
7976
  }
7995
7977
 
7996
7978
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
@@ -8059,14 +8041,17 @@ button.pf-c-breadcrumb__link {
8059
8041
  --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
8060
8042
  --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
8061
8043
  --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
8062
- --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8063
- --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
8064
- --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
8065
8044
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
8045
+ --pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8046
+ --pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
8047
+ --pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
8048
+ --pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
8066
8049
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8067
8050
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8068
8051
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8069
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8052
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8053
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8054
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8070
8055
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8071
8056
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8072
8057
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8122,7 +8107,7 @@ button.pf-c-breadcrumb__link {
8122
8107
  --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
8123
8108
  --pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
8124
8109
  --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
8125
- --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
8110
+ --pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
8126
8111
  --pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
8127
8112
  --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
8128
8113
  --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
@@ -8137,7 +8122,6 @@ button.pf-c-breadcrumb__link {
8137
8122
  --pf-c-card--m-plain--BackgroundColor: transparent;
8138
8123
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8139
8124
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8140
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8141
8125
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8142
8126
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8143
8127
  display: flex;
@@ -8235,7 +8219,7 @@ button.pf-c-breadcrumb__link {
8235
8219
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
8236
8220
  }
8237
8221
  .pf-c-card.pf-m-display-lg {
8238
- --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
8222
+ --pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
8239
8223
  --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
8240
8224
  --pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
8241
8225
  --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
@@ -8283,13 +8267,11 @@ button.pf-c-breadcrumb__link {
8283
8267
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8284
8268
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8285
8269
  }
8286
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8287
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8288
- }
8289
8270
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8290
8271
  order: 2;
8291
8272
  }
8292
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8273
+
8274
+ .pf-c-card__header-main {
8293
8275
  flex: 1;
8294
8276
  }
8295
8277
 
@@ -8303,22 +8285,21 @@ button.pf-c-breadcrumb__link {
8303
8285
  transition: var(--pf-c-card__header-toggle-icon--Transition);
8304
8286
  }
8305
8287
 
8306
- .pf-c-card__title {
8307
- font-family: var(--pf-c-card__title--FontFamily);
8308
- font-size: var(--pf-c-card__title--FontSize);
8309
- font-weight: var(--pf-c-card__title--FontWeight);
8288
+ .pf-c-card__title-text {
8289
+ font-family: var(--pf-c-card__title-text--FontFamily);
8290
+ font-size: var(--pf-c-card__title-text--FontSize);
8291
+ font-weight: var(--pf-c-card__title-text--FontWeight);
8292
+ line-height: var(--pf-c-card__title-text--LineHeight);
8310
8293
  }
8311
8294
 
8312
8295
  .pf-c-card__actions {
8313
8296
  display: flex;
8297
+ gap: var(--pf-c-card__actions--Gap);
8314
8298
  align-items: center;
8315
8299
  align-self: flex-start;
8316
8300
  order: 1;
8317
8301
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8318
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8319
- }
8320
- .pf-c-card__actions > * + * {
8321
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8302
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8322
8303
  }
8323
8304
  .pf-c-card__actions + .pf-c-card__title,
8324
8305
  .pf-c-card__actions + .pf-c-card__body,
@@ -8326,8 +8307,8 @@ button.pf-c-breadcrumb__link {
8326
8307
  padding: 0;
8327
8308
  }
8328
8309
  .pf-c-card__actions.pf-m-no-offset {
8329
- --pf-c-card__header-toggle--MarginTop: 0;
8330
- --pf-c-card__header-toggle--MarginBottom: 0;
8310
+ --pf-c-card__actions--MarginTop: 0;
8311
+ --pf-c-card__actions--MarginBottom: 0;
8331
8312
  }
8332
8313
 
8333
8314
  .pf-c-card__header,
@@ -8507,18 +8488,19 @@ label.pf-c-check, .pf-c-check__label,
8507
8488
  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
8508
8489
  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
8509
8490
  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
8510
- --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
8491
+ --pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
8492
+ --pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
8511
8493
  --pf-c-chip__text--Color: var(--pf-global--Color--100);
8512
8494
  --pf-c-chip__text--MaxWidth: 16ch;
8513
- --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
8514
- --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
8515
- --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
8516
- --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
8517
- --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8518
- --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8519
- --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8520
- --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
8521
- --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
8495
+ --pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
8496
+ --pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
8497
+ --pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
8498
+ --pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
8499
+ --pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
8500
+ --pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8501
+ --pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8502
+ --pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8503
+ --pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
8522
8504
  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
8523
8505
  color: var(--pf-global--Color--100);
8524
8506
  position: relative;
@@ -8553,19 +8535,6 @@ label.pf-c-check, .pf-c-check__label,
8553
8535
  .pf-c-chip.pf-m-draggable .pf-c-chip__icon {
8554
8536
  font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
8555
8537
  }
8556
- .pf-c-chip .pf-c-button {
8557
- --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
8558
- --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
8559
- --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
8560
- --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
8561
- --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
8562
- margin-top: var(--pf-c-chip__c-button--MarginTop);
8563
- margin-right: var(--pf-c-chip__c-button--MarginRight);
8564
- margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
8565
- }
8566
- .pf-c-chip .pf-c-badge {
8567
- margin-left: var(--pf-c-chip__c-badge--MarginLeft);
8568
- }
8569
8538
 
8570
8539
  .pf-c-chip__text {
8571
8540
  overflow: hidden;
@@ -8573,7 +8542,6 @@ label.pf-c-check, .pf-c-check__label,
8573
8542
  white-space: nowrap;
8574
8543
  position: relative;
8575
8544
  max-width: var(--pf-c-chip__text--MaxWidth);
8576
- font-size: var(--pf-c-chip__text--FontSize);
8577
8545
  color: var(--pf-c-chip__text--Color);
8578
8546
  }
8579
8547
 
@@ -8582,6 +8550,28 @@ label.pf-c-check, .pf-c-check__label,
8582
8550
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8583
8551
  }
8584
8552
 
8553
+ .pf-c-chip__content {
8554
+ display: flex;
8555
+ column-gap: var(--pf-c-chip__content--ColumnGap);
8556
+ align-items: center;
8557
+ font-size: var(--pf-c-chip__content--FontSize);
8558
+ }
8559
+
8560
+ .pf-c-chip__actions {
8561
+ font-size: var(--pf-c-chip__actions--FontSize);
8562
+ }
8563
+ .pf-c-chip__actions .pf-c-button {
8564
+ --pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
8565
+ --pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
8566
+ --pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
8567
+ --pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
8568
+ --pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
8569
+ margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
8570
+ margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
8571
+ margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
8572
+ line-height: 1;
8573
+ }
8574
+
8585
8575
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8586
8576
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8587
8577
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -8626,28 +8616,39 @@ label.pf-c-check, .pf-c-check__label,
8626
8616
 
8627
8617
  .pf-c-chip-group {
8628
8618
  color: var(--pf-global--Color--100);
8629
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8630
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8619
+ --pf-c-chip-group--PaddingTop: 0;
8620
+ --pf-c-chip-group--PaddingRight: 0;
8621
+ --pf-c-chip-group--PaddingBottom: 0;
8622
+ --pf-c-chip-group--PaddingLeft: 0;
8623
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8624
+ --pf-c-chip-group--ColumnGap: 0;
8625
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8626
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8627
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8628
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8631
8629
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8632
8630
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8633
8631
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8634
8632
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8635
8633
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8636
8634
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8637
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8638
8635
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8639
8636
  --pf-c-chip-group__label--MaxWidth: 18ch;
8640
8637
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8641
8638
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8642
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8643
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8639
+ row-gap: var(--pf-c-chip-group--RowGap);
8640
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8644
8641
  max-width: 100%;
8642
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8643
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8644
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8645
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8645
8646
  }
8646
8647
  .pf-c-chip-group.pf-m-category {
8647
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8648
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8649
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8650
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8648
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8649
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8650
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8651
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8651
8652
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8652
8653
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8653
8654
  }
@@ -8656,15 +8657,12 @@ label.pf-c-check, .pf-c-check__label,
8656
8657
  display: flex;
8657
8658
  flex: 1;
8658
8659
  flex-wrap: wrap;
8660
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8661
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8659
8662
  align-items: baseline;
8660
8663
  min-width: 0;
8661
8664
  }
8662
8665
 
8663
- .pf-c-chip-group__list {
8664
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8665
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8666
- }
8667
-
8668
8666
  .pf-c-chip-group,
8669
8667
  .pf-c-chip-group__list {
8670
8668
  display: inline-flex;
@@ -8673,11 +8671,14 @@ label.pf-c-check, .pf-c-check__label,
8673
8671
  min-width: 0;
8674
8672
  }
8675
8673
 
8674
+ .pf-c-chip-group__list {
8675
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8676
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8677
+ }
8678
+
8676
8679
  .pf-c-chip-group__list-item {
8677
8680
  display: inline-flex;
8678
8681
  min-width: 0;
8679
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8680
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8681
8682
  }
8682
8683
 
8683
8684
  .pf-c-chip-group__label {
@@ -8685,7 +8686,6 @@ label.pf-c-check, .pf-c-check__label,
8685
8686
  text-overflow: ellipsis;
8686
8687
  white-space: nowrap;
8687
8688
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8688
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8689
8689
  font-size: var(--pf-c-chip-group__label--FontSize);
8690
8690
  }
8691
8691
 
@@ -9177,6 +9177,12 @@ label.pf-c-check, .pf-c-check__label,
9177
9177
  .pf-c-content ul {
9178
9178
  margin: 0;
9179
9179
  }
9180
+ .pf-c-content ol.pf-m-plain,
9181
+ .pf-c-content ul.pf-m-plain {
9182
+ padding-left: 0;
9183
+ margin-left: 0;
9184
+ list-style: none;
9185
+ }
9180
9186
  .pf-c-content h1 {
9181
9187
  margin-top: var(--pf-c-content--h1--MarginTop);
9182
9188
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
@@ -9243,12 +9249,12 @@ label.pf-c-check, .pf-c-check__label,
9243
9249
  margin-left: var(--pf-c-content--ol--MarginLeft);
9244
9250
  }
9245
9251
  .pf-c-content ol ul {
9246
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9247
9252
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9253
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9248
9254
  }
9249
9255
  .pf-c-content ol ol {
9250
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9251
9256
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9257
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9252
9258
  }
9253
9259
  .pf-c-content ul {
9254
9260
  padding-left: var(--pf-c-content--ul--PaddingLeft);
@@ -9256,12 +9262,12 @@ label.pf-c-check, .pf-c-check__label,
9256
9262
  list-style: var(--pf-c-content--ul--ListStyle);
9257
9263
  }
9258
9264
  .pf-c-content ul ul {
9259
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9260
9265
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9266
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9261
9267
  }
9262
9268
  .pf-c-content ul ol {
9263
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9264
9269
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9270
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9265
9271
  }
9266
9272
  .pf-c-content dl {
9267
9273
  display: grid;
@@ -9270,8 +9276,8 @@ label.pf-c-check, .pf-c-check__label,
9270
9276
  @media screen and (min-width: 576px) {
9271
9277
  .pf-c-content dl {
9272
9278
  grid-template: auto/auto 1fr;
9273
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9274
9279
  grid-row-gap: var(--pf-c-content--dl--RowGap);
9280
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9275
9281
  }
9276
9282
  }
9277
9283
  .pf-c-content dt {
@@ -9314,6 +9320,7 @@ label.pf-c-check, .pf-c-check__label,
9314
9320
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9315
9321
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9316
9322
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9323
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9317
9324
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9318
9325
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9319
9326
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9352,6 +9359,7 @@ label.pf-c-check, .pf-c-check__label,
9352
9359
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9353
9360
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9354
9361
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9362
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9355
9363
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9356
9364
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9357
9365
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9463,6 +9471,7 @@ label.pf-c-check, .pf-c-check__label,
9463
9471
  color: var(--pf-c-context-selector__toggle--Color);
9464
9472
  white-space: nowrap;
9465
9473
  cursor: pointer;
9474
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9466
9475
  border: none;
9467
9476
  }
9468
9477
  .pf-c-context-selector__toggle::before {
@@ -9571,11 +9580,12 @@ label.pf-c-check, .pf-c-check__label,
9571
9580
  padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
9572
9581
  color: var(--pf-c-context-selector__menu-list-item--Color);
9573
9582
  white-space: nowrap;
9583
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9574
9584
  border: none;
9575
9585
  }
9576
9586
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9587
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9577
9588
  text-decoration: none;
9578
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9579
9589
  }
9580
9590
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9581
9591
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -9658,8 +9668,8 @@ label.pf-c-check, .pf-c-check__label,
9658
9668
  @media screen and (min-width: 768px) {
9659
9669
  .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
9660
9670
  display: flex;
9661
- flex-wrap: wrap;
9662
9671
  flex-grow: 1;
9672
+ flex-wrap: wrap;
9663
9673
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9664
9674
  }
9665
9675
  }
@@ -9720,8 +9730,8 @@ label.pf-c-check, .pf-c-check__label,
9720
9730
  @media screen and (min-width: 0) {
9721
9731
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
9722
9732
  display: flex;
9723
- flex-wrap: wrap;
9724
9733
  flex-grow: 1;
9734
+ flex-wrap: wrap;
9725
9735
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9726
9736
  }
9727
9737
  }
@@ -9782,8 +9792,8 @@ label.pf-c-check, .pf-c-check__label,
9782
9792
  @media screen and (min-width: 576px) {
9783
9793
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
9784
9794
  display: flex;
9785
- flex-wrap: wrap;
9786
9795
  flex-grow: 1;
9796
+ flex-wrap: wrap;
9787
9797
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9788
9798
  }
9789
9799
  }
@@ -9844,8 +9854,8 @@ label.pf-c-check, .pf-c-check__label,
9844
9854
  @media screen and (min-width: 768px) {
9845
9855
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
9846
9856
  display: flex;
9847
- flex-wrap: wrap;
9848
9857
  flex-grow: 1;
9858
+ flex-wrap: wrap;
9849
9859
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9850
9860
  }
9851
9861
  }
@@ -9906,8 +9916,8 @@ label.pf-c-check, .pf-c-check__label,
9906
9916
  @media screen and (min-width: 992px) {
9907
9917
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
9908
9918
  display: flex;
9909
- flex-wrap: wrap;
9910
9919
  flex-grow: 1;
9920
+ flex-wrap: wrap;
9911
9921
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9912
9922
  }
9913
9923
  }
@@ -9968,8 +9978,8 @@ label.pf-c-check, .pf-c-check__label,
9968
9978
  @media screen and (min-width: 1200px) {
9969
9979
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
9970
9980
  display: flex;
9971
- flex-wrap: wrap;
9972
9981
  flex-grow: 1;
9982
+ flex-wrap: wrap;
9973
9983
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9974
9984
  }
9975
9985
  }
@@ -10030,8 +10040,8 @@ label.pf-c-check, .pf-c-check__label,
10030
10040
  @media screen and (min-width: 1450px) {
10031
10041
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
10032
10042
  display: flex;
10033
- flex-wrap: wrap;
10034
10043
  flex-grow: 1;
10044
+ flex-wrap: wrap;
10035
10045
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10036
10046
  }
10037
10047
  }
@@ -10124,6 +10134,7 @@ label.pf-c-check, .pf-c-check__label,
10124
10134
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10125
10135
  --pf-c-data-list__toggle-icon--Rotate: 0;
10126
10136
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10137
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10127
10138
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10128
10139
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10129
10140
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10195,7 +10206,6 @@ label.pf-c-check, .pf-c-check__label,
10195
10206
  font-size: var(--pf-c-data-list--FontSize);
10196
10207
  line-height: var(--pf-c-data-list--LineHeight);
10197
10208
  overflow-wrap: break-word;
10198
- list-style-type: disc;
10199
10209
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10200
10210
  }
10201
10211
  @media screen and (min-width: 576px) {
@@ -10368,6 +10378,7 @@ label.pf-c-check, .pf-c-check__label,
10368
10378
  flex-direction: column;
10369
10379
  padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
10370
10380
  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);
10381
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10371
10382
  border: 0;
10372
10383
  }
10373
10384
  .pf-c-data-list__item-draggable-button:hover {
@@ -10390,8 +10401,8 @@ label.pf-c-check, .pf-c-check__label,
10390
10401
 
10391
10402
  .pf-c-data-list__item-action {
10392
10403
  --pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
10393
- align-items: flex-start;
10394
10404
  align-content: flex-start;
10405
+ align-items: flex-start;
10395
10406
  padding-top: var(--pf-c-data-list__item-action--PaddingTop);
10396
10407
  padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
10397
10408
  margin-left: var(--pf-c-data-list__item-action--MarginLeft);
@@ -10417,8 +10428,8 @@ label.pf-c-check, .pf-c-check__label,
10417
10428
 
10418
10429
  .pf-c-data-list__item-content {
10419
10430
  display: grid;
10420
- width: 100%;
10421
10431
  grid-template-columns: auto 1fr;
10432
+ width: 100%;
10422
10433
  }
10423
10434
 
10424
10435
  .pf-c-data-list__cell {
@@ -10434,8 +10445,8 @@ label.pf-c-check, .pf-c-check__label,
10434
10445
  }
10435
10446
  .pf-c-data-list__cell.pf-m-icon {
10436
10447
  flex-grow: 0;
10437
- margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10438
10448
  grid-column: 1/2;
10449
+ margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10439
10450
  }
10440
10451
  .pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
10441
10452
  grid-column: 2/3;
@@ -10555,10 +10566,10 @@ label.pf-c-check, .pf-c-check__label,
10555
10566
  --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10556
10567
  --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10557
10568
  display: grid;
10558
- align-items: baseline;
10569
+ grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10559
10570
  row-gap: var(--pf-c-description-list--RowGap);
10560
10571
  column-gap: var(--pf-c-description-list--ColumnGap);
10561
- grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10572
+ align-items: baseline;
10562
10573
  }
10563
10574
  @media screen and (min-width: 576px) {
10564
10575
  .pf-c-description-list {
@@ -10664,11 +10675,11 @@ label.pf-c-check, .pf-c-check__label,
10664
10675
  .pf-c-description-list__group,
10665
10676
  .pf-c-description-list > .pf-c-card {
10666
10677
  display: grid;
10678
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10679
+ grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10667
10680
  grid-column: var(--pf-c-description-list__group--GridColumn);
10668
10681
  row-gap: var(--pf-c-description-list__group--RowGap);
10669
10682
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10670
- grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10671
- grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10672
10683
  align-items: baseline;
10673
10684
  }
10674
10685
 
@@ -10705,11 +10716,11 @@ label.pf-c-check, .pf-c-check__label,
10705
10716
  }
10706
10717
  .pf-c-description-list__text.pf-m-help-text {
10707
10718
  text-decoration: underline;
10708
- cursor: pointer;
10709
- text-decoration-style: dashed;
10710
10719
  text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
10711
- text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10720
+ text-decoration-style: dashed;
10712
10721
  text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
10722
+ text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10723
+ cursor: pointer;
10713
10724
  }
10714
10725
  .pf-c-description-list__text.pf-m-help-text:hover {
10715
10726
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
@@ -10949,8 +10960,8 @@ label.pf-c-check, .pf-c-check__label,
10949
10960
  --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
10950
10961
  display: grid;
10951
10962
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
10952
- 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));
10953
10963
  grid-template-rows: repeat(3, auto) auto;
10964
+ 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));
10954
10965
  }
10955
10966
 
10956
10967
  .pf-c-dual-list-selector__pane {
@@ -11188,22 +11199,30 @@ label.pf-c-check, .pf-c-check__label,
11188
11199
 
11189
11200
  .pf-c-toolbar {
11190
11201
  --pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
11191
- --pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
11202
+ --pf-c-toolbar--RowGap--base: var(--pf-global--spacer--lg);
11203
+ --pf-c-toolbar--RowGap: var(--pf-c-toolbar--RowGap--base);
11192
11204
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
11193
11205
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11206
+ --pf-c-toolbar--item--RowGap--base: var(--pf-global--spacer--xs);
11194
11207
  --pf-c-toolbar__item--Display: block;
11195
11208
  --pf-c-toolbar__item--MinWidth--base: auto;
11209
+ --pf-c-toolbar__item--AlignSelf: auto;
11196
11210
  --pf-c-toolbar__group--Display: flex;
11211
+ --pf-c-toolbar__group--AlignItems: baseline;
11212
+ --pf-c-toolbar__group--AlignSelf: auto;
11213
+ --pf-c-toolbar__group--RowGap: var(--pf-c-toolbar--item--RowGap--base);
11197
11214
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11198
11215
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11199
11216
  --pf-c-toolbar__content--Display: flex;
11217
+ --pf-c-toolbar__content--RowGap: var(--pf-c-toolbar--RowGap--base);
11200
11218
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11201
11219
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11202
11220
  --pf-c-toolbar__content-section--Display: flex;
11221
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11222
+ --pf-c-toolbar__content-section--RowGap: var(--pf-c-toolbar--item--RowGap--base);
11203
11223
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11204
11224
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11205
11225
  --pf-c-toolbar__expandable-content--Display: grid;
11206
- --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
11207
11226
  --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
11208
11227
  --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
11209
11228
  --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
@@ -11246,8 +11265,8 @@ label.pf-c-check, .pf-c-check__label,
11246
11265
  --pf-c-toolbar--m-full-height__item--Display: flex;
11247
11266
  --pf-c-toolbar--m-full-height__item--AlignItems: center;
11248
11267
  position: relative;
11249
- row-gap: var(--pf-c-toolbar--RowGap);
11250
11268
  display: grid;
11269
+ row-gap: var(--pf-c-toolbar--RowGap);
11251
11270
  padding-top: var(--pf-c-toolbar--PaddingTop);
11252
11271
  padding-bottom: var(--pf-c-toolbar--PaddingBottom);
11253
11272
  background-color: var(--pf-c-toolbar--BackgroundColor);
@@ -11321,9 +11340,23 @@ label.pf-c-check, .pf-c-check__label,
11321
11340
  .pf-c-toolbar__group {
11322
11341
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11323
11342
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11324
- align-items: center;
11343
+ row-gap: var(--pf-c-toolbar__group--RowGap);
11344
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11345
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11325
11346
  margin-right: var(--pf-c-toolbar--spacer);
11326
11347
  }
11348
+ .pf-c-toolbar__group.pf-m-align-items-center {
11349
+ align-items: center;
11350
+ }
11351
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11352
+ align-items: baseline;
11353
+ }
11354
+ .pf-c-toolbar__group.pf-m-align-self-center {
11355
+ align-self: center;
11356
+ }
11357
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11358
+ align-self: baseline;
11359
+ }
11327
11360
  .pf-c-toolbar__group.pf-m-button-group {
11328
11361
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11329
11362
  }
@@ -11364,6 +11397,7 @@ label.pf-c-check, .pf-c-check__label,
11364
11397
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11365
11398
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11366
11399
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11400
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11367
11401
  width: var(--pf-c-toolbar__item--Width--base);
11368
11402
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11369
11403
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11418,6 +11452,12 @@ label.pf-c-check, .pf-c-check__label,
11418
11452
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
11419
11453
  }
11420
11454
  }
11455
+ .pf-c-toolbar__item.pf-m-align-self-center {
11456
+ align-self: center;
11457
+ }
11458
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11459
+ align-self: baseline;
11460
+ }
11421
11461
  .pf-c-toolbar__item.pf-m-overflow-menu {
11422
11462
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11423
11463
  }
@@ -11462,30 +11502,36 @@ label.pf-c-check, .pf-c-check__label,
11462
11502
  .pf-c-toolbar__content,
11463
11503
  .pf-c-toolbar__content-section {
11464
11504
  flex-wrap: wrap;
11465
- align-items: center;
11466
11505
  }
11467
11506
 
11468
11507
  .pf-c-toolbar__content {
11469
11508
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11470
11509
  position: relative;
11510
+ row-gap: var(--pf-c-toolbar__content--RowGap);
11511
+ align-items: center;
11471
11512
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11472
11513
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11473
11514
  }
11474
11515
 
11475
11516
  .pf-c-toolbar__content-section {
11476
11517
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11518
+ row-gap: var(--pf-c-toolbar__content-section--RowGap);
11519
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11477
11520
  width: 100%;
11478
11521
  }
11522
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11523
+ align-items: center;
11524
+ }
11479
11525
 
11480
11526
  .pf-c-toolbar__expandable-content {
11481
11527
  position: absolute;
11482
- top: 100%;
11528
+ top: calc(100% + var(--pf-c-toolbar__content--RowGap));
11483
11529
  right: 0;
11484
11530
  left: 0;
11485
11531
  z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
11486
11532
  display: none;
11487
11533
  width: 100%;
11488
- 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);
11534
+ padding: 0 var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
11489
11535
  background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
11490
11536
  box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
11491
11537
  }
@@ -11516,9 +11562,9 @@ label.pf-c-check, .pf-c-check__label,
11516
11562
  .pf-c-toolbar__group.pf-m-chip-container {
11517
11563
  display: flex;
11518
11564
  flex-wrap: wrap;
11565
+ grid-row-gap: 0;
11519
11566
  align-items: baseline;
11520
11567
  margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
11521
- grid-row-gap: 0;
11522
11568
  }
11523
11569
  .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
11524
11570
  .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
@@ -11568,7 +11614,7 @@ label.pf-c-check, .pf-c-check__label,
11568
11614
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11569
11615
  }
11570
11616
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11571
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11617
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11572
11618
  display: flex;
11573
11619
  flex: 0 1 auto;
11574
11620
  }
@@ -11581,7 +11627,7 @@ label.pf-c-check, .pf-c-check__label,
11581
11627
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11582
11628
  }
11583
11629
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11584
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11630
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11585
11631
  display: flex;
11586
11632
  flex: 0 1 auto;
11587
11633
  }
@@ -11594,7 +11640,7 @@ label.pf-c-check, .pf-c-check__label,
11594
11640
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11595
11641
  }
11596
11642
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11597
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11643
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11598
11644
  display: flex;
11599
11645
  flex: 0 1 auto;
11600
11646
  }
@@ -11607,7 +11653,7 @@ label.pf-c-check, .pf-c-check__label,
11607
11653
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11608
11654
  }
11609
11655
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11610
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11656
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11611
11657
  display: flex;
11612
11658
  flex: 0 1 auto;
11613
11659
  }
@@ -11620,7 +11666,7 @@ label.pf-c-check, .pf-c-check__label,
11620
11666
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11621
11667
  }
11622
11668
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11623
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11669
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11624
11670
  display: flex;
11625
11671
  flex: 0 1 auto;
11626
11672
  }
@@ -11654,131 +11700,131 @@ label.pf-c-check, .pf-c-check__label,
11654
11700
  }
11655
11701
  @media (min-width: 576px) {
11656
11702
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11657
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11703
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11658
11704
  margin-left: auto;
11659
11705
  }
11660
11706
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11661
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11707
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11662
11708
  margin-left: 0;
11663
11709
  }
11664
11710
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11665
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11711
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11666
11712
  margin-left: 0;
11667
11713
  }
11668
11714
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11669
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11715
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11670
11716
  margin-left: auto;
11671
11717
  }
11672
11718
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11673
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11719
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11674
11720
  flex-wrap: nowrap;
11675
11721
  }
11676
11722
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11677
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11723
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11678
11724
  flex-wrap: wrap;
11679
11725
  }
11680
11726
  }
11681
11727
  @media (min-width: 768px) {
11682
11728
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11683
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11729
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11684
11730
  margin-left: auto;
11685
11731
  }
11686
11732
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11687
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11733
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11688
11734
  margin-left: 0;
11689
11735
  }
11690
11736
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11691
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11737
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11692
11738
  margin-left: 0;
11693
11739
  }
11694
11740
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11695
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11741
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11696
11742
  margin-left: auto;
11697
11743
  }
11698
11744
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11699
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11745
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11700
11746
  flex-wrap: nowrap;
11701
11747
  }
11702
11748
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11703
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11749
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11704
11750
  flex-wrap: wrap;
11705
11751
  }
11706
11752
  }
11707
11753
  @media (min-width: 992px) {
11708
11754
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11709
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11755
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11710
11756
  margin-left: auto;
11711
11757
  }
11712
11758
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11713
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11759
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11714
11760
  margin-left: 0;
11715
11761
  }
11716
11762
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11717
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11763
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11718
11764
  margin-left: 0;
11719
11765
  }
11720
11766
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11721
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11767
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11722
11768
  margin-left: auto;
11723
11769
  }
11724
11770
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11725
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11771
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11726
11772
  flex-wrap: nowrap;
11727
11773
  }
11728
11774
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11729
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11775
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11730
11776
  flex-wrap: wrap;
11731
11777
  }
11732
11778
  }
11733
11779
  @media (min-width: 1200px) {
11734
11780
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11735
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11781
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11736
11782
  margin-left: auto;
11737
11783
  }
11738
11784
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11739
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11785
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11740
11786
  margin-left: 0;
11741
11787
  }
11742
11788
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11743
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11789
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11744
11790
  margin-left: 0;
11745
11791
  }
11746
11792
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11747
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11793
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11748
11794
  margin-left: auto;
11749
11795
  }
11750
11796
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11751
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11797
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11752
11798
  flex-wrap: nowrap;
11753
11799
  }
11754
11800
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11755
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11801
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11756
11802
  flex-wrap: wrap;
11757
11803
  }
11758
11804
  }
11759
11805
  @media (min-width: 1450px) {
11760
11806
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11761
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11807
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11762
11808
  margin-left: auto;
11763
11809
  }
11764
11810
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11765
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11811
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11766
11812
  margin-left: 0;
11767
11813
  }
11768
11814
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11769
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11815
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11770
11816
  margin-left: 0;
11771
11817
  }
11772
11818
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11773
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11819
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11774
11820
  margin-left: auto;
11775
11821
  }
11776
11822
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11777
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11823
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11778
11824
  flex-wrap: nowrap;
11779
11825
  }
11780
11826
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11781
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11827
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11782
11828
  flex-wrap: wrap;
11783
11829
  }
11784
11830
  }
@@ -12414,9 +12460,9 @@ label.pf-c-check, .pf-c-check__label,
12414
12460
  width: 100%;
12415
12461
  height: auto;
12416
12462
  flex-direction: var(--pf-c-divider--FlexDirection);
12463
+ flex-shrink: 0;
12417
12464
  align-items: center;
12418
12465
  align-self: stretch;
12419
- flex-shrink: 0;
12420
12466
  justify-content: center;
12421
12467
  border: 0;
12422
12468
  }
@@ -12425,11 +12471,11 @@ label.pf-c-check, .pf-c-check__label,
12425
12471
  }
12426
12472
  .pf-c-divider::after {
12427
12473
  align-self: stretch;
12474
+ justify-self: center;
12428
12475
  width: var(--pf-c-divider--after--Width);
12429
12476
  height: var(--pf-c-divider--after--Height);
12430
12477
  content: "";
12431
12478
  background-color: var(--pf-c-divider--after--BackgroundColor);
12432
- justify-self: center;
12433
12479
  }
12434
12480
  .pf-c-divider.pf-m-vertical {
12435
12481
  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
@@ -13001,16 +13047,15 @@ label.pf-c-check, .pf-c-check__label,
13001
13047
  }
13002
13048
 
13003
13049
  .pf-c-drawer__actions {
13004
- grid-column: 2;
13005
- grid-row: 1;
13006
13050
  display: flex;
13051
+ grid-row: 1;
13052
+ grid-column: 2;
13007
13053
  align-self: baseline;
13008
13054
  margin-top: var(--pf-c-drawer__actions--MarginTop);
13009
13055
  margin-right: var(--pf-c-drawer__actions--MarginRight);
13010
13056
  }
13011
13057
 
13012
13058
  .pf-c-drawer__body {
13013
- min-height: 0;
13014
13059
  padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
13015
13060
  }
13016
13061
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13172,7 +13217,7 @@ label.pf-c-check, .pf-c-check__label,
13172
13217
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13173
13218
  }
13174
13219
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13175
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13220
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13176
13221
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13177
13222
  }
13178
13223
  .pf-c-drawer__splitter {
@@ -13261,15 +13306,15 @@ label.pf-c-check, .pf-c-check__label,
13261
13306
  }
13262
13307
  @media (min-width: 768px) {
13263
13308
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13264
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13309
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13265
13310
  flex-shrink: 1;
13266
13311
  }
13267
13312
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13268
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13313
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13269
13314
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13270
13315
  }
13271
13316
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13272
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13317
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13273
13318
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13274
13319
  }
13275
13320
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13322,15 +13367,15 @@ label.pf-c-check, .pf-c-check__label,
13322
13367
  }
13323
13368
  @media (min-width: 992px) {
13324
13369
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13325
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13370
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13326
13371
  flex-shrink: 1;
13327
13372
  }
13328
13373
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13329
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13374
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13330
13375
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13331
13376
  }
13332
13377
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13333
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13378
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13334
13379
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13335
13380
  }
13336
13381
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13383,15 +13428,15 @@ label.pf-c-check, .pf-c-check__label,
13383
13428
  }
13384
13429
  @media (min-width: 1200px) {
13385
13430
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13386
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13431
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13387
13432
  flex-shrink: 1;
13388
13433
  }
13389
13434
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13390
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13435
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13391
13436
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13392
13437
  }
13393
13438
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13394
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13439
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13395
13440
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13396
13441
  }
13397
13442
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13444,15 +13489,15 @@ label.pf-c-check, .pf-c-check__label,
13444
13489
  }
13445
13490
  @media (min-width: 1450px) {
13446
13491
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13447
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13492
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13448
13493
  flex-shrink: 1;
13449
13494
  }
13450
13495
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13451
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13496
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13452
13497
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13453
13498
  }
13454
13499
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13455
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13500
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13456
13501
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13457
13502
  }
13458
13503
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13599,6 +13644,7 @@ label.pf-c-check, .pf-c-check__label,
13599
13644
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13600
13645
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13601
13646
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13647
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13602
13648
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13603
13649
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13604
13650
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13824,6 +13870,7 @@ label.pf-c-check, .pf-c-check__label,
13824
13870
  }
13825
13871
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13826
13872
  color: var(--pf-c-dropdown__toggle-button--Color);
13873
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13827
13874
  border: 0;
13828
13875
  }
13829
13876
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14058,51 +14105,51 @@ label.pf-c-check, .pf-c-check__label,
14058
14105
  }
14059
14106
  @media (min-width: 576px) {
14060
14107
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14061
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14108
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14062
14109
  right: 0;
14063
14110
  }
14064
14111
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14065
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14112
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14066
14113
  right: auto;
14067
14114
  }
14068
14115
  }
14069
14116
  @media (min-width: 768px) {
14070
14117
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14071
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14118
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14072
14119
  right: 0;
14073
14120
  }
14074
14121
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14075
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14122
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14076
14123
  right: auto;
14077
14124
  }
14078
14125
  }
14079
14126
  @media (min-width: 992px) {
14080
14127
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14081
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14128
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14082
14129
  right: 0;
14083
14130
  }
14084
14131
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14085
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14132
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14086
14133
  right: auto;
14087
14134
  }
14088
14135
  }
14089
14136
  @media (min-width: 1200px) {
14090
14137
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14091
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14138
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14092
14139
  right: 0;
14093
14140
  }
14094
14141
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14095
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14142
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14096
14143
  right: auto;
14097
14144
  }
14098
14145
  }
14099
14146
  @media (min-width: 1450px) {
14100
14147
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14101
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14148
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14102
14149
  right: 0;
14103
14150
  }
14104
14151
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14105
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14152
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14106
14153
  right: auto;
14107
14154
  }
14108
14155
  }
@@ -14256,38 +14303,39 @@ label.pf-c-check, .pf-c-check__label,
14256
14303
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14257
14304
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14258
14305
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14306
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14307
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14308
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14309
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14259
14310
  --pf-c-empty-state__content--MaxWidth: none;
14311
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14312
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14313
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14260
14314
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14261
14315
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14262
14316
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14263
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14317
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14318
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14319
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14320
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14321
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14322
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14323
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14324
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14325
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14326
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14264
14327
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14265
14328
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14266
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14267
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14268
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14269
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14270
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14271
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14272
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14273
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14329
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14274
14330
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14275
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14276
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14277
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14278
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14279
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14280
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14281
14331
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14282
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14283
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14284
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14285
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14286
14332
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14287
14333
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14288
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14289
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14290
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14334
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14335
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14336
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14337
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14338
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14291
14339
  display: flex;
14292
14340
  align-items: center;
14293
14341
  justify-content: center;
@@ -14299,17 +14347,12 @@ label.pf-c-check, .pf-c-check__label,
14299
14347
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14300
14348
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14301
14349
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14350
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14302
14351
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14303
14352
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14304
14353
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14305
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14306
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14307
- }
14308
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14309
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14310
- }
14311
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14312
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14354
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14355
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14313
14356
  }
14314
14357
  .pf-c-empty-state.pf-m-sm {
14315
14358
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14319,12 +14362,11 @@ label.pf-c-check, .pf-c-check__label,
14319
14362
  }
14320
14363
  .pf-c-empty-state.pf-m-xl {
14321
14364
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14365
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14322
14366
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14323
14367
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14324
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14325
- }
14326
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14327
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14368
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14369
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14328
14370
  }
14329
14371
  .pf-c-empty-state.pf-m-full-height {
14330
14372
  height: 100%;
@@ -14333,41 +14375,40 @@ label.pf-c-check, .pf-c-check__label,
14333
14375
  .pf-c-empty-state__content {
14334
14376
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14335
14377
  }
14336
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14337
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14338
- }
14339
14378
 
14340
14379
  .pf-c-empty-state__icon {
14341
14380
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14342
14381
  font-size: var(--pf-c-empty-state__icon--FontSize);
14382
+ line-height: 1;
14343
14383
  color: var(--pf-c-empty-state__icon--Color);
14344
14384
  }
14345
14385
 
14386
+ .pf-c-empty-state__title-text {
14387
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14388
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14389
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14390
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14391
+ }
14392
+
14346
14393
  .pf-c-empty-state__body {
14347
14394
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14395
+ font-size: var(--pf-c-empty-state--body--FontSize);
14348
14396
  color: var(--pf-c-empty-state__body--Color);
14349
14397
  }
14350
14398
 
14351
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14352
- .pf-c-empty-state__primary {
14353
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14354
- }
14355
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14356
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14357
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14399
+ .pf-c-empty-state__footer {
14400
+ display: flex;
14401
+ flex-direction: column;
14402
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14403
+ align-items: center;
14404
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14358
14405
  }
14359
14406
 
14360
- .pf-c-empty-state__secondary {
14407
+ .pf-c-empty-state__actions {
14361
14408
  display: flex;
14362
14409
  flex-wrap: wrap;
14410
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14363
14411
  justify-content: center;
14364
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14365
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14366
- }
14367
- .pf-c-empty-state__secondary > * {
14368
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14369
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14370
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14371
14412
  }
14372
14413
 
14373
14414
  .pf-c-expandable-section {
@@ -14381,6 +14422,7 @@ label.pf-c-check, .pf-c-check__label,
14381
14422
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14382
14423
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14383
14424
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14425
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14384
14426
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14385
14427
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14386
14428
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14466,6 +14508,7 @@ label.pf-c-check, .pf-c-check__label,
14466
14508
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14467
14509
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14468
14510
  color: var(--pf-c-expandable-section__toggle--Color);
14511
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14469
14512
  border: none;
14470
14513
  }
14471
14514
  .pf-c-expandable-section__toggle:hover {
@@ -14680,8 +14723,8 @@ label.pf-c-check, .pf-c-check__label,
14680
14723
  }
14681
14724
  .pf-c-form.pf-m-horizontal .pf-c-form__group {
14682
14725
  display: grid;
14683
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14684
14726
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14727
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14685
14728
  }
14686
14729
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
14687
14730
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14700,8 +14743,8 @@ label.pf-c-check, .pf-c-check__label,
14700
14743
  }
14701
14744
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
14702
14745
  display: grid;
14703
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14704
14746
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14747
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14705
14748
  }
14706
14749
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
14707
14750
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14720,8 +14763,8 @@ label.pf-c-check, .pf-c-check__label,
14720
14763
  }
14721
14764
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
14722
14765
  display: grid;
14723
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14724
14766
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14767
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14725
14768
  }
14726
14769
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
14727
14770
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14740,8 +14783,8 @@ label.pf-c-check, .pf-c-check__label,
14740
14783
  }
14741
14784
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
14742
14785
  display: grid;
14743
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14744
14786
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14787
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14745
14788
  }
14746
14789
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
14747
14790
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14760,8 +14803,8 @@ label.pf-c-check, .pf-c-check__label,
14760
14803
  }
14761
14804
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
14762
14805
  display: grid;
14763
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14764
14806
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14807
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14765
14808
  }
14766
14809
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
14767
14810
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14780,8 +14823,8 @@ label.pf-c-check, .pf-c-check__label,
14780
14823
  }
14781
14824
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
14782
14825
  display: grid;
14783
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14784
14826
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14827
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14785
14828
  }
14786
14829
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
14787
14830
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14800,8 +14843,8 @@ label.pf-c-check, .pf-c-check__label,
14800
14843
  }
14801
14844
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
14802
14845
  display: grid;
14803
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14804
14846
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14847
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14805
14848
  }
14806
14849
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
14807
14850
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14916,9 +14959,9 @@ label.pf-c-check, .pf-c-check__label,
14916
14959
  --pf-c-form__group-control--m-inline--child--MarginRight: 0;
14917
14960
  }
14918
14961
  .pf-c-form__group-control.pf-m-stack {
14962
+ --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
14919
14963
  display: grid;
14920
14964
  gap: var(--pf-c-grid__group-control--m-stack--Gap);
14921
- --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
14922
14965
  }
14923
14966
  .pf-c-form__group-control .pf-c-form__helper-text:first-child {
14924
14967
  --pf-c-form__helper-text--MarginTop: 0;
@@ -15002,8 +15045,8 @@ label.pf-c-check, .pf-c-check__label,
15002
15045
  }
15003
15046
 
15004
15047
  .pf-c-form__field-group-toggle {
15005
- grid-column: 1/2;
15006
15048
  grid-row: 1/2;
15049
+ grid-column: 1/2;
15007
15050
  padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
15008
15051
  padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
15009
15052
  }
@@ -15025,9 +15068,9 @@ label.pf-c-check, .pf-c-check__label,
15025
15068
  }
15026
15069
 
15027
15070
  .pf-c-form__field-group-header {
15028
- grid-column: var(--pf-c-form__field-group-header--GridColumn);
15029
- grid-row: 1/2;
15030
15071
  display: flex;
15072
+ grid-row: 1/2;
15073
+ grid-column: var(--pf-c-form__field-group-header--GridColumn);
15031
15074
  align-items: flex-start;
15032
15075
  padding-top: var(--pf-c-form__field-group-header--PaddingTop);
15033
15076
  padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
@@ -15060,8 +15103,8 @@ label.pf-c-check, .pf-c-check__label,
15060
15103
  }
15061
15104
 
15062
15105
  .pf-c-form__field-group-body {
15063
- grid-column: var(--pf-c-form__field-group-body--GridColumn);
15064
15106
  display: grid;
15107
+ grid-column: var(--pf-c-form__field-group-body--GridColumn);
15065
15108
  gap: var(--pf-c-form__field-group-body--Gap);
15066
15109
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
15067
15110
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
@@ -15474,9 +15517,9 @@ textarea.pf-c-form-control {
15474
15517
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
15475
15518
  --pf-c-form-control--BorderLeftColor: transparent;
15476
15519
  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
15477
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
15520
+ --pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
15478
15521
  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15479
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
15522
+ --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
15480
15523
  color: var(--pf-global--Color--100);
15481
15524
  }
15482
15525
  :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
@@ -15485,9 +15528,6 @@ textarea.pf-c-form-control {
15485
15528
  :where(.pf-theme-dark) .pf-c-form-control[readonly] {
15486
15529
  border-bottom-color: var(--pf-global--palette--black-700);
15487
15530
  }
15488
- :where(.pf-theme-dark) .pf-c-form-control:disabled {
15489
- color: var(--pf-global--palette--black-100);
15490
- }
15491
15531
 
15492
15532
  .pf-c-hint {
15493
15533
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
@@ -15521,11 +15561,11 @@ textarea.pf-c-form-control {
15521
15561
 
15522
15562
  .pf-c-hint__actions {
15523
15563
  display: inline-grid;
15564
+ grid-row: 1;
15565
+ grid-column: 2;
15524
15566
  grid-auto-flow: column;
15525
15567
  margin-left: var(--pf-c-hint__actions--MarginLeft);
15526
15568
  text-align: right;
15527
- grid-column: 2;
15528
- grid-row: 1;
15529
15569
  }
15530
15570
  .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
15531
15571
  margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
@@ -16305,6 +16345,7 @@ label.pf-c-input-group__text {
16305
16345
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
16306
16346
  --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
16307
16347
  --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
16348
+ --pf-c-label--MaxWidth: 100%;
16308
16349
  --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
16309
16350
  --pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
16310
16351
  --pf-c-label--Color: var(--pf-global--Color--100);
@@ -16407,21 +16448,22 @@ label.pf-c-input-group__text {
16407
16448
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16408
16449
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16409
16450
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16451
+ --pf-c-label__content--BackgroundColor: transparent;
16410
16452
  --pf-c-label__content--MaxWidth: 100%;
16411
16453
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16412
16454
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
16413
- --pf-c-label__text--MaxWidth: 16ch;
16455
+ --pf-c-label__text--MaxWidth: 100%;
16414
16456
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
16415
16457
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
16416
- --pf-c-label__c-button--FontSize: var(--pf-global--FontSize--xs);
16417
- --pf-c-label__c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16418
- --pf-c-label__c-button--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16419
- --pf-c-label__c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
16420
- --pf-c-label__c-button--MarginLeft: var(--pf-global--spacer--xs);
16421
- --pf-c-label__c-button--PaddingTop: var(--pf-global--spacer--xs);
16422
- --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
16423
- --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
16424
- --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
16458
+ --pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
16459
+ --pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
16460
+ --pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
16461
+ --pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
16462
+ --pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
16463
+ --pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
16464
+ --pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
16465
+ --pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
16466
+ --pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16425
16467
  --pf-c-label--m-editable--Cursor: pointer;
16426
16468
  --pf-c-label--m-editable--TextDecoration: underline;
16427
16469
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -16442,6 +16484,7 @@ label.pf-c-input-group__text {
16442
16484
  --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16443
16485
  --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16444
16486
  position: relative;
16487
+ max-width: var(--pf-c-label--MaxWidth);
16445
16488
  padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
16446
16489
  font-size: var(--pf-c-label--FontSize);
16447
16490
  color: var(--pf-c-label--Color);
@@ -16586,12 +16629,6 @@ label.pf-c-input-group__text {
16586
16629
  }
16587
16630
 
16588
16631
  .pf-c-label.pf-m-editable {
16589
- text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16590
- cursor: var(--pf-c-label--m-editable--Cursor);
16591
- text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16592
- text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16593
- text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16594
- text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16595
16632
  --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
16596
16633
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16597
16634
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
@@ -16601,6 +16638,12 @@ label.pf-c-input-group__text {
16601
16638
  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
16602
16639
  --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16603
16640
  --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16641
+ text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16642
+ text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16643
+ text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16644
+ text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16645
+ text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16646
+ cursor: var(--pf-c-label--m-editable--Cursor);
16604
16647
  }
16605
16648
  .pf-c-label.pf-m-editable:hover {
16606
16649
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -16613,17 +16656,6 @@ label.pf-c-input-group__text {
16613
16656
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
16614
16657
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
16615
16658
  }
16616
- .pf-c-label .pf-c-button {
16617
- --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
16618
- --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
16619
- --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
16620
- --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
16621
- --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
16622
- margin-top: var(--pf-c-label__c-button--MarginTop);
16623
- margin-right: var(--pf-c-label__c-button--MarginRight);
16624
- margin-bottom: var(--pf-c-label__c-button--MarginBottom);
16625
- margin-left: var(--pf-c-label__c-button--MarginLeft);
16626
- }
16627
16659
  .pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
16628
16660
  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
16629
16661
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
@@ -16649,11 +16681,10 @@ label.pf-c-input-group__text {
16649
16681
  }
16650
16682
 
16651
16683
  .pf-c-label__content {
16652
- overflow: hidden;
16653
- text-overflow: ellipsis;
16654
- white-space: nowrap;
16655
16684
  max-width: var(--pf-c-label__content--MaxWidth);
16685
+ overflow: hidden;
16656
16686
  color: var(--pf-c-label__content--Color);
16687
+ background-color: var(--pf-c-label__content--BackgroundColor);
16657
16688
  border-width: 0;
16658
16689
  }
16659
16690
  .pf-c-label__content::before {
@@ -16667,9 +16698,17 @@ label.pf-c-input-group__text {
16667
16698
  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
16668
16699
  border-radius: var(--pf-c-label--BorderRadius);
16669
16700
  }
16701
+ input.pf-c-label__content {
16702
+ overflow: hidden;
16703
+ text-overflow: ellipsis;
16704
+ white-space: nowrap;
16705
+ }
16706
+
16670
16707
  a.pf-c-label__content,
16671
16708
  button.pf-c-label__content {
16709
+ padding: 0;
16672
16710
  cursor: pointer;
16711
+ background-color: transparent;
16673
16712
  border: none;
16674
16713
  }
16675
16714
  a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
@@ -16694,6 +16733,20 @@ button.pf-c-label__content:focus {
16694
16733
  color: var(--pf-c-label__icon--Color);
16695
16734
  }
16696
16735
 
16736
+ .pf-c-label__actions {
16737
+ margin-right: var(--pf-c-label__actions--MarginRight);
16738
+ font-size: var(--pf-c-label__actions--FontSize);
16739
+ }
16740
+ .pf-c-label__actions .pf-c-button {
16741
+ --pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
16742
+ --pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
16743
+ --pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
16744
+ --pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
16745
+ --pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
16746
+ margin-top: var(--pf-c-label__actions--c-button--MarginTop);
16747
+ margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
16748
+ }
16749
+
16697
16750
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16698
16751
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16699
16752
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -16775,8 +16828,18 @@ button.pf-c-label__content:focus {
16775
16828
  }
16776
16829
 
16777
16830
  .pf-c-label-group {
16778
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16779
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16831
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16832
+ --pf-c-label-group--ColumnGap: 0;
16833
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16834
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16835
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16836
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16837
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16838
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16839
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16840
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16841
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16842
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16780
16843
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16781
16844
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16782
16845
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16786,26 +16849,22 @@ button.pf-c-label__content:focus {
16786
16849
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16787
16850
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16788
16851
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16789
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16790
- --pf-c-label-group__label--MarginBottom: 0;
16791
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16792
16852
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16793
16853
  --pf-c-label-group__label--MaxWidth: 18ch;
16794
16854
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16795
16855
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16796
16856
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16797
16857
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16798
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16799
16858
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16800
16859
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16801
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16802
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16803
16860
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16804
16861
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16805
16862
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
16806
16863
  --pf-c-label-group__textarea--PaddingBottom: 0;
16807
16864
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16808
16865
  display: inline-flex;
16866
+ row-gap: var(--pf-c-label-group--RowGap);
16867
+ column-gap: var(--pf-c-label-group--ColumnGap);
16809
16868
  align-items: center;
16810
16869
  }
16811
16870
  .pf-c-label-group.pf-m-category {
@@ -16818,11 +16877,12 @@ button.pf-c-label__content:focus {
16818
16877
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16819
16878
  }
16820
16879
  .pf-c-label-group.pf-m-vertical {
16821
- --pf-c-label-group__list--MarginRight: 0;
16822
- --pf-c-label-group__list--MarginBottom: 0;
16823
- --pf-c-label-group__list-item--MarginRight: 0;
16824
- --pf-c-label-group__label--MarginRight: 0;
16825
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16880
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16881
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16882
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16883
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16884
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16885
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16826
16886
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16827
16887
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16828
16888
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16839,9 +16899,6 @@ button.pf-c-label__content:focus {
16839
16899
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16840
16900
  flex-direction: column;
16841
16901
  }
16842
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16843
- --pf-c-label-group__list-item--MarginBottom: 0;
16844
- }
16845
16902
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16846
16903
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16847
16904
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16862,20 +16919,20 @@ button.pf-c-label__content:focus {
16862
16919
  display: flex;
16863
16920
  flex: 1;
16864
16921
  flex-wrap: wrap;
16922
+ row-gap: var(--pf-c-label-group__main--RowGap);
16923
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16865
16924
  align-items: baseline;
16866
16925
  }
16867
16926
 
16868
16927
  .pf-c-label-group__list {
16869
16928
  display: inline-flex;
16870
16929
  flex-wrap: wrap;
16871
- margin-right: var(--pf-c-label-group__list--MarginRight);
16872
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
16930
+ row-gap: var(--pf-c-label-group__list--RowGap);
16931
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16873
16932
  }
16874
16933
 
16875
16934
  .pf-c-label-group__list-item {
16876
16935
  display: inline-flex;
16877
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
16878
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
16879
16936
  }
16880
16937
 
16881
16938
  .pf-c-label-group__label {
@@ -16883,12 +16940,12 @@ button.pf-c-label__content:focus {
16883
16940
  text-overflow: ellipsis;
16884
16941
  white-space: nowrap;
16885
16942
  max-width: var(--pf-c-label-group__label--MaxWidth);
16886
- margin-right: var(--pf-c-label-group__label--MarginRight);
16887
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
16888
16943
  font-size: var(--pf-c-label-group__label--FontSize);
16889
16944
  }
16890
16945
 
16891
16946
  .pf-c-label-group__close {
16947
+ display: flex;
16948
+ align-self: start;
16892
16949
  margin-top: var(--pf-c-label-group__close--MarginTop);
16893
16950
  margin-right: var(--pf-c-label-group__close--MarginRight);
16894
16951
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -17329,10 +17386,10 @@ ul.pf-c-list {
17329
17386
  @media (min-width: 1200px) {
17330
17387
  .pf-c-login__container {
17331
17388
  display: grid;
17332
- justify-content: center;
17333
- grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17334
- grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17335
17389
  grid-template-areas: "main header" "main footer" "main .";
17390
+ grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17391
+ grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17392
+ justify-content: center;
17336
17393
  padding-right: var(--pf-c-login__container--PaddingRight);
17337
17394
  padding-left: var(--pf-c-login__container--PaddingLeft);
17338
17395
  }
@@ -17354,10 +17411,10 @@ ul.pf-c-list {
17354
17411
  }
17355
17412
 
17356
17413
  .pf-c-login__main {
17414
+ grid-area: main;
17357
17415
  align-self: start;
17358
17416
  margin-bottom: var(--pf-c-login__main--MarginBottom);
17359
17417
  background-color: var(--pf-c-login__main--BackgroundColor);
17360
- grid-area: main;
17361
17418
  }
17362
17419
  .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
17363
17420
  padding-top: var(--pf-c-login__main-header--PaddingTop);
@@ -17369,8 +17426,8 @@ ul.pf-c-list {
17369
17426
  .pf-c-login__main-header {
17370
17427
  display: grid;
17371
17428
  grid-template-columns: 100%;
17372
- column-gap: var(--pf-c-login__main-header--ColumnGap);
17373
17429
  row-gap: var(--pf-c-login__main-header--RowGap);
17430
+ column-gap: var(--pf-c-login__main-header--ColumnGap);
17374
17431
  align-items: center;
17375
17432
  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);
17376
17433
  }
@@ -17382,26 +17439,26 @@ ul.pf-c-list {
17382
17439
 
17383
17440
  .pf-c-login__main-header-utilities,
17384
17441
  .pf-c-login__main-header .pf-c-dropdown {
17385
- grid-column: auto;
17386
17442
  grid-row: auto;
17443
+ grid-column: auto;
17387
17444
  }
17388
17445
  @media (min-width: 768px) {
17389
17446
  .pf-c-login__main-header-utilities,
17390
- .pf-c-login__main-header .pf-c-dropdown {
17391
- grid-column: 2/3;
17447
+ .pf-c-login__main-header .pf-c-dropdown {
17392
17448
  grid-row: 1;
17449
+ grid-column: 2/3;
17393
17450
  }
17394
17451
  }
17395
17452
 
17396
17453
  .pf-c-login__main-header-utilities .pf-c-dropdown {
17397
- grid-column: auto;
17398
17454
  grid-row: auto;
17455
+ grid-column: auto;
17399
17456
  }
17400
17457
 
17401
17458
  .pf-c-login__main-header-desc {
17459
+ grid-column: 1/-1;
17402
17460
  margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
17403
17461
  font-size: var(--pf-c-login__main-header-desc--FontSize);
17404
- grid-column: 1/-1;
17405
17462
  }
17406
17463
 
17407
17464
  .pf-c-login__main-body {
@@ -17436,11 +17493,11 @@ ul.pf-c-list {
17436
17493
  }
17437
17494
 
17438
17495
  .pf-c-login__main-footer-links-item-link svg {
17439
- fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17440
17496
  width: 100%;
17441
17497
  max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
17442
17498
  height: 100%;
17443
17499
  max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
17500
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17444
17501
  }
17445
17502
  .pf-c-login__main-footer-links-item-link:hover svg {
17446
17503
  fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
@@ -17705,6 +17762,7 @@ ul.pf-c-list {
17705
17762
  position: relative;
17706
17763
  display: flex;
17707
17764
  flex-basis: var(--pf-c-masthead__main--FlexBasis);
17765
+ grid-column: var(--pf-c-masthead__main--GridColumn);
17708
17766
  align-items: center;
17709
17767
  align-self: stretch;
17710
17768
  order: var(--pf-c-masthead__main--Order);
@@ -17712,7 +17770,6 @@ ul.pf-c-list {
17712
17770
  padding-top: var(--pf-c-masthead__main--PaddingTop);
17713
17771
  padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
17714
17772
  margin-right: var(--pf-c-masthead__main--MarginRight);
17715
- grid-column: var(--pf-c-masthead__main--GridColumn);
17716
17773
  }
17717
17774
  .pf-c-masthead__main::before {
17718
17775
  position: absolute;
@@ -17729,6 +17786,9 @@ ul.pf-c-list {
17729
17786
  .pf-c-masthead__content {
17730
17787
  display: flex;
17731
17788
  flex-grow: 1;
17789
+ flex-shrink: 1;
17790
+ grid-column: var(--pf-c-masthead__content--GridColumn);
17791
+ grid-column-end: -1;
17732
17792
  align-items: center;
17733
17793
  align-self: stretch;
17734
17794
  order: var(--pf-c-masthead__content--Order);
@@ -17736,9 +17796,6 @@ ul.pf-c-list {
17736
17796
  padding-top: var(--pf-c-masthead__content--PaddingTop);
17737
17797
  padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
17738
17798
  margin-left: var(--pf-c-masthead__content--MarginLeft);
17739
- grid-column: var(--pf-c-masthead__content--GridColumn);
17740
- grid-column-end: -1;
17741
- flex-shrink: 1;
17742
17799
  }
17743
17800
  .pf-c-masthead__content:only-child {
17744
17801
  --pf-c-masthead__content--MarginLeft: 0;
@@ -18266,6 +18323,7 @@ ul.pf-c-list {
18266
18323
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18267
18324
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18268
18325
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18326
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18269
18327
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18270
18328
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18271
18329
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18297,12 +18355,6 @@ ul.pf-c-list {
18297
18355
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18298
18356
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
18299
18357
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
18300
- top: var(--pf-c-menu--Top);
18301
- z-index: var(--pf-c-menu--ZIndex);
18302
- width: var(--pf-c-menu--Width);
18303
- min-width: var(--pf-c-menu--MinWidth);
18304
- background-color: var(--pf-c-menu--BackgroundColor);
18305
- box-shadow: var(--pf-c-menu--BoxShadow);
18306
18358
  --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
18307
18359
  --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
18308
18360
  --pf-c-menu--m-nav__list--PaddingTop: 0;
@@ -18330,6 +18382,12 @@ ul.pf-c-list {
18330
18382
  --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
18331
18383
  --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
18332
18384
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
18385
+ top: var(--pf-c-menu--Top);
18386
+ z-index: var(--pf-c-menu--ZIndex);
18387
+ width: var(--pf-c-menu--Width);
18388
+ min-width: var(--pf-c-menu--MinWidth);
18389
+ background-color: var(--pf-c-menu--BackgroundColor);
18390
+ box-shadow: var(--pf-c-menu--BoxShadow);
18333
18391
  }
18334
18392
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
18335
18393
  overflow: visible;
@@ -18386,6 +18444,7 @@ ul.pf-c-list {
18386
18444
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
18387
18445
  position: relative;
18388
18446
  overflow: hidden;
18447
+ visibility: visible;
18389
18448
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
18390
18449
  }
18391
18450
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -18696,6 +18755,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18696
18755
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18697
18756
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18698
18757
  color: var(--pf-c-menu__item-action--Color);
18758
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18699
18759
  border: none;
18700
18760
  }
18701
18761
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -18885,6 +18945,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18885
18945
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
18886
18946
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
18887
18947
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
18948
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
18888
18949
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
18889
18950
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
18890
18951
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19140,13 +19201,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19140
19201
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19141
19202
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19142
19203
  color: inherit;
19204
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19143
19205
  border: 0;
19144
19206
  }
19145
19207
 
19146
19208
  .pf-c-menu-toggle__icon {
19147
19209
  display: inline-flex;
19148
- align-self: center;
19149
19210
  flex-shrink: 0;
19211
+ align-self: center;
19150
19212
  margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
19151
19213
  line-height: 1;
19152
19214
  }
@@ -19266,9 +19328,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19266
19328
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
19267
19329
  --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
19268
19330
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
19269
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
19270
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
19271
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19331
+ --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
19332
+ --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
19333
+ --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19272
19334
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
19273
19335
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
19274
19336
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -19320,13 +19382,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19320
19382
  .pf-c-modal-box.pf-m-info {
19321
19383
  --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
19322
19384
  }
19323
- .pf-c-modal-box > .pf-c-button {
19385
+
19386
+ .pf-c-modal-box__close {
19324
19387
  position: absolute;
19325
- top: var(--pf-c-modal-box--c-button--Top);
19326
- right: var(--pf-c-modal-box--c-button--Right);
19388
+ top: var(--pf-c-modal-box__close--Top);
19389
+ right: var(--pf-c-modal-box__close--Right);
19327
19390
  }
19328
- .pf-c-modal-box > .pf-c-button + * {
19329
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
19391
+ .pf-c-modal-box__close + * {
19392
+ margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
19330
19393
  }
19331
19394
 
19332
19395
  .pf-c-modal-box__header {
@@ -19517,8 +19580,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19517
19580
  --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
19518
19581
  --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
19519
19582
  display: grid;
19520
- gap: var(--pf-c-multiple-file-upload--Gap);
19521
19583
  grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
19584
+ gap: var(--pf-c-multiple-file-upload--Gap);
19522
19585
  }
19523
19586
  .pf-c-multiple-file-upload.pf-m-horizontal {
19524
19587
  --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
@@ -19544,21 +19607,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19544
19607
 
19545
19608
  .pf-c-multiple-file-upload__main {
19546
19609
  display: grid;
19610
+ grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19611
+ grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19612
+ grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19613
+ gap: var(--pf-c-multiple-file-upload__main--Gap);
19547
19614
  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);
19548
19615
  text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
19549
19616
  background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
19550
19617
  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);
19551
- grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19552
- grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19553
- grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19554
- gap: var(--pf-c-multiple-file-upload__main--Gap);
19555
19618
  }
19556
19619
 
19557
19620
  .pf-c-multiple-file-upload__title {
19558
19621
  display: var(--pf-c-multiple-file-upload__title--Display);
19622
+ grid-area: title;
19559
19623
  grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
19560
19624
  gap: var(--pf-c-multiple-file-upload__title--Gap);
19561
- grid-area: title;
19562
19625
  }
19563
19626
 
19564
19627
  .pf-c-multiple-file-upload__title-icon {
@@ -20498,8 +20561,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20498
20561
  --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
20499
20562
  --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
20500
20563
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
20501
- margin-top: var(--pf-c-nav__section--MarginTop);
20502
20564
  --pf-c-nav--c-divider--MarginBottom: 0;
20565
+ margin-top: var(--pf-c-nav__section--MarginTop);
20503
20566
  }
20504
20567
  .pf-c-nav__section + .pf-c-nav__section {
20505
20568
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
@@ -20946,9 +21009,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20946
21009
 
20947
21010
  .pf-c-notification-drawer__list-item-header {
20948
21011
  display: flex;
20949
- align-items: baseline;
20950
- grid-column: 1/2;
20951
21012
  grid-row: 1/2;
21013
+ grid-column: 1/2;
21014
+ align-items: baseline;
20952
21015
  margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
20953
21016
  }
20954
21017
 
@@ -20969,8 +21032,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20969
21032
  }
20970
21033
 
20971
21034
  .pf-c-notification-drawer__list-item-action {
20972
- grid-column: 2/3;
20973
21035
  grid-row: 1/3;
21036
+ grid-column: 2/3;
20974
21037
  }
20975
21038
 
20976
21039
  .pf-c-notification-drawer__list-item-description {
@@ -21572,10 +21635,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21572
21635
  --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
21573
21636
  --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
21574
21637
  display: grid;
21575
- height: 100%;
21576
- grid-template-columns: 1fr;
21577
- grid-template-rows: max-content 1fr;
21578
21638
  grid-template-areas: "header" "main";
21639
+ grid-template-rows: max-content 1fr;
21640
+ grid-template-columns: 1fr;
21641
+ height: 100%;
21579
21642
  background-color: var(--pf-c-page--BackgroundColor);
21580
21643
  }
21581
21644
  @media (min-width: 1200px) {
@@ -21622,8 +21685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21622
21685
  }
21623
21686
  @media (min-width: 1200px) {
21624
21687
  .pf-c-page {
21625
- grid-template-columns: max-content 1fr;
21626
21688
  grid-template-areas: "header header" "nav main";
21689
+ grid-template-columns: max-content 1fr;
21627
21690
  }
21628
21691
  }
21629
21692
  .pf-c-page.pf-m-full-height {
@@ -21634,14 +21697,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21634
21697
 
21635
21698
  .pf-c-page__header,
21636
21699
  .pf-c-page > .pf-c-masthead {
21637
- grid-area: header;
21638
21700
  z-index: var(--pf-c-page__header--ZIndex);
21701
+ grid-area: header;
21639
21702
  }
21640
21703
 
21641
21704
  .pf-c-page__header {
21642
21705
  color: var(--pf-global--Color--100);
21643
- grid-template-columns: auto auto;
21644
21706
  display: grid;
21707
+ grid-template-columns: auto auto;
21645
21708
  align-items: center;
21646
21709
  min-width: 0;
21647
21710
  min-height: var(--pf-c-page__header--MinHeight);
@@ -21689,18 +21752,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21689
21752
  }
21690
21753
 
21691
21754
  .pf-c-page__header-nav {
21755
+ grid-row: 2/3;
21756
+ grid-column: 1/-1;
21692
21757
  align-self: stretch;
21693
21758
  min-width: 0;
21694
21759
  padding-right: var(--pf-c-page__header-nav--PaddingRight);
21695
21760
  padding-left: var(--pf-c-page__header-nav--PaddingLeft);
21696
21761
  background-color: var(--pf-c-page__header-nav--BackgroundColor);
21697
- grid-column: 1/-1;
21698
- grid-row: 2/3;
21699
21762
  }
21700
21763
  @media screen and (min-width: 1200px) {
21701
21764
  .pf-c-page__header-nav {
21702
- grid-column: 2/3;
21703
21765
  grid-row: 1/2;
21766
+ grid-column: 2/3;
21704
21767
  }
21705
21768
  }
21706
21769
  .pf-c-page__header-nav .pf-c-nav {
@@ -21766,10 +21829,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21766
21829
  }
21767
21830
 
21768
21831
  .pf-c-page__sidebar {
21832
+ z-index: var(--pf-c-page__sidebar--ZIndex);
21769
21833
  grid-area: nav;
21770
21834
  grid-row-start: 2;
21771
21835
  grid-column-start: 1;
21772
- z-index: var(--pf-c-page__sidebar--ZIndex);
21773
21836
  width: var(--pf-c-page__sidebar--Width);
21774
21837
  overflow-x: hidden;
21775
21838
  overflow-y: auto;
@@ -21918,24 +21981,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21918
21981
  }
21919
21982
  @media (min-height: 0) {
21920
21983
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21921
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21922
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21923
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21924
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21925
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21926
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21984
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21985
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21986
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21987
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21988
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21989
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21927
21990
  position: sticky;
21928
21991
  top: 0;
21929
21992
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21930
21993
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21931
21994
  }
21932
21995
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21933
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21934
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21935
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21936
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21937
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21938
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21996
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21997
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21998
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21999
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22000
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22001
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21939
22002
  position: sticky;
21940
22003
  bottom: 0;
21941
22004
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21944,24 +22007,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21944
22007
  }
21945
22008
  @media (min-height: 40rem) {
21946
22009
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21947
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21948
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21949
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21950
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21951
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21952
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22010
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22011
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22012
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22013
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22014
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22015
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
21953
22016
  position: sticky;
21954
22017
  top: 0;
21955
22018
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21956
22019
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21957
22020
  }
21958
22021
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21959
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21960
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21961
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21962
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21963
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21964
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22022
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22023
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22024
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22025
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22026
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22027
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
21965
22028
  position: sticky;
21966
22029
  bottom: 0;
21967
22030
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21970,24 +22033,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21970
22033
  }
21971
22034
  @media (min-height: 48rem) {
21972
22035
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
21973
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
21974
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
21975
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
21976
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
21977
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
21978
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22036
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22037
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22038
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22039
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22040
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22041
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
21979
22042
  position: sticky;
21980
22043
  top: 0;
21981
22044
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21982
22045
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21983
22046
  }
21984
22047
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
21985
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
21986
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
21987
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
21988
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
21989
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
21990
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22048
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22049
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22050
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22051
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22052
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22053
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
21991
22054
  position: sticky;
21992
22055
  bottom: 0;
21993
22056
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21996,24 +22059,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21996
22059
  }
21997
22060
  @media (min-height: 60rem) {
21998
22061
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
21999
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22000
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22001
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22002
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22003
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22004
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22062
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22063
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22064
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22065
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22066
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22067
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22005
22068
  position: sticky;
22006
22069
  top: 0;
22007
22070
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22008
22071
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22009
22072
  }
22010
22073
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22011
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22012
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22013
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22014
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22015
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22016
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22074
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22075
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22076
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22077
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22078
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22079
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22017
22080
  position: sticky;
22018
22081
  bottom: 0;
22019
22082
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22022,24 +22085,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22022
22085
  }
22023
22086
  @media (min-height: 80rem) {
22024
22087
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22025
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22026
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22027
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22028
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22029
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22030
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22088
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22089
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22090
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22091
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22092
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22093
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22031
22094
  position: sticky;
22032
22095
  top: 0;
22033
22096
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22034
22097
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22035
22098
  }
22036
22099
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22037
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22038
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22039
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22040
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22041
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22042
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22100
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22101
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22102
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22103
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22104
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22105
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22043
22106
  position: sticky;
22044
22107
  bottom: 0;
22045
22108
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22049,8 +22112,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22049
22112
 
22050
22113
  .pf-c-page__main,
22051
22114
  .pf-c-page__drawer {
22052
- grid-area: main;
22053
22115
  z-index: var(--pf-c-page__main--ZIndex);
22116
+ grid-area: main;
22054
22117
  overflow-x: hidden;
22055
22118
  overflow-y: auto;
22056
22119
  -webkit-overflow-scrolling: touch;
@@ -22534,8 +22597,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22534
22597
  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);
22535
22598
  }
22536
22599
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22537
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22538
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22600
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22601
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22539
22602
  display: block;
22540
22603
  }
22541
22604
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -22942,17 +23005,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22942
23005
  --pf-c-popover__arrow--m-left--TranslateX: 50%;
22943
23006
  --pf-c-popover__arrow--m-left--TranslateY: -50%;
22944
23007
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
22945
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
22946
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
22947
- --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
22948
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
22949
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
22950
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
22951
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
22952
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
22953
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
23008
+ --pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
23009
+ --pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
23010
+ --pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
23011
+ --pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
23012
+ --pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
23013
+ --pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
23014
+ --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
22954
23015
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
22955
23016
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
23017
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
22956
23018
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
22957
23019
  position: relative;
22958
23020
  min-width: var(--pf-c-popover--MinWidth);
@@ -23030,16 +23092,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23030
23092
  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);
23031
23093
  background-color: var(--pf-c-popover__content--BackgroundColor);
23032
23094
  }
23033
- .pf-c-popover__content > .pf-c-title {
23034
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
23035
- }
23036
- .pf-c-popover__content > .pf-c-button {
23095
+
23096
+ .pf-c-popover__close {
23037
23097
  position: absolute;
23038
- top: var(--pf-c-popover--c-button--Top);
23039
- right: var(--pf-c-popover--c-button--Right);
23098
+ top: var(--pf-c-popover__close--Top);
23099
+ right: var(--pf-c-popover__close--Right);
23040
23100
  }
23041
- .pf-c-popover__content > .pf-c-button + * {
23042
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
23101
+ .pf-c-popover__close + * {
23102
+ padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
23043
23103
  }
23044
23104
 
23045
23105
  .pf-c-popover__arrow {
@@ -23051,23 +23111,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23051
23111
  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
23052
23112
  }
23053
23113
 
23054
- .pf-c-popover__title {
23055
- flex: 0 0 auto;
23056
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
23057
- font-family: var(--pf-c-popover__title--FontFamily);
23058
- font-size: var(--pf-c-popover__title--FontSize);
23059
- line-height: var(--pf-c-popover__title--LineHeight);
23114
+ .pf-c-popover__header {
23115
+ margin-bottom: var(--pf-c-popover__header--MarginBottom);
23060
23116
  }
23061
- .pf-c-popover__title.pf-m-icon {
23117
+
23118
+ .pf-c-popover__title {
23062
23119
  display: flex;
23120
+ flex: 0 0 auto;
23063
23121
  }
23064
23122
 
23065
23123
  .pf-c-popover__title-icon {
23066
23124
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
23125
+ font-size: var(--pf-c-popover__title-icon--FontSize);
23067
23126
  color: var(--pf-c-popover__title-icon--Color);
23068
23127
  }
23069
23128
 
23070
23129
  .pf-c-popover__title-text {
23130
+ font-family: var(--pf-c-popover__title-text--FontFamily);
23131
+ font-size: var(--pf-c-popover__title-text--FontSize);
23132
+ line-height: var(--pf-c-popover__title-text--LineHeight);
23071
23133
  color: var(--pf-c-popover__title-text--Color, inherit);
23072
23134
  }
23073
23135
 
@@ -23116,17 +23178,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23116
23178
  }
23117
23179
 
23118
23180
  :where(.pf-theme-dark) .pf-c-popover {
23119
- --pf-c-popover--BoxShadow: none;
23120
- --pf-c-popover__arrow--BoxShadow: none;
23121
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23181
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23182
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
23122
23183
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23123
23184
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23124
23185
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23125
23186
  }
23126
- :where(.pf-theme-dark) .pf-c-popover,
23127
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23128
- border: 4px solid var(--pf-global--BorderColor--400);
23129
- }
23130
23187
 
23131
23188
  .pf-c-progress {
23132
23189
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -23134,8 +23191,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23134
23191
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23135
23192
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23136
23193
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23194
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23137
23195
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23138
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23139
23196
  --pf-c-progress__bar--before--Opacity: .2;
23140
23197
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23141
23198
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23157,10 +23214,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23157
23214
  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
23158
23215
  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
23159
23216
  display: grid;
23160
- align-items: end;
23161
- grid-gap: var(--pf-c-progress--GridGap);
23162
- grid-template-columns: auto auto;
23163
23217
  grid-template-rows: 1fr auto;
23218
+ grid-template-columns: auto auto;
23219
+ grid-gap: var(--pf-c-progress--GridGap);
23220
+ align-items: end;
23164
23221
  }
23165
23222
  .pf-c-progress.pf-m-sm {
23166
23223
  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
@@ -23189,8 +23246,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23189
23246
  grid-column: 1/3;
23190
23247
  }
23191
23248
  .pf-c-progress.pf-m-outside .pf-c-progress__status {
23192
- grid-column: 2/3;
23193
23249
  grid-row: 2/3;
23250
+ grid-column: 2/3;
23194
23251
  align-self: center;
23195
23252
  }
23196
23253
  .pf-c-progress.pf-m-outside .pf-c-progress__measure {
@@ -23238,8 +23295,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23238
23295
  }
23239
23296
 
23240
23297
  .pf-c-progress__description {
23241
- word-break: break-word;
23242
23298
  grid-column: 1/2;
23299
+ word-break: break-word;
23243
23300
  }
23244
23301
  .pf-c-progress__description.pf-m-truncate {
23245
23302
  overflow: hidden;
@@ -23248,21 +23305,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23248
23305
  }
23249
23306
 
23250
23307
  .pf-c-progress__status {
23251
- grid-column: 2/3;
23308
+ display: flex;
23252
23309
  grid-row: 1/2;
23310
+ grid-column: 2/3;
23311
+ gap: var(--pf-c-progress__status--Gap);
23312
+ align-items: flex-start;
23313
+ justify-content: flex-end;
23253
23314
  text-align: right;
23254
23315
  word-break: break-word;
23255
23316
  }
23256
23317
 
23257
23318
  .pf-c-progress__status-icon {
23258
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23259
23319
  color: var(--pf-c-progress__status-icon--Color);
23260
23320
  }
23261
23321
 
23262
23322
  .pf-c-progress__bar {
23263
23323
  position: relative;
23264
- grid-column: 1/3;
23265
23324
  grid-row: 2/3;
23325
+ grid-column: 1/3;
23266
23326
  align-self: center;
23267
23327
  height: var(--pf-c-progress__bar--Height);
23268
23328
  background-color: var(--pf-c-progress__bar--BackgroundColor);
@@ -23287,8 +23347,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23287
23347
  }
23288
23348
 
23289
23349
  .pf-c-progress__helper-text {
23290
- grid-column: 1/3;
23291
23350
  grid-row: 3/4;
23351
+ grid-column: 1/3;
23292
23352
  margin-top: var(--pf-c-progress__helper-text--MarginTop);
23293
23353
  }
23294
23354
 
@@ -23450,10 +23510,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23450
23510
  --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23451
23511
  position: relative;
23452
23512
  display: grid;
23453
- grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23454
- grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23455
23513
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23514
+ grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23456
23515
  grid-auto-columns: 1fr;
23516
+ grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23457
23517
  }
23458
23518
  @media screen and (min-width: 768px) {
23459
23519
  .pf-c-progress-stepper {
@@ -23520,8 +23580,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23520
23580
  grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23521
23581
  }
23522
23582
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
23523
- min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23524
23583
  grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
23584
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23525
23585
  padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
23526
23586
  }
23527
23587
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
@@ -23638,11 +23698,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23638
23698
  }
23639
23699
  .pf-c-progress-stepper__step-title.pf-m-help-text {
23640
23700
  text-decoration: underline;
23641
- cursor: pointer;
23701
+ text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23642
23702
  text-decoration-style: dashed;
23643
23703
  text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
23644
- text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23645
23704
  text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
23705
+ cursor: pointer;
23646
23706
  }
23647
23707
  .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
23648
23708
  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
@@ -24020,6 +24080,7 @@ label.pf-c-radio, .pf-c-radio__label,
24020
24080
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24021
24081
  --pf-c-search-input__text-input--MinWidth: 6ch;
24022
24082
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24083
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24023
24084
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24024
24085
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24025
24086
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24064,9 +24125,9 @@ label.pf-c-radio, .pf-c-radio__label,
24064
24125
 
24065
24126
  .pf-c-search-input__text {
24066
24127
  display: grid;
24067
- grid-template-columns: 1fr;
24068
- grid-template-areas: "text-input";
24069
24128
  flex: 1;
24129
+ grid-template-areas: "text-input";
24130
+ grid-template-columns: 1fr;
24070
24131
  }
24071
24132
  .pf-c-search-input__text::before, .pf-c-search-input__text::after {
24072
24133
  position: absolute;
@@ -24107,6 +24168,7 @@ label.pf-c-radio, .pf-c-radio__label,
24107
24168
  width: 100%;
24108
24169
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24109
24170
  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);
24171
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24110
24172
  border: 0;
24111
24173
  }
24112
24174
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -24588,8 +24650,8 @@ label.pf-c-radio, .pf-c-radio__label,
24588
24650
  .pf-c-select__toggle-typeahead {
24589
24651
  flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
24590
24652
  flex-grow: 1;
24591
- min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24592
24653
  flex-shrink: 0;
24654
+ min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24593
24655
  }
24594
24656
  .pf-c-select__toggle-typeahead.pf-c-form-control {
24595
24657
  background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
@@ -24865,28 +24927,54 @@ label.pf-c-radio, .pf-c-radio__label,
24865
24927
  }
24866
24928
 
24867
24929
  .pf-c-sidebar {
24930
+ --pf-c-sidebar--inset: var(--pf-global--spacer--md);
24931
+ --pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
24868
24932
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
24933
+ --pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
24934
+ --pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
24935
+ --pf-c-sidebar__panel--PaddingTop: 0;
24936
+ --pf-c-sidebar__panel--PaddingRight: 0;
24937
+ --pf-c-sidebar__panel--PaddingBottom: 0;
24938
+ --pf-c-sidebar__panel--PaddingLeft: 0;
24939
+ --pf-c-sidebar__panel--Order: -1;
24940
+ --pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
24941
+ --pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
24942
+ --pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
24943
+ --pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
24944
+ --pf-c-sidebar__content--PaddingTop: 0;
24945
+ --pf-c-sidebar__content--PaddingRight: 0;
24946
+ --pf-c-sidebar__content--PaddingBottom: 0;
24947
+ --pf-c-sidebar__content--PaddingLeft: 0;
24948
+ --pf-c-sidebar__content--Order: 1;
24949
+ --pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
24950
+ --pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
24951
+ --pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
24952
+ --pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
24869
24953
  --pf-c-sidebar__main--FlexDirection: column;
24870
24954
  --pf-c-sidebar__main--md--FlexDirection: row;
24871
24955
  --pf-c-sidebar__main--AlignItems: stretch;
24872
24956
  --pf-c-sidebar__main--md--AlignItems: start;
24873
24957
  --pf-c-sidebar__main--child--MarginTop: 0;
24874
- --pf-c-sidebar__main--child--MarginLeft: 0;
24875
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-global--spacer--md);
24876
- --pf-c-sidebar--m-gutter__main--xl--Gap: var(--pf-global--spacer--lg);
24877
- --pf-c-sidebar--m-panel-right__panel--Order: 0;
24958
+ --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
24959
+ --pf-c-sidebar__main--m-border--before--Display: none;
24960
+ --pf-c-sidebar__main--m-border--before--md--Display: block;
24961
+ --pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
24962
+ --pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
24963
+ --pf-c-sidebar--m-panel-right__panel--Order: -1;
24878
24964
  --pf-c-sidebar--m-panel-right__panel--md--Order: 1;
24965
+ --pf-c-sidebar--m-panel-right__content--md--Order: -1;
24879
24966
  --pf-c-sidebar--m-stack__main--FlexDirection: column;
24880
24967
  --pf-c-sidebar--m-stack__main--AlignItems: stretch;
24881
24968
  --pf-c-sidebar--m-stack__panel--Position: sticky;
24882
24969
  --pf-c-sidebar--m-stack__panel--Top: 0;
24883
24970
  --pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
24884
- --pf-c-sidebar--m-stack--m-panel-right__panel--Order: 0;
24971
+ --pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
24885
24972
  --pf-c-sidebar--m-split__main--AlignItems: start;
24886
24973
  --pf-c-sidebar--m-split__main--FlexDirection: row;
24887
24974
  --pf-c-sidebar--m-split__panel--Position: static;
24888
24975
  --pf-c-sidebar--m-split__panel--Top: auto;
24889
24976
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
24977
+ --pf-c-sidebar--m-split__main--m-border--before--Display: block;
24890
24978
  --pf-c-sidebar__panel--FlexBasis--base: auto;
24891
24979
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
24892
24980
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
@@ -24900,7 +24988,6 @@ label.pf-c-radio, .pf-c-radio__label,
24900
24988
  --pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
24901
24989
  --pf-c-sidebar__panel--m-stack--FlexBasis: auto;
24902
24990
  --pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
24903
- --pf-c-sidebar__panel--Order: 0;
24904
24991
  --pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
24905
24992
  --pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
24906
24993
  --pf-c-sidebar__panel--m-sticky--Top: 0;
@@ -24910,60 +24997,50 @@ label.pf-c-radio, .pf-c-radio__label,
24910
24997
  @media (min-width: 768px) {
24911
24998
  .pf-c-sidebar {
24912
24999
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
25000
+ --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
25001
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
24913
25002
  --pf-c-sidebar__panel--BoxShadow: none;
24914
25003
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
24915
- --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
24916
25004
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
24917
25005
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
24918
25006
  }
24919
25007
  }
24920
25008
  @media (min-width: 1200px) {
24921
25009
  .pf-c-sidebar {
24922
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--m-gutter__main--xl--Gap);
25010
+ --pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
24923
25011
  }
24924
25012
  }
24925
- .pf-c-sidebar.pf-m-gutter {
24926
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
24927
- --pf-c-sidebar__main--child--MarginLeft: 0;
24928
- }
24929
- .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
24930
- margin-top: var(--pf-c-sidebar__main--child--MarginTop);
24931
- margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
24932
- }
24933
- @media (min-width: 768px) {
24934
- .pf-c-sidebar.pf-m-gutter {
24935
- --pf-c-sidebar__main--child--MarginTop: 0;
24936
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
24937
- }
25013
+ .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
25014
+ gap: var(--pf-c-sidebar--m-gutter__main--Gap);
24938
25015
  }
24939
25016
  .pf-c-sidebar.pf-m-panel-right {
24940
25017
  --pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
25018
+ --pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
24941
25019
  }
24942
25020
  @media (min-width: 768px) {
24943
25021
  .pf-c-sidebar.pf-m-panel-right {
24944
25022
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
25023
+ --pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
24945
25024
  }
24946
25025
  }
24947
25026
  .pf-c-sidebar.pf-m-stack {
24948
25027
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
24949
25028
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
24950
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
24951
- --pf-c-sidebar__main--child--MarginLeft: 0;
24952
25029
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
24953
25030
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
24954
25031
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
24955
25032
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
25033
+ --pf-c-sidebar__main--m-border--before--Display: none;
24956
25034
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
24957
25035
  }
24958
25036
  .pf-c-sidebar.pf-m-split {
24959
25037
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
24960
25038
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
24961
- --pf-c-sidebar__main--child--MarginTop: 0;
24962
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
24963
25039
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
24964
25040
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
24965
25041
  --pf-c-sidebar__panel--BoxShadow: none;
24966
25042
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
25043
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
24967
25044
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
24968
25045
  }
24969
25046
 
@@ -24972,17 +25049,31 @@ label.pf-c-radio, .pf-c-radio__label,
24972
25049
  flex-direction: var(--pf-c-sidebar__main--FlexDirection);
24973
25050
  align-items: var(--pf-c-sidebar__main--AlignItems);
24974
25051
  }
25052
+ .pf-c-sidebar__main.pf-m-border::before {
25053
+ display: var(--pf-c-sidebar__main--m-border--before--Display);
25054
+ flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
25055
+ align-self: stretch;
25056
+ content: "";
25057
+ background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
25058
+ }
24975
25059
 
24976
25060
  .pf-c-sidebar__panel {
24977
25061
  position: var(--pf-c-sidebar__panel--Position);
24978
25062
  top: var(--pf-c-sidebar__panel--Top);
24979
25063
  z-index: var(--pf-c-sidebar__panel--ZIndex);
24980
- flex-shrink: 0;
24981
25064
  flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
25065
+ flex-shrink: 0;
24982
25066
  order: var(--pf-c-sidebar__panel--Order);
25067
+ 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);
24983
25068
  background-color: var(--pf-c-sidebar__panel--BackgroundColor);
24984
25069
  box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
24985
25070
  }
25071
+ .pf-c-sidebar__panel.pf-m-padding {
25072
+ --pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
25073
+ --pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
25074
+ --pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
25075
+ --pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
25076
+ }
24986
25077
  .pf-c-sidebar__panel.pf-m-sticky {
24987
25078
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
24988
25079
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
@@ -24994,11 +25085,25 @@ label.pf-c-radio, .pf-c-radio__label,
24994
25085
 
24995
25086
  .pf-c-sidebar__content {
24996
25087
  flex-grow: 1;
25088
+ order: var(--pf-c-sidebar__content--Order);
25089
+ 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);
24997
25090
  background-color: var(--pf-c-sidebar__content--BackgroundColor);
24998
25091
  }
25092
+ .pf-c-sidebar__content.pf-m-padding {
25093
+ --pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25094
+ --pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
25095
+ --pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
25096
+ --pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25097
+ }
24999
25098
  .pf-c-sidebar__content.pf-m-no-background {
25000
25099
  --pf-c-sidebar__content--BackgroundColor: transparent;
25001
25100
  }
25101
+ .pf-c-sidebar__content + .pf-c-sidebar__panel {
25102
+ --pf-c-sidebar__panel--Order: 1;
25103
+ }
25104
+ :where(.pf-c-sidebar__content:first-child) {
25105
+ --pf-c-sidebar__content--Order: -1;
25106
+ }
25002
25107
 
25003
25108
  .pf-c-sidebar.pf-m-no-background,
25004
25109
  .pf-c-sidebar__panel.pf-m-no-background,
@@ -25191,9 +25296,9 @@ label.pf-c-radio, .pf-c-radio__label,
25191
25296
  border: none;
25192
25297
  }
25193
25298
  .pf-c-simple-list__item-link:hover {
25194
- text-decoration: none;
25195
25299
  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
25196
25300
  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
25301
+ text-decoration: none;
25197
25302
  }
25198
25303
  .pf-c-simple-list__item-link:focus {
25199
25304
  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
@@ -25872,13 +25977,13 @@ svg.pf-c-spinner.pf-m-xl {
25872
25977
  .pf-c-spinner__path {
25873
25978
  width: 100%;
25874
25979
  height: 100%;
25875
- transform-origin: 50% 50%;
25876
- animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
25877
25980
  stroke: var(--pf-c-spinner--Color);
25878
- stroke-linecap: round;
25879
25981
  stroke-dasharray: 283;
25880
25982
  stroke-dashoffset: 280;
25983
+ stroke-linecap: round;
25881
25984
  stroke-width: var(--pf-c-spinner--stroke-width);
25985
+ transform-origin: 50% 50%;
25986
+ animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
25882
25987
  }
25883
25988
 
25884
25989
  @keyframes pf-c-spinner-animation-rotate {
@@ -25898,8 +26003,8 @@ svg.pf-c-spinner.pf-m-xl {
25898
26003
  stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
25899
26004
  }
25900
26005
  40% {
25901
- stroke-dashoffset: 150;
25902
26006
  stroke-dasharray: 220;
26007
+ stroke-dashoffset: 150;
25903
26008
  }
25904
26009
  100% {
25905
26010
  stroke-dashoffset: 280;
@@ -26543,7 +26648,7 @@ svg.pf-c-spinner.pf-m-xl {
26543
26648
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26544
26649
  }
26545
26650
  .pf-m-grid-md.pf-c-table tr:last-child,
26546
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26651
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26547
26652
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26548
26653
  }
26549
26654
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26688,7 +26793,7 @@ svg.pf-c-spinner.pf-m-xl {
26688
26793
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26689
26794
  }
26690
26795
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26691
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26796
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26692
26797
  position: relative;
26693
26798
  }
26694
26799
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26718,9 +26823,9 @@ svg.pf-c-spinner.pf-m-xl {
26718
26823
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26719
26824
  }
26720
26825
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26721
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26722
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26723
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26826
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26827
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26828
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26724
26829
  width: auto;
26725
26830
  padding: 0;
26726
26831
  }
@@ -26740,8 +26845,8 @@ svg.pf-c-spinner.pf-m-xl {
26740
26845
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26741
26846
  }
26742
26847
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26743
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26744
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26848
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26849
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26745
26850
  grid-row-start: 1;
26746
26851
  grid-column-start: 2;
26747
26852
  }
@@ -26858,7 +26963,7 @@ svg.pf-c-spinner.pf-m-xl {
26858
26963
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26859
26964
  }
26860
26965
  .pf-m-grid-lg.pf-c-table tr:last-child,
26861
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26966
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26862
26967
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26863
26968
  }
26864
26969
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27003,7 +27108,7 @@ svg.pf-c-spinner.pf-m-xl {
27003
27108
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27004
27109
  }
27005
27110
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27006
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27111
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27007
27112
  position: relative;
27008
27113
  }
27009
27114
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27033,9 +27138,9 @@ svg.pf-c-spinner.pf-m-xl {
27033
27138
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27034
27139
  }
27035
27140
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27036
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27037
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27038
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27141
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27142
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27143
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27039
27144
  width: auto;
27040
27145
  padding: 0;
27041
27146
  }
@@ -27055,8 +27160,8 @@ svg.pf-c-spinner.pf-m-xl {
27055
27160
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27056
27161
  }
27057
27162
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27058
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27059
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27163
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27164
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27060
27165
  grid-row-start: 1;
27061
27166
  grid-column-start: 2;
27062
27167
  }
@@ -27173,7 +27278,7 @@ svg.pf-c-spinner.pf-m-xl {
27173
27278
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27174
27279
  }
27175
27280
  .pf-m-grid-xl.pf-c-table tr:last-child,
27176
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27281
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27177
27282
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27178
27283
  }
27179
27284
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27318,7 +27423,7 @@ svg.pf-c-spinner.pf-m-xl {
27318
27423
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27319
27424
  }
27320
27425
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27321
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27426
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27322
27427
  position: relative;
27323
27428
  }
27324
27429
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27348,9 +27453,9 @@ svg.pf-c-spinner.pf-m-xl {
27348
27453
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27349
27454
  }
27350
27455
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27351
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27352
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27353
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27456
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27457
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27458
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27354
27459
  width: auto;
27355
27460
  padding: 0;
27356
27461
  }
@@ -27370,8 +27475,8 @@ svg.pf-c-spinner.pf-m-xl {
27370
27475
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27371
27476
  }
27372
27477
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27373
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27374
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27478
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27479
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27375
27480
  grid-row-start: 1;
27376
27481
  grid-column-start: 2;
27377
27482
  }
@@ -27488,7 +27593,7 @@ svg.pf-c-spinner.pf-m-xl {
27488
27593
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27489
27594
  }
27490
27595
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27491
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27596
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27492
27597
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27493
27598
  }
27494
27599
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27633,7 +27738,7 @@ svg.pf-c-spinner.pf-m-xl {
27633
27738
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27634
27739
  }
27635
27740
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27636
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27741
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27637
27742
  position: relative;
27638
27743
  }
27639
27744
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27663,9 +27768,9 @@ svg.pf-c-spinner.pf-m-xl {
27663
27768
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27664
27769
  }
27665
27770
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27666
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27667
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27668
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27771
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27772
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27773
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27669
27774
  width: auto;
27670
27775
  padding: 0;
27671
27776
  }
@@ -27685,8 +27790,8 @@ svg.pf-c-spinner.pf-m-xl {
27685
27790
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27686
27791
  }
27687
27792
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27688
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27689
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27793
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27794
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27690
27795
  grid-row-start: 1;
27691
27796
  grid-column-start: 2;
27692
27797
  }
@@ -27961,6 +28066,7 @@ svg.pf-c-spinner.pf-m-xl {
27961
28066
  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
27962
28067
  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
27963
28068
  --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
28069
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
27964
28070
  color: var(--pf-global--Color--100);
27965
28071
  width: 100%;
27966
28072
  background-color: var(--pf-c-table--BackgroundColor);
@@ -27989,7 +28095,7 @@ svg.pf-c-spinner.pf-m-xl {
27989
28095
  border-bottom: 0;
27990
28096
  }
27991
28097
  .pf-c-table.pf-m-sticky-header > thead > tr > * {
27992
- z-index: var(--pf-global--ZIndex--xs);
28098
+ z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
27993
28099
  }
27994
28100
  .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
27995
28101
  position: sticky;
@@ -28360,9 +28466,9 @@ svg.pf-c-spinner.pf-m-xl {
28360
28466
  .pf-c-table__button-content,
28361
28467
  .pf-c-table__column-help {
28362
28468
  display: grid;
28469
+ grid-template-columns: auto max-content;
28363
28470
  align-items: end;
28364
28471
  justify-content: start;
28365
- grid-template-columns: auto max-content;
28366
28472
  }
28367
28473
  .pf-c-table__button-content .pf-c-table__text,
28368
28474
  .pf-c-table__column-help .pf-c-table__text {
@@ -28468,6 +28574,10 @@ svg.pf-c-spinner.pf-m-xl {
28468
28574
  vertical-align: middle;
28469
28575
  }
28470
28576
 
28577
+ .pf-c-table__action {
28578
+ text-align: right;
28579
+ }
28580
+
28471
28581
  .pf-c-table__inline-edit-action {
28472
28582
  --pf-c-table--cell--PaddingLeft: 0;
28473
28583
  --pf-c-table--cell--PaddingRight: 0;
@@ -28805,39 +28915,44 @@ svg.pf-c-spinner.pf-m-xl {
28805
28915
  }
28806
28916
 
28807
28917
  .pf-c-table {
28808
- --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
28809
- --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
28810
- --pf-c-table__sticky-column--Left: 0;
28811
- --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
28812
- --pf-c-table__sticky-column--Top: 0;
28813
- --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
28814
- --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
28815
- --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
28816
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
28817
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
28818
- --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
28819
- }
28820
- .pf-c-table .pf-c-table__sticky-column {
28918
+ --pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
28919
+ --pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
28920
+ --pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
28921
+ --pf-c-table__sticky-cell--Right: auto;
28922
+ --pf-c-table__sticky-cell--Left: auto;
28923
+ --pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
28924
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
28925
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
28926
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
28927
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
28928
+ --pf-c-table__sticky-cell--m-right--Right: 0;
28929
+ --pf-c-table__sticky-cell--m-left--Left: 0;
28930
+ --pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
28931
+ }
28932
+ .pf-c-table .pf-c-table__sticky-cell {
28933
+ --pf-c-table--cell--Overflow: visible;
28934
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
28821
28935
  position: sticky;
28822
- left: var(--pf-c-table__sticky-column--Left);
28823
- z-index: var(--pf-c-table__sticky-column--ZIndex);
28824
- min-width: var(--pf-c-table__sticky-column--MinWidth);
28825
- background-color: var(--pf-c-table__sticky-column--BackgroundColor);
28936
+ right: var(--pf-c-table__sticky-cell--Right);
28937
+ left: var(--pf-c-table__sticky-cell--Left);
28938
+ z-index: var(--pf-c-table__sticky-cell--ZIndex);
28939
+ min-width: var(--pf-c-table__sticky-cell--MinWidth);
28940
+ background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
28826
28941
  background-clip: padding-box;
28827
28942
  }
28828
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
28829
- --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
28830
- --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
28943
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
28944
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
28945
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28831
28946
  }
28832
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
28833
- --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
28834
- --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
28947
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
28948
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28949
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28835
28950
  }
28836
- .pf-c-table.pf-m-sticky-header {
28837
- --pf-c-table--cell--Overflow: visible;
28951
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-right {
28952
+ --pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
28838
28953
  }
28839
- .pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
28840
- z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex);
28954
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-left {
28955
+ --pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
28841
28956
  }
28842
28957
 
28843
28958
  .pf-c-scroll-outer-wrapper {
@@ -28873,10 +28988,20 @@ svg.pf-c-spinner.pf-m-xl {
28873
28988
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
28874
28989
  --pf-c-table--m-tree-view__toggle--TranslateX: -100%;
28875
28990
  --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
28991
+ --pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
28992
+ --pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
28876
28993
  }
28877
28994
  .pf-c-table.pf-m-tree-view > tbody > tr {
28878
28995
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
28879
28996
  }
28997
+ .pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
28998
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
28999
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
29000
+ }
29001
+ .pf-c-table.pf-m-tree-view.pf-m-no-inset {
29002
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
29003
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
29004
+ }
28880
29005
  .pf-c-table.pf-m-tree-view tr[aria-level="2"] {
28881
29006
  --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));
28882
29007
  }
@@ -29172,7 +29297,7 @@ svg.pf-c-spinner.pf-m-xl {
29172
29297
  display: block;
29173
29298
  }
29174
29299
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29175
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29300
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29176
29301
  display: inline-block;
29177
29302
  }
29178
29303
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29313,7 +29438,7 @@ svg.pf-c-spinner.pf-m-xl {
29313
29438
  display: block;
29314
29439
  }
29315
29440
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29316
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29441
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29317
29442
  display: inline-block;
29318
29443
  }
29319
29444
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29454,7 +29579,7 @@ svg.pf-c-spinner.pf-m-xl {
29454
29579
  display: block;
29455
29580
  }
29456
29581
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29457
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29582
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29458
29583
  display: inline-block;
29459
29584
  }
29460
29585
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29595,7 +29720,7 @@ svg.pf-c-spinner.pf-m-xl {
29595
29720
  display: block;
29596
29721
  }
29597
29722
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29598
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29723
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29599
29724
  display: inline-block;
29600
29725
  }
29601
29726
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -29765,7 +29890,6 @@ svg.pf-c-spinner.pf-m-xl {
29765
29890
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
29766
29891
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29767
29892
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
29768
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
29769
29893
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
29770
29894
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
29771
29895
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -30239,9 +30363,6 @@ svg.pf-c-spinner.pf-m-xl {
30239
30363
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
30240
30364
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
30241
30365
  }
30242
- .pf-c-tabs__item-action.pf-m-help {
30243
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
30244
- }
30245
30366
  .pf-c-tabs__item-action:last-child {
30246
30367
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
30247
30368
  }
@@ -30552,7 +30673,8 @@ svg.pf-c-spinner.pf-m-xl {
30552
30673
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30553
30674
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30554
30675
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30555
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30676
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30677
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30556
30678
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30557
30679
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30558
30680
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30609,9 +30731,9 @@ svg.pf-c-spinner.pf-m-xl {
30609
30731
 
30610
30732
  .pf-c-text-input-group__text {
30611
30733
  display: inline-grid;
30612
- grid-template-columns: 1fr;
30613
- grid-template-areas: "text-input";
30614
30734
  flex: 1;
30735
+ grid-template-areas: "text-input";
30736
+ grid-template-columns: 1fr;
30615
30737
  }
30616
30738
  .pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
30617
30739
  position: absolute;
@@ -30652,6 +30774,7 @@ svg.pf-c-spinner.pf-m-xl {
30652
30774
  width: 100%;
30653
30775
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30654
30776
  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);
30777
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30655
30778
  border: 0;
30656
30779
  }
30657
30780
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30661,7 +30784,7 @@ svg.pf-c-spinner.pf-m-xl {
30661
30784
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30662
30785
  }
30663
30786
  .pf-c-text-input-group__text-input::placeholder {
30664
- color: var(--pf-c-text-input-group--placeholder--Color);
30787
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30665
30788
  }
30666
30789
 
30667
30790
  .pf-c-text-input-group__utilities {
@@ -30726,11 +30849,11 @@ svg.pf-c-spinner.pf-m-xl {
30726
30849
  --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
30727
30850
  position: relative;
30728
30851
  display: inline-grid;
30852
+ grid-template-rows: min-content;
30729
30853
  padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
30730
30854
  text-align: center;
30731
30855
  cursor: pointer;
30732
30856
  background-color: var(--pf-c-tile--BackgroundColor);
30733
- grid-template-rows: min-content;
30734
30857
  transition: var(--pf-c-tile--Transition);
30735
30858
  transform: translateY(var(--pf-c-tile--TranslateY));
30736
30859
  }
@@ -30882,12 +31005,12 @@ svg.pf-c-spinner.pf-m-xl {
30882
31005
  outline-offset: var(--pf-c-timestamp--OutlineOffset);
30883
31006
  }
30884
31007
  .pf-c-timestamp.pf-m-help-text {
30885
- cursor: pointer;
30886
31008
  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
30887
- text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30888
31009
  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
30889
- text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31010
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30890
31011
  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
31012
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31013
+ cursor: pointer;
30891
31014
  }
30892
31015
  .pf-c-timestamp.pf-m-help-text:hover {
30893
31016
  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
@@ -31110,8 +31233,10 @@ svg.pf-c-spinner.pf-m-xl {
31110
31233
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
31111
31234
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31112
31235
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
31113
- --pf-c-tooltip__arrow--Width: 0.5rem;
31114
- --pf-c-tooltip__arrow--Height: 0.5rem;
31236
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31237
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31238
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31239
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
31115
31240
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
31116
31241
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
31117
31242
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31181,7 +31306,8 @@ svg.pf-c-spinner.pf-m-xl {
31181
31306
  width: var(--pf-c-tooltip__arrow--Width);
31182
31307
  height: var(--pf-c-tooltip__arrow--Height);
31183
31308
  pointer-events: none;
31184
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31309
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31310
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31185
31311
  }
31186
31312
 
31187
31313
  :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,
@@ -31221,16 +31347,8 @@ svg.pf-c-spinner.pf-m-xl {
31221
31347
  }
31222
31348
 
31223
31349
  :where(.pf-theme-dark) .pf-c-tooltip {
31224
- --pf-c-tooltip--BoxShadow: none;
31225
31350
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31226
- }
31227
- :where(.pf-theme-dark) .pf-c-tooltip,
31228
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31229
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31230
- }
31231
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31232
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31233
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31351
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31234
31352
  }
31235
31353
 
31236
31354
  .pf-c-truncate {
@@ -31315,11 +31433,12 @@ svg.pf-c-spinner.pf-m-xl {
31315
31433
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31316
31434
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31317
31435
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31436
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31318
31437
  --pf-c-tree-view__node-container--Display: contents;
31319
31438
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31320
31439
  --pf-c-tree-view__node-content--Overflow: visible;
31321
31440
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31322
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31441
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31323
31442
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31324
31443
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31325
31444
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31329,6 +31448,7 @@ svg.pf-c-spinner.pf-m-xl {
31329
31448
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31330
31449
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31331
31450
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31451
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31332
31452
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31333
31453
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31334
31454
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31353,10 +31473,6 @@ svg.pf-c-spinner.pf-m-xl {
31353
31473
  --pf-c-tree-view__node-text--max-lines: 1;
31354
31474
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31355
31475
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31356
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31357
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31358
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31359
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31360
31476
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31361
31477
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31362
31478
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31554,13 +31670,14 @@ svg.pf-c-spinner.pf-m-xl {
31554
31670
  display: flex;
31555
31671
  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);
31556
31672
  color: var(--pf-c-tree-view__node--Color);
31673
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31557
31674
  }
31558
31675
  .pf-c-tree-view__node.pf-m-current {
31559
31676
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31560
31677
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31561
31678
  }
31562
31679
  .pf-c-tree-view__node:focus {
31563
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31680
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31564
31681
  }
31565
31682
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31566
31683
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31607,6 +31724,7 @@ svg.pf-c-spinner.pf-m-xl {
31607
31724
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31608
31725
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31609
31726
  color: var(--pf-c-tree-view__node-toggle--Color);
31727
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31610
31728
  border: 0;
31611
31729
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31612
31730
  }
@@ -31630,6 +31748,7 @@ svg.pf-c-spinner.pf-m-xl {
31630
31748
  font-weight: inherit;
31631
31749
  color: inherit;
31632
31750
  text-align: left;
31751
+ background-color: transparent;
31633
31752
  border: 0;
31634
31753
  }
31635
31754
  label.pf-c-tree-view__node-text {
@@ -31661,15 +31780,6 @@ label.pf-c-tree-view__node-text {
31661
31780
 
31662
31781
  .pf-c-tree-view__action {
31663
31782
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31664
- color: var(--pf-c-tree-view__action--Color);
31665
- border: 0;
31666
- }
31667
- .pf-c-tree-view__action:hover {
31668
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31669
- }
31670
- .pf-c-tree-view__action:focus {
31671
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31672
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31673
31783
  }
31674
31784
 
31675
31785
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31818,9 +31928,14 @@ label.pf-c-tree-view__node-text {
31818
31928
  --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
31819
31929
  --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
31820
31930
  --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
31931
+ --pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
31932
+ --pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
31933
+ --pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
31934
+ --pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
31821
31935
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31822
31936
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31823
31937
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31938
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31824
31939
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31825
31940
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31826
31941
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32000,6 +32115,8 @@ label.pf-c-tree-view__node-text {
32000
32115
  position: absolute;
32001
32116
  top: var(--pf-c-wizard__close--Top);
32002
32117
  right: var(--pf-c-wizard__close--Right);
32118
+ }
32119
+ .pf-c-wizard__header .pf-c-wizard__close button {
32003
32120
  font-size: var(--pf-c-wizard__close--FontSize);
32004
32121
  }
32005
32122
 
@@ -32008,6 +32125,13 @@ label.pf-c-tree-view__node-text {
32008
32125
  word-wrap: break-word;
32009
32126
  }
32010
32127
 
32128
+ .pf-c-wizard__title-text {
32129
+ font-family: var(--pf-c-wizard__title-text--FontFamily);
32130
+ font-size: var(--pf-c-wizard__title-text--FontSize);
32131
+ font-weight: var(--pf-c-wizard__title-text--FontWeight);
32132
+ line-height: var(--pf-c-wizard__title-text--LineHeight);
32133
+ }
32134
+
32011
32135
  .pf-c-wizard__description {
32012
32136
  display: none;
32013
32137
  padding-top: var(--pf-c-wizard__description--PaddingTop);
@@ -32170,6 +32294,7 @@ label.pf-c-tree-view__node-text {
32170
32294
  text-align: left;
32171
32295
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32172
32296
  word-break: break-word;
32297
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32173
32298
  border: 0;
32174
32299
  }
32175
32300
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -32255,8 +32380,8 @@ label.pf-c-tree-view__node-text {
32255
32380
  position: relative;
32256
32381
  z-index: var(--pf-c-wizard__footer--ZIndex);
32257
32382
  display: flex;
32258
- flex-wrap: wrap;
32259
32383
  flex-shrink: 0;
32384
+ flex-wrap: wrap;
32260
32385
  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);
32261
32386
  background-color: var(--pf-c-wizard__footer--BackgroundColor);
32262
32387
  }
@@ -33937,8 +34062,8 @@ label.pf-c-tree-view__node-text {
33937
34062
  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
33938
34063
  --pf-l-gallery--GridTemplateRows: auto;
33939
34064
  display: grid;
33940
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
33941
34065
  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
34066
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
33942
34067
  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
33943
34068
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
33944
34069
  }
@@ -34006,39 +34131,39 @@ label.pf-c-tree-view__node-text {
34006
34131
  }
34007
34132
  .pf-l-grid > *,
34008
34133
  .pf-l-grid .pf-l-grid__item {
34009
- min-width: 0;
34010
- min-height: 0;
34011
34134
  grid-column-start: var(--pf-l-grid__item--GridColumnStart);
34012
34135
  grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
34136
+ min-width: 0;
34137
+ min-height: 0;
34013
34138
  order: var(--pf-l-grid--item--Order);
34014
34139
  }
34015
34140
  @media (min-width: 576px) {
34016
34141
  .pf-l-grid > *,
34017
- .pf-l-grid .pf-l-grid__item {
34142
+ .pf-l-grid .pf-l-grid__item {
34018
34143
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34019
34144
  }
34020
34145
  }
34021
34146
  @media (min-width: 768px) {
34022
34147
  .pf-l-grid > *,
34023
- .pf-l-grid .pf-l-grid__item {
34148
+ .pf-l-grid .pf-l-grid__item {
34024
34149
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34025
34150
  }
34026
34151
  }
34027
34152
  @media (min-width: 992px) {
34028
34153
  .pf-l-grid > *,
34029
- .pf-l-grid .pf-l-grid__item {
34154
+ .pf-l-grid .pf-l-grid__item {
34030
34155
  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))));
34031
34156
  }
34032
34157
  }
34033
34158
  @media (min-width: 1200px) {
34034
34159
  .pf-l-grid > *,
34035
- .pf-l-grid .pf-l-grid__item {
34160
+ .pf-l-grid .pf-l-grid__item {
34036
34161
  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)))));
34037
34162
  }
34038
34163
  }
34039
34164
  @media (min-width: 1450px) {
34040
34165
  .pf-l-grid > *,
34041
- .pf-l-grid .pf-l-grid__item {
34166
+ .pf-l-grid .pf-l-grid__item {
34042
34167
  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))))));
34043
34168
  }
34044
34169
  }