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

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 +67 -39
  125. package/components/Toolbar/toolbar.scss +39 -5
  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 +471 -378
  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 +160 -111
  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 +32 -35
  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 +83 -67
  246. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  247. package/docs/demos/Table/examples/Table.md +2465 -478
  248. package/docs/demos/Tabs/examples/Tabs.md +141 -90
  249. package/docs/demos/Toolbar/examples/Toolbar.md +1811 -177
  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 +770 -652
  277. package/patternfly.css +770 -652
  278. package/patternfly.min.css +1 -1
  279. package/patternfly.min.css.map +1 -1
  280. package/sass-utilities/functions.scss +8 -24
  281. package/sass-utilities/mixins.scss +15 -39
  282. package/sass-utilities/scss-variables.scss +1 -1
  283. package/sass-utilities/themes/dark/scss-variables.scss +1 -1
  284. package/utilities/Spacing/spacing.scss +2 -2
  285. package/base/_shield-inheritable.scss +0 -69
  286. package/base/_shield-noninheritable.scss +0 -13
  287. package/base/patternfly-shield-inheritable.css +0 -66
  288. package/base/patternfly-shield-inheritable.scss +0 -4
  289. package/base/patternfly-shield-noninheritable.css +0 -9
  290. package/base/patternfly-shield-noninheritable.scss +0 -4
package/patternfly.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
3
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
4
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
5
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -470,133 +470,123 @@
470
470
 
471
471
  @font-face {
472
472
  font-family: "RedHatDisplay";
473
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
474
473
  font-style: normal;
475
474
  font-weight: 300;
475
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
476
476
  text-rendering: optimizelegibility;
477
477
  }
478
478
  @font-face {
479
479
  font-family: "RedHatDisplay";
480
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
481
480
  font-style: normal;
482
481
  font-weight: 400;
482
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
483
483
  text-rendering: optimizelegibility;
484
484
  }
485
485
  @font-face {
486
486
  font-family: "RedHatDisplay";
487
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
488
487
  font-style: normal;
489
488
  font-weight: 700;
489
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
490
490
  text-rendering: optimizelegibility;
491
491
  }
492
492
  @font-face {
493
493
  font-family: "RedHatText";
494
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
495
494
  font-style: normal;
496
495
  font-weight: 400;
496
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
497
497
  text-rendering: optimizelegibility;
498
498
  }
499
499
  @font-face {
500
500
  font-family: "RedHatText";
501
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
502
501
  font-style: normal;
503
502
  font-weight: 700;
503
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
504
504
  text-rendering: optimizelegibility;
505
505
  }
506
506
  @font-face {
507
507
  font-family: "RedHatDisplayUpdated";
508
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
509
508
  font-style: normal;
510
509
  font-weight: 300;
510
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
511
511
  text-rendering: optimizelegibility;
512
512
  }
513
513
  @font-face {
514
514
  font-family: "RedHatDisplayUpdated";
515
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
516
515
  font-style: normal;
517
516
  font-weight: 400;
517
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
518
518
  text-rendering: optimizelegibility;
519
519
  }
520
520
  @font-face {
521
521
  font-family: "RedHatDisplayUpdated";
522
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
523
522
  font-style: normal;
524
523
  font-weight: 700;
524
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
525
525
  text-rendering: optimizelegibility;
526
526
  }
527
527
  @font-face {
528
528
  font-family: "RedHatTextUpdated";
529
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
530
529
  font-style: normal;
531
530
  font-weight: 400;
531
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
532
532
  text-rendering: optimizelegibility;
533
533
  }
534
534
  @font-face {
535
535
  font-family: "RedHatTextUpdated";
536
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
537
536
  font-style: normal;
538
537
  font-weight: 700;
538
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
539
539
  text-rendering: optimizelegibility;
540
540
  }
541
541
  @font-face {
542
542
  font-family: "RedHatMono";
543
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
544
543
  font-style: normal;
545
544
  font-weight: 400;
545
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
546
546
  font-display: fallback;
547
547
  }
548
548
  @font-face {
549
549
  font-family: "RedHatDisplayVF";
550
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
551
550
  font-style: normal;
552
551
  font-weight: 300 900;
552
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
553
553
  font-display: fallback;
554
554
  }
555
555
  @font-face {
556
556
  font-family: "RedHatDisplayVF";
557
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
558
557
  font-style: italic;
559
558
  font-weight: 300 900;
559
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
560
560
  font-display: fallback;
561
561
  }
562
562
  @font-face {
563
563
  font-family: "RedHatTextVF";
564
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
565
564
  font-style: normal;
566
565
  font-weight: 400 500;
566
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
567
567
  font-display: fallback;
568
568
  }
569
569
  @font-face {
570
570
  font-family: "RedHatTextVF";
571
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
572
571
  font-style: italic;
573
572
  font-weight: 400 500;
573
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
574
574
  font-display: fallback;
575
575
  }
576
576
  @font-face {
577
577
  font-family: "RedHatMonoVF";
578
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
579
578
  font-style: normal;
580
579
  font-weight: 300 700;
580
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
581
581
  font-display: fallback;
582
582
  }
583
583
  @font-face {
584
584
  font-family: "RedHatMonoVF";
585
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
586
585
  font-style: italic;
587
586
  font-weight: 300 700;
587
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
588
588
  font-display: fallback;
589
589
  }
590
- [class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
591
- padding: 0;
592
- margin: 0;
593
- background-color: transparent;
594
- }
595
-
596
- html {
597
- font-size: var(--pf-global--root--FontSize, unset) !important;
598
- }
599
-
600
590
  .pf-screen-reader {
601
591
  position: fixed;
602
592
  top: 0;
@@ -4966,7 +4956,7 @@ a {
4966
4956
  font-family: "pficon";
4967
4957
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4968
4958
  }
4969
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4959
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4970
4960
  font-family: "pficon";
4971
4961
  -webkit-font-smoothing: antialiased;
4972
4962
  -moz-osx-font-smoothing: grayscale;
@@ -5065,6 +5055,10 @@ a {
5065
5055
  content: "\e976";
5066
5056
  }
5067
5057
 
5058
+ .pf-icon-data-processor:before {
5059
+ content: "\e97b";
5060
+ }
5061
+
5068
5062
  .pf-icon-data-sink:before {
5069
5063
  content: "\e978";
5070
5064
  }
@@ -5485,30 +5479,12 @@ a {
5485
5479
  content: "\e911";
5486
5480
  }
5487
5481
 
5488
- .pf-svg-size-sm {
5482
+ .pf-svg {
5489
5483
  width: 1em;
5490
5484
  height: 1em;
5491
5485
  vertical-align: -0.125em;
5492
5486
  }
5493
5487
 
5494
- .pf-svg-size-md {
5495
- width: 1.5em;
5496
- height: 1.5em;
5497
- vertical-align: -0.1875em;
5498
- }
5499
-
5500
- .pf-svg-size-lg {
5501
- width: 2em;
5502
- height: 2em;
5503
- vertical-align: -0.25em;
5504
- }
5505
-
5506
- .pf-svg-size-xl {
5507
- width: 3em;
5508
- height: 3em;
5509
- vertical-align: -0.375em;
5510
- }
5511
-
5512
5488
  .pf-c-about-modal-box {
5513
5489
  --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
5514
5490
  --pf-c-about-modal-box--Height: 100%;
@@ -5560,8 +5536,8 @@ a {
5560
5536
  color: var(--pf-global--Color--100);
5561
5537
  position: relative;
5562
5538
  display: grid;
5563
- grid-template-rows: max-content max-content auto;
5564
5539
  grid-template-areas: "brand close" "header header" "content content";
5540
+ grid-template-rows: max-content max-content auto;
5565
5541
  width: var(--pf-c-about-modal-box--Width);
5566
5542
  height: var(--pf-c-about-modal-box--Height);
5567
5543
  overflow-x: hidden;
@@ -5607,22 +5583,22 @@ a {
5607
5583
  }
5608
5584
  @media only screen and (min-width: 576px) {
5609
5585
  .pf-c-about-modal-box {
5610
- grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5611
5586
  grid-template-areas: "brand hero" "header hero" "content hero";
5587
+ grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5612
5588
  }
5613
5589
  }
5614
5590
  @media only screen and (min-width: 992px) {
5615
5591
  .pf-c-about-modal-box {
5616
5592
  --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
5617
5593
  --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
5618
- grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5619
5594
  grid-template-rows: max-content max-content auto;
5595
+ grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5620
5596
  }
5621
5597
  }
5622
5598
 
5623
5599
  .pf-c-about-modal-box__brand {
5624
- grid-area: brand;
5625
5600
  display: flex;
5601
+ grid-area: brand;
5626
5602
  padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
5627
5603
  }
5628
5604
 
@@ -5631,9 +5607,9 @@ a {
5631
5607
  }
5632
5608
 
5633
5609
  .pf-c-about-modal-box__header {
5634
- grid-area: header;
5635
5610
  display: flex;
5636
5611
  flex-direction: column;
5612
+ grid-area: header;
5637
5613
  padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
5638
5614
  padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
5639
5615
  padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
@@ -5664,10 +5640,10 @@ a {
5664
5640
  }
5665
5641
 
5666
5642
  .pf-c-about-modal-box__close {
5667
- grid-area: close;
5668
5643
  position: sticky;
5669
5644
  top: 0;
5670
5645
  display: flex;
5646
+ grid-area: close;
5671
5647
  align-items: flex-start;
5672
5648
  justify-content: flex-end;
5673
5649
  padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
@@ -5706,12 +5682,12 @@ a {
5706
5682
  @media only screen and (min-width: 576px) {
5707
5683
  .pf-c-about-modal-box__hero {
5708
5684
  display: block;
5685
+ grid-area: hero;
5709
5686
  background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
5710
5687
  background-repeat: no-repeat;
5711
5688
  background-attachment: fixed;
5712
5689
  background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
5713
5690
  background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
5714
- grid-area: hero;
5715
5691
  }
5716
5692
  }
5717
5693
 
@@ -5770,6 +5746,7 @@ a {
5770
5746
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5771
5747
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5772
5748
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5749
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5773
5750
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5774
5751
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5775
5752
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5884,6 +5861,7 @@ a {
5884
5861
  padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
5885
5862
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5886
5863
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5864
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5887
5865
  border: 0;
5888
5866
  }
5889
5867
  .pf-c-accordion__toggle::after {
@@ -6108,13 +6086,13 @@ a {
6108
6086
  color: var(--pf-global--Color--100);
6109
6087
  position: relative;
6110
6088
  display: grid;
6089
+ grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
6090
+ grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
6111
6091
  padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
6112
6092
  font-size: var(--pf-c-alert__FontSize);
6113
6093
  background-color: var(--pf-c-alert--BackgroundColor);
6114
6094
  border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
6115
6095
  box-shadow: var(--pf-c-alert--BoxShadow);
6116
- grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
6117
- grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
6118
6096
  }
6119
6097
  .pf-c-alert.pf-m-success {
6120
6098
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
@@ -6175,8 +6153,8 @@ a {
6175
6153
  }
6176
6154
 
6177
6155
  .pf-c-alert__icon {
6178
- grid-area: icon;
6179
6156
  display: flex;
6157
+ grid-area: icon;
6180
6158
  margin-top: var(--pf-c-alert__icon--MarginTop);
6181
6159
  margin-right: var(--pf-c-alert__icon--MarginRight);
6182
6160
  font-size: var(--pf-c-alert__icon--FontSize);
@@ -6351,6 +6329,7 @@ a {
6351
6329
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6352
6330
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6353
6331
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6332
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6354
6333
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6355
6334
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6356
6335
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6413,6 +6392,7 @@ a {
6413
6392
  .pf-c-app-launcher__toggle {
6414
6393
  padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
6415
6394
  color: var(--pf-c-app-launcher__toggle--Color);
6395
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6416
6396
  border: none;
6417
6397
  }
6418
6398
  .pf-c-app-launcher__toggle:hover {
@@ -7036,18 +7016,18 @@ a {
7036
7016
  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
7037
7017
  --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
7038
7018
  --pf-c-banner--link--disabled--TextDecoration: none;
7039
- --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
7040
- --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
7041
- --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
7042
- --pf-c-banner--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
7019
+ --pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
7020
+ --pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
7021
+ --pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
7022
+ --pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
7043
7023
  --pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
7044
7024
  --pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
7045
7025
  color: var(--pf-global--Color--100);
7046
7026
  overflow: hidden;
7047
7027
  text-overflow: ellipsis;
7048
7028
  white-space: nowrap;
7049
- padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
7050
7029
  flex-shrink: 0;
7030
+ padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
7051
7031
  font-size: var(--pf-c-banner--FontSize);
7052
7032
  color: var(--pf-c-banner--Color);
7053
7033
  white-space: nowrap;
@@ -7059,19 +7039,19 @@ a {
7059
7039
  --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
7060
7040
  }
7061
7041
  }
7062
- .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
7042
+ .pf-c-banner.pf-m-blue {
7063
7043
  color: var(--pf-global--Color--100);
7064
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
7044
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
7065
7045
  }
7066
- .pf-c-banner.pf-m-danger, .pf-c-banner.pf-m-red {
7067
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor);
7046
+ .pf-c-banner.pf-m-red {
7047
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
7068
7048
  }
7069
- .pf-c-banner.pf-m-success, .pf-c-banner.pf-m-green {
7070
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor);
7049
+ .pf-c-banner.pf-m-green {
7050
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
7071
7051
  }
7072
- .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold {
7052
+ .pf-c-banner.pf-m-gold {
7073
7053
  color: var(--pf-global--Color--100);
7074
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
7054
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
7075
7055
  }
7076
7056
  .pf-c-banner.pf-m-sticky {
7077
7057
  position: sticky;
@@ -7225,6 +7205,7 @@ a {
7225
7205
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7226
7206
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7227
7207
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7208
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7228
7209
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7229
7210
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7230
7211
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7267,6 +7248,7 @@ a {
7267
7248
  color: var(--pf-c-breadcrumb__link--Color);
7268
7249
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7269
7250
  word-break: break-word;
7251
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7270
7252
  }
7271
7253
  .pf-c-breadcrumb__link:hover {
7272
7254
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -7934,7 +7916,7 @@ button.pf-c-breadcrumb__link {
7934
7916
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
7935
7917
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
7936
7918
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
7937
- --pf-c-calendar-month__header-year--Width: 8ch;
7919
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
7938
7920
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
7939
7921
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
7940
7922
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
@@ -8111,9 +8093,9 @@ button.pf-c-breadcrumb__link {
8111
8093
  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
8112
8094
  }
8113
8095
  .pf-c-calendar-month__date:disabled {
8114
- pointer-events: none;
8115
8096
  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
8116
8097
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
8098
+ pointer-events: none;
8117
8099
  }
8118
8100
 
8119
8101
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
@@ -8182,14 +8164,17 @@ button.pf-c-breadcrumb__link {
8182
8164
  --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
8183
8165
  --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
8184
8166
  --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
8185
- --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8186
- --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
8187
- --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
8188
8167
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
8168
+ --pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8169
+ --pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
8170
+ --pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
8171
+ --pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
8189
8172
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8190
8173
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8191
8174
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8192
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8175
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8176
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8177
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8193
8178
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8194
8179
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8195
8180
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8245,7 +8230,7 @@ button.pf-c-breadcrumb__link {
8245
8230
  --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
8246
8231
  --pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
8247
8232
  --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
8248
- --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
8233
+ --pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
8249
8234
  --pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
8250
8235
  --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
8251
8236
  --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
@@ -8260,7 +8245,6 @@ button.pf-c-breadcrumb__link {
8260
8245
  --pf-c-card--m-plain--BackgroundColor: transparent;
8261
8246
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8262
8247
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8263
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8264
8248
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8265
8249
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8266
8250
  display: flex;
@@ -8358,7 +8342,7 @@ button.pf-c-breadcrumb__link {
8358
8342
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
8359
8343
  }
8360
8344
  .pf-c-card.pf-m-display-lg {
8361
- --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
8345
+ --pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
8362
8346
  --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
8363
8347
  --pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
8364
8348
  --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
@@ -8406,13 +8390,11 @@ button.pf-c-breadcrumb__link {
8406
8390
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8407
8391
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8408
8392
  }
8409
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8410
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8411
- }
8412
8393
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8413
8394
  order: 2;
8414
8395
  }
8415
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8396
+
8397
+ .pf-c-card__header-main {
8416
8398
  flex: 1;
8417
8399
  }
8418
8400
 
@@ -8426,22 +8408,21 @@ button.pf-c-breadcrumb__link {
8426
8408
  transition: var(--pf-c-card__header-toggle-icon--Transition);
8427
8409
  }
8428
8410
 
8429
- .pf-c-card__title {
8430
- font-family: var(--pf-c-card__title--FontFamily);
8431
- font-size: var(--pf-c-card__title--FontSize);
8432
- font-weight: var(--pf-c-card__title--FontWeight);
8411
+ .pf-c-card__title-text {
8412
+ font-family: var(--pf-c-card__title-text--FontFamily);
8413
+ font-size: var(--pf-c-card__title-text--FontSize);
8414
+ font-weight: var(--pf-c-card__title-text--FontWeight);
8415
+ line-height: var(--pf-c-card__title-text--LineHeight);
8433
8416
  }
8434
8417
 
8435
8418
  .pf-c-card__actions {
8436
8419
  display: flex;
8420
+ gap: var(--pf-c-card__actions--Gap);
8437
8421
  align-items: center;
8438
8422
  align-self: flex-start;
8439
8423
  order: 1;
8440
8424
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8441
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8442
- }
8443
- .pf-c-card__actions > * + * {
8444
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8425
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8445
8426
  }
8446
8427
  .pf-c-card__actions + .pf-c-card__title,
8447
8428
  .pf-c-card__actions + .pf-c-card__body,
@@ -8449,8 +8430,8 @@ button.pf-c-breadcrumb__link {
8449
8430
  padding: 0;
8450
8431
  }
8451
8432
  .pf-c-card__actions.pf-m-no-offset {
8452
- --pf-c-card__header-toggle--MarginTop: 0;
8453
- --pf-c-card__header-toggle--MarginBottom: 0;
8433
+ --pf-c-card__actions--MarginTop: 0;
8434
+ --pf-c-card__actions--MarginBottom: 0;
8454
8435
  }
8455
8436
 
8456
8437
  .pf-c-card__header,
@@ -8630,18 +8611,19 @@ label.pf-c-check, .pf-c-check__label,
8630
8611
  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
8631
8612
  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
8632
8613
  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
8633
- --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
8614
+ --pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
8615
+ --pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
8634
8616
  --pf-c-chip__text--Color: var(--pf-global--Color--100);
8635
8617
  --pf-c-chip__text--MaxWidth: 16ch;
8636
- --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
8637
- --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
8638
- --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
8639
- --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
8640
- --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8641
- --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8642
- --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8643
- --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
8644
- --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
8618
+ --pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
8619
+ --pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
8620
+ --pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
8621
+ --pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
8622
+ --pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
8623
+ --pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8624
+ --pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8625
+ --pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8626
+ --pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
8645
8627
  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
8646
8628
  color: var(--pf-global--Color--100);
8647
8629
  position: relative;
@@ -8676,19 +8658,6 @@ label.pf-c-check, .pf-c-check__label,
8676
8658
  .pf-c-chip.pf-m-draggable .pf-c-chip__icon {
8677
8659
  font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
8678
8660
  }
8679
- .pf-c-chip .pf-c-button {
8680
- --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
8681
- --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
8682
- --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
8683
- --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
8684
- --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
8685
- margin-top: var(--pf-c-chip__c-button--MarginTop);
8686
- margin-right: var(--pf-c-chip__c-button--MarginRight);
8687
- margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
8688
- }
8689
- .pf-c-chip .pf-c-badge {
8690
- margin-left: var(--pf-c-chip__c-badge--MarginLeft);
8691
- }
8692
8661
 
8693
8662
  .pf-c-chip__text {
8694
8663
  overflow: hidden;
@@ -8696,7 +8665,6 @@ label.pf-c-check, .pf-c-check__label,
8696
8665
  white-space: nowrap;
8697
8666
  position: relative;
8698
8667
  max-width: var(--pf-c-chip__text--MaxWidth);
8699
- font-size: var(--pf-c-chip__text--FontSize);
8700
8668
  color: var(--pf-c-chip__text--Color);
8701
8669
  }
8702
8670
 
@@ -8705,6 +8673,28 @@ label.pf-c-check, .pf-c-check__label,
8705
8673
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8706
8674
  }
8707
8675
 
8676
+ .pf-c-chip__content {
8677
+ display: flex;
8678
+ column-gap: var(--pf-c-chip__content--ColumnGap);
8679
+ align-items: center;
8680
+ font-size: var(--pf-c-chip__content--FontSize);
8681
+ }
8682
+
8683
+ .pf-c-chip__actions {
8684
+ font-size: var(--pf-c-chip__actions--FontSize);
8685
+ }
8686
+ .pf-c-chip__actions .pf-c-button {
8687
+ --pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
8688
+ --pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
8689
+ --pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
8690
+ --pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
8691
+ --pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
8692
+ margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
8693
+ margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
8694
+ margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
8695
+ line-height: 1;
8696
+ }
8697
+
8708
8698
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8709
8699
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8710
8700
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -8749,28 +8739,39 @@ label.pf-c-check, .pf-c-check__label,
8749
8739
 
8750
8740
  .pf-c-chip-group {
8751
8741
  color: var(--pf-global--Color--100);
8752
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8753
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8742
+ --pf-c-chip-group--PaddingTop: 0;
8743
+ --pf-c-chip-group--PaddingRight: 0;
8744
+ --pf-c-chip-group--PaddingBottom: 0;
8745
+ --pf-c-chip-group--PaddingLeft: 0;
8746
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8747
+ --pf-c-chip-group--ColumnGap: 0;
8748
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8749
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8750
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8751
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8754
8752
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8755
8753
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8756
8754
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8757
8755
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8758
8756
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8759
8757
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8760
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8761
8758
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8762
8759
  --pf-c-chip-group__label--MaxWidth: 18ch;
8763
8760
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8764
8761
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8765
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8766
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8762
+ row-gap: var(--pf-c-chip-group--RowGap);
8763
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8767
8764
  max-width: 100%;
8765
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8766
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8767
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8768
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8768
8769
  }
8769
8770
  .pf-c-chip-group.pf-m-category {
8770
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8771
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8772
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8773
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8771
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8772
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8773
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8774
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8774
8775
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8775
8776
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8776
8777
  }
@@ -8779,15 +8780,12 @@ label.pf-c-check, .pf-c-check__label,
8779
8780
  display: flex;
8780
8781
  flex: 1;
8781
8782
  flex-wrap: wrap;
8783
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8784
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8782
8785
  align-items: baseline;
8783
8786
  min-width: 0;
8784
8787
  }
8785
8788
 
8786
- .pf-c-chip-group__list {
8787
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8788
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8789
- }
8790
-
8791
8789
  .pf-c-chip-group,
8792
8790
  .pf-c-chip-group__list {
8793
8791
  display: inline-flex;
@@ -8796,11 +8794,14 @@ label.pf-c-check, .pf-c-check__label,
8796
8794
  min-width: 0;
8797
8795
  }
8798
8796
 
8797
+ .pf-c-chip-group__list {
8798
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8799
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8800
+ }
8801
+
8799
8802
  .pf-c-chip-group__list-item {
8800
8803
  display: inline-flex;
8801
8804
  min-width: 0;
8802
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8803
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8804
8805
  }
8805
8806
 
8806
8807
  .pf-c-chip-group__label {
@@ -8808,7 +8809,6 @@ label.pf-c-check, .pf-c-check__label,
8808
8809
  text-overflow: ellipsis;
8809
8810
  white-space: nowrap;
8810
8811
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8811
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8812
8812
  font-size: var(--pf-c-chip-group__label--FontSize);
8813
8813
  }
8814
8814
 
@@ -9300,6 +9300,12 @@ label.pf-c-check, .pf-c-check__label,
9300
9300
  .pf-c-content ul {
9301
9301
  margin: 0;
9302
9302
  }
9303
+ .pf-c-content ol.pf-m-plain,
9304
+ .pf-c-content ul.pf-m-plain {
9305
+ padding-left: 0;
9306
+ margin-left: 0;
9307
+ list-style: none;
9308
+ }
9303
9309
  .pf-c-content h1 {
9304
9310
  margin-top: var(--pf-c-content--h1--MarginTop);
9305
9311
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
@@ -9366,12 +9372,12 @@ label.pf-c-check, .pf-c-check__label,
9366
9372
  margin-left: var(--pf-c-content--ol--MarginLeft);
9367
9373
  }
9368
9374
  .pf-c-content ol ul {
9369
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9370
9375
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9376
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9371
9377
  }
9372
9378
  .pf-c-content ol ol {
9373
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9374
9379
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9380
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9375
9381
  }
9376
9382
  .pf-c-content ul {
9377
9383
  padding-left: var(--pf-c-content--ul--PaddingLeft);
@@ -9379,12 +9385,12 @@ label.pf-c-check, .pf-c-check__label,
9379
9385
  list-style: var(--pf-c-content--ul--ListStyle);
9380
9386
  }
9381
9387
  .pf-c-content ul ul {
9382
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9383
9388
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9389
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9384
9390
  }
9385
9391
  .pf-c-content ul ol {
9386
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9387
9392
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9393
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9388
9394
  }
9389
9395
  .pf-c-content dl {
9390
9396
  display: grid;
@@ -9393,8 +9399,8 @@ label.pf-c-check, .pf-c-check__label,
9393
9399
  @media screen and (min-width: 576px) {
9394
9400
  .pf-c-content dl {
9395
9401
  grid-template: auto/auto 1fr;
9396
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9397
9402
  grid-row-gap: var(--pf-c-content--dl--RowGap);
9403
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9398
9404
  }
9399
9405
  }
9400
9406
  .pf-c-content dt {
@@ -9437,6 +9443,7 @@ label.pf-c-check, .pf-c-check__label,
9437
9443
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9438
9444
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9439
9445
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9446
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9440
9447
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9441
9448
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9442
9449
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9475,6 +9482,7 @@ label.pf-c-check, .pf-c-check__label,
9475
9482
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9476
9483
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9477
9484
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9485
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9478
9486
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9479
9487
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9480
9488
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9586,6 +9594,7 @@ label.pf-c-check, .pf-c-check__label,
9586
9594
  color: var(--pf-c-context-selector__toggle--Color);
9587
9595
  white-space: nowrap;
9588
9596
  cursor: pointer;
9597
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9589
9598
  border: none;
9590
9599
  }
9591
9600
  .pf-c-context-selector__toggle::before {
@@ -9694,11 +9703,12 @@ label.pf-c-check, .pf-c-check__label,
9694
9703
  padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
9695
9704
  color: var(--pf-c-context-selector__menu-list-item--Color);
9696
9705
  white-space: nowrap;
9706
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9697
9707
  border: none;
9698
9708
  }
9699
9709
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9710
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9700
9711
  text-decoration: none;
9701
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9702
9712
  }
9703
9713
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9704
9714
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -9781,8 +9791,8 @@ label.pf-c-check, .pf-c-check__label,
9781
9791
  @media screen and (min-width: 768px) {
9782
9792
  .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
9783
9793
  display: flex;
9784
- flex-wrap: wrap;
9785
9794
  flex-grow: 1;
9795
+ flex-wrap: wrap;
9786
9796
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9787
9797
  }
9788
9798
  }
@@ -9843,8 +9853,8 @@ label.pf-c-check, .pf-c-check__label,
9843
9853
  @media screen and (min-width: 0) {
9844
9854
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
9845
9855
  display: flex;
9846
- flex-wrap: wrap;
9847
9856
  flex-grow: 1;
9857
+ flex-wrap: wrap;
9848
9858
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9849
9859
  }
9850
9860
  }
@@ -9905,8 +9915,8 @@ label.pf-c-check, .pf-c-check__label,
9905
9915
  @media screen and (min-width: 576px) {
9906
9916
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
9907
9917
  display: flex;
9908
- flex-wrap: wrap;
9909
9918
  flex-grow: 1;
9919
+ flex-wrap: wrap;
9910
9920
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9911
9921
  }
9912
9922
  }
@@ -9967,8 +9977,8 @@ label.pf-c-check, .pf-c-check__label,
9967
9977
  @media screen and (min-width: 768px) {
9968
9978
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
9969
9979
  display: flex;
9970
- flex-wrap: wrap;
9971
9980
  flex-grow: 1;
9981
+ flex-wrap: wrap;
9972
9982
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9973
9983
  }
9974
9984
  }
@@ -10029,8 +10039,8 @@ label.pf-c-check, .pf-c-check__label,
10029
10039
  @media screen and (min-width: 992px) {
10030
10040
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
10031
10041
  display: flex;
10032
- flex-wrap: wrap;
10033
10042
  flex-grow: 1;
10043
+ flex-wrap: wrap;
10034
10044
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10035
10045
  }
10036
10046
  }
@@ -10091,8 +10101,8 @@ label.pf-c-check, .pf-c-check__label,
10091
10101
  @media screen and (min-width: 1200px) {
10092
10102
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
10093
10103
  display: flex;
10094
- flex-wrap: wrap;
10095
10104
  flex-grow: 1;
10105
+ flex-wrap: wrap;
10096
10106
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10097
10107
  }
10098
10108
  }
@@ -10153,8 +10163,8 @@ label.pf-c-check, .pf-c-check__label,
10153
10163
  @media screen and (min-width: 1450px) {
10154
10164
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
10155
10165
  display: flex;
10156
- flex-wrap: wrap;
10157
10166
  flex-grow: 1;
10167
+ flex-wrap: wrap;
10158
10168
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10159
10169
  }
10160
10170
  }
@@ -10247,6 +10257,7 @@ label.pf-c-check, .pf-c-check__label,
10247
10257
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10248
10258
  --pf-c-data-list__toggle-icon--Rotate: 0;
10249
10259
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10260
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10250
10261
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10251
10262
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10252
10263
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10318,7 +10329,6 @@ label.pf-c-check, .pf-c-check__label,
10318
10329
  font-size: var(--pf-c-data-list--FontSize);
10319
10330
  line-height: var(--pf-c-data-list--LineHeight);
10320
10331
  overflow-wrap: break-word;
10321
- list-style-type: disc;
10322
10332
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10323
10333
  }
10324
10334
  @media screen and (min-width: 576px) {
@@ -10491,6 +10501,7 @@ label.pf-c-check, .pf-c-check__label,
10491
10501
  flex-direction: column;
10492
10502
  padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
10493
10503
  margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
10504
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10494
10505
  border: 0;
10495
10506
  }
10496
10507
  .pf-c-data-list__item-draggable-button:hover {
@@ -10513,8 +10524,8 @@ label.pf-c-check, .pf-c-check__label,
10513
10524
 
10514
10525
  .pf-c-data-list__item-action {
10515
10526
  --pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
10516
- align-items: flex-start;
10517
10527
  align-content: flex-start;
10528
+ align-items: flex-start;
10518
10529
  padding-top: var(--pf-c-data-list__item-action--PaddingTop);
10519
10530
  padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
10520
10531
  margin-left: var(--pf-c-data-list__item-action--MarginLeft);
@@ -10540,8 +10551,8 @@ label.pf-c-check, .pf-c-check__label,
10540
10551
 
10541
10552
  .pf-c-data-list__item-content {
10542
10553
  display: grid;
10543
- width: 100%;
10544
10554
  grid-template-columns: auto 1fr;
10555
+ width: 100%;
10545
10556
  }
10546
10557
 
10547
10558
  .pf-c-data-list__cell {
@@ -10557,8 +10568,8 @@ label.pf-c-check, .pf-c-check__label,
10557
10568
  }
10558
10569
  .pf-c-data-list__cell.pf-m-icon {
10559
10570
  flex-grow: 0;
10560
- margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10561
10571
  grid-column: 1/2;
10572
+ margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10562
10573
  }
10563
10574
  .pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
10564
10575
  grid-column: 2/3;
@@ -10678,10 +10689,10 @@ label.pf-c-check, .pf-c-check__label,
10678
10689
  --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10679
10690
  --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10680
10691
  display: grid;
10681
- align-items: baseline;
10692
+ grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10682
10693
  row-gap: var(--pf-c-description-list--RowGap);
10683
10694
  column-gap: var(--pf-c-description-list--ColumnGap);
10684
- grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10695
+ align-items: baseline;
10685
10696
  }
10686
10697
  @media screen and (min-width: 576px) {
10687
10698
  .pf-c-description-list {
@@ -10787,11 +10798,11 @@ label.pf-c-check, .pf-c-check__label,
10787
10798
  .pf-c-description-list__group,
10788
10799
  .pf-c-description-list > .pf-c-card {
10789
10800
  display: grid;
10801
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10802
+ grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10790
10803
  grid-column: var(--pf-c-description-list__group--GridColumn);
10791
10804
  row-gap: var(--pf-c-description-list__group--RowGap);
10792
10805
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10793
- grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10794
- grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10795
10806
  align-items: baseline;
10796
10807
  }
10797
10808
 
@@ -10828,11 +10839,11 @@ label.pf-c-check, .pf-c-check__label,
10828
10839
  }
10829
10840
  .pf-c-description-list__text.pf-m-help-text {
10830
10841
  text-decoration: underline;
10831
- cursor: pointer;
10832
- text-decoration-style: dashed;
10833
10842
  text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
10834
- text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10843
+ text-decoration-style: dashed;
10835
10844
  text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
10845
+ text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10846
+ cursor: pointer;
10836
10847
  }
10837
10848
  .pf-c-description-list__text.pf-m-help-text:hover {
10838
10849
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
@@ -11072,8 +11083,8 @@ label.pf-c-check, .pf-c-check__label,
11072
11083
  --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
11073
11084
  display: grid;
11074
11085
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
11075
- grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
11076
11086
  grid-template-rows: repeat(3, auto) auto;
11087
+ grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
11077
11088
  }
11078
11089
 
11079
11090
  .pf-c-dual-list-selector__pane {
@@ -11316,13 +11327,17 @@ label.pf-c-check, .pf-c-check__label,
11316
11327
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11317
11328
  --pf-c-toolbar__item--Display: block;
11318
11329
  --pf-c-toolbar__item--MinWidth--base: auto;
11330
+ --pf-c-toolbar__item--AlignSelf: auto;
11319
11331
  --pf-c-toolbar__group--Display: flex;
11332
+ --pf-c-toolbar__group--AlignItems: baseline;
11333
+ --pf-c-toolbar__group--AlignSelf: auto;
11320
11334
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11321
11335
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11322
11336
  --pf-c-toolbar__content--Display: flex;
11323
11337
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11324
11338
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11325
11339
  --pf-c-toolbar__content-section--Display: flex;
11340
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11326
11341
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11327
11342
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11328
11343
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11369,8 +11384,8 @@ label.pf-c-check, .pf-c-check__label,
11369
11384
  --pf-c-toolbar--m-full-height__item--Display: flex;
11370
11385
  --pf-c-toolbar--m-full-height__item--AlignItems: center;
11371
11386
  position: relative;
11372
- row-gap: var(--pf-c-toolbar--RowGap);
11373
11387
  display: grid;
11388
+ row-gap: var(--pf-c-toolbar--RowGap);
11374
11389
  padding-top: var(--pf-c-toolbar--PaddingTop);
11375
11390
  padding-bottom: var(--pf-c-toolbar--PaddingBottom);
11376
11391
  background-color: var(--pf-c-toolbar--BackgroundColor);
@@ -11444,9 +11459,22 @@ label.pf-c-check, .pf-c-check__label,
11444
11459
  .pf-c-toolbar__group {
11445
11460
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11446
11461
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11447
- align-items: center;
11462
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11463
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11448
11464
  margin-right: var(--pf-c-toolbar--spacer);
11449
11465
  }
11466
+ .pf-c-toolbar__group.pf-m-align-items-center {
11467
+ align-items: center;
11468
+ }
11469
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11470
+ align-items: baseline;
11471
+ }
11472
+ .pf-c-toolbar__group.pf-m-align-self-center {
11473
+ align-self: center;
11474
+ }
11475
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11476
+ align-self: baseline;
11477
+ }
11450
11478
  .pf-c-toolbar__group.pf-m-button-group {
11451
11479
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11452
11480
  }
@@ -11487,6 +11515,7 @@ label.pf-c-check, .pf-c-check__label,
11487
11515
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11488
11516
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11489
11517
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11518
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11490
11519
  width: var(--pf-c-toolbar__item--Width--base);
11491
11520
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11492
11521
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11541,6 +11570,12 @@ label.pf-c-check, .pf-c-check__label,
11541
11570
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
11542
11571
  }
11543
11572
  }
11573
+ .pf-c-toolbar__item.pf-m-align-self-center {
11574
+ align-self: center;
11575
+ }
11576
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11577
+ align-self: baseline;
11578
+ }
11544
11579
  .pf-c-toolbar__item.pf-m-overflow-menu {
11545
11580
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11546
11581
  }
@@ -11585,20 +11620,24 @@ label.pf-c-check, .pf-c-check__label,
11585
11620
  .pf-c-toolbar__content,
11586
11621
  .pf-c-toolbar__content-section {
11587
11622
  flex-wrap: wrap;
11588
- align-items: center;
11589
11623
  }
11590
11624
 
11591
11625
  .pf-c-toolbar__content {
11592
11626
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11593
11627
  position: relative;
11628
+ align-items: center;
11594
11629
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11595
11630
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11596
11631
  }
11597
11632
 
11598
11633
  .pf-c-toolbar__content-section {
11599
11634
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11635
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11600
11636
  width: 100%;
11601
11637
  }
11638
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11639
+ align-items: center;
11640
+ }
11602
11641
 
11603
11642
  .pf-c-toolbar__expandable-content {
11604
11643
  position: absolute;
@@ -11639,9 +11678,9 @@ label.pf-c-check, .pf-c-check__label,
11639
11678
  .pf-c-toolbar__group.pf-m-chip-container {
11640
11679
  display: flex;
11641
11680
  flex-wrap: wrap;
11681
+ grid-row-gap: 0;
11642
11682
  align-items: baseline;
11643
11683
  margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
11644
- grid-row-gap: 0;
11645
11684
  }
11646
11685
  .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
11647
11686
  .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
@@ -11691,7 +11730,7 @@ label.pf-c-check, .pf-c-check__label,
11691
11730
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11692
11731
  }
11693
11732
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11694
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11733
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11695
11734
  display: flex;
11696
11735
  flex: 0 1 auto;
11697
11736
  }
@@ -11704,7 +11743,7 @@ label.pf-c-check, .pf-c-check__label,
11704
11743
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11705
11744
  }
11706
11745
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11707
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11746
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11708
11747
  display: flex;
11709
11748
  flex: 0 1 auto;
11710
11749
  }
@@ -11717,7 +11756,7 @@ label.pf-c-check, .pf-c-check__label,
11717
11756
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11718
11757
  }
11719
11758
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11720
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11759
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11721
11760
  display: flex;
11722
11761
  flex: 0 1 auto;
11723
11762
  }
@@ -11730,7 +11769,7 @@ label.pf-c-check, .pf-c-check__label,
11730
11769
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11731
11770
  }
11732
11771
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11733
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11772
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11734
11773
  display: flex;
11735
11774
  flex: 0 1 auto;
11736
11775
  }
@@ -11743,7 +11782,7 @@ label.pf-c-check, .pf-c-check__label,
11743
11782
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11744
11783
  }
11745
11784
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11746
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11785
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11747
11786
  display: flex;
11748
11787
  flex: 0 1 auto;
11749
11788
  }
@@ -11777,131 +11816,131 @@ label.pf-c-check, .pf-c-check__label,
11777
11816
  }
11778
11817
  @media (min-width: 576px) {
11779
11818
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11780
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11819
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11781
11820
  margin-left: auto;
11782
11821
  }
11783
11822
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11784
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11823
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11785
11824
  margin-left: 0;
11786
11825
  }
11787
11826
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11788
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11827
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11789
11828
  margin-left: 0;
11790
11829
  }
11791
11830
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11792
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11831
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11793
11832
  margin-left: auto;
11794
11833
  }
11795
11834
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11796
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11835
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11797
11836
  flex-wrap: nowrap;
11798
11837
  }
11799
11838
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11800
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11839
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11801
11840
  flex-wrap: wrap;
11802
11841
  }
11803
11842
  }
11804
11843
  @media (min-width: 768px) {
11805
11844
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11806
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11845
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11807
11846
  margin-left: auto;
11808
11847
  }
11809
11848
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11810
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11849
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11811
11850
  margin-left: 0;
11812
11851
  }
11813
11852
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11814
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11853
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11815
11854
  margin-left: 0;
11816
11855
  }
11817
11856
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11818
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11857
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11819
11858
  margin-left: auto;
11820
11859
  }
11821
11860
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11822
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11861
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11823
11862
  flex-wrap: nowrap;
11824
11863
  }
11825
11864
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11826
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11865
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11827
11866
  flex-wrap: wrap;
11828
11867
  }
11829
11868
  }
11830
11869
  @media (min-width: 992px) {
11831
11870
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11832
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11871
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11833
11872
  margin-left: auto;
11834
11873
  }
11835
11874
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11836
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11875
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11837
11876
  margin-left: 0;
11838
11877
  }
11839
11878
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11840
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11879
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11841
11880
  margin-left: 0;
11842
11881
  }
11843
11882
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11844
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11883
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11845
11884
  margin-left: auto;
11846
11885
  }
11847
11886
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11848
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11887
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11849
11888
  flex-wrap: nowrap;
11850
11889
  }
11851
11890
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11852
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11891
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11853
11892
  flex-wrap: wrap;
11854
11893
  }
11855
11894
  }
11856
11895
  @media (min-width: 1200px) {
11857
11896
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11858
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11897
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11859
11898
  margin-left: auto;
11860
11899
  }
11861
11900
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11862
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11901
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11863
11902
  margin-left: 0;
11864
11903
  }
11865
11904
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11866
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11905
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11867
11906
  margin-left: 0;
11868
11907
  }
11869
11908
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11870
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11909
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11871
11910
  margin-left: auto;
11872
11911
  }
11873
11912
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11874
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11913
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11875
11914
  flex-wrap: nowrap;
11876
11915
  }
11877
11916
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11878
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11917
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11879
11918
  flex-wrap: wrap;
11880
11919
  }
11881
11920
  }
11882
11921
  @media (min-width: 1450px) {
11883
11922
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11884
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11923
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11885
11924
  margin-left: auto;
11886
11925
  }
11887
11926
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11888
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11927
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11889
11928
  margin-left: 0;
11890
11929
  }
11891
11930
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11892
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11931
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11893
11932
  margin-left: 0;
11894
11933
  }
11895
11934
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11896
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11935
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11897
11936
  margin-left: auto;
11898
11937
  }
11899
11938
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11900
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11939
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11901
11940
  flex-wrap: nowrap;
11902
11941
  }
11903
11942
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11904
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11943
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11905
11944
  flex-wrap: wrap;
11906
11945
  }
11907
11946
  }
@@ -12537,9 +12576,9 @@ label.pf-c-check, .pf-c-check__label,
12537
12576
  width: 100%;
12538
12577
  height: auto;
12539
12578
  flex-direction: var(--pf-c-divider--FlexDirection);
12579
+ flex-shrink: 0;
12540
12580
  align-items: center;
12541
12581
  align-self: stretch;
12542
- flex-shrink: 0;
12543
12582
  justify-content: center;
12544
12583
  border: 0;
12545
12584
  }
@@ -12548,11 +12587,11 @@ label.pf-c-check, .pf-c-check__label,
12548
12587
  }
12549
12588
  .pf-c-divider::after {
12550
12589
  align-self: stretch;
12590
+ justify-self: center;
12551
12591
  width: var(--pf-c-divider--after--Width);
12552
12592
  height: var(--pf-c-divider--after--Height);
12553
12593
  content: "";
12554
12594
  background-color: var(--pf-c-divider--after--BackgroundColor);
12555
- justify-self: center;
12556
12595
  }
12557
12596
  .pf-c-divider.pf-m-vertical {
12558
12597
  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
@@ -13124,16 +13163,15 @@ label.pf-c-check, .pf-c-check__label,
13124
13163
  }
13125
13164
 
13126
13165
  .pf-c-drawer__actions {
13127
- grid-column: 2;
13128
- grid-row: 1;
13129
13166
  display: flex;
13167
+ grid-row: 1;
13168
+ grid-column: 2;
13130
13169
  align-self: baseline;
13131
13170
  margin-top: var(--pf-c-drawer__actions--MarginTop);
13132
13171
  margin-right: var(--pf-c-drawer__actions--MarginRight);
13133
13172
  }
13134
13173
 
13135
13174
  .pf-c-drawer__body {
13136
- min-height: 0;
13137
13175
  padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
13138
13176
  }
13139
13177
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13295,7 +13333,7 @@ label.pf-c-check, .pf-c-check__label,
13295
13333
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13296
13334
  }
13297
13335
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13298
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13336
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13299
13337
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13300
13338
  }
13301
13339
  .pf-c-drawer__splitter {
@@ -13384,15 +13422,15 @@ label.pf-c-check, .pf-c-check__label,
13384
13422
  }
13385
13423
  @media (min-width: 768px) {
13386
13424
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13387
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13425
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13388
13426
  flex-shrink: 1;
13389
13427
  }
13390
13428
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13391
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13429
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13392
13430
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13393
13431
  }
13394
13432
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13395
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13433
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13396
13434
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13397
13435
  }
13398
13436
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13445,15 +13483,15 @@ label.pf-c-check, .pf-c-check__label,
13445
13483
  }
13446
13484
  @media (min-width: 992px) {
13447
13485
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13448
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13486
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13449
13487
  flex-shrink: 1;
13450
13488
  }
13451
13489
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13452
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13490
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13453
13491
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13454
13492
  }
13455
13493
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13456
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13494
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13457
13495
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13458
13496
  }
13459
13497
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13506,15 +13544,15 @@ label.pf-c-check, .pf-c-check__label,
13506
13544
  }
13507
13545
  @media (min-width: 1200px) {
13508
13546
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13509
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13547
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13510
13548
  flex-shrink: 1;
13511
13549
  }
13512
13550
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13513
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13551
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13514
13552
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13515
13553
  }
13516
13554
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13517
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13555
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13518
13556
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13519
13557
  }
13520
13558
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13567,15 +13605,15 @@ label.pf-c-check, .pf-c-check__label,
13567
13605
  }
13568
13606
  @media (min-width: 1450px) {
13569
13607
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13570
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13608
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13571
13609
  flex-shrink: 1;
13572
13610
  }
13573
13611
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13574
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13612
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13575
13613
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13576
13614
  }
13577
13615
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13578
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13616
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13579
13617
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13580
13618
  }
13581
13619
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13722,6 +13760,7 @@ label.pf-c-check, .pf-c-check__label,
13722
13760
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13723
13761
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13724
13762
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13763
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13725
13764
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13726
13765
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13727
13766
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13947,6 +13986,7 @@ label.pf-c-check, .pf-c-check__label,
13947
13986
  }
13948
13987
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13949
13988
  color: var(--pf-c-dropdown__toggle-button--Color);
13989
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13950
13990
  border: 0;
13951
13991
  }
13952
13992
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14181,51 +14221,51 @@ label.pf-c-check, .pf-c-check__label,
14181
14221
  }
14182
14222
  @media (min-width: 576px) {
14183
14223
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14184
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14224
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14185
14225
  right: 0;
14186
14226
  }
14187
14227
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14188
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14228
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14189
14229
  right: auto;
14190
14230
  }
14191
14231
  }
14192
14232
  @media (min-width: 768px) {
14193
14233
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14194
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14234
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14195
14235
  right: 0;
14196
14236
  }
14197
14237
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14198
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14238
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14199
14239
  right: auto;
14200
14240
  }
14201
14241
  }
14202
14242
  @media (min-width: 992px) {
14203
14243
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14204
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14244
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14205
14245
  right: 0;
14206
14246
  }
14207
14247
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14208
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14248
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14209
14249
  right: auto;
14210
14250
  }
14211
14251
  }
14212
14252
  @media (min-width: 1200px) {
14213
14253
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14214
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14254
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14215
14255
  right: 0;
14216
14256
  }
14217
14257
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14218
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14258
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14219
14259
  right: auto;
14220
14260
  }
14221
14261
  }
14222
14262
  @media (min-width: 1450px) {
14223
14263
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14224
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14264
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14225
14265
  right: 0;
14226
14266
  }
14227
14267
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14228
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14268
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14229
14269
  right: auto;
14230
14270
  }
14231
14271
  }
@@ -14379,38 +14419,39 @@ label.pf-c-check, .pf-c-check__label,
14379
14419
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14380
14420
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14381
14421
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14422
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14423
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14424
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14425
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14382
14426
  --pf-c-empty-state__content--MaxWidth: none;
14427
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14428
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14429
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14383
14430
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14384
14431
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14385
14432
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14386
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14433
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14434
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14435
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14436
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14437
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14438
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14439
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14440
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14441
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14442
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14387
14443
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14388
14444
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14389
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14390
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14391
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14392
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14393
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14394
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14395
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14396
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14445
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14397
14446
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14398
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14399
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14400
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14401
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14402
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14403
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14404
14447
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14405
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14406
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14407
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14408
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14409
14448
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14410
14449
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14411
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14412
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14413
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14450
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14451
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14452
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14453
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14454
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14414
14455
  display: flex;
14415
14456
  align-items: center;
14416
14457
  justify-content: center;
@@ -14422,17 +14463,12 @@ label.pf-c-check, .pf-c-check__label,
14422
14463
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14423
14464
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14424
14465
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14466
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14425
14467
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14426
14468
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14427
14469
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14428
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14429
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14430
- }
14431
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14432
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14433
- }
14434
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14435
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14470
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14471
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14436
14472
  }
14437
14473
  .pf-c-empty-state.pf-m-sm {
14438
14474
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14442,12 +14478,11 @@ label.pf-c-check, .pf-c-check__label,
14442
14478
  }
14443
14479
  .pf-c-empty-state.pf-m-xl {
14444
14480
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14481
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14445
14482
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14446
14483
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14447
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14448
- }
14449
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14450
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14484
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14485
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14451
14486
  }
14452
14487
  .pf-c-empty-state.pf-m-full-height {
14453
14488
  height: 100%;
@@ -14456,41 +14491,40 @@ label.pf-c-check, .pf-c-check__label,
14456
14491
  .pf-c-empty-state__content {
14457
14492
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14458
14493
  }
14459
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14460
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14461
- }
14462
14494
 
14463
14495
  .pf-c-empty-state__icon {
14464
14496
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14465
14497
  font-size: var(--pf-c-empty-state__icon--FontSize);
14498
+ line-height: 1;
14466
14499
  color: var(--pf-c-empty-state__icon--Color);
14467
14500
  }
14468
14501
 
14502
+ .pf-c-empty-state__title-text {
14503
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14504
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14505
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14506
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14507
+ }
14508
+
14469
14509
  .pf-c-empty-state__body {
14470
14510
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14511
+ font-size: var(--pf-c-empty-state--body--FontSize);
14471
14512
  color: var(--pf-c-empty-state__body--Color);
14472
14513
  }
14473
14514
 
14474
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14475
- .pf-c-empty-state__primary {
14476
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14477
- }
14478
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14479
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14480
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14515
+ .pf-c-empty-state__footer {
14516
+ display: flex;
14517
+ flex-direction: column;
14518
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14519
+ align-items: center;
14520
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14481
14521
  }
14482
14522
 
14483
- .pf-c-empty-state__secondary {
14523
+ .pf-c-empty-state__actions {
14484
14524
  display: flex;
14485
14525
  flex-wrap: wrap;
14526
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14486
14527
  justify-content: center;
14487
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14488
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14489
- }
14490
- .pf-c-empty-state__secondary > * {
14491
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14492
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14493
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14494
14528
  }
14495
14529
 
14496
14530
  .pf-c-expandable-section {
@@ -14504,6 +14538,7 @@ label.pf-c-check, .pf-c-check__label,
14504
14538
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14505
14539
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14506
14540
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14541
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14507
14542
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14508
14543
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14509
14544
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14589,6 +14624,7 @@ label.pf-c-check, .pf-c-check__label,
14589
14624
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14590
14625
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14591
14626
  color: var(--pf-c-expandable-section__toggle--Color);
14627
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14592
14628
  border: none;
14593
14629
  }
14594
14630
  .pf-c-expandable-section__toggle:hover {
@@ -14803,8 +14839,8 @@ label.pf-c-check, .pf-c-check__label,
14803
14839
  }
14804
14840
  .pf-c-form.pf-m-horizontal .pf-c-form__group {
14805
14841
  display: grid;
14806
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14807
14842
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14843
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14808
14844
  }
14809
14845
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
14810
14846
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14823,8 +14859,8 @@ label.pf-c-check, .pf-c-check__label,
14823
14859
  }
14824
14860
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
14825
14861
  display: grid;
14826
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14827
14862
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14863
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14828
14864
  }
14829
14865
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
14830
14866
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14843,8 +14879,8 @@ label.pf-c-check, .pf-c-check__label,
14843
14879
  }
14844
14880
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
14845
14881
  display: grid;
14846
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14847
14882
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14883
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14848
14884
  }
14849
14885
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
14850
14886
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14863,8 +14899,8 @@ label.pf-c-check, .pf-c-check__label,
14863
14899
  }
14864
14900
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
14865
14901
  display: grid;
14866
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14867
14902
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14903
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14868
14904
  }
14869
14905
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
14870
14906
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14883,8 +14919,8 @@ label.pf-c-check, .pf-c-check__label,
14883
14919
  }
14884
14920
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
14885
14921
  display: grid;
14886
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14887
14922
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14923
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14888
14924
  }
14889
14925
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
14890
14926
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14903,8 +14939,8 @@ label.pf-c-check, .pf-c-check__label,
14903
14939
  }
14904
14940
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
14905
14941
  display: grid;
14906
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14907
14942
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14943
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14908
14944
  }
14909
14945
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
14910
14946
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14923,8 +14959,8 @@ label.pf-c-check, .pf-c-check__label,
14923
14959
  }
14924
14960
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
14925
14961
  display: grid;
14926
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14927
14962
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14963
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14928
14964
  }
14929
14965
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
14930
14966
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -15039,9 +15075,9 @@ label.pf-c-check, .pf-c-check__label,
15039
15075
  --pf-c-form__group-control--m-inline--child--MarginRight: 0;
15040
15076
  }
15041
15077
  .pf-c-form__group-control.pf-m-stack {
15078
+ --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
15042
15079
  display: grid;
15043
15080
  gap: var(--pf-c-grid__group-control--m-stack--Gap);
15044
- --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
15045
15081
  }
15046
15082
  .pf-c-form__group-control .pf-c-form__helper-text:first-child {
15047
15083
  --pf-c-form__helper-text--MarginTop: 0;
@@ -15125,8 +15161,8 @@ label.pf-c-check, .pf-c-check__label,
15125
15161
  }
15126
15162
 
15127
15163
  .pf-c-form__field-group-toggle {
15128
- grid-column: 1/2;
15129
15164
  grid-row: 1/2;
15165
+ grid-column: 1/2;
15130
15166
  padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
15131
15167
  padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
15132
15168
  }
@@ -15148,9 +15184,9 @@ label.pf-c-check, .pf-c-check__label,
15148
15184
  }
15149
15185
 
15150
15186
  .pf-c-form__field-group-header {
15151
- grid-column: var(--pf-c-form__field-group-header--GridColumn);
15152
- grid-row: 1/2;
15153
15187
  display: flex;
15188
+ grid-row: 1/2;
15189
+ grid-column: var(--pf-c-form__field-group-header--GridColumn);
15154
15190
  align-items: flex-start;
15155
15191
  padding-top: var(--pf-c-form__field-group-header--PaddingTop);
15156
15192
  padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
@@ -15183,8 +15219,8 @@ label.pf-c-check, .pf-c-check__label,
15183
15219
  }
15184
15220
 
15185
15221
  .pf-c-form__field-group-body {
15186
- grid-column: var(--pf-c-form__field-group-body--GridColumn);
15187
15222
  display: grid;
15223
+ grid-column: var(--pf-c-form__field-group-body--GridColumn);
15188
15224
  gap: var(--pf-c-form__field-group-body--Gap);
15189
15225
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
15190
15226
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
@@ -15597,9 +15633,9 @@ textarea.pf-c-form-control {
15597
15633
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
15598
15634
  --pf-c-form-control--BorderLeftColor: transparent;
15599
15635
  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
15600
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
15636
+ --pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
15601
15637
  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15602
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
15638
+ --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
15603
15639
  color: var(--pf-global--Color--100);
15604
15640
  }
15605
15641
  :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
@@ -15608,9 +15644,6 @@ textarea.pf-c-form-control {
15608
15644
  :where(.pf-theme-dark) .pf-c-form-control[readonly] {
15609
15645
  border-bottom-color: var(--pf-global--palette--black-700);
15610
15646
  }
15611
- :where(.pf-theme-dark) .pf-c-form-control:disabled {
15612
- color: var(--pf-global--palette--black-100);
15613
- }
15614
15647
 
15615
15648
  .pf-c-hint {
15616
15649
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
@@ -15644,11 +15677,11 @@ textarea.pf-c-form-control {
15644
15677
 
15645
15678
  .pf-c-hint__actions {
15646
15679
  display: inline-grid;
15680
+ grid-row: 1;
15681
+ grid-column: 2;
15647
15682
  grid-auto-flow: column;
15648
15683
  margin-left: var(--pf-c-hint__actions--MarginLeft);
15649
15684
  text-align: right;
15650
- grid-column: 2;
15651
- grid-row: 1;
15652
15685
  }
15653
15686
  .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
15654
15687
  margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
@@ -16428,6 +16461,7 @@ label.pf-c-input-group__text {
16428
16461
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
16429
16462
  --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
16430
16463
  --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
16464
+ --pf-c-label--MaxWidth: 100%;
16431
16465
  --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
16432
16466
  --pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
16433
16467
  --pf-c-label--Color: var(--pf-global--Color--100);
@@ -16530,21 +16564,22 @@ label.pf-c-input-group__text {
16530
16564
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16531
16565
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16532
16566
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16567
+ --pf-c-label__content--BackgroundColor: transparent;
16533
16568
  --pf-c-label__content--MaxWidth: 100%;
16534
16569
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16535
16570
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
16536
- --pf-c-label__text--MaxWidth: 16ch;
16571
+ --pf-c-label__text--MaxWidth: 100%;
16537
16572
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
16538
16573
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
16539
- --pf-c-label__c-button--FontSize: var(--pf-global--FontSize--xs);
16540
- --pf-c-label__c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16541
- --pf-c-label__c-button--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16542
- --pf-c-label__c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
16543
- --pf-c-label__c-button--MarginLeft: var(--pf-global--spacer--xs);
16544
- --pf-c-label__c-button--PaddingTop: var(--pf-global--spacer--xs);
16545
- --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
16546
- --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
16547
- --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
16574
+ --pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
16575
+ --pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
16576
+ --pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
16577
+ --pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
16578
+ --pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
16579
+ --pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
16580
+ --pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
16581
+ --pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
16582
+ --pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16548
16583
  --pf-c-label--m-editable--Cursor: pointer;
16549
16584
  --pf-c-label--m-editable--TextDecoration: underline;
16550
16585
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -16565,6 +16600,7 @@ label.pf-c-input-group__text {
16565
16600
  --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16566
16601
  --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16567
16602
  position: relative;
16603
+ max-width: var(--pf-c-label--MaxWidth);
16568
16604
  padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
16569
16605
  font-size: var(--pf-c-label--FontSize);
16570
16606
  color: var(--pf-c-label--Color);
@@ -16709,12 +16745,6 @@ label.pf-c-input-group__text {
16709
16745
  }
16710
16746
 
16711
16747
  .pf-c-label.pf-m-editable {
16712
- text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16713
- cursor: var(--pf-c-label--m-editable--Cursor);
16714
- text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16715
- text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16716
- text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16717
- text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16718
16748
  --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
16719
16749
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16720
16750
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
@@ -16724,6 +16754,12 @@ label.pf-c-input-group__text {
16724
16754
  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
16725
16755
  --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16726
16756
  --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16757
+ text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16758
+ text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16759
+ text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16760
+ text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16761
+ text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16762
+ cursor: var(--pf-c-label--m-editable--Cursor);
16727
16763
  }
16728
16764
  .pf-c-label.pf-m-editable:hover {
16729
16765
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -16736,17 +16772,6 @@ label.pf-c-input-group__text {
16736
16772
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
16737
16773
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
16738
16774
  }
16739
- .pf-c-label .pf-c-button {
16740
- --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
16741
- --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
16742
- --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
16743
- --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
16744
- --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
16745
- margin-top: var(--pf-c-label__c-button--MarginTop);
16746
- margin-right: var(--pf-c-label__c-button--MarginRight);
16747
- margin-bottom: var(--pf-c-label__c-button--MarginBottom);
16748
- margin-left: var(--pf-c-label__c-button--MarginLeft);
16749
- }
16750
16775
  .pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
16751
16776
  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
16752
16777
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
@@ -16772,11 +16797,10 @@ label.pf-c-input-group__text {
16772
16797
  }
16773
16798
 
16774
16799
  .pf-c-label__content {
16775
- overflow: hidden;
16776
- text-overflow: ellipsis;
16777
- white-space: nowrap;
16778
16800
  max-width: var(--pf-c-label__content--MaxWidth);
16801
+ overflow: hidden;
16779
16802
  color: var(--pf-c-label__content--Color);
16803
+ background-color: var(--pf-c-label__content--BackgroundColor);
16780
16804
  border-width: 0;
16781
16805
  }
16782
16806
  .pf-c-label__content::before {
@@ -16790,9 +16814,17 @@ label.pf-c-input-group__text {
16790
16814
  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
16791
16815
  border-radius: var(--pf-c-label--BorderRadius);
16792
16816
  }
16817
+ input.pf-c-label__content {
16818
+ overflow: hidden;
16819
+ text-overflow: ellipsis;
16820
+ white-space: nowrap;
16821
+ }
16822
+
16793
16823
  a.pf-c-label__content,
16794
16824
  button.pf-c-label__content {
16825
+ padding: 0;
16795
16826
  cursor: pointer;
16827
+ background-color: transparent;
16796
16828
  border: none;
16797
16829
  }
16798
16830
  a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
@@ -16817,6 +16849,20 @@ button.pf-c-label__content:focus {
16817
16849
  color: var(--pf-c-label__icon--Color);
16818
16850
  }
16819
16851
 
16852
+ .pf-c-label__actions {
16853
+ margin-right: var(--pf-c-label__actions--MarginRight);
16854
+ font-size: var(--pf-c-label__actions--FontSize);
16855
+ }
16856
+ .pf-c-label__actions .pf-c-button {
16857
+ --pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
16858
+ --pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
16859
+ --pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
16860
+ --pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
16861
+ --pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
16862
+ margin-top: var(--pf-c-label__actions--c-button--MarginTop);
16863
+ margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
16864
+ }
16865
+
16820
16866
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16821
16867
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16822
16868
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -16898,8 +16944,18 @@ button.pf-c-label__content:focus {
16898
16944
  }
16899
16945
 
16900
16946
  .pf-c-label-group {
16901
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16902
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16947
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16948
+ --pf-c-label-group--ColumnGap: 0;
16949
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16950
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16951
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16952
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16953
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16954
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16955
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16956
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16957
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16958
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16903
16959
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16904
16960
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16905
16961
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16909,26 +16965,22 @@ button.pf-c-label__content:focus {
16909
16965
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16910
16966
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16911
16967
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16912
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16913
- --pf-c-label-group__label--MarginBottom: 0;
16914
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16915
16968
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16916
16969
  --pf-c-label-group__label--MaxWidth: 18ch;
16917
16970
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16918
16971
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16919
16972
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16920
16973
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16921
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16922
16974
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16923
16975
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16924
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16925
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16926
16976
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16927
16977
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16928
16978
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
16929
16979
  --pf-c-label-group__textarea--PaddingBottom: 0;
16930
16980
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16931
16981
  display: inline-flex;
16982
+ row-gap: var(--pf-c-label-group--RowGap);
16983
+ column-gap: var(--pf-c-label-group--ColumnGap);
16932
16984
  align-items: center;
16933
16985
  }
16934
16986
  .pf-c-label-group.pf-m-category {
@@ -16941,11 +16993,12 @@ button.pf-c-label__content:focus {
16941
16993
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16942
16994
  }
16943
16995
  .pf-c-label-group.pf-m-vertical {
16944
- --pf-c-label-group__list--MarginRight: 0;
16945
- --pf-c-label-group__list--MarginBottom: 0;
16946
- --pf-c-label-group__list-item--MarginRight: 0;
16947
- --pf-c-label-group__label--MarginRight: 0;
16948
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16996
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16997
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16998
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16999
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
17000
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
17001
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16949
17002
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16950
17003
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16951
17004
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16962,9 +17015,6 @@ button.pf-c-label__content:focus {
16962
17015
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16963
17016
  flex-direction: column;
16964
17017
  }
16965
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16966
- --pf-c-label-group__list-item--MarginBottom: 0;
16967
- }
16968
17018
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16969
17019
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16970
17020
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16985,20 +17035,20 @@ button.pf-c-label__content:focus {
16985
17035
  display: flex;
16986
17036
  flex: 1;
16987
17037
  flex-wrap: wrap;
17038
+ row-gap: var(--pf-c-label-group__main--RowGap);
17039
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16988
17040
  align-items: baseline;
16989
17041
  }
16990
17042
 
16991
17043
  .pf-c-label-group__list {
16992
17044
  display: inline-flex;
16993
17045
  flex-wrap: wrap;
16994
- margin-right: var(--pf-c-label-group__list--MarginRight);
16995
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
17046
+ row-gap: var(--pf-c-label-group__list--RowGap);
17047
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16996
17048
  }
16997
17049
 
16998
17050
  .pf-c-label-group__list-item {
16999
17051
  display: inline-flex;
17000
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
17001
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
17002
17052
  }
17003
17053
 
17004
17054
  .pf-c-label-group__label {
@@ -17006,12 +17056,12 @@ button.pf-c-label__content:focus {
17006
17056
  text-overflow: ellipsis;
17007
17057
  white-space: nowrap;
17008
17058
  max-width: var(--pf-c-label-group__label--MaxWidth);
17009
- margin-right: var(--pf-c-label-group__label--MarginRight);
17010
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
17011
17059
  font-size: var(--pf-c-label-group__label--FontSize);
17012
17060
  }
17013
17061
 
17014
17062
  .pf-c-label-group__close {
17063
+ display: flex;
17064
+ align-self: start;
17015
17065
  margin-top: var(--pf-c-label-group__close--MarginTop);
17016
17066
  margin-right: var(--pf-c-label-group__close--MarginRight);
17017
17067
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -17452,10 +17502,10 @@ ul.pf-c-list {
17452
17502
  @media (min-width: 1200px) {
17453
17503
  .pf-c-login__container {
17454
17504
  display: grid;
17455
- justify-content: center;
17456
- grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17457
- grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17458
17505
  grid-template-areas: "main header" "main footer" "main .";
17506
+ grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17507
+ grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17508
+ justify-content: center;
17459
17509
  padding-right: var(--pf-c-login__container--PaddingRight);
17460
17510
  padding-left: var(--pf-c-login__container--PaddingLeft);
17461
17511
  }
@@ -17477,10 +17527,10 @@ ul.pf-c-list {
17477
17527
  }
17478
17528
 
17479
17529
  .pf-c-login__main {
17530
+ grid-area: main;
17480
17531
  align-self: start;
17481
17532
  margin-bottom: var(--pf-c-login__main--MarginBottom);
17482
17533
  background-color: var(--pf-c-login__main--BackgroundColor);
17483
- grid-area: main;
17484
17534
  }
17485
17535
  .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
17486
17536
  padding-top: var(--pf-c-login__main-header--PaddingTop);
@@ -17492,8 +17542,8 @@ ul.pf-c-list {
17492
17542
  .pf-c-login__main-header {
17493
17543
  display: grid;
17494
17544
  grid-template-columns: 100%;
17495
- column-gap: var(--pf-c-login__main-header--ColumnGap);
17496
17545
  row-gap: var(--pf-c-login__main-header--RowGap);
17546
+ column-gap: var(--pf-c-login__main-header--ColumnGap);
17497
17547
  align-items: center;
17498
17548
  padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
17499
17549
  }
@@ -17505,26 +17555,26 @@ ul.pf-c-list {
17505
17555
 
17506
17556
  .pf-c-login__main-header-utilities,
17507
17557
  .pf-c-login__main-header .pf-c-dropdown {
17508
- grid-column: auto;
17509
17558
  grid-row: auto;
17559
+ grid-column: auto;
17510
17560
  }
17511
17561
  @media (min-width: 768px) {
17512
17562
  .pf-c-login__main-header-utilities,
17513
- .pf-c-login__main-header .pf-c-dropdown {
17514
- grid-column: 2/3;
17563
+ .pf-c-login__main-header .pf-c-dropdown {
17515
17564
  grid-row: 1;
17565
+ grid-column: 2/3;
17516
17566
  }
17517
17567
  }
17518
17568
 
17519
17569
  .pf-c-login__main-header-utilities .pf-c-dropdown {
17520
- grid-column: auto;
17521
17570
  grid-row: auto;
17571
+ grid-column: auto;
17522
17572
  }
17523
17573
 
17524
17574
  .pf-c-login__main-header-desc {
17575
+ grid-column: 1/-1;
17525
17576
  margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
17526
17577
  font-size: var(--pf-c-login__main-header-desc--FontSize);
17527
- grid-column: 1/-1;
17528
17578
  }
17529
17579
 
17530
17580
  .pf-c-login__main-body {
@@ -17559,11 +17609,11 @@ ul.pf-c-list {
17559
17609
  }
17560
17610
 
17561
17611
  .pf-c-login__main-footer-links-item-link svg {
17562
- fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17563
17612
  width: 100%;
17564
17613
  max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
17565
17614
  height: 100%;
17566
17615
  max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
17616
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17567
17617
  }
17568
17618
  .pf-c-login__main-footer-links-item-link:hover svg {
17569
17619
  fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
@@ -17828,6 +17878,7 @@ ul.pf-c-list {
17828
17878
  position: relative;
17829
17879
  display: flex;
17830
17880
  flex-basis: var(--pf-c-masthead__main--FlexBasis);
17881
+ grid-column: var(--pf-c-masthead__main--GridColumn);
17831
17882
  align-items: center;
17832
17883
  align-self: stretch;
17833
17884
  order: var(--pf-c-masthead__main--Order);
@@ -17835,7 +17886,6 @@ ul.pf-c-list {
17835
17886
  padding-top: var(--pf-c-masthead__main--PaddingTop);
17836
17887
  padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
17837
17888
  margin-right: var(--pf-c-masthead__main--MarginRight);
17838
- grid-column: var(--pf-c-masthead__main--GridColumn);
17839
17889
  }
17840
17890
  .pf-c-masthead__main::before {
17841
17891
  position: absolute;
@@ -17852,6 +17902,9 @@ ul.pf-c-list {
17852
17902
  .pf-c-masthead__content {
17853
17903
  display: flex;
17854
17904
  flex-grow: 1;
17905
+ flex-shrink: 1;
17906
+ grid-column: var(--pf-c-masthead__content--GridColumn);
17907
+ grid-column-end: -1;
17855
17908
  align-items: center;
17856
17909
  align-self: stretch;
17857
17910
  order: var(--pf-c-masthead__content--Order);
@@ -17859,9 +17912,6 @@ ul.pf-c-list {
17859
17912
  padding-top: var(--pf-c-masthead__content--PaddingTop);
17860
17913
  padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
17861
17914
  margin-left: var(--pf-c-masthead__content--MarginLeft);
17862
- grid-column: var(--pf-c-masthead__content--GridColumn);
17863
- grid-column-end: -1;
17864
- flex-shrink: 1;
17865
17915
  }
17866
17916
  .pf-c-masthead__content:only-child {
17867
17917
  --pf-c-masthead__content--MarginLeft: 0;
@@ -18389,6 +18439,7 @@ ul.pf-c-list {
18389
18439
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18390
18440
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18391
18441
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18442
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18392
18443
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18393
18444
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18394
18445
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18420,12 +18471,6 @@ ul.pf-c-list {
18420
18471
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18421
18472
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
18422
18473
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
18423
- top: var(--pf-c-menu--Top);
18424
- z-index: var(--pf-c-menu--ZIndex);
18425
- width: var(--pf-c-menu--Width);
18426
- min-width: var(--pf-c-menu--MinWidth);
18427
- background-color: var(--pf-c-menu--BackgroundColor);
18428
- box-shadow: var(--pf-c-menu--BoxShadow);
18429
18474
  --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
18430
18475
  --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
18431
18476
  --pf-c-menu--m-nav__list--PaddingTop: 0;
@@ -18453,6 +18498,12 @@ ul.pf-c-list {
18453
18498
  --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
18454
18499
  --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
18455
18500
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
18501
+ top: var(--pf-c-menu--Top);
18502
+ z-index: var(--pf-c-menu--ZIndex);
18503
+ width: var(--pf-c-menu--Width);
18504
+ min-width: var(--pf-c-menu--MinWidth);
18505
+ background-color: var(--pf-c-menu--BackgroundColor);
18506
+ box-shadow: var(--pf-c-menu--BoxShadow);
18456
18507
  }
18457
18508
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
18458
18509
  overflow: visible;
@@ -18509,6 +18560,7 @@ ul.pf-c-list {
18509
18560
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
18510
18561
  position: relative;
18511
18562
  overflow: hidden;
18563
+ visibility: visible;
18512
18564
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
18513
18565
  }
18514
18566
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -18819,6 +18871,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18819
18871
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18820
18872
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18821
18873
  color: var(--pf-c-menu__item-action--Color);
18874
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18822
18875
  border: none;
18823
18876
  }
18824
18877
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -19008,6 +19061,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19008
19061
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
19009
19062
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
19010
19063
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
19064
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
19011
19065
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
19012
19066
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
19013
19067
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19263,13 +19317,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19263
19317
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19264
19318
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19265
19319
  color: inherit;
19320
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19266
19321
  border: 0;
19267
19322
  }
19268
19323
 
19269
19324
  .pf-c-menu-toggle__icon {
19270
19325
  display: inline-flex;
19271
- align-self: center;
19272
19326
  flex-shrink: 0;
19327
+ align-self: center;
19273
19328
  margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
19274
19329
  line-height: 1;
19275
19330
  }
@@ -19389,9 +19444,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19389
19444
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
19390
19445
  --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
19391
19446
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
19392
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
19393
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
19394
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19447
+ --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
19448
+ --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
19449
+ --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19395
19450
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
19396
19451
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
19397
19452
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -19443,13 +19498,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19443
19498
  .pf-c-modal-box.pf-m-info {
19444
19499
  --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
19445
19500
  }
19446
- .pf-c-modal-box > .pf-c-button {
19501
+
19502
+ .pf-c-modal-box__close {
19447
19503
  position: absolute;
19448
- top: var(--pf-c-modal-box--c-button--Top);
19449
- right: var(--pf-c-modal-box--c-button--Right);
19504
+ top: var(--pf-c-modal-box__close--Top);
19505
+ right: var(--pf-c-modal-box__close--Right);
19450
19506
  }
19451
- .pf-c-modal-box > .pf-c-button + * {
19452
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
19507
+ .pf-c-modal-box__close + * {
19508
+ margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
19453
19509
  }
19454
19510
 
19455
19511
  .pf-c-modal-box__header {
@@ -19640,8 +19696,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19640
19696
  --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
19641
19697
  --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
19642
19698
  display: grid;
19643
- gap: var(--pf-c-multiple-file-upload--Gap);
19644
19699
  grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
19700
+ gap: var(--pf-c-multiple-file-upload--Gap);
19645
19701
  }
19646
19702
  .pf-c-multiple-file-upload.pf-m-horizontal {
19647
19703
  --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
@@ -19667,21 +19723,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19667
19723
 
19668
19724
  .pf-c-multiple-file-upload__main {
19669
19725
  display: grid;
19726
+ grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19727
+ grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19728
+ grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19729
+ gap: var(--pf-c-multiple-file-upload__main--Gap);
19670
19730
  padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
19671
19731
  text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
19672
19732
  background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
19673
19733
  border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
19674
- grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19675
- grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19676
- grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19677
- gap: var(--pf-c-multiple-file-upload__main--Gap);
19678
19734
  }
19679
19735
 
19680
19736
  .pf-c-multiple-file-upload__title {
19681
19737
  display: var(--pf-c-multiple-file-upload__title--Display);
19738
+ grid-area: title;
19682
19739
  grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
19683
19740
  gap: var(--pf-c-multiple-file-upload__title--Gap);
19684
- grid-area: title;
19685
19741
  }
19686
19742
 
19687
19743
  .pf-c-multiple-file-upload__title-icon {
@@ -20621,8 +20677,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20621
20677
  --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
20622
20678
  --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
20623
20679
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
20624
- margin-top: var(--pf-c-nav__section--MarginTop);
20625
20680
  --pf-c-nav--c-divider--MarginBottom: 0;
20681
+ margin-top: var(--pf-c-nav__section--MarginTop);
20626
20682
  }
20627
20683
  .pf-c-nav__section + .pf-c-nav__section {
20628
20684
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
@@ -21069,9 +21125,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21069
21125
 
21070
21126
  .pf-c-notification-drawer__list-item-header {
21071
21127
  display: flex;
21072
- align-items: baseline;
21073
- grid-column: 1/2;
21074
21128
  grid-row: 1/2;
21129
+ grid-column: 1/2;
21130
+ align-items: baseline;
21075
21131
  margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
21076
21132
  }
21077
21133
 
@@ -21092,8 +21148,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21092
21148
  }
21093
21149
 
21094
21150
  .pf-c-notification-drawer__list-item-action {
21095
- grid-column: 2/3;
21096
21151
  grid-row: 1/3;
21152
+ grid-column: 2/3;
21097
21153
  }
21098
21154
 
21099
21155
  .pf-c-notification-drawer__list-item-description {
@@ -21695,10 +21751,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21695
21751
  --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
21696
21752
  --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
21697
21753
  display: grid;
21698
- height: 100%;
21699
- grid-template-columns: 1fr;
21700
- grid-template-rows: max-content 1fr;
21701
21754
  grid-template-areas: "header" "main";
21755
+ grid-template-rows: max-content 1fr;
21756
+ grid-template-columns: 1fr;
21757
+ height: 100%;
21702
21758
  background-color: var(--pf-c-page--BackgroundColor);
21703
21759
  }
21704
21760
  @media (min-width: 1200px) {
@@ -21745,8 +21801,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21745
21801
  }
21746
21802
  @media (min-width: 1200px) {
21747
21803
  .pf-c-page {
21748
- grid-template-columns: max-content 1fr;
21749
21804
  grid-template-areas: "header header" "nav main";
21805
+ grid-template-columns: max-content 1fr;
21750
21806
  }
21751
21807
  }
21752
21808
  .pf-c-page.pf-m-full-height {
@@ -21757,14 +21813,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21757
21813
 
21758
21814
  .pf-c-page__header,
21759
21815
  .pf-c-page > .pf-c-masthead {
21760
- grid-area: header;
21761
21816
  z-index: var(--pf-c-page__header--ZIndex);
21817
+ grid-area: header;
21762
21818
  }
21763
21819
 
21764
21820
  .pf-c-page__header {
21765
21821
  color: var(--pf-global--Color--100);
21766
- grid-template-columns: auto auto;
21767
21822
  display: grid;
21823
+ grid-template-columns: auto auto;
21768
21824
  align-items: center;
21769
21825
  min-width: 0;
21770
21826
  min-height: var(--pf-c-page__header--MinHeight);
@@ -21812,18 +21868,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21812
21868
  }
21813
21869
 
21814
21870
  .pf-c-page__header-nav {
21871
+ grid-row: 2/3;
21872
+ grid-column: 1/-1;
21815
21873
  align-self: stretch;
21816
21874
  min-width: 0;
21817
21875
  padding-right: var(--pf-c-page__header-nav--PaddingRight);
21818
21876
  padding-left: var(--pf-c-page__header-nav--PaddingLeft);
21819
21877
  background-color: var(--pf-c-page__header-nav--BackgroundColor);
21820
- grid-column: 1/-1;
21821
- grid-row: 2/3;
21822
21878
  }
21823
21879
  @media screen and (min-width: 1200px) {
21824
21880
  .pf-c-page__header-nav {
21825
- grid-column: 2/3;
21826
21881
  grid-row: 1/2;
21882
+ grid-column: 2/3;
21827
21883
  }
21828
21884
  }
21829
21885
  .pf-c-page__header-nav .pf-c-nav {
@@ -21889,10 +21945,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21889
21945
  }
21890
21946
 
21891
21947
  .pf-c-page__sidebar {
21948
+ z-index: var(--pf-c-page__sidebar--ZIndex);
21892
21949
  grid-area: nav;
21893
21950
  grid-row-start: 2;
21894
21951
  grid-column-start: 1;
21895
- z-index: var(--pf-c-page__sidebar--ZIndex);
21896
21952
  width: var(--pf-c-page__sidebar--Width);
21897
21953
  overflow-x: hidden;
21898
21954
  overflow-y: auto;
@@ -22041,24 +22097,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22041
22097
  }
22042
22098
  @media (min-height: 0) {
22043
22099
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
22044
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22045
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22046
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22047
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22048
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22049
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22100
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22101
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22102
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22103
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22104
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22105
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22050
22106
  position: sticky;
22051
22107
  top: 0;
22052
22108
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22053
22109
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22054
22110
  }
22055
22111
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
22056
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22057
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22058
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22059
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22060
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22061
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22112
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22113
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22114
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22115
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22116
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22117
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22062
22118
  position: sticky;
22063
22119
  bottom: 0;
22064
22120
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22067,24 +22123,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22067
22123
  }
22068
22124
  @media (min-height: 40rem) {
22069
22125
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
22070
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22071
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22072
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22073
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22074
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22075
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22126
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22127
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22128
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22129
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22130
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22131
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22076
22132
  position: sticky;
22077
22133
  top: 0;
22078
22134
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22079
22135
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22080
22136
  }
22081
22137
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
22082
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22083
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22084
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22085
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22086
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22087
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22138
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22139
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22140
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22141
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22142
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22143
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22088
22144
  position: sticky;
22089
22145
  bottom: 0;
22090
22146
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22093,24 +22149,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22093
22149
  }
22094
22150
  @media (min-height: 48rem) {
22095
22151
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22096
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22097
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22098
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22099
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22100
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22101
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22152
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22153
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22154
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22155
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22156
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22157
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22102
22158
  position: sticky;
22103
22159
  top: 0;
22104
22160
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22105
22161
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22106
22162
  }
22107
22163
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22108
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22109
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22110
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22111
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22112
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22113
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22164
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22165
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22166
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22167
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22168
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22169
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22114
22170
  position: sticky;
22115
22171
  bottom: 0;
22116
22172
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22119,24 +22175,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22119
22175
  }
22120
22176
  @media (min-height: 60rem) {
22121
22177
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22122
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22123
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22124
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22125
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22126
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22127
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22178
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22179
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22180
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22181
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22182
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22183
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22128
22184
  position: sticky;
22129
22185
  top: 0;
22130
22186
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22131
22187
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22132
22188
  }
22133
22189
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22134
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22135
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22136
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22137
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22138
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22139
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22190
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22191
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22192
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22193
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22194
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22195
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22140
22196
  position: sticky;
22141
22197
  bottom: 0;
22142
22198
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22145,24 +22201,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22145
22201
  }
22146
22202
  @media (min-height: 80rem) {
22147
22203
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22148
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22149
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22150
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22151
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22152
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22153
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22204
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22205
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22206
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22207
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22208
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22209
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22154
22210
  position: sticky;
22155
22211
  top: 0;
22156
22212
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22157
22213
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22158
22214
  }
22159
22215
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22160
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22161
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22162
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22163
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22164
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22165
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22216
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22217
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22218
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22219
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22220
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22221
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22166
22222
  position: sticky;
22167
22223
  bottom: 0;
22168
22224
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22172,8 +22228,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22172
22228
 
22173
22229
  .pf-c-page__main,
22174
22230
  .pf-c-page__drawer {
22175
- grid-area: main;
22176
22231
  z-index: var(--pf-c-page__main--ZIndex);
22232
+ grid-area: main;
22177
22233
  overflow-x: hidden;
22178
22234
  overflow-y: auto;
22179
22235
  -webkit-overflow-scrolling: touch;
@@ -22657,8 +22713,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22657
22713
  padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
22658
22714
  }
22659
22715
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22660
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22661
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22716
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22717
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22662
22718
  display: block;
22663
22719
  }
22664
22720
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -23065,17 +23121,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23065
23121
  --pf-c-popover__arrow--m-left--TranslateX: 50%;
23066
23122
  --pf-c-popover__arrow--m-left--TranslateY: -50%;
23067
23123
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
23068
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
23069
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
23070
- --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
23071
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
23072
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
23073
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
23074
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
23075
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
23076
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
23124
+ --pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
23125
+ --pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
23126
+ --pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
23127
+ --pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
23128
+ --pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
23129
+ --pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
23130
+ --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
23077
23131
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
23078
23132
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
23133
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
23079
23134
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
23080
23135
  position: relative;
23081
23136
  min-width: var(--pf-c-popover--MinWidth);
@@ -23153,16 +23208,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23153
23208
  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
23154
23209
  background-color: var(--pf-c-popover__content--BackgroundColor);
23155
23210
  }
23156
- .pf-c-popover__content > .pf-c-title {
23157
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
23158
- }
23159
- .pf-c-popover__content > .pf-c-button {
23211
+
23212
+ .pf-c-popover__close {
23160
23213
  position: absolute;
23161
- top: var(--pf-c-popover--c-button--Top);
23162
- right: var(--pf-c-popover--c-button--Right);
23214
+ top: var(--pf-c-popover__close--Top);
23215
+ right: var(--pf-c-popover__close--Right);
23163
23216
  }
23164
- .pf-c-popover__content > .pf-c-button + * {
23165
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
23217
+ .pf-c-popover__close + * {
23218
+ padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
23166
23219
  }
23167
23220
 
23168
23221
  .pf-c-popover__arrow {
@@ -23174,23 +23227,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23174
23227
  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
23175
23228
  }
23176
23229
 
23177
- .pf-c-popover__title {
23178
- flex: 0 0 auto;
23179
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
23180
- font-family: var(--pf-c-popover__title--FontFamily);
23181
- font-size: var(--pf-c-popover__title--FontSize);
23182
- line-height: var(--pf-c-popover__title--LineHeight);
23230
+ .pf-c-popover__header {
23231
+ margin-bottom: var(--pf-c-popover__header--MarginBottom);
23183
23232
  }
23184
- .pf-c-popover__title.pf-m-icon {
23233
+
23234
+ .pf-c-popover__title {
23185
23235
  display: flex;
23236
+ flex: 0 0 auto;
23186
23237
  }
23187
23238
 
23188
23239
  .pf-c-popover__title-icon {
23189
23240
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
23241
+ font-size: var(--pf-c-popover__title-icon--FontSize);
23190
23242
  color: var(--pf-c-popover__title-icon--Color);
23191
23243
  }
23192
23244
 
23193
23245
  .pf-c-popover__title-text {
23246
+ font-family: var(--pf-c-popover__title-text--FontFamily);
23247
+ font-size: var(--pf-c-popover__title-text--FontSize);
23248
+ line-height: var(--pf-c-popover__title-text--LineHeight);
23194
23249
  color: var(--pf-c-popover__title-text--Color, inherit);
23195
23250
  }
23196
23251
 
@@ -23239,17 +23294,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23239
23294
  }
23240
23295
 
23241
23296
  :where(.pf-theme-dark) .pf-c-popover {
23242
- --pf-c-popover--BoxShadow: none;
23243
- --pf-c-popover__arrow--BoxShadow: none;
23244
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23297
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23298
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
23245
23299
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23246
23300
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23247
23301
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23248
23302
  }
23249
- :where(.pf-theme-dark) .pf-c-popover,
23250
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23251
- border: 4px solid var(--pf-global--BorderColor--400);
23252
- }
23253
23303
 
23254
23304
  .pf-c-progress {
23255
23305
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -23257,8 +23307,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23257
23307
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23258
23308
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23259
23309
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23310
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23260
23311
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23261
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23262
23312
  --pf-c-progress__bar--before--Opacity: .2;
23263
23313
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23264
23314
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23280,10 +23330,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23280
23330
  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
23281
23331
  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
23282
23332
  display: grid;
23283
- align-items: end;
23284
- grid-gap: var(--pf-c-progress--GridGap);
23285
- grid-template-columns: auto auto;
23286
23333
  grid-template-rows: 1fr auto;
23334
+ grid-template-columns: auto auto;
23335
+ grid-gap: var(--pf-c-progress--GridGap);
23336
+ align-items: end;
23287
23337
  }
23288
23338
  .pf-c-progress.pf-m-sm {
23289
23339
  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
@@ -23312,8 +23362,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23312
23362
  grid-column: 1/3;
23313
23363
  }
23314
23364
  .pf-c-progress.pf-m-outside .pf-c-progress__status {
23315
- grid-column: 2/3;
23316
23365
  grid-row: 2/3;
23366
+ grid-column: 2/3;
23317
23367
  align-self: center;
23318
23368
  }
23319
23369
  .pf-c-progress.pf-m-outside .pf-c-progress__measure {
@@ -23361,8 +23411,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23361
23411
  }
23362
23412
 
23363
23413
  .pf-c-progress__description {
23364
- word-break: break-word;
23365
23414
  grid-column: 1/2;
23415
+ word-break: break-word;
23366
23416
  }
23367
23417
  .pf-c-progress__description.pf-m-truncate {
23368
23418
  overflow: hidden;
@@ -23371,21 +23421,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23371
23421
  }
23372
23422
 
23373
23423
  .pf-c-progress__status {
23374
- grid-column: 2/3;
23424
+ display: flex;
23375
23425
  grid-row: 1/2;
23426
+ grid-column: 2/3;
23427
+ gap: var(--pf-c-progress__status--Gap);
23428
+ align-items: flex-start;
23429
+ justify-content: flex-end;
23376
23430
  text-align: right;
23377
23431
  word-break: break-word;
23378
23432
  }
23379
23433
 
23380
23434
  .pf-c-progress__status-icon {
23381
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23382
23435
  color: var(--pf-c-progress__status-icon--Color);
23383
23436
  }
23384
23437
 
23385
23438
  .pf-c-progress__bar {
23386
23439
  position: relative;
23387
- grid-column: 1/3;
23388
23440
  grid-row: 2/3;
23441
+ grid-column: 1/3;
23389
23442
  align-self: center;
23390
23443
  height: var(--pf-c-progress__bar--Height);
23391
23444
  background-color: var(--pf-c-progress__bar--BackgroundColor);
@@ -23410,8 +23463,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23410
23463
  }
23411
23464
 
23412
23465
  .pf-c-progress__helper-text {
23413
- grid-column: 1/3;
23414
23466
  grid-row: 3/4;
23467
+ grid-column: 1/3;
23415
23468
  margin-top: var(--pf-c-progress__helper-text--MarginTop);
23416
23469
  }
23417
23470
 
@@ -23573,10 +23626,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23573
23626
  --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23574
23627
  position: relative;
23575
23628
  display: grid;
23576
- grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23577
- grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23578
23629
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23630
+ grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23579
23631
  grid-auto-columns: 1fr;
23632
+ grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23580
23633
  }
23581
23634
  @media screen and (min-width: 768px) {
23582
23635
  .pf-c-progress-stepper {
@@ -23643,8 +23696,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23643
23696
  grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23644
23697
  }
23645
23698
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
23646
- min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23647
23699
  grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
23700
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23648
23701
  padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
23649
23702
  }
23650
23703
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
@@ -23761,11 +23814,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23761
23814
  }
23762
23815
  .pf-c-progress-stepper__step-title.pf-m-help-text {
23763
23816
  text-decoration: underline;
23764
- cursor: pointer;
23817
+ text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23765
23818
  text-decoration-style: dashed;
23766
23819
  text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
23767
- text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23768
23820
  text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
23821
+ cursor: pointer;
23769
23822
  }
23770
23823
  .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
23771
23824
  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
@@ -24143,6 +24196,7 @@ label.pf-c-radio, .pf-c-radio__label,
24143
24196
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24144
24197
  --pf-c-search-input__text-input--MinWidth: 6ch;
24145
24198
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24199
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24146
24200
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24147
24201
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24148
24202
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24187,9 +24241,9 @@ label.pf-c-radio, .pf-c-radio__label,
24187
24241
 
24188
24242
  .pf-c-search-input__text {
24189
24243
  display: grid;
24190
- grid-template-columns: 1fr;
24191
- grid-template-areas: "text-input";
24192
24244
  flex: 1;
24245
+ grid-template-areas: "text-input";
24246
+ grid-template-columns: 1fr;
24193
24247
  }
24194
24248
  .pf-c-search-input__text::before, .pf-c-search-input__text::after {
24195
24249
  position: absolute;
@@ -24230,6 +24284,7 @@ label.pf-c-radio, .pf-c-radio__label,
24230
24284
  width: 100%;
24231
24285
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24232
24286
  padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
24287
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24233
24288
  border: 0;
24234
24289
  }
24235
24290
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -24711,8 +24766,8 @@ label.pf-c-radio, .pf-c-radio__label,
24711
24766
  .pf-c-select__toggle-typeahead {
24712
24767
  flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
24713
24768
  flex-grow: 1;
24714
- min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24715
24769
  flex-shrink: 0;
24770
+ min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24716
24771
  }
24717
24772
  .pf-c-select__toggle-typeahead.pf-c-form-control {
24718
24773
  background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
@@ -24988,28 +25043,54 @@ label.pf-c-radio, .pf-c-radio__label,
24988
25043
  }
24989
25044
 
24990
25045
  .pf-c-sidebar {
25046
+ --pf-c-sidebar--inset: var(--pf-global--spacer--md);
25047
+ --pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
24991
25048
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
25049
+ --pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
25050
+ --pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
25051
+ --pf-c-sidebar__panel--PaddingTop: 0;
25052
+ --pf-c-sidebar__panel--PaddingRight: 0;
25053
+ --pf-c-sidebar__panel--PaddingBottom: 0;
25054
+ --pf-c-sidebar__panel--PaddingLeft: 0;
25055
+ --pf-c-sidebar__panel--Order: -1;
25056
+ --pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
25057
+ --pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
25058
+ --pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
25059
+ --pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
25060
+ --pf-c-sidebar__content--PaddingTop: 0;
25061
+ --pf-c-sidebar__content--PaddingRight: 0;
25062
+ --pf-c-sidebar__content--PaddingBottom: 0;
25063
+ --pf-c-sidebar__content--PaddingLeft: 0;
25064
+ --pf-c-sidebar__content--Order: 1;
25065
+ --pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
25066
+ --pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
25067
+ --pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
25068
+ --pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
24992
25069
  --pf-c-sidebar__main--FlexDirection: column;
24993
25070
  --pf-c-sidebar__main--md--FlexDirection: row;
24994
25071
  --pf-c-sidebar__main--AlignItems: stretch;
24995
25072
  --pf-c-sidebar__main--md--AlignItems: start;
24996
25073
  --pf-c-sidebar__main--child--MarginTop: 0;
24997
- --pf-c-sidebar__main--child--MarginLeft: 0;
24998
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-global--spacer--md);
24999
- --pf-c-sidebar--m-gutter__main--xl--Gap: var(--pf-global--spacer--lg);
25000
- --pf-c-sidebar--m-panel-right__panel--Order: 0;
25074
+ --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
25075
+ --pf-c-sidebar__main--m-border--before--Display: none;
25076
+ --pf-c-sidebar__main--m-border--before--md--Display: block;
25077
+ --pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
25078
+ --pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
25079
+ --pf-c-sidebar--m-panel-right__panel--Order: -1;
25001
25080
  --pf-c-sidebar--m-panel-right__panel--md--Order: 1;
25081
+ --pf-c-sidebar--m-panel-right__content--md--Order: -1;
25002
25082
  --pf-c-sidebar--m-stack__main--FlexDirection: column;
25003
25083
  --pf-c-sidebar--m-stack__main--AlignItems: stretch;
25004
25084
  --pf-c-sidebar--m-stack__panel--Position: sticky;
25005
25085
  --pf-c-sidebar--m-stack__panel--Top: 0;
25006
25086
  --pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
25007
- --pf-c-sidebar--m-stack--m-panel-right__panel--Order: 0;
25087
+ --pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
25008
25088
  --pf-c-sidebar--m-split__main--AlignItems: start;
25009
25089
  --pf-c-sidebar--m-split__main--FlexDirection: row;
25010
25090
  --pf-c-sidebar--m-split__panel--Position: static;
25011
25091
  --pf-c-sidebar--m-split__panel--Top: auto;
25012
25092
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
25093
+ --pf-c-sidebar--m-split__main--m-border--before--Display: block;
25013
25094
  --pf-c-sidebar__panel--FlexBasis--base: auto;
25014
25095
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
25015
25096
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
@@ -25023,7 +25104,6 @@ label.pf-c-radio, .pf-c-radio__label,
25023
25104
  --pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
25024
25105
  --pf-c-sidebar__panel--m-stack--FlexBasis: auto;
25025
25106
  --pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
25026
- --pf-c-sidebar__panel--Order: 0;
25027
25107
  --pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
25028
25108
  --pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
25029
25109
  --pf-c-sidebar__panel--m-sticky--Top: 0;
@@ -25033,60 +25113,50 @@ label.pf-c-radio, .pf-c-radio__label,
25033
25113
  @media (min-width: 768px) {
25034
25114
  .pf-c-sidebar {
25035
25115
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
25116
+ --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
25117
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
25036
25118
  --pf-c-sidebar__panel--BoxShadow: none;
25037
25119
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
25038
- --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
25039
25120
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
25040
25121
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
25041
25122
  }
25042
25123
  }
25043
25124
  @media (min-width: 1200px) {
25044
25125
  .pf-c-sidebar {
25045
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--m-gutter__main--xl--Gap);
25126
+ --pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
25046
25127
  }
25047
25128
  }
25048
- .pf-c-sidebar.pf-m-gutter {
25049
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
25050
- --pf-c-sidebar__main--child--MarginLeft: 0;
25051
- }
25052
- .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
25053
- margin-top: var(--pf-c-sidebar__main--child--MarginTop);
25054
- margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
25055
- }
25056
- @media (min-width: 768px) {
25057
- .pf-c-sidebar.pf-m-gutter {
25058
- --pf-c-sidebar__main--child--MarginTop: 0;
25059
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
25060
- }
25129
+ .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
25130
+ gap: var(--pf-c-sidebar--m-gutter__main--Gap);
25061
25131
  }
25062
25132
  .pf-c-sidebar.pf-m-panel-right {
25063
25133
  --pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
25134
+ --pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
25064
25135
  }
25065
25136
  @media (min-width: 768px) {
25066
25137
  .pf-c-sidebar.pf-m-panel-right {
25067
25138
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
25139
+ --pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
25068
25140
  }
25069
25141
  }
25070
25142
  .pf-c-sidebar.pf-m-stack {
25071
25143
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
25072
25144
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
25073
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
25074
- --pf-c-sidebar__main--child--MarginLeft: 0;
25075
25145
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
25076
25146
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
25077
25147
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
25078
25148
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
25149
+ --pf-c-sidebar__main--m-border--before--Display: none;
25079
25150
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
25080
25151
  }
25081
25152
  .pf-c-sidebar.pf-m-split {
25082
25153
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
25083
25154
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
25084
- --pf-c-sidebar__main--child--MarginTop: 0;
25085
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
25086
25155
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
25087
25156
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
25088
25157
  --pf-c-sidebar__panel--BoxShadow: none;
25089
25158
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
25159
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
25090
25160
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
25091
25161
  }
25092
25162
 
@@ -25095,17 +25165,31 @@ label.pf-c-radio, .pf-c-radio__label,
25095
25165
  flex-direction: var(--pf-c-sidebar__main--FlexDirection);
25096
25166
  align-items: var(--pf-c-sidebar__main--AlignItems);
25097
25167
  }
25168
+ .pf-c-sidebar__main.pf-m-border::before {
25169
+ display: var(--pf-c-sidebar__main--m-border--before--Display);
25170
+ flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
25171
+ align-self: stretch;
25172
+ content: "";
25173
+ background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
25174
+ }
25098
25175
 
25099
25176
  .pf-c-sidebar__panel {
25100
25177
  position: var(--pf-c-sidebar__panel--Position);
25101
25178
  top: var(--pf-c-sidebar__panel--Top);
25102
25179
  z-index: var(--pf-c-sidebar__panel--ZIndex);
25103
- flex-shrink: 0;
25104
25180
  flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
25181
+ flex-shrink: 0;
25105
25182
  order: var(--pf-c-sidebar__panel--Order);
25183
+ padding: var(--pf-c-sidebar__panel--PaddingTop) var(--pf-c-sidebar__panel--PaddingRight) var(--pf-c-sidebar__panel--PaddingBottom) var(--pf-c-sidebar__panel--PaddingLeft);
25106
25184
  background-color: var(--pf-c-sidebar__panel--BackgroundColor);
25107
25185
  box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
25108
25186
  }
25187
+ .pf-c-sidebar__panel.pf-m-padding {
25188
+ --pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
25189
+ --pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
25190
+ --pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
25191
+ --pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
25192
+ }
25109
25193
  .pf-c-sidebar__panel.pf-m-sticky {
25110
25194
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
25111
25195
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
@@ -25117,11 +25201,25 @@ label.pf-c-radio, .pf-c-radio__label,
25117
25201
 
25118
25202
  .pf-c-sidebar__content {
25119
25203
  flex-grow: 1;
25204
+ order: var(--pf-c-sidebar__content--Order);
25205
+ padding: var(--pf-c-sidebar__content--PaddingTop) var(--pf-c-sidebar__content--PaddingRight) var(--pf-c-sidebar__content--PaddingBottom) var(--pf-c-sidebar__content--PaddingLeft);
25120
25206
  background-color: var(--pf-c-sidebar__content--BackgroundColor);
25121
25207
  }
25208
+ .pf-c-sidebar__content.pf-m-padding {
25209
+ --pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25210
+ --pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
25211
+ --pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
25212
+ --pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25213
+ }
25122
25214
  .pf-c-sidebar__content.pf-m-no-background {
25123
25215
  --pf-c-sidebar__content--BackgroundColor: transparent;
25124
25216
  }
25217
+ .pf-c-sidebar__content + .pf-c-sidebar__panel {
25218
+ --pf-c-sidebar__panel--Order: 1;
25219
+ }
25220
+ :where(.pf-c-sidebar__content:first-child) {
25221
+ --pf-c-sidebar__content--Order: -1;
25222
+ }
25125
25223
 
25126
25224
  .pf-c-sidebar.pf-m-no-background,
25127
25225
  .pf-c-sidebar__panel.pf-m-no-background,
@@ -25314,9 +25412,9 @@ label.pf-c-radio, .pf-c-radio__label,
25314
25412
  border: none;
25315
25413
  }
25316
25414
  .pf-c-simple-list__item-link:hover {
25317
- text-decoration: none;
25318
25415
  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
25319
25416
  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
25417
+ text-decoration: none;
25320
25418
  }
25321
25419
  .pf-c-simple-list__item-link:focus {
25322
25420
  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
@@ -25995,13 +26093,13 @@ svg.pf-c-spinner.pf-m-xl {
25995
26093
  .pf-c-spinner__path {
25996
26094
  width: 100%;
25997
26095
  height: 100%;
25998
- transform-origin: 50% 50%;
25999
- animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
26000
26096
  stroke: var(--pf-c-spinner--Color);
26001
- stroke-linecap: round;
26002
26097
  stroke-dasharray: 283;
26003
26098
  stroke-dashoffset: 280;
26099
+ stroke-linecap: round;
26004
26100
  stroke-width: var(--pf-c-spinner--stroke-width);
26101
+ transform-origin: 50% 50%;
26102
+ animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
26005
26103
  }
26006
26104
 
26007
26105
  @keyframes pf-c-spinner-animation-rotate {
@@ -26021,8 +26119,8 @@ svg.pf-c-spinner.pf-m-xl {
26021
26119
  stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
26022
26120
  }
26023
26121
  40% {
26024
- stroke-dashoffset: 150;
26025
26122
  stroke-dasharray: 220;
26123
+ stroke-dashoffset: 150;
26026
26124
  }
26027
26125
  100% {
26028
26126
  stroke-dashoffset: 280;
@@ -26666,7 +26764,7 @@ svg.pf-c-spinner.pf-m-xl {
26666
26764
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26667
26765
  }
26668
26766
  .pf-m-grid-md.pf-c-table tr:last-child,
26669
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26767
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26670
26768
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26671
26769
  }
26672
26770
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26811,7 +26909,7 @@ svg.pf-c-spinner.pf-m-xl {
26811
26909
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26812
26910
  }
26813
26911
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26814
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26912
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26815
26913
  position: relative;
26816
26914
  }
26817
26915
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26841,9 +26939,9 @@ svg.pf-c-spinner.pf-m-xl {
26841
26939
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26842
26940
  }
26843
26941
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26844
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26845
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26846
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26942
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26943
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26944
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26847
26945
  width: auto;
26848
26946
  padding: 0;
26849
26947
  }
@@ -26863,8 +26961,8 @@ svg.pf-c-spinner.pf-m-xl {
26863
26961
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26864
26962
  }
26865
26963
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26866
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26867
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26964
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26965
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26868
26966
  grid-row-start: 1;
26869
26967
  grid-column-start: 2;
26870
26968
  }
@@ -26981,7 +27079,7 @@ svg.pf-c-spinner.pf-m-xl {
26981
27079
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26982
27080
  }
26983
27081
  .pf-m-grid-lg.pf-c-table tr:last-child,
26984
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27082
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26985
27083
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26986
27084
  }
26987
27085
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27126,7 +27224,7 @@ svg.pf-c-spinner.pf-m-xl {
27126
27224
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27127
27225
  }
27128
27226
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27129
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27227
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27130
27228
  position: relative;
27131
27229
  }
27132
27230
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27156,9 +27254,9 @@ svg.pf-c-spinner.pf-m-xl {
27156
27254
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27157
27255
  }
27158
27256
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27159
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27160
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27161
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27257
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27258
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27259
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27162
27260
  width: auto;
27163
27261
  padding: 0;
27164
27262
  }
@@ -27178,8 +27276,8 @@ svg.pf-c-spinner.pf-m-xl {
27178
27276
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27179
27277
  }
27180
27278
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27181
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27182
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27279
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27280
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27183
27281
  grid-row-start: 1;
27184
27282
  grid-column-start: 2;
27185
27283
  }
@@ -27296,7 +27394,7 @@ svg.pf-c-spinner.pf-m-xl {
27296
27394
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27297
27395
  }
27298
27396
  .pf-m-grid-xl.pf-c-table tr:last-child,
27299
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27397
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27300
27398
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27301
27399
  }
27302
27400
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27441,7 +27539,7 @@ svg.pf-c-spinner.pf-m-xl {
27441
27539
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27442
27540
  }
27443
27541
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27444
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27542
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27445
27543
  position: relative;
27446
27544
  }
27447
27545
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27471,9 +27569,9 @@ svg.pf-c-spinner.pf-m-xl {
27471
27569
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27472
27570
  }
27473
27571
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27474
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27475
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27476
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27572
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27573
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27574
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27477
27575
  width: auto;
27478
27576
  padding: 0;
27479
27577
  }
@@ -27493,8 +27591,8 @@ svg.pf-c-spinner.pf-m-xl {
27493
27591
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27494
27592
  }
27495
27593
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27496
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27497
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27594
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27595
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27498
27596
  grid-row-start: 1;
27499
27597
  grid-column-start: 2;
27500
27598
  }
@@ -27611,7 +27709,7 @@ svg.pf-c-spinner.pf-m-xl {
27611
27709
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27612
27710
  }
27613
27711
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27614
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27712
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27615
27713
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27616
27714
  }
27617
27715
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27756,7 +27854,7 @@ svg.pf-c-spinner.pf-m-xl {
27756
27854
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27757
27855
  }
27758
27856
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27759
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27857
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27760
27858
  position: relative;
27761
27859
  }
27762
27860
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27786,9 +27884,9 @@ svg.pf-c-spinner.pf-m-xl {
27786
27884
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27787
27885
  }
27788
27886
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27789
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27790
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27791
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27887
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27888
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27889
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27792
27890
  width: auto;
27793
27891
  padding: 0;
27794
27892
  }
@@ -27808,8 +27906,8 @@ svg.pf-c-spinner.pf-m-xl {
27808
27906
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27809
27907
  }
27810
27908
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27811
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27812
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27909
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27910
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27813
27911
  grid-row-start: 1;
27814
27912
  grid-column-start: 2;
27815
27913
  }
@@ -28084,6 +28182,7 @@ svg.pf-c-spinner.pf-m-xl {
28084
28182
  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
28085
28183
  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
28086
28184
  --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
28185
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
28087
28186
  color: var(--pf-global--Color--100);
28088
28187
  width: 100%;
28089
28188
  background-color: var(--pf-c-table--BackgroundColor);
@@ -28112,7 +28211,7 @@ svg.pf-c-spinner.pf-m-xl {
28112
28211
  border-bottom: 0;
28113
28212
  }
28114
28213
  .pf-c-table.pf-m-sticky-header > thead > tr > * {
28115
- z-index: var(--pf-global--ZIndex--xs);
28214
+ z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
28116
28215
  }
28117
28216
  .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
28118
28217
  position: sticky;
@@ -28483,9 +28582,9 @@ svg.pf-c-spinner.pf-m-xl {
28483
28582
  .pf-c-table__button-content,
28484
28583
  .pf-c-table__column-help {
28485
28584
  display: grid;
28585
+ grid-template-columns: auto max-content;
28486
28586
  align-items: end;
28487
28587
  justify-content: start;
28488
- grid-template-columns: auto max-content;
28489
28588
  }
28490
28589
  .pf-c-table__button-content .pf-c-table__text,
28491
28590
  .pf-c-table__column-help .pf-c-table__text {
@@ -28591,6 +28690,10 @@ svg.pf-c-spinner.pf-m-xl {
28591
28690
  vertical-align: middle;
28592
28691
  }
28593
28692
 
28693
+ .pf-c-table__action {
28694
+ text-align: right;
28695
+ }
28696
+
28594
28697
  .pf-c-table__inline-edit-action {
28595
28698
  --pf-c-table--cell--PaddingLeft: 0;
28596
28699
  --pf-c-table--cell--PaddingRight: 0;
@@ -28928,39 +29031,44 @@ svg.pf-c-spinner.pf-m-xl {
28928
29031
  }
28929
29032
 
28930
29033
  .pf-c-table {
28931
- --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
28932
- --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
28933
- --pf-c-table__sticky-column--Left: 0;
28934
- --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
28935
- --pf-c-table__sticky-column--Top: 0;
28936
- --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
28937
- --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
28938
- --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
28939
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
28940
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
28941
- --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
28942
- }
28943
- .pf-c-table .pf-c-table__sticky-column {
29034
+ --pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
29035
+ --pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
29036
+ --pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
29037
+ --pf-c-table__sticky-cell--Right: auto;
29038
+ --pf-c-table__sticky-cell--Left: auto;
29039
+ --pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
29040
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
29041
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
29042
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
29043
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
29044
+ --pf-c-table__sticky-cell--m-right--Right: 0;
29045
+ --pf-c-table__sticky-cell--m-left--Left: 0;
29046
+ --pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
29047
+ }
29048
+ .pf-c-table .pf-c-table__sticky-cell {
29049
+ --pf-c-table--cell--Overflow: visible;
29050
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
28944
29051
  position: sticky;
28945
- left: var(--pf-c-table__sticky-column--Left);
28946
- z-index: var(--pf-c-table__sticky-column--ZIndex);
28947
- min-width: var(--pf-c-table__sticky-column--MinWidth);
28948
- background-color: var(--pf-c-table__sticky-column--BackgroundColor);
29052
+ right: var(--pf-c-table__sticky-cell--Right);
29053
+ left: var(--pf-c-table__sticky-cell--Left);
29054
+ z-index: var(--pf-c-table__sticky-cell--ZIndex);
29055
+ min-width: var(--pf-c-table__sticky-cell--MinWidth);
29056
+ background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
28949
29057
  background-clip: padding-box;
28950
29058
  }
28951
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
28952
- --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
28953
- --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
29059
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
29060
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
29061
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28954
29062
  }
28955
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
28956
- --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
28957
- --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
29063
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
29064
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
29065
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28958
29066
  }
28959
- .pf-c-table.pf-m-sticky-header {
28960
- --pf-c-table--cell--Overflow: visible;
29067
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-right {
29068
+ --pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
28961
29069
  }
28962
- .pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
28963
- z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex);
29070
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-left {
29071
+ --pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
28964
29072
  }
28965
29073
 
28966
29074
  .pf-c-scroll-outer-wrapper {
@@ -28996,10 +29104,20 @@ svg.pf-c-spinner.pf-m-xl {
28996
29104
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
28997
29105
  --pf-c-table--m-tree-view__toggle--TranslateX: -100%;
28998
29106
  --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
29107
+ --pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
29108
+ --pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
28999
29109
  }
29000
29110
  .pf-c-table.pf-m-tree-view > tbody > tr {
29001
29111
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
29002
29112
  }
29113
+ .pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
29114
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
29115
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
29116
+ }
29117
+ .pf-c-table.pf-m-tree-view.pf-m-no-inset {
29118
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
29119
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
29120
+ }
29003
29121
  .pf-c-table.pf-m-tree-view tr[aria-level="2"] {
29004
29122
  --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));
29005
29123
  }
@@ -29295,7 +29413,7 @@ svg.pf-c-spinner.pf-m-xl {
29295
29413
  display: block;
29296
29414
  }
29297
29415
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29298
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29416
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29299
29417
  display: inline-block;
29300
29418
  }
29301
29419
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29436,7 +29554,7 @@ svg.pf-c-spinner.pf-m-xl {
29436
29554
  display: block;
29437
29555
  }
29438
29556
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29439
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29557
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29440
29558
  display: inline-block;
29441
29559
  }
29442
29560
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29577,7 +29695,7 @@ svg.pf-c-spinner.pf-m-xl {
29577
29695
  display: block;
29578
29696
  }
29579
29697
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29580
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29698
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29581
29699
  display: inline-block;
29582
29700
  }
29583
29701
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29718,7 +29836,7 @@ svg.pf-c-spinner.pf-m-xl {
29718
29836
  display: block;
29719
29837
  }
29720
29838
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29721
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29839
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29722
29840
  display: inline-block;
29723
29841
  }
29724
29842
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -29888,7 +30006,6 @@ svg.pf-c-spinner.pf-m-xl {
29888
30006
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
29889
30007
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29890
30008
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
29891
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
29892
30009
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
29893
30010
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
29894
30011
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -30362,9 +30479,6 @@ svg.pf-c-spinner.pf-m-xl {
30362
30479
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
30363
30480
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
30364
30481
  }
30365
- .pf-c-tabs__item-action.pf-m-help {
30366
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
30367
- }
30368
30482
  .pf-c-tabs__item-action:last-child {
30369
30483
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
30370
30484
  }
@@ -30675,7 +30789,8 @@ svg.pf-c-spinner.pf-m-xl {
30675
30789
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30676
30790
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30677
30791
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30678
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30792
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30793
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30679
30794
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30680
30795
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30681
30796
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30732,9 +30847,9 @@ svg.pf-c-spinner.pf-m-xl {
30732
30847
 
30733
30848
  .pf-c-text-input-group__text {
30734
30849
  display: inline-grid;
30735
- grid-template-columns: 1fr;
30736
- grid-template-areas: "text-input";
30737
30850
  flex: 1;
30851
+ grid-template-areas: "text-input";
30852
+ grid-template-columns: 1fr;
30738
30853
  }
30739
30854
  .pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
30740
30855
  position: absolute;
@@ -30775,6 +30890,7 @@ svg.pf-c-spinner.pf-m-xl {
30775
30890
  width: 100%;
30776
30891
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30777
30892
  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);
30893
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30778
30894
  border: 0;
30779
30895
  }
30780
30896
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30784,7 +30900,7 @@ svg.pf-c-spinner.pf-m-xl {
30784
30900
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30785
30901
  }
30786
30902
  .pf-c-text-input-group__text-input::placeholder {
30787
- color: var(--pf-c-text-input-group--placeholder--Color);
30903
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30788
30904
  }
30789
30905
 
30790
30906
  .pf-c-text-input-group__utilities {
@@ -30849,11 +30965,11 @@ svg.pf-c-spinner.pf-m-xl {
30849
30965
  --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
30850
30966
  position: relative;
30851
30967
  display: inline-grid;
30968
+ grid-template-rows: min-content;
30852
30969
  padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
30853
30970
  text-align: center;
30854
30971
  cursor: pointer;
30855
30972
  background-color: var(--pf-c-tile--BackgroundColor);
30856
- grid-template-rows: min-content;
30857
30973
  transition: var(--pf-c-tile--Transition);
30858
30974
  transform: translateY(var(--pf-c-tile--TranslateY));
30859
30975
  }
@@ -31005,12 +31121,12 @@ svg.pf-c-spinner.pf-m-xl {
31005
31121
  outline-offset: var(--pf-c-timestamp--OutlineOffset);
31006
31122
  }
31007
31123
  .pf-c-timestamp.pf-m-help-text {
31008
- cursor: pointer;
31009
31124
  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
31010
- text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
31011
31125
  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
31012
- text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31126
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
31013
31127
  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
31128
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31129
+ cursor: pointer;
31014
31130
  }
31015
31131
  .pf-c-timestamp.pf-m-help-text:hover {
31016
31132
  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
@@ -31233,8 +31349,10 @@ svg.pf-c-spinner.pf-m-xl {
31233
31349
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
31234
31350
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31235
31351
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
31236
- --pf-c-tooltip__arrow--Width: 0.5rem;
31237
- --pf-c-tooltip__arrow--Height: 0.5rem;
31352
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31353
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31354
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31355
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
31238
31356
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
31239
31357
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
31240
31358
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31304,7 +31422,8 @@ svg.pf-c-spinner.pf-m-xl {
31304
31422
  width: var(--pf-c-tooltip__arrow--Width);
31305
31423
  height: var(--pf-c-tooltip__arrow--Height);
31306
31424
  pointer-events: none;
31307
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31425
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31426
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31308
31427
  }
31309
31428
 
31310
31429
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -31344,16 +31463,8 @@ svg.pf-c-spinner.pf-m-xl {
31344
31463
  }
31345
31464
 
31346
31465
  :where(.pf-theme-dark) .pf-c-tooltip {
31347
- --pf-c-tooltip--BoxShadow: none;
31348
31466
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31349
- }
31350
- :where(.pf-theme-dark) .pf-c-tooltip,
31351
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31352
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31353
- }
31354
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31355
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31356
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31467
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31357
31468
  }
31358
31469
 
31359
31470
  .pf-c-truncate {
@@ -31438,11 +31549,12 @@ svg.pf-c-spinner.pf-m-xl {
31438
31549
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31439
31550
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31440
31551
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31552
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31441
31553
  --pf-c-tree-view__node-container--Display: contents;
31442
31554
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31443
31555
  --pf-c-tree-view__node-content--Overflow: visible;
31444
31556
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31445
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31557
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31446
31558
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31447
31559
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31448
31560
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31452,6 +31564,7 @@ svg.pf-c-spinner.pf-m-xl {
31452
31564
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31453
31565
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31454
31566
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31567
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31455
31568
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31456
31569
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31457
31570
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31476,10 +31589,6 @@ svg.pf-c-spinner.pf-m-xl {
31476
31589
  --pf-c-tree-view__node-text--max-lines: 1;
31477
31590
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31478
31591
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31479
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31480
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31481
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31482
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31483
31592
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31484
31593
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31485
31594
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31677,13 +31786,14 @@ svg.pf-c-spinner.pf-m-xl {
31677
31786
  display: flex;
31678
31787
  padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
31679
31788
  color: var(--pf-c-tree-view__node--Color);
31789
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31680
31790
  }
31681
31791
  .pf-c-tree-view__node.pf-m-current {
31682
31792
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31683
31793
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31684
31794
  }
31685
31795
  .pf-c-tree-view__node:focus {
31686
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31796
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31687
31797
  }
31688
31798
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31689
31799
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31730,6 +31840,7 @@ svg.pf-c-spinner.pf-m-xl {
31730
31840
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31731
31841
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31732
31842
  color: var(--pf-c-tree-view__node-toggle--Color);
31843
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31733
31844
  border: 0;
31734
31845
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31735
31846
  }
@@ -31753,6 +31864,7 @@ svg.pf-c-spinner.pf-m-xl {
31753
31864
  font-weight: inherit;
31754
31865
  color: inherit;
31755
31866
  text-align: left;
31867
+ background-color: transparent;
31756
31868
  border: 0;
31757
31869
  }
31758
31870
  label.pf-c-tree-view__node-text {
@@ -31784,15 +31896,6 @@ label.pf-c-tree-view__node-text {
31784
31896
 
31785
31897
  .pf-c-tree-view__action {
31786
31898
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31787
- color: var(--pf-c-tree-view__action--Color);
31788
- border: 0;
31789
- }
31790
- .pf-c-tree-view__action:hover {
31791
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31792
- }
31793
- .pf-c-tree-view__action:focus {
31794
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31795
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31796
31899
  }
31797
31900
 
31798
31901
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31941,9 +32044,14 @@ label.pf-c-tree-view__node-text {
31941
32044
  --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
31942
32045
  --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
31943
32046
  --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
32047
+ --pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
32048
+ --pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
32049
+ --pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
32050
+ --pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
31944
32051
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31945
32052
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31946
32053
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
32054
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31947
32055
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31948
32056
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31949
32057
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32123,6 +32231,8 @@ label.pf-c-tree-view__node-text {
32123
32231
  position: absolute;
32124
32232
  top: var(--pf-c-wizard__close--Top);
32125
32233
  right: var(--pf-c-wizard__close--Right);
32234
+ }
32235
+ .pf-c-wizard__header .pf-c-wizard__close button {
32126
32236
  font-size: var(--pf-c-wizard__close--FontSize);
32127
32237
  }
32128
32238
 
@@ -32131,6 +32241,13 @@ label.pf-c-tree-view__node-text {
32131
32241
  word-wrap: break-word;
32132
32242
  }
32133
32243
 
32244
+ .pf-c-wizard__title-text {
32245
+ font-family: var(--pf-c-wizard__title-text--FontFamily);
32246
+ font-size: var(--pf-c-wizard__title-text--FontSize);
32247
+ font-weight: var(--pf-c-wizard__title-text--FontWeight);
32248
+ line-height: var(--pf-c-wizard__title-text--LineHeight);
32249
+ }
32250
+
32134
32251
  .pf-c-wizard__description {
32135
32252
  display: none;
32136
32253
  padding-top: var(--pf-c-wizard__description--PaddingTop);
@@ -32293,6 +32410,7 @@ label.pf-c-tree-view__node-text {
32293
32410
  text-align: left;
32294
32411
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32295
32412
  word-break: break-word;
32413
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32296
32414
  border: 0;
32297
32415
  }
32298
32416
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -32378,8 +32496,8 @@ label.pf-c-tree-view__node-text {
32378
32496
  position: relative;
32379
32497
  z-index: var(--pf-c-wizard__footer--ZIndex);
32380
32498
  display: flex;
32381
- flex-wrap: wrap;
32382
32499
  flex-shrink: 0;
32500
+ flex-wrap: wrap;
32383
32501
  padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
32384
32502
  background-color: var(--pf-c-wizard__footer--BackgroundColor);
32385
32503
  }
@@ -34060,8 +34178,8 @@ label.pf-c-tree-view__node-text {
34060
34178
  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
34061
34179
  --pf-l-gallery--GridTemplateRows: auto;
34062
34180
  display: grid;
34063
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
34064
34181
  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
34182
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
34065
34183
  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
34066
34184
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
34067
34185
  }
@@ -34129,39 +34247,39 @@ label.pf-c-tree-view__node-text {
34129
34247
  }
34130
34248
  .pf-l-grid > *,
34131
34249
  .pf-l-grid .pf-l-grid__item {
34132
- min-width: 0;
34133
- min-height: 0;
34134
34250
  grid-column-start: var(--pf-l-grid__item--GridColumnStart);
34135
34251
  grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
34252
+ min-width: 0;
34253
+ min-height: 0;
34136
34254
  order: var(--pf-l-grid--item--Order);
34137
34255
  }
34138
34256
  @media (min-width: 576px) {
34139
34257
  .pf-l-grid > *,
34140
- .pf-l-grid .pf-l-grid__item {
34258
+ .pf-l-grid .pf-l-grid__item {
34141
34259
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34142
34260
  }
34143
34261
  }
34144
34262
  @media (min-width: 768px) {
34145
34263
  .pf-l-grid > *,
34146
- .pf-l-grid .pf-l-grid__item {
34264
+ .pf-l-grid .pf-l-grid__item {
34147
34265
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34148
34266
  }
34149
34267
  }
34150
34268
  @media (min-width: 992px) {
34151
34269
  .pf-l-grid > *,
34152
- .pf-l-grid .pf-l-grid__item {
34270
+ .pf-l-grid .pf-l-grid__item {
34153
34271
  order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
34154
34272
  }
34155
34273
  }
34156
34274
  @media (min-width: 1200px) {
34157
34275
  .pf-l-grid > *,
34158
- .pf-l-grid .pf-l-grid__item {
34276
+ .pf-l-grid .pf-l-grid__item {
34159
34277
  order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
34160
34278
  }
34161
34279
  }
34162
34280
  @media (min-width: 1450px) {
34163
34281
  .pf-l-grid > *,
34164
- .pf-l-grid .pf-l-grid__item {
34282
+ .pf-l-grid .pf-l-grid__item {
34165
34283
  order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
34166
34284
  }
34167
34285
  }