@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
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
3
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
4
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
5
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -470,133 +470,123 @@
470
470
 
471
471
  @font-face {
472
472
  font-family: "RedHatDisplay";
473
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
474
473
  font-style: normal;
475
474
  font-weight: 300;
475
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
476
476
  text-rendering: optimizelegibility;
477
477
  }
478
478
  @font-face {
479
479
  font-family: "RedHatDisplay";
480
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
481
480
  font-style: normal;
482
481
  font-weight: 400;
482
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
483
483
  text-rendering: optimizelegibility;
484
484
  }
485
485
  @font-face {
486
486
  font-family: "RedHatDisplay";
487
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
488
487
  font-style: normal;
489
488
  font-weight: 700;
489
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
490
490
  text-rendering: optimizelegibility;
491
491
  }
492
492
  @font-face {
493
493
  font-family: "RedHatText";
494
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
495
494
  font-style: normal;
496
495
  font-weight: 400;
496
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
497
497
  text-rendering: optimizelegibility;
498
498
  }
499
499
  @font-face {
500
500
  font-family: "RedHatText";
501
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
502
501
  font-style: normal;
503
502
  font-weight: 700;
503
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
504
504
  text-rendering: optimizelegibility;
505
505
  }
506
506
  @font-face {
507
507
  font-family: "RedHatDisplayUpdated";
508
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
509
508
  font-style: normal;
510
509
  font-weight: 300;
510
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
511
511
  text-rendering: optimizelegibility;
512
512
  }
513
513
  @font-face {
514
514
  font-family: "RedHatDisplayUpdated";
515
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
516
515
  font-style: normal;
517
516
  font-weight: 400;
517
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
518
518
  text-rendering: optimizelegibility;
519
519
  }
520
520
  @font-face {
521
521
  font-family: "RedHatDisplayUpdated";
522
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
523
522
  font-style: normal;
524
523
  font-weight: 700;
524
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
525
525
  text-rendering: optimizelegibility;
526
526
  }
527
527
  @font-face {
528
528
  font-family: "RedHatTextUpdated";
529
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
530
529
  font-style: normal;
531
530
  font-weight: 400;
531
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
532
532
  text-rendering: optimizelegibility;
533
533
  }
534
534
  @font-face {
535
535
  font-family: "RedHatTextUpdated";
536
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
537
536
  font-style: normal;
538
537
  font-weight: 700;
538
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
539
539
  text-rendering: optimizelegibility;
540
540
  }
541
541
  @font-face {
542
542
  font-family: "RedHatMono";
543
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
544
543
  font-style: normal;
545
544
  font-weight: 400;
545
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
546
546
  font-display: fallback;
547
547
  }
548
548
  @font-face {
549
549
  font-family: "RedHatDisplayVF";
550
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
551
550
  font-style: normal;
552
551
  font-weight: 300 900;
552
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
553
553
  font-display: fallback;
554
554
  }
555
555
  @font-face {
556
556
  font-family: "RedHatDisplayVF";
557
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
558
557
  font-style: italic;
559
558
  font-weight: 300 900;
559
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
560
560
  font-display: fallback;
561
561
  }
562
562
  @font-face {
563
563
  font-family: "RedHatTextVF";
564
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
565
564
  font-style: normal;
566
565
  font-weight: 400 500;
566
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
567
567
  font-display: fallback;
568
568
  }
569
569
  @font-face {
570
570
  font-family: "RedHatTextVF";
571
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
572
571
  font-style: italic;
573
572
  font-weight: 400 500;
573
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
574
574
  font-display: fallback;
575
575
  }
576
576
  @font-face {
577
577
  font-family: "RedHatMonoVF";
578
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
579
578
  font-style: normal;
580
579
  font-weight: 300 700;
580
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
581
581
  font-display: fallback;
582
582
  }
583
583
  @font-face {
584
584
  font-family: "RedHatMonoVF";
585
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
586
585
  font-style: italic;
587
586
  font-weight: 300 700;
587
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
588
588
  font-display: fallback;
589
589
  }
590
- [class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
591
- padding: 0;
592
- margin: 0;
593
- background-color: transparent;
594
- }
595
-
596
- html {
597
- font-size: var(--pf-global--root--FontSize, unset) !important;
598
- }
599
-
600
590
  .pf-screen-reader {
601
591
  position: fixed;
602
592
  top: 0;
@@ -4843,7 +4833,7 @@ html {
4843
4833
  font-family: "pficon";
4844
4834
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4845
4835
  }
4846
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4836
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4847
4837
  font-family: "pficon";
4848
4838
  -webkit-font-smoothing: antialiased;
4849
4839
  -moz-osx-font-smoothing: grayscale;
@@ -4942,6 +4932,10 @@ html {
4942
4932
  content: "\e976";
4943
4933
  }
4944
4934
 
4935
+ .pf-icon-data-processor:before {
4936
+ content: "\e97b";
4937
+ }
4938
+
4945
4939
  .pf-icon-data-sink:before {
4946
4940
  content: "\e978";
4947
4941
  }
@@ -5362,30 +5356,12 @@ html {
5362
5356
  content: "\e911";
5363
5357
  }
5364
5358
 
5365
- .pf-svg-size-sm {
5359
+ .pf-svg {
5366
5360
  width: 1em;
5367
5361
  height: 1em;
5368
5362
  vertical-align: -0.125em;
5369
5363
  }
5370
5364
 
5371
- .pf-svg-size-md {
5372
- width: 1.5em;
5373
- height: 1.5em;
5374
- vertical-align: -0.1875em;
5375
- }
5376
-
5377
- .pf-svg-size-lg {
5378
- width: 2em;
5379
- height: 2em;
5380
- vertical-align: -0.25em;
5381
- }
5382
-
5383
- .pf-svg-size-xl {
5384
- width: 3em;
5385
- height: 3em;
5386
- vertical-align: -0.375em;
5387
- }
5388
-
5389
5365
  .pf-c-about-modal-box {
5390
5366
  --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
5391
5367
  --pf-c-about-modal-box--Height: 100%;
@@ -5437,8 +5413,8 @@ html {
5437
5413
  color: var(--pf-global--Color--100);
5438
5414
  position: relative;
5439
5415
  display: grid;
5440
- grid-template-rows: max-content max-content auto;
5441
5416
  grid-template-areas: "brand close" "header header" "content content";
5417
+ grid-template-rows: max-content max-content auto;
5442
5418
  width: var(--pf-c-about-modal-box--Width);
5443
5419
  height: var(--pf-c-about-modal-box--Height);
5444
5420
  overflow-x: hidden;
@@ -5484,22 +5460,22 @@ html {
5484
5460
  }
5485
5461
  @media only screen and (min-width: 576px) {
5486
5462
  .pf-c-about-modal-box {
5487
- grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5488
5463
  grid-template-areas: "brand hero" "header hero" "content hero";
5464
+ grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
5489
5465
  }
5490
5466
  }
5491
5467
  @media only screen and (min-width: 992px) {
5492
5468
  .pf-c-about-modal-box {
5493
5469
  --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
5494
5470
  --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
5495
- grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5496
5471
  grid-template-rows: max-content max-content auto;
5472
+ grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
5497
5473
  }
5498
5474
  }
5499
5475
 
5500
5476
  .pf-c-about-modal-box__brand {
5501
- grid-area: brand;
5502
5477
  display: flex;
5478
+ grid-area: brand;
5503
5479
  padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
5504
5480
  }
5505
5481
 
@@ -5508,9 +5484,9 @@ html {
5508
5484
  }
5509
5485
 
5510
5486
  .pf-c-about-modal-box__header {
5511
- grid-area: header;
5512
5487
  display: flex;
5513
5488
  flex-direction: column;
5489
+ grid-area: header;
5514
5490
  padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
5515
5491
  padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
5516
5492
  padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
@@ -5541,10 +5517,10 @@ html {
5541
5517
  }
5542
5518
 
5543
5519
  .pf-c-about-modal-box__close {
5544
- grid-area: close;
5545
5520
  position: sticky;
5546
5521
  top: 0;
5547
5522
  display: flex;
5523
+ grid-area: close;
5548
5524
  align-items: flex-start;
5549
5525
  justify-content: flex-end;
5550
5526
  padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
@@ -5583,12 +5559,12 @@ html {
5583
5559
  @media only screen and (min-width: 576px) {
5584
5560
  .pf-c-about-modal-box__hero {
5585
5561
  display: block;
5562
+ grid-area: hero;
5586
5563
  background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
5587
5564
  background-repeat: no-repeat;
5588
5565
  background-attachment: fixed;
5589
5566
  background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
5590
5567
  background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
5591
- grid-area: hero;
5592
5568
  }
5593
5569
  }
5594
5570
 
@@ -5647,6 +5623,7 @@ html {
5647
5623
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5648
5624
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5649
5625
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5626
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5650
5627
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5651
5628
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5652
5629
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5761,6 +5738,7 @@ html {
5761
5738
  padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
5762
5739
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5763
5740
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5741
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5764
5742
  border: 0;
5765
5743
  }
5766
5744
  .pf-c-accordion__toggle::after {
@@ -5985,13 +5963,13 @@ html {
5985
5963
  color: var(--pf-global--Color--100);
5986
5964
  position: relative;
5987
5965
  display: grid;
5966
+ grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
5967
+ grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
5988
5968
  padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
5989
5969
  font-size: var(--pf-c-alert__FontSize);
5990
5970
  background-color: var(--pf-c-alert--BackgroundColor);
5991
5971
  border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
5992
5972
  box-shadow: var(--pf-c-alert--BoxShadow);
5993
- grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
5994
- grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
5995
5973
  }
5996
5974
  .pf-c-alert.pf-m-success {
5997
5975
  --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
@@ -6052,8 +6030,8 @@ html {
6052
6030
  }
6053
6031
 
6054
6032
  .pf-c-alert__icon {
6055
- grid-area: icon;
6056
6033
  display: flex;
6034
+ grid-area: icon;
6057
6035
  margin-top: var(--pf-c-alert__icon--MarginTop);
6058
6036
  margin-right: var(--pf-c-alert__icon--MarginRight);
6059
6037
  font-size: var(--pf-c-alert__icon--FontSize);
@@ -6228,6 +6206,7 @@ html {
6228
6206
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6229
6207
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6230
6208
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6209
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6231
6210
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6232
6211
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6233
6212
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6290,6 +6269,7 @@ html {
6290
6269
  .pf-c-app-launcher__toggle {
6291
6270
  padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
6292
6271
  color: var(--pf-c-app-launcher__toggle--Color);
6272
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6293
6273
  border: none;
6294
6274
  }
6295
6275
  .pf-c-app-launcher__toggle:hover {
@@ -6913,18 +6893,18 @@ html {
6913
6893
  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
6914
6894
  --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
6915
6895
  --pf-c-banner--link--disabled--TextDecoration: none;
6916
- --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
6917
- --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
6918
- --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
6919
- --pf-c-banner--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
6896
+ --pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
6897
+ --pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
6898
+ --pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
6899
+ --pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
6920
6900
  --pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
6921
6901
  --pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
6922
6902
  color: var(--pf-global--Color--100);
6923
6903
  overflow: hidden;
6924
6904
  text-overflow: ellipsis;
6925
6905
  white-space: nowrap;
6926
- padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
6927
6906
  flex-shrink: 0;
6907
+ padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
6928
6908
  font-size: var(--pf-c-banner--FontSize);
6929
6909
  color: var(--pf-c-banner--Color);
6930
6910
  white-space: nowrap;
@@ -6936,19 +6916,19 @@ html {
6936
6916
  --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
6937
6917
  }
6938
6918
  }
6939
- .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
6919
+ .pf-c-banner.pf-m-blue {
6940
6920
  color: var(--pf-global--Color--100);
6941
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
6921
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
6942
6922
  }
6943
- .pf-c-banner.pf-m-danger, .pf-c-banner.pf-m-red {
6944
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor);
6923
+ .pf-c-banner.pf-m-red {
6924
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
6945
6925
  }
6946
- .pf-c-banner.pf-m-success, .pf-c-banner.pf-m-green {
6947
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor);
6926
+ .pf-c-banner.pf-m-green {
6927
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
6948
6928
  }
6949
- .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold {
6929
+ .pf-c-banner.pf-m-gold {
6950
6930
  color: var(--pf-global--Color--100);
6951
- --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
6931
+ --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
6952
6932
  }
6953
6933
  .pf-c-banner.pf-m-sticky {
6954
6934
  position: sticky;
@@ -7102,6 +7082,7 @@ html {
7102
7082
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7103
7083
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7104
7084
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7085
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7105
7086
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7106
7087
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7107
7088
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7144,6 +7125,7 @@ html {
7144
7125
  color: var(--pf-c-breadcrumb__link--Color);
7145
7126
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7146
7127
  word-break: break-word;
7128
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7147
7129
  }
7148
7130
  .pf-c-breadcrumb__link:hover {
7149
7131
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -7811,7 +7793,7 @@ button.pf-c-breadcrumb__link {
7811
7793
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
7812
7794
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
7813
7795
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
7814
- --pf-c-calendar-month__header-year--Width: 8ch;
7796
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
7815
7797
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
7816
7798
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
7817
7799
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
@@ -7988,9 +7970,9 @@ button.pf-c-breadcrumb__link {
7988
7970
  box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
7989
7971
  }
7990
7972
  .pf-c-calendar-month__date:disabled {
7991
- pointer-events: none;
7992
7973
  --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
7993
7974
  --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
7975
+ pointer-events: none;
7994
7976
  }
7995
7977
 
7996
7978
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
@@ -8059,14 +8041,17 @@ button.pf-c-breadcrumb__link {
8059
8041
  --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
8060
8042
  --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
8061
8043
  --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
8062
- --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8063
- --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
8064
- --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
8065
8044
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
8045
+ --pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
8046
+ --pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
8047
+ --pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
8048
+ --pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
8066
8049
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8067
8050
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8068
8051
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8069
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8052
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8053
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8054
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8070
8055
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8071
8056
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8072
8057
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8122,7 +8107,7 @@ button.pf-c-breadcrumb__link {
8122
8107
  --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
8123
8108
  --pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
8124
8109
  --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
8125
- --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
8110
+ --pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
8126
8111
  --pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
8127
8112
  --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
8128
8113
  --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
@@ -8137,7 +8122,6 @@ button.pf-c-breadcrumb__link {
8137
8122
  --pf-c-card--m-plain--BackgroundColor: transparent;
8138
8123
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8139
8124
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8140
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8141
8125
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8142
8126
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8143
8127
  display: flex;
@@ -8235,7 +8219,7 @@ button.pf-c-breadcrumb__link {
8235
8219
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
8236
8220
  }
8237
8221
  .pf-c-card.pf-m-display-lg {
8238
- --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
8222
+ --pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
8239
8223
  --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
8240
8224
  --pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
8241
8225
  --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
@@ -8283,13 +8267,11 @@ button.pf-c-breadcrumb__link {
8283
8267
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8284
8268
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8285
8269
  }
8286
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8287
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8288
- }
8289
8270
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8290
8271
  order: 2;
8291
8272
  }
8292
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8273
+
8274
+ .pf-c-card__header-main {
8293
8275
  flex: 1;
8294
8276
  }
8295
8277
 
@@ -8303,22 +8285,21 @@ button.pf-c-breadcrumb__link {
8303
8285
  transition: var(--pf-c-card__header-toggle-icon--Transition);
8304
8286
  }
8305
8287
 
8306
- .pf-c-card__title {
8307
- font-family: var(--pf-c-card__title--FontFamily);
8308
- font-size: var(--pf-c-card__title--FontSize);
8309
- font-weight: var(--pf-c-card__title--FontWeight);
8288
+ .pf-c-card__title-text {
8289
+ font-family: var(--pf-c-card__title-text--FontFamily);
8290
+ font-size: var(--pf-c-card__title-text--FontSize);
8291
+ font-weight: var(--pf-c-card__title-text--FontWeight);
8292
+ line-height: var(--pf-c-card__title-text--LineHeight);
8310
8293
  }
8311
8294
 
8312
8295
  .pf-c-card__actions {
8313
8296
  display: flex;
8297
+ gap: var(--pf-c-card__actions--Gap);
8314
8298
  align-items: center;
8315
8299
  align-self: flex-start;
8316
8300
  order: 1;
8317
8301
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8318
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8319
- }
8320
- .pf-c-card__actions > * + * {
8321
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8302
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8322
8303
  }
8323
8304
  .pf-c-card__actions + .pf-c-card__title,
8324
8305
  .pf-c-card__actions + .pf-c-card__body,
@@ -8326,8 +8307,8 @@ button.pf-c-breadcrumb__link {
8326
8307
  padding: 0;
8327
8308
  }
8328
8309
  .pf-c-card__actions.pf-m-no-offset {
8329
- --pf-c-card__header-toggle--MarginTop: 0;
8330
- --pf-c-card__header-toggle--MarginBottom: 0;
8310
+ --pf-c-card__actions--MarginTop: 0;
8311
+ --pf-c-card__actions--MarginBottom: 0;
8331
8312
  }
8332
8313
 
8333
8314
  .pf-c-card__header,
@@ -8507,18 +8488,19 @@ label.pf-c-check, .pf-c-check__label,
8507
8488
  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
8508
8489
  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
8509
8490
  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
8510
- --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
8491
+ --pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
8492
+ --pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
8511
8493
  --pf-c-chip__text--Color: var(--pf-global--Color--100);
8512
8494
  --pf-c-chip__text--MaxWidth: 16ch;
8513
- --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
8514
- --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
8515
- --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
8516
- --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
8517
- --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8518
- --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8519
- --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8520
- --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
8521
- --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
8495
+ --pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
8496
+ --pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
8497
+ --pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
8498
+ --pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
8499
+ --pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
8500
+ --pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
8501
+ --pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
8502
+ --pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
8503
+ --pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
8522
8504
  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
8523
8505
  color: var(--pf-global--Color--100);
8524
8506
  position: relative;
@@ -8553,19 +8535,6 @@ label.pf-c-check, .pf-c-check__label,
8553
8535
  .pf-c-chip.pf-m-draggable .pf-c-chip__icon {
8554
8536
  font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
8555
8537
  }
8556
- .pf-c-chip .pf-c-button {
8557
- --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
8558
- --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
8559
- --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
8560
- --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
8561
- --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
8562
- margin-top: var(--pf-c-chip__c-button--MarginTop);
8563
- margin-right: var(--pf-c-chip__c-button--MarginRight);
8564
- margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
8565
- }
8566
- .pf-c-chip .pf-c-badge {
8567
- margin-left: var(--pf-c-chip__c-badge--MarginLeft);
8568
- }
8569
8538
 
8570
8539
  .pf-c-chip__text {
8571
8540
  overflow: hidden;
@@ -8573,7 +8542,6 @@ label.pf-c-check, .pf-c-check__label,
8573
8542
  white-space: nowrap;
8574
8543
  position: relative;
8575
8544
  max-width: var(--pf-c-chip__text--MaxWidth);
8576
- font-size: var(--pf-c-chip__text--FontSize);
8577
8545
  color: var(--pf-c-chip__text--Color);
8578
8546
  }
8579
8547
 
@@ -8582,6 +8550,28 @@ label.pf-c-check, .pf-c-check__label,
8582
8550
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8583
8551
  }
8584
8552
 
8553
+ .pf-c-chip__content {
8554
+ display: flex;
8555
+ column-gap: var(--pf-c-chip__content--ColumnGap);
8556
+ align-items: center;
8557
+ font-size: var(--pf-c-chip__content--FontSize);
8558
+ }
8559
+
8560
+ .pf-c-chip__actions {
8561
+ font-size: var(--pf-c-chip__actions--FontSize);
8562
+ }
8563
+ .pf-c-chip__actions .pf-c-button {
8564
+ --pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
8565
+ --pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
8566
+ --pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
8567
+ --pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
8568
+ --pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
8569
+ margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
8570
+ margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
8571
+ margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
8572
+ line-height: 1;
8573
+ }
8574
+
8585
8575
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8586
8576
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8587
8577
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -8626,28 +8616,39 @@ label.pf-c-check, .pf-c-check__label,
8626
8616
 
8627
8617
  .pf-c-chip-group {
8628
8618
  color: var(--pf-global--Color--100);
8629
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8630
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8619
+ --pf-c-chip-group--PaddingTop: 0;
8620
+ --pf-c-chip-group--PaddingRight: 0;
8621
+ --pf-c-chip-group--PaddingBottom: 0;
8622
+ --pf-c-chip-group--PaddingLeft: 0;
8623
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8624
+ --pf-c-chip-group--ColumnGap: 0;
8625
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8626
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8627
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8628
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8631
8629
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8632
8630
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8633
8631
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8634
8632
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8635
8633
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8636
8634
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8637
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8638
8635
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8639
8636
  --pf-c-chip-group__label--MaxWidth: 18ch;
8640
8637
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8641
8638
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8642
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8643
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8639
+ row-gap: var(--pf-c-chip-group--RowGap);
8640
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8644
8641
  max-width: 100%;
8642
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8643
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8644
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8645
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8645
8646
  }
8646
8647
  .pf-c-chip-group.pf-m-category {
8647
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8648
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8649
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8650
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8648
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8649
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8650
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8651
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8651
8652
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8652
8653
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8653
8654
  }
@@ -8656,15 +8657,12 @@ label.pf-c-check, .pf-c-check__label,
8656
8657
  display: flex;
8657
8658
  flex: 1;
8658
8659
  flex-wrap: wrap;
8660
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8661
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8659
8662
  align-items: baseline;
8660
8663
  min-width: 0;
8661
8664
  }
8662
8665
 
8663
- .pf-c-chip-group__list {
8664
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8665
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8666
- }
8667
-
8668
8666
  .pf-c-chip-group,
8669
8667
  .pf-c-chip-group__list {
8670
8668
  display: inline-flex;
@@ -8673,11 +8671,14 @@ label.pf-c-check, .pf-c-check__label,
8673
8671
  min-width: 0;
8674
8672
  }
8675
8673
 
8674
+ .pf-c-chip-group__list {
8675
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8676
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8677
+ }
8678
+
8676
8679
  .pf-c-chip-group__list-item {
8677
8680
  display: inline-flex;
8678
8681
  min-width: 0;
8679
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8680
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8681
8682
  }
8682
8683
 
8683
8684
  .pf-c-chip-group__label {
@@ -8685,7 +8686,6 @@ label.pf-c-check, .pf-c-check__label,
8685
8686
  text-overflow: ellipsis;
8686
8687
  white-space: nowrap;
8687
8688
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8688
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8689
8689
  font-size: var(--pf-c-chip-group__label--FontSize);
8690
8690
  }
8691
8691
 
@@ -9177,6 +9177,12 @@ label.pf-c-check, .pf-c-check__label,
9177
9177
  .pf-c-content ul {
9178
9178
  margin: 0;
9179
9179
  }
9180
+ .pf-c-content ol.pf-m-plain,
9181
+ .pf-c-content ul.pf-m-plain {
9182
+ padding-left: 0;
9183
+ margin-left: 0;
9184
+ list-style: none;
9185
+ }
9180
9186
  .pf-c-content h1 {
9181
9187
  margin-top: var(--pf-c-content--h1--MarginTop);
9182
9188
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
@@ -9243,12 +9249,12 @@ label.pf-c-check, .pf-c-check__label,
9243
9249
  margin-left: var(--pf-c-content--ol--MarginLeft);
9244
9250
  }
9245
9251
  .pf-c-content ol ul {
9246
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9247
9252
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9253
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9248
9254
  }
9249
9255
  .pf-c-content ol ol {
9250
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9251
9256
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9257
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9252
9258
  }
9253
9259
  .pf-c-content ul {
9254
9260
  padding-left: var(--pf-c-content--ul--PaddingLeft);
@@ -9256,12 +9262,12 @@ label.pf-c-check, .pf-c-check__label,
9256
9262
  list-style: var(--pf-c-content--ul--ListStyle);
9257
9263
  }
9258
9264
  .pf-c-content ul ul {
9259
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
9260
9265
  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
9266
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
9261
9267
  }
9262
9268
  .pf-c-content ul ol {
9263
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
9264
9269
  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
9270
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
9265
9271
  }
9266
9272
  .pf-c-content dl {
9267
9273
  display: grid;
@@ -9270,8 +9276,8 @@ label.pf-c-check, .pf-c-check__label,
9270
9276
  @media screen and (min-width: 576px) {
9271
9277
  .pf-c-content dl {
9272
9278
  grid-template: auto/auto 1fr;
9273
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9274
9279
  grid-row-gap: var(--pf-c-content--dl--RowGap);
9280
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
9275
9281
  }
9276
9282
  }
9277
9283
  .pf-c-content dt {
@@ -9314,6 +9320,7 @@ label.pf-c-check, .pf-c-check__label,
9314
9320
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9315
9321
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9316
9322
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9323
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9317
9324
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9318
9325
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9319
9326
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9352,6 +9359,7 @@ label.pf-c-check, .pf-c-check__label,
9352
9359
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9353
9360
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9354
9361
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9362
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9355
9363
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9356
9364
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9357
9365
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9463,6 +9471,7 @@ label.pf-c-check, .pf-c-check__label,
9463
9471
  color: var(--pf-c-context-selector__toggle--Color);
9464
9472
  white-space: nowrap;
9465
9473
  cursor: pointer;
9474
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9466
9475
  border: none;
9467
9476
  }
9468
9477
  .pf-c-context-selector__toggle::before {
@@ -9571,11 +9580,12 @@ label.pf-c-check, .pf-c-check__label,
9571
9580
  padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
9572
9581
  color: var(--pf-c-context-selector__menu-list-item--Color);
9573
9582
  white-space: nowrap;
9583
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9574
9584
  border: none;
9575
9585
  }
9576
9586
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9587
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9577
9588
  text-decoration: none;
9578
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9579
9589
  }
9580
9590
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9581
9591
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -9658,8 +9668,8 @@ label.pf-c-check, .pf-c-check__label,
9658
9668
  @media screen and (min-width: 768px) {
9659
9669
  .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
9660
9670
  display: flex;
9661
- flex-wrap: wrap;
9662
9671
  flex-grow: 1;
9672
+ flex-wrap: wrap;
9663
9673
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9664
9674
  }
9665
9675
  }
@@ -9720,8 +9730,8 @@ label.pf-c-check, .pf-c-check__label,
9720
9730
  @media screen and (min-width: 0) {
9721
9731
  .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
9722
9732
  display: flex;
9723
- flex-wrap: wrap;
9724
9733
  flex-grow: 1;
9734
+ flex-wrap: wrap;
9725
9735
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9726
9736
  }
9727
9737
  }
@@ -9782,8 +9792,8 @@ label.pf-c-check, .pf-c-check__label,
9782
9792
  @media screen and (min-width: 576px) {
9783
9793
  .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
9784
9794
  display: flex;
9785
- flex-wrap: wrap;
9786
9795
  flex-grow: 1;
9796
+ flex-wrap: wrap;
9787
9797
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9788
9798
  }
9789
9799
  }
@@ -9844,8 +9854,8 @@ label.pf-c-check, .pf-c-check__label,
9844
9854
  @media screen and (min-width: 768px) {
9845
9855
  .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
9846
9856
  display: flex;
9847
- flex-wrap: wrap;
9848
9857
  flex-grow: 1;
9858
+ flex-wrap: wrap;
9849
9859
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9850
9860
  }
9851
9861
  }
@@ -9906,8 +9916,8 @@ label.pf-c-check, .pf-c-check__label,
9906
9916
  @media screen and (min-width: 992px) {
9907
9917
  .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
9908
9918
  display: flex;
9909
- flex-wrap: wrap;
9910
9919
  flex-grow: 1;
9920
+ flex-wrap: wrap;
9911
9921
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9912
9922
  }
9913
9923
  }
@@ -9968,8 +9978,8 @@ label.pf-c-check, .pf-c-check__label,
9968
9978
  @media screen and (min-width: 1200px) {
9969
9979
  .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
9970
9980
  display: flex;
9971
- flex-wrap: wrap;
9972
9981
  flex-grow: 1;
9982
+ flex-wrap: wrap;
9973
9983
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
9974
9984
  }
9975
9985
  }
@@ -10030,8 +10040,8 @@ label.pf-c-check, .pf-c-check__label,
10030
10040
  @media screen and (min-width: 1450px) {
10031
10041
  .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
10032
10042
  display: flex;
10033
- flex-wrap: wrap;
10034
10043
  flex-grow: 1;
10044
+ flex-wrap: wrap;
10035
10045
  padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
10036
10046
  }
10037
10047
  }
@@ -10124,6 +10134,7 @@ label.pf-c-check, .pf-c-check__label,
10124
10134
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10125
10135
  --pf-c-data-list__toggle-icon--Rotate: 0;
10126
10136
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10137
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10127
10138
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10128
10139
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10129
10140
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10195,7 +10206,6 @@ label.pf-c-check, .pf-c-check__label,
10195
10206
  font-size: var(--pf-c-data-list--FontSize);
10196
10207
  line-height: var(--pf-c-data-list--LineHeight);
10197
10208
  overflow-wrap: break-word;
10198
- list-style-type: disc;
10199
10209
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10200
10210
  }
10201
10211
  @media screen and (min-width: 576px) {
@@ -10368,6 +10378,7 @@ label.pf-c-check, .pf-c-check__label,
10368
10378
  flex-direction: column;
10369
10379
  padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
10370
10380
  margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
10381
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10371
10382
  border: 0;
10372
10383
  }
10373
10384
  .pf-c-data-list__item-draggable-button:hover {
@@ -10390,8 +10401,8 @@ label.pf-c-check, .pf-c-check__label,
10390
10401
 
10391
10402
  .pf-c-data-list__item-action {
10392
10403
  --pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
10393
- align-items: flex-start;
10394
10404
  align-content: flex-start;
10405
+ align-items: flex-start;
10395
10406
  padding-top: var(--pf-c-data-list__item-action--PaddingTop);
10396
10407
  padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
10397
10408
  margin-left: var(--pf-c-data-list__item-action--MarginLeft);
@@ -10417,8 +10428,8 @@ label.pf-c-check, .pf-c-check__label,
10417
10428
 
10418
10429
  .pf-c-data-list__item-content {
10419
10430
  display: grid;
10420
- width: 100%;
10421
10431
  grid-template-columns: auto 1fr;
10432
+ width: 100%;
10422
10433
  }
10423
10434
 
10424
10435
  .pf-c-data-list__cell {
@@ -10434,8 +10445,8 @@ label.pf-c-check, .pf-c-check__label,
10434
10445
  }
10435
10446
  .pf-c-data-list__cell.pf-m-icon {
10436
10447
  flex-grow: 0;
10437
- margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10438
10448
  grid-column: 1/2;
10449
+ margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
10439
10450
  }
10440
10451
  .pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
10441
10452
  grid-column: 2/3;
@@ -10555,10 +10566,10 @@ label.pf-c-check, .pf-c-check__label,
10555
10566
  --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10556
10567
  --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10557
10568
  display: grid;
10558
- align-items: baseline;
10569
+ grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10559
10570
  row-gap: var(--pf-c-description-list--RowGap);
10560
10571
  column-gap: var(--pf-c-description-list--ColumnGap);
10561
- grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
10572
+ align-items: baseline;
10562
10573
  }
10563
10574
  @media screen and (min-width: 576px) {
10564
10575
  .pf-c-description-list {
@@ -10664,11 +10675,11 @@ label.pf-c-check, .pf-c-check__label,
10664
10675
  .pf-c-description-list__group,
10665
10676
  .pf-c-description-list > .pf-c-card {
10666
10677
  display: grid;
10678
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10679
+ grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10667
10680
  grid-column: var(--pf-c-description-list__group--GridColumn);
10668
10681
  row-gap: var(--pf-c-description-list__group--RowGap);
10669
10682
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10670
- grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10671
- grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10672
10683
  align-items: baseline;
10673
10684
  }
10674
10685
 
@@ -10705,11 +10716,11 @@ label.pf-c-check, .pf-c-check__label,
10705
10716
  }
10706
10717
  .pf-c-description-list__text.pf-m-help-text {
10707
10718
  text-decoration: underline;
10708
- cursor: pointer;
10709
- text-decoration-style: dashed;
10710
10719
  text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
10711
- text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10720
+ text-decoration-style: dashed;
10712
10721
  text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
10722
+ text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
10723
+ cursor: pointer;
10713
10724
  }
10714
10725
  .pf-c-description-list__text.pf-m-help-text:hover {
10715
10726
  --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
@@ -10949,8 +10960,8 @@ label.pf-c-check, .pf-c-check__label,
10949
10960
  --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
10950
10961
  display: grid;
10951
10962
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
10952
- grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
10953
10963
  grid-template-rows: repeat(3, auto) auto;
10964
+ grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
10954
10965
  }
10955
10966
 
10956
10967
  .pf-c-dual-list-selector__pane {
@@ -11193,13 +11204,17 @@ label.pf-c-check, .pf-c-check__label,
11193
11204
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11194
11205
  --pf-c-toolbar__item--Display: block;
11195
11206
  --pf-c-toolbar__item--MinWidth--base: auto;
11207
+ --pf-c-toolbar__item--AlignSelf: auto;
11196
11208
  --pf-c-toolbar__group--Display: flex;
11209
+ --pf-c-toolbar__group--AlignItems: baseline;
11210
+ --pf-c-toolbar__group--AlignSelf: auto;
11197
11211
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11198
11212
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11199
11213
  --pf-c-toolbar__content--Display: flex;
11200
11214
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11201
11215
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11202
11216
  --pf-c-toolbar__content-section--Display: flex;
11217
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11203
11218
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11204
11219
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11205
11220
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11246,8 +11261,8 @@ label.pf-c-check, .pf-c-check__label,
11246
11261
  --pf-c-toolbar--m-full-height__item--Display: flex;
11247
11262
  --pf-c-toolbar--m-full-height__item--AlignItems: center;
11248
11263
  position: relative;
11249
- row-gap: var(--pf-c-toolbar--RowGap);
11250
11264
  display: grid;
11265
+ row-gap: var(--pf-c-toolbar--RowGap);
11251
11266
  padding-top: var(--pf-c-toolbar--PaddingTop);
11252
11267
  padding-bottom: var(--pf-c-toolbar--PaddingBottom);
11253
11268
  background-color: var(--pf-c-toolbar--BackgroundColor);
@@ -11321,9 +11336,22 @@ label.pf-c-check, .pf-c-check__label,
11321
11336
  .pf-c-toolbar__group {
11322
11337
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11323
11338
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11324
- align-items: center;
11339
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11340
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11325
11341
  margin-right: var(--pf-c-toolbar--spacer);
11326
11342
  }
11343
+ .pf-c-toolbar__group.pf-m-align-items-center {
11344
+ align-items: center;
11345
+ }
11346
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11347
+ align-items: baseline;
11348
+ }
11349
+ .pf-c-toolbar__group.pf-m-align-self-center {
11350
+ align-self: center;
11351
+ }
11352
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11353
+ align-self: baseline;
11354
+ }
11327
11355
  .pf-c-toolbar__group.pf-m-button-group {
11328
11356
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11329
11357
  }
@@ -11364,6 +11392,7 @@ label.pf-c-check, .pf-c-check__label,
11364
11392
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11365
11393
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11366
11394
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11395
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11367
11396
  width: var(--pf-c-toolbar__item--Width--base);
11368
11397
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11369
11398
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11418,6 +11447,12 @@ label.pf-c-check, .pf-c-check__label,
11418
11447
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
11419
11448
  }
11420
11449
  }
11450
+ .pf-c-toolbar__item.pf-m-align-self-center {
11451
+ align-self: center;
11452
+ }
11453
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11454
+ align-self: baseline;
11455
+ }
11421
11456
  .pf-c-toolbar__item.pf-m-overflow-menu {
11422
11457
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11423
11458
  }
@@ -11462,20 +11497,24 @@ label.pf-c-check, .pf-c-check__label,
11462
11497
  .pf-c-toolbar__content,
11463
11498
  .pf-c-toolbar__content-section {
11464
11499
  flex-wrap: wrap;
11465
- align-items: center;
11466
11500
  }
11467
11501
 
11468
11502
  .pf-c-toolbar__content {
11469
11503
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11470
11504
  position: relative;
11505
+ align-items: center;
11471
11506
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11472
11507
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11473
11508
  }
11474
11509
 
11475
11510
  .pf-c-toolbar__content-section {
11476
11511
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11512
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11477
11513
  width: 100%;
11478
11514
  }
11515
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11516
+ align-items: center;
11517
+ }
11479
11518
 
11480
11519
  .pf-c-toolbar__expandable-content {
11481
11520
  position: absolute;
@@ -11516,9 +11555,9 @@ label.pf-c-check, .pf-c-check__label,
11516
11555
  .pf-c-toolbar__group.pf-m-chip-container {
11517
11556
  display: flex;
11518
11557
  flex-wrap: wrap;
11558
+ grid-row-gap: 0;
11519
11559
  align-items: baseline;
11520
11560
  margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
11521
- grid-row-gap: 0;
11522
11561
  }
11523
11562
  .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
11524
11563
  .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
@@ -11568,7 +11607,7 @@ label.pf-c-check, .pf-c-check__label,
11568
11607
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11569
11608
  }
11570
11609
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11571
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11610
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11572
11611
  display: flex;
11573
11612
  flex: 0 1 auto;
11574
11613
  }
@@ -11581,7 +11620,7 @@ label.pf-c-check, .pf-c-check__label,
11581
11620
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11582
11621
  }
11583
11622
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11584
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11623
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11585
11624
  display: flex;
11586
11625
  flex: 0 1 auto;
11587
11626
  }
@@ -11594,7 +11633,7 @@ label.pf-c-check, .pf-c-check__label,
11594
11633
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11595
11634
  }
11596
11635
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11597
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11636
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11598
11637
  display: flex;
11599
11638
  flex: 0 1 auto;
11600
11639
  }
@@ -11607,7 +11646,7 @@ label.pf-c-check, .pf-c-check__label,
11607
11646
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11608
11647
  }
11609
11648
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11610
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11649
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11611
11650
  display: flex;
11612
11651
  flex: 0 1 auto;
11613
11652
  }
@@ -11620,7 +11659,7 @@ label.pf-c-check, .pf-c-check__label,
11620
11659
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11621
11660
  }
11622
11661
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11623
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11662
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11624
11663
  display: flex;
11625
11664
  flex: 0 1 auto;
11626
11665
  }
@@ -11654,131 +11693,131 @@ label.pf-c-check, .pf-c-check__label,
11654
11693
  }
11655
11694
  @media (min-width: 576px) {
11656
11695
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11657
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11696
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11658
11697
  margin-left: auto;
11659
11698
  }
11660
11699
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11661
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11700
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11662
11701
  margin-left: 0;
11663
11702
  }
11664
11703
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11665
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11704
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11666
11705
  margin-left: 0;
11667
11706
  }
11668
11707
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11669
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11708
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11670
11709
  margin-left: auto;
11671
11710
  }
11672
11711
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11673
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11712
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11674
11713
  flex-wrap: nowrap;
11675
11714
  }
11676
11715
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11677
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11716
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11678
11717
  flex-wrap: wrap;
11679
11718
  }
11680
11719
  }
11681
11720
  @media (min-width: 768px) {
11682
11721
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11683
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11722
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11684
11723
  margin-left: auto;
11685
11724
  }
11686
11725
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11687
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11726
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11688
11727
  margin-left: 0;
11689
11728
  }
11690
11729
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11691
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11730
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11692
11731
  margin-left: 0;
11693
11732
  }
11694
11733
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11695
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11734
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11696
11735
  margin-left: auto;
11697
11736
  }
11698
11737
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11699
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11738
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11700
11739
  flex-wrap: nowrap;
11701
11740
  }
11702
11741
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11703
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11742
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11704
11743
  flex-wrap: wrap;
11705
11744
  }
11706
11745
  }
11707
11746
  @media (min-width: 992px) {
11708
11747
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11709
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11748
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11710
11749
  margin-left: auto;
11711
11750
  }
11712
11751
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11713
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11752
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11714
11753
  margin-left: 0;
11715
11754
  }
11716
11755
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11717
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11756
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11718
11757
  margin-left: 0;
11719
11758
  }
11720
11759
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11721
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11760
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11722
11761
  margin-left: auto;
11723
11762
  }
11724
11763
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11725
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11764
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11726
11765
  flex-wrap: nowrap;
11727
11766
  }
11728
11767
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11729
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11768
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11730
11769
  flex-wrap: wrap;
11731
11770
  }
11732
11771
  }
11733
11772
  @media (min-width: 1200px) {
11734
11773
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11735
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11774
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11736
11775
  margin-left: auto;
11737
11776
  }
11738
11777
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11739
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11778
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11740
11779
  margin-left: 0;
11741
11780
  }
11742
11781
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11743
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11782
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11744
11783
  margin-left: 0;
11745
11784
  }
11746
11785
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11747
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11786
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11748
11787
  margin-left: auto;
11749
11788
  }
11750
11789
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11751
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11790
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11752
11791
  flex-wrap: nowrap;
11753
11792
  }
11754
11793
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11755
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11794
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11756
11795
  flex-wrap: wrap;
11757
11796
  }
11758
11797
  }
11759
11798
  @media (min-width: 1450px) {
11760
11799
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11761
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11800
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11762
11801
  margin-left: auto;
11763
11802
  }
11764
11803
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11765
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11804
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11766
11805
  margin-left: 0;
11767
11806
  }
11768
11807
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11769
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11808
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11770
11809
  margin-left: 0;
11771
11810
  }
11772
11811
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11773
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11812
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11774
11813
  margin-left: auto;
11775
11814
  }
11776
11815
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11777
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11816
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11778
11817
  flex-wrap: nowrap;
11779
11818
  }
11780
11819
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11781
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11820
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11782
11821
  flex-wrap: wrap;
11783
11822
  }
11784
11823
  }
@@ -12414,9 +12453,9 @@ label.pf-c-check, .pf-c-check__label,
12414
12453
  width: 100%;
12415
12454
  height: auto;
12416
12455
  flex-direction: var(--pf-c-divider--FlexDirection);
12456
+ flex-shrink: 0;
12417
12457
  align-items: center;
12418
12458
  align-self: stretch;
12419
- flex-shrink: 0;
12420
12459
  justify-content: center;
12421
12460
  border: 0;
12422
12461
  }
@@ -12425,11 +12464,11 @@ label.pf-c-check, .pf-c-check__label,
12425
12464
  }
12426
12465
  .pf-c-divider::after {
12427
12466
  align-self: stretch;
12467
+ justify-self: center;
12428
12468
  width: var(--pf-c-divider--after--Width);
12429
12469
  height: var(--pf-c-divider--after--Height);
12430
12470
  content: "";
12431
12471
  background-color: var(--pf-c-divider--after--BackgroundColor);
12432
- justify-self: center;
12433
12472
  }
12434
12473
  .pf-c-divider.pf-m-vertical {
12435
12474
  --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
@@ -13001,16 +13040,15 @@ label.pf-c-check, .pf-c-check__label,
13001
13040
  }
13002
13041
 
13003
13042
  .pf-c-drawer__actions {
13004
- grid-column: 2;
13005
- grid-row: 1;
13006
13043
  display: flex;
13044
+ grid-row: 1;
13045
+ grid-column: 2;
13007
13046
  align-self: baseline;
13008
13047
  margin-top: var(--pf-c-drawer__actions--MarginTop);
13009
13048
  margin-right: var(--pf-c-drawer__actions--MarginRight);
13010
13049
  }
13011
13050
 
13012
13051
  .pf-c-drawer__body {
13013
- min-height: 0;
13014
13052
  padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
13015
13053
  }
13016
13054
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13172,7 +13210,7 @@ label.pf-c-check, .pf-c-check__label,
13172
13210
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13173
13211
  }
13174
13212
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13175
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13213
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13176
13214
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13177
13215
  }
13178
13216
  .pf-c-drawer__splitter {
@@ -13261,15 +13299,15 @@ label.pf-c-check, .pf-c-check__label,
13261
13299
  }
13262
13300
  @media (min-width: 768px) {
13263
13301
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13264
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13302
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13265
13303
  flex-shrink: 1;
13266
13304
  }
13267
13305
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13268
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13306
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13269
13307
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13270
13308
  }
13271
13309
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13272
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13310
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13273
13311
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13274
13312
  }
13275
13313
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13322,15 +13360,15 @@ label.pf-c-check, .pf-c-check__label,
13322
13360
  }
13323
13361
  @media (min-width: 992px) {
13324
13362
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13325
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13363
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13326
13364
  flex-shrink: 1;
13327
13365
  }
13328
13366
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13329
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13367
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13330
13368
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13331
13369
  }
13332
13370
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13333
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13371
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13334
13372
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13335
13373
  }
13336
13374
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13383,15 +13421,15 @@ label.pf-c-check, .pf-c-check__label,
13383
13421
  }
13384
13422
  @media (min-width: 1200px) {
13385
13423
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13386
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13424
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13387
13425
  flex-shrink: 1;
13388
13426
  }
13389
13427
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13390
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13428
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13391
13429
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13392
13430
  }
13393
13431
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13394
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13432
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13395
13433
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13396
13434
  }
13397
13435
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13444,15 +13482,15 @@ label.pf-c-check, .pf-c-check__label,
13444
13482
  }
13445
13483
  @media (min-width: 1450px) {
13446
13484
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13447
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13485
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13448
13486
  flex-shrink: 1;
13449
13487
  }
13450
13488
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13451
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13489
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13452
13490
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13453
13491
  }
13454
13492
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13455
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13493
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13456
13494
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13457
13495
  }
13458
13496
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13599,6 +13637,7 @@ label.pf-c-check, .pf-c-check__label,
13599
13637
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13600
13638
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13601
13639
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13640
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13602
13641
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13603
13642
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13604
13643
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13824,6 +13863,7 @@ label.pf-c-check, .pf-c-check__label,
13824
13863
  }
13825
13864
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13826
13865
  color: var(--pf-c-dropdown__toggle-button--Color);
13866
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13827
13867
  border: 0;
13828
13868
  }
13829
13869
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14058,51 +14098,51 @@ label.pf-c-check, .pf-c-check__label,
14058
14098
  }
14059
14099
  @media (min-width: 576px) {
14060
14100
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14061
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14101
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14062
14102
  right: 0;
14063
14103
  }
14064
14104
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14065
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14105
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14066
14106
  right: auto;
14067
14107
  }
14068
14108
  }
14069
14109
  @media (min-width: 768px) {
14070
14110
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14071
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14111
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14072
14112
  right: 0;
14073
14113
  }
14074
14114
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14075
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14115
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14076
14116
  right: auto;
14077
14117
  }
14078
14118
  }
14079
14119
  @media (min-width: 992px) {
14080
14120
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14081
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14121
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14082
14122
  right: 0;
14083
14123
  }
14084
14124
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14085
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14125
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14086
14126
  right: auto;
14087
14127
  }
14088
14128
  }
14089
14129
  @media (min-width: 1200px) {
14090
14130
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14091
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14131
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14092
14132
  right: 0;
14093
14133
  }
14094
14134
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14095
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14135
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14096
14136
  right: auto;
14097
14137
  }
14098
14138
  }
14099
14139
  @media (min-width: 1450px) {
14100
14140
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14101
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14141
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14102
14142
  right: 0;
14103
14143
  }
14104
14144
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14105
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14145
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14106
14146
  right: auto;
14107
14147
  }
14108
14148
  }
@@ -14256,38 +14296,39 @@ label.pf-c-check, .pf-c-check__label,
14256
14296
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14257
14297
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14258
14298
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14299
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14300
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14301
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14302
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14259
14303
  --pf-c-empty-state__content--MaxWidth: none;
14304
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14305
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14306
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14260
14307
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14261
14308
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14262
14309
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14263
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14310
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14311
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14312
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14313
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14314
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14315
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14316
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14317
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14318
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14319
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14264
14320
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14265
14321
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14266
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14267
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14268
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14269
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14270
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14271
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14272
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14273
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14322
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14274
14323
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14275
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14276
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14277
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14278
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14279
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14280
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14281
14324
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14282
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14283
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14284
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14285
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14286
14325
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14287
14326
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14288
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14289
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14290
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14327
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14328
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14329
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14330
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14331
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14291
14332
  display: flex;
14292
14333
  align-items: center;
14293
14334
  justify-content: center;
@@ -14299,17 +14340,12 @@ label.pf-c-check, .pf-c-check__label,
14299
14340
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14300
14341
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14301
14342
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14343
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14302
14344
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14303
14345
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14304
14346
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14305
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14306
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14307
- }
14308
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14309
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14310
- }
14311
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14312
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14347
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14348
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14313
14349
  }
14314
14350
  .pf-c-empty-state.pf-m-sm {
14315
14351
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14319,12 +14355,11 @@ label.pf-c-check, .pf-c-check__label,
14319
14355
  }
14320
14356
  .pf-c-empty-state.pf-m-xl {
14321
14357
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14358
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14322
14359
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14323
14360
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14324
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14325
- }
14326
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14327
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14361
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14362
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14328
14363
  }
14329
14364
  .pf-c-empty-state.pf-m-full-height {
14330
14365
  height: 100%;
@@ -14333,41 +14368,40 @@ label.pf-c-check, .pf-c-check__label,
14333
14368
  .pf-c-empty-state__content {
14334
14369
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14335
14370
  }
14336
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14337
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14338
- }
14339
14371
 
14340
14372
  .pf-c-empty-state__icon {
14341
14373
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14342
14374
  font-size: var(--pf-c-empty-state__icon--FontSize);
14375
+ line-height: 1;
14343
14376
  color: var(--pf-c-empty-state__icon--Color);
14344
14377
  }
14345
14378
 
14379
+ .pf-c-empty-state__title-text {
14380
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14381
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14382
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14383
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14384
+ }
14385
+
14346
14386
  .pf-c-empty-state__body {
14347
14387
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14388
+ font-size: var(--pf-c-empty-state--body--FontSize);
14348
14389
  color: var(--pf-c-empty-state__body--Color);
14349
14390
  }
14350
14391
 
14351
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14352
- .pf-c-empty-state__primary {
14353
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14354
- }
14355
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14356
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14357
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14392
+ .pf-c-empty-state__footer {
14393
+ display: flex;
14394
+ flex-direction: column;
14395
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14396
+ align-items: center;
14397
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14358
14398
  }
14359
14399
 
14360
- .pf-c-empty-state__secondary {
14400
+ .pf-c-empty-state__actions {
14361
14401
  display: flex;
14362
14402
  flex-wrap: wrap;
14403
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14363
14404
  justify-content: center;
14364
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14365
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14366
- }
14367
- .pf-c-empty-state__secondary > * {
14368
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14369
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14370
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14371
14405
  }
14372
14406
 
14373
14407
  .pf-c-expandable-section {
@@ -14381,6 +14415,7 @@ label.pf-c-check, .pf-c-check__label,
14381
14415
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14382
14416
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14383
14417
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14418
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14384
14419
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14385
14420
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14386
14421
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14466,6 +14501,7 @@ label.pf-c-check, .pf-c-check__label,
14466
14501
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14467
14502
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14468
14503
  color: var(--pf-c-expandable-section__toggle--Color);
14504
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14469
14505
  border: none;
14470
14506
  }
14471
14507
  .pf-c-expandable-section__toggle:hover {
@@ -14680,8 +14716,8 @@ label.pf-c-check, .pf-c-check__label,
14680
14716
  }
14681
14717
  .pf-c-form.pf-m-horizontal .pf-c-form__group {
14682
14718
  display: grid;
14683
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14684
14719
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14720
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14685
14721
  }
14686
14722
  .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
14687
14723
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14700,8 +14736,8 @@ label.pf-c-check, .pf-c-check__label,
14700
14736
  }
14701
14737
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
14702
14738
  display: grid;
14703
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14704
14739
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14740
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14705
14741
  }
14706
14742
  .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
14707
14743
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14720,8 +14756,8 @@ label.pf-c-check, .pf-c-check__label,
14720
14756
  }
14721
14757
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
14722
14758
  display: grid;
14723
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14724
14759
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14760
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14725
14761
  }
14726
14762
  .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
14727
14763
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14740,8 +14776,8 @@ label.pf-c-check, .pf-c-check__label,
14740
14776
  }
14741
14777
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
14742
14778
  display: grid;
14743
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14744
14779
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14780
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14745
14781
  }
14746
14782
  .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
14747
14783
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14760,8 +14796,8 @@ label.pf-c-check, .pf-c-check__label,
14760
14796
  }
14761
14797
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
14762
14798
  display: grid;
14763
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14764
14799
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14800
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14765
14801
  }
14766
14802
  .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
14767
14803
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14780,8 +14816,8 @@ label.pf-c-check, .pf-c-check__label,
14780
14816
  }
14781
14817
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
14782
14818
  display: grid;
14783
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14784
14819
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14820
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14785
14821
  }
14786
14822
  .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
14787
14823
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14800,8 +14836,8 @@ label.pf-c-check, .pf-c-check__label,
14800
14836
  }
14801
14837
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
14802
14838
  display: grid;
14803
- grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14804
14839
  grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
14840
+ grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
14805
14841
  }
14806
14842
  .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
14807
14843
  padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
@@ -14916,9 +14952,9 @@ label.pf-c-check, .pf-c-check__label,
14916
14952
  --pf-c-form__group-control--m-inline--child--MarginRight: 0;
14917
14953
  }
14918
14954
  .pf-c-form__group-control.pf-m-stack {
14955
+ --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
14919
14956
  display: grid;
14920
14957
  gap: var(--pf-c-grid__group-control--m-stack--Gap);
14921
- --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
14922
14958
  }
14923
14959
  .pf-c-form__group-control .pf-c-form__helper-text:first-child {
14924
14960
  --pf-c-form__helper-text--MarginTop: 0;
@@ -15002,8 +15038,8 @@ label.pf-c-check, .pf-c-check__label,
15002
15038
  }
15003
15039
 
15004
15040
  .pf-c-form__field-group-toggle {
15005
- grid-column: 1/2;
15006
15041
  grid-row: 1/2;
15042
+ grid-column: 1/2;
15007
15043
  padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
15008
15044
  padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
15009
15045
  }
@@ -15025,9 +15061,9 @@ label.pf-c-check, .pf-c-check__label,
15025
15061
  }
15026
15062
 
15027
15063
  .pf-c-form__field-group-header {
15028
- grid-column: var(--pf-c-form__field-group-header--GridColumn);
15029
- grid-row: 1/2;
15030
15064
  display: flex;
15065
+ grid-row: 1/2;
15066
+ grid-column: var(--pf-c-form__field-group-header--GridColumn);
15031
15067
  align-items: flex-start;
15032
15068
  padding-top: var(--pf-c-form__field-group-header--PaddingTop);
15033
15069
  padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
@@ -15060,8 +15096,8 @@ label.pf-c-check, .pf-c-check__label,
15060
15096
  }
15061
15097
 
15062
15098
  .pf-c-form__field-group-body {
15063
- grid-column: var(--pf-c-form__field-group-body--GridColumn);
15064
15099
  display: grid;
15100
+ grid-column: var(--pf-c-form__field-group-body--GridColumn);
15065
15101
  gap: var(--pf-c-form__field-group-body--Gap);
15066
15102
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
15067
15103
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
@@ -15474,9 +15510,9 @@ textarea.pf-c-form-control {
15474
15510
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
15475
15511
  --pf-c-form-control--BorderLeftColor: transparent;
15476
15512
  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
15477
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
15513
+ --pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
15478
15514
  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15479
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
15515
+ --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
15480
15516
  color: var(--pf-global--Color--100);
15481
15517
  }
15482
15518
  :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
@@ -15485,9 +15521,6 @@ textarea.pf-c-form-control {
15485
15521
  :where(.pf-theme-dark) .pf-c-form-control[readonly] {
15486
15522
  border-bottom-color: var(--pf-global--palette--black-700);
15487
15523
  }
15488
- :where(.pf-theme-dark) .pf-c-form-control:disabled {
15489
- color: var(--pf-global--palette--black-100);
15490
- }
15491
15524
 
15492
15525
  .pf-c-hint {
15493
15526
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
@@ -15521,11 +15554,11 @@ textarea.pf-c-form-control {
15521
15554
 
15522
15555
  .pf-c-hint__actions {
15523
15556
  display: inline-grid;
15557
+ grid-row: 1;
15558
+ grid-column: 2;
15524
15559
  grid-auto-flow: column;
15525
15560
  margin-left: var(--pf-c-hint__actions--MarginLeft);
15526
15561
  text-align: right;
15527
- grid-column: 2;
15528
- grid-row: 1;
15529
15562
  }
15530
15563
  .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
15531
15564
  margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
@@ -16305,6 +16338,7 @@ label.pf-c-input-group__text {
16305
16338
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
16306
16339
  --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
16307
16340
  --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
16341
+ --pf-c-label--MaxWidth: 100%;
16308
16342
  --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
16309
16343
  --pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
16310
16344
  --pf-c-label--Color: var(--pf-global--Color--100);
@@ -16407,21 +16441,22 @@ label.pf-c-input-group__text {
16407
16441
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16408
16442
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16409
16443
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16444
+ --pf-c-label__content--BackgroundColor: transparent;
16410
16445
  --pf-c-label__content--MaxWidth: 100%;
16411
16446
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16412
16447
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
16413
- --pf-c-label__text--MaxWidth: 16ch;
16448
+ --pf-c-label__text--MaxWidth: 100%;
16414
16449
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
16415
16450
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
16416
- --pf-c-label__c-button--FontSize: var(--pf-global--FontSize--xs);
16417
- --pf-c-label__c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16418
- --pf-c-label__c-button--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16419
- --pf-c-label__c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
16420
- --pf-c-label__c-button--MarginLeft: var(--pf-global--spacer--xs);
16421
- --pf-c-label__c-button--PaddingTop: var(--pf-global--spacer--xs);
16422
- --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
16423
- --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
16424
- --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
16451
+ --pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
16452
+ --pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
16453
+ --pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
16454
+ --pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
16455
+ --pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
16456
+ --pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
16457
+ --pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
16458
+ --pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
16459
+ --pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16425
16460
  --pf-c-label--m-editable--Cursor: pointer;
16426
16461
  --pf-c-label--m-editable--TextDecoration: underline;
16427
16462
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -16442,6 +16477,7 @@ label.pf-c-input-group__text {
16442
16477
  --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16443
16478
  --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16444
16479
  position: relative;
16480
+ max-width: var(--pf-c-label--MaxWidth);
16445
16481
  padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
16446
16482
  font-size: var(--pf-c-label--FontSize);
16447
16483
  color: var(--pf-c-label--Color);
@@ -16586,12 +16622,6 @@ label.pf-c-input-group__text {
16586
16622
  }
16587
16623
 
16588
16624
  .pf-c-label.pf-m-editable {
16589
- text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16590
- cursor: var(--pf-c-label--m-editable--Cursor);
16591
- text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16592
- text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16593
- text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16594
- text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16595
16625
  --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
16596
16626
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16597
16627
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
@@ -16601,6 +16631,12 @@ label.pf-c-input-group__text {
16601
16631
  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
16602
16632
  --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16603
16633
  --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
16634
+ text-decoration: var(--pf-c-label--m-editable--TextDecoration);
16635
+ text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
16636
+ text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
16637
+ text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
16638
+ text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
16639
+ cursor: var(--pf-c-label--m-editable--Cursor);
16604
16640
  }
16605
16641
  .pf-c-label.pf-m-editable:hover {
16606
16642
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -16613,17 +16649,6 @@ label.pf-c-input-group__text {
16613
16649
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
16614
16650
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
16615
16651
  }
16616
- .pf-c-label .pf-c-button {
16617
- --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
16618
- --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
16619
- --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
16620
- --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
16621
- --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
16622
- margin-top: var(--pf-c-label__c-button--MarginTop);
16623
- margin-right: var(--pf-c-label__c-button--MarginRight);
16624
- margin-bottom: var(--pf-c-label__c-button--MarginBottom);
16625
- margin-left: var(--pf-c-label__c-button--MarginLeft);
16626
- }
16627
16652
  .pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
16628
16653
  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
16629
16654
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
@@ -16649,11 +16674,10 @@ label.pf-c-input-group__text {
16649
16674
  }
16650
16675
 
16651
16676
  .pf-c-label__content {
16652
- overflow: hidden;
16653
- text-overflow: ellipsis;
16654
- white-space: nowrap;
16655
16677
  max-width: var(--pf-c-label__content--MaxWidth);
16678
+ overflow: hidden;
16656
16679
  color: var(--pf-c-label__content--Color);
16680
+ background-color: var(--pf-c-label__content--BackgroundColor);
16657
16681
  border-width: 0;
16658
16682
  }
16659
16683
  .pf-c-label__content::before {
@@ -16667,9 +16691,17 @@ label.pf-c-input-group__text {
16667
16691
  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
16668
16692
  border-radius: var(--pf-c-label--BorderRadius);
16669
16693
  }
16694
+ input.pf-c-label__content {
16695
+ overflow: hidden;
16696
+ text-overflow: ellipsis;
16697
+ white-space: nowrap;
16698
+ }
16699
+
16670
16700
  a.pf-c-label__content,
16671
16701
  button.pf-c-label__content {
16702
+ padding: 0;
16672
16703
  cursor: pointer;
16704
+ background-color: transparent;
16673
16705
  border: none;
16674
16706
  }
16675
16707
  a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
@@ -16694,6 +16726,20 @@ button.pf-c-label__content:focus {
16694
16726
  color: var(--pf-c-label__icon--Color);
16695
16727
  }
16696
16728
 
16729
+ .pf-c-label__actions {
16730
+ margin-right: var(--pf-c-label__actions--MarginRight);
16731
+ font-size: var(--pf-c-label__actions--FontSize);
16732
+ }
16733
+ .pf-c-label__actions .pf-c-button {
16734
+ --pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
16735
+ --pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
16736
+ --pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
16737
+ --pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
16738
+ --pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
16739
+ margin-top: var(--pf-c-label__actions--c-button--MarginTop);
16740
+ margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
16741
+ }
16742
+
16697
16743
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16698
16744
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16699
16745
  :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
@@ -16775,8 +16821,18 @@ button.pf-c-label__content:focus {
16775
16821
  }
16776
16822
 
16777
16823
  .pf-c-label-group {
16778
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16779
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16824
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16825
+ --pf-c-label-group--ColumnGap: 0;
16826
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16827
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16828
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16829
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16830
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16831
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16832
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16833
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16834
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16835
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16780
16836
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16781
16837
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16782
16838
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16786,26 +16842,22 @@ button.pf-c-label__content:focus {
16786
16842
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16787
16843
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16788
16844
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16789
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16790
- --pf-c-label-group__label--MarginBottom: 0;
16791
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16792
16845
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16793
16846
  --pf-c-label-group__label--MaxWidth: 18ch;
16794
16847
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16795
16848
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16796
16849
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16797
16850
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16798
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16799
16851
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16800
16852
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16801
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16802
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16803
16853
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16804
16854
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16805
16855
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
16806
16856
  --pf-c-label-group__textarea--PaddingBottom: 0;
16807
16857
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16808
16858
  display: inline-flex;
16859
+ row-gap: var(--pf-c-label-group--RowGap);
16860
+ column-gap: var(--pf-c-label-group--ColumnGap);
16809
16861
  align-items: center;
16810
16862
  }
16811
16863
  .pf-c-label-group.pf-m-category {
@@ -16818,11 +16870,12 @@ button.pf-c-label__content:focus {
16818
16870
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16819
16871
  }
16820
16872
  .pf-c-label-group.pf-m-vertical {
16821
- --pf-c-label-group__list--MarginRight: 0;
16822
- --pf-c-label-group__list--MarginBottom: 0;
16823
- --pf-c-label-group__list-item--MarginRight: 0;
16824
- --pf-c-label-group__label--MarginRight: 0;
16825
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16873
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16874
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16875
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16876
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16877
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16878
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16826
16879
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16827
16880
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16828
16881
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16839,9 +16892,6 @@ button.pf-c-label__content:focus {
16839
16892
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16840
16893
  flex-direction: column;
16841
16894
  }
16842
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16843
- --pf-c-label-group__list-item--MarginBottom: 0;
16844
- }
16845
16895
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16846
16896
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16847
16897
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16862,20 +16912,20 @@ button.pf-c-label__content:focus {
16862
16912
  display: flex;
16863
16913
  flex: 1;
16864
16914
  flex-wrap: wrap;
16915
+ row-gap: var(--pf-c-label-group__main--RowGap);
16916
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16865
16917
  align-items: baseline;
16866
16918
  }
16867
16919
 
16868
16920
  .pf-c-label-group__list {
16869
16921
  display: inline-flex;
16870
16922
  flex-wrap: wrap;
16871
- margin-right: var(--pf-c-label-group__list--MarginRight);
16872
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
16923
+ row-gap: var(--pf-c-label-group__list--RowGap);
16924
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16873
16925
  }
16874
16926
 
16875
16927
  .pf-c-label-group__list-item {
16876
16928
  display: inline-flex;
16877
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
16878
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
16879
16929
  }
16880
16930
 
16881
16931
  .pf-c-label-group__label {
@@ -16883,12 +16933,12 @@ button.pf-c-label__content:focus {
16883
16933
  text-overflow: ellipsis;
16884
16934
  white-space: nowrap;
16885
16935
  max-width: var(--pf-c-label-group__label--MaxWidth);
16886
- margin-right: var(--pf-c-label-group__label--MarginRight);
16887
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
16888
16936
  font-size: var(--pf-c-label-group__label--FontSize);
16889
16937
  }
16890
16938
 
16891
16939
  .pf-c-label-group__close {
16940
+ display: flex;
16941
+ align-self: start;
16892
16942
  margin-top: var(--pf-c-label-group__close--MarginTop);
16893
16943
  margin-right: var(--pf-c-label-group__close--MarginRight);
16894
16944
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -17329,10 +17379,10 @@ ul.pf-c-list {
17329
17379
  @media (min-width: 1200px) {
17330
17380
  .pf-c-login__container {
17331
17381
  display: grid;
17332
- justify-content: center;
17333
- grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17334
- grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17335
17382
  grid-template-areas: "main header" "main footer" "main .";
17383
+ grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
17384
+ grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
17385
+ justify-content: center;
17336
17386
  padding-right: var(--pf-c-login__container--PaddingRight);
17337
17387
  padding-left: var(--pf-c-login__container--PaddingLeft);
17338
17388
  }
@@ -17354,10 +17404,10 @@ ul.pf-c-list {
17354
17404
  }
17355
17405
 
17356
17406
  .pf-c-login__main {
17407
+ grid-area: main;
17357
17408
  align-self: start;
17358
17409
  margin-bottom: var(--pf-c-login__main--MarginBottom);
17359
17410
  background-color: var(--pf-c-login__main--BackgroundColor);
17360
- grid-area: main;
17361
17411
  }
17362
17412
  .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
17363
17413
  padding-top: var(--pf-c-login__main-header--PaddingTop);
@@ -17369,8 +17419,8 @@ ul.pf-c-list {
17369
17419
  .pf-c-login__main-header {
17370
17420
  display: grid;
17371
17421
  grid-template-columns: 100%;
17372
- column-gap: var(--pf-c-login__main-header--ColumnGap);
17373
17422
  row-gap: var(--pf-c-login__main-header--RowGap);
17423
+ column-gap: var(--pf-c-login__main-header--ColumnGap);
17374
17424
  align-items: center;
17375
17425
  padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
17376
17426
  }
@@ -17382,26 +17432,26 @@ ul.pf-c-list {
17382
17432
 
17383
17433
  .pf-c-login__main-header-utilities,
17384
17434
  .pf-c-login__main-header .pf-c-dropdown {
17385
- grid-column: auto;
17386
17435
  grid-row: auto;
17436
+ grid-column: auto;
17387
17437
  }
17388
17438
  @media (min-width: 768px) {
17389
17439
  .pf-c-login__main-header-utilities,
17390
- .pf-c-login__main-header .pf-c-dropdown {
17391
- grid-column: 2/3;
17440
+ .pf-c-login__main-header .pf-c-dropdown {
17392
17441
  grid-row: 1;
17442
+ grid-column: 2/3;
17393
17443
  }
17394
17444
  }
17395
17445
 
17396
17446
  .pf-c-login__main-header-utilities .pf-c-dropdown {
17397
- grid-column: auto;
17398
17447
  grid-row: auto;
17448
+ grid-column: auto;
17399
17449
  }
17400
17450
 
17401
17451
  .pf-c-login__main-header-desc {
17452
+ grid-column: 1/-1;
17402
17453
  margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
17403
17454
  font-size: var(--pf-c-login__main-header-desc--FontSize);
17404
- grid-column: 1/-1;
17405
17455
  }
17406
17456
 
17407
17457
  .pf-c-login__main-body {
@@ -17436,11 +17486,11 @@ ul.pf-c-list {
17436
17486
  }
17437
17487
 
17438
17488
  .pf-c-login__main-footer-links-item-link svg {
17439
- fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17440
17489
  width: 100%;
17441
17490
  max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
17442
17491
  height: 100%;
17443
17492
  max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
17493
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
17444
17494
  }
17445
17495
  .pf-c-login__main-footer-links-item-link:hover svg {
17446
17496
  fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
@@ -17705,6 +17755,7 @@ ul.pf-c-list {
17705
17755
  position: relative;
17706
17756
  display: flex;
17707
17757
  flex-basis: var(--pf-c-masthead__main--FlexBasis);
17758
+ grid-column: var(--pf-c-masthead__main--GridColumn);
17708
17759
  align-items: center;
17709
17760
  align-self: stretch;
17710
17761
  order: var(--pf-c-masthead__main--Order);
@@ -17712,7 +17763,6 @@ ul.pf-c-list {
17712
17763
  padding-top: var(--pf-c-masthead__main--PaddingTop);
17713
17764
  padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
17714
17765
  margin-right: var(--pf-c-masthead__main--MarginRight);
17715
- grid-column: var(--pf-c-masthead__main--GridColumn);
17716
17766
  }
17717
17767
  .pf-c-masthead__main::before {
17718
17768
  position: absolute;
@@ -17729,6 +17779,9 @@ ul.pf-c-list {
17729
17779
  .pf-c-masthead__content {
17730
17780
  display: flex;
17731
17781
  flex-grow: 1;
17782
+ flex-shrink: 1;
17783
+ grid-column: var(--pf-c-masthead__content--GridColumn);
17784
+ grid-column-end: -1;
17732
17785
  align-items: center;
17733
17786
  align-self: stretch;
17734
17787
  order: var(--pf-c-masthead__content--Order);
@@ -17736,9 +17789,6 @@ ul.pf-c-list {
17736
17789
  padding-top: var(--pf-c-masthead__content--PaddingTop);
17737
17790
  padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
17738
17791
  margin-left: var(--pf-c-masthead__content--MarginLeft);
17739
- grid-column: var(--pf-c-masthead__content--GridColumn);
17740
- grid-column-end: -1;
17741
- flex-shrink: 1;
17742
17792
  }
17743
17793
  .pf-c-masthead__content:only-child {
17744
17794
  --pf-c-masthead__content--MarginLeft: 0;
@@ -18266,6 +18316,7 @@ ul.pf-c-list {
18266
18316
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18267
18317
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18268
18318
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18319
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18269
18320
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18270
18321
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18271
18322
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18297,12 +18348,6 @@ ul.pf-c-list {
18297
18348
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18298
18349
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
18299
18350
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
18300
- top: var(--pf-c-menu--Top);
18301
- z-index: var(--pf-c-menu--ZIndex);
18302
- width: var(--pf-c-menu--Width);
18303
- min-width: var(--pf-c-menu--MinWidth);
18304
- background-color: var(--pf-c-menu--BackgroundColor);
18305
- box-shadow: var(--pf-c-menu--BoxShadow);
18306
18351
  --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
18307
18352
  --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
18308
18353
  --pf-c-menu--m-nav__list--PaddingTop: 0;
@@ -18330,6 +18375,12 @@ ul.pf-c-list {
18330
18375
  --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
18331
18376
  --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
18332
18377
  --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
18378
+ top: var(--pf-c-menu--Top);
18379
+ z-index: var(--pf-c-menu--ZIndex);
18380
+ width: var(--pf-c-menu--Width);
18381
+ min-width: var(--pf-c-menu--MinWidth);
18382
+ background-color: var(--pf-c-menu--BackgroundColor);
18383
+ box-shadow: var(--pf-c-menu--BoxShadow);
18333
18384
  }
18334
18385
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
18335
18386
  overflow: visible;
@@ -18386,6 +18437,7 @@ ul.pf-c-list {
18386
18437
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
18387
18438
  position: relative;
18388
18439
  overflow: hidden;
18440
+ visibility: visible;
18389
18441
  transition: var(--pf-c-menu--m-drilldown__list--Transition);
18390
18442
  }
18391
18443
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -18696,6 +18748,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18696
18748
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18697
18749
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18698
18750
  color: var(--pf-c-menu__item-action--Color);
18751
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18699
18752
  border: none;
18700
18753
  }
18701
18754
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -18885,6 +18938,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18885
18938
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
18886
18939
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
18887
18940
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
18941
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
18888
18942
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
18889
18943
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
18890
18944
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19140,13 +19194,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19140
19194
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19141
19195
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19142
19196
  color: inherit;
19197
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19143
19198
  border: 0;
19144
19199
  }
19145
19200
 
19146
19201
  .pf-c-menu-toggle__icon {
19147
19202
  display: inline-flex;
19148
- align-self: center;
19149
19203
  flex-shrink: 0;
19204
+ align-self: center;
19150
19205
  margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
19151
19206
  line-height: 1;
19152
19207
  }
@@ -19266,9 +19321,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19266
19321
  --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
19267
19322
  --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
19268
19323
  --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
19269
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
19270
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
19271
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19324
+ --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
19325
+ --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
19326
+ --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
19272
19327
  --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
19273
19328
  --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
19274
19329
  --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -19320,13 +19375,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19320
19375
  .pf-c-modal-box.pf-m-info {
19321
19376
  --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
19322
19377
  }
19323
- .pf-c-modal-box > .pf-c-button {
19378
+
19379
+ .pf-c-modal-box__close {
19324
19380
  position: absolute;
19325
- top: var(--pf-c-modal-box--c-button--Top);
19326
- right: var(--pf-c-modal-box--c-button--Right);
19381
+ top: var(--pf-c-modal-box__close--Top);
19382
+ right: var(--pf-c-modal-box__close--Right);
19327
19383
  }
19328
- .pf-c-modal-box > .pf-c-button + * {
19329
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
19384
+ .pf-c-modal-box__close + * {
19385
+ margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
19330
19386
  }
19331
19387
 
19332
19388
  .pf-c-modal-box__header {
@@ -19517,8 +19573,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19517
19573
  --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
19518
19574
  --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
19519
19575
  display: grid;
19520
- gap: var(--pf-c-multiple-file-upload--Gap);
19521
19576
  grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
19577
+ gap: var(--pf-c-multiple-file-upload--Gap);
19522
19578
  }
19523
19579
  .pf-c-multiple-file-upload.pf-m-horizontal {
19524
19580
  --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
@@ -19544,21 +19600,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19544
19600
 
19545
19601
  .pf-c-multiple-file-upload__main {
19546
19602
  display: grid;
19603
+ grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19604
+ grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19605
+ grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19606
+ gap: var(--pf-c-multiple-file-upload__main--Gap);
19547
19607
  padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
19548
19608
  text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
19549
19609
  background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
19550
19610
  border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
19551
- grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
19552
- grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
19553
- grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
19554
- gap: var(--pf-c-multiple-file-upload__main--Gap);
19555
19611
  }
19556
19612
 
19557
19613
  .pf-c-multiple-file-upload__title {
19558
19614
  display: var(--pf-c-multiple-file-upload__title--Display);
19615
+ grid-area: title;
19559
19616
  grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
19560
19617
  gap: var(--pf-c-multiple-file-upload__title--Gap);
19561
- grid-area: title;
19562
19618
  }
19563
19619
 
19564
19620
  .pf-c-multiple-file-upload__title-icon {
@@ -20498,8 +20554,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20498
20554
  --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
20499
20555
  --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
20500
20556
  --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
20501
- margin-top: var(--pf-c-nav__section--MarginTop);
20502
20557
  --pf-c-nav--c-divider--MarginBottom: 0;
20558
+ margin-top: var(--pf-c-nav__section--MarginTop);
20503
20559
  }
20504
20560
  .pf-c-nav__section + .pf-c-nav__section {
20505
20561
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
@@ -20946,9 +21002,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20946
21002
 
20947
21003
  .pf-c-notification-drawer__list-item-header {
20948
21004
  display: flex;
20949
- align-items: baseline;
20950
- grid-column: 1/2;
20951
21005
  grid-row: 1/2;
21006
+ grid-column: 1/2;
21007
+ align-items: baseline;
20952
21008
  margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
20953
21009
  }
20954
21010
 
@@ -20969,8 +21025,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20969
21025
  }
20970
21026
 
20971
21027
  .pf-c-notification-drawer__list-item-action {
20972
- grid-column: 2/3;
20973
21028
  grid-row: 1/3;
21029
+ grid-column: 2/3;
20974
21030
  }
20975
21031
 
20976
21032
  .pf-c-notification-drawer__list-item-description {
@@ -21572,10 +21628,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21572
21628
  --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
21573
21629
  --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
21574
21630
  display: grid;
21575
- height: 100%;
21576
- grid-template-columns: 1fr;
21577
- grid-template-rows: max-content 1fr;
21578
21631
  grid-template-areas: "header" "main";
21632
+ grid-template-rows: max-content 1fr;
21633
+ grid-template-columns: 1fr;
21634
+ height: 100%;
21579
21635
  background-color: var(--pf-c-page--BackgroundColor);
21580
21636
  }
21581
21637
  @media (min-width: 1200px) {
@@ -21622,8 +21678,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21622
21678
  }
21623
21679
  @media (min-width: 1200px) {
21624
21680
  .pf-c-page {
21625
- grid-template-columns: max-content 1fr;
21626
21681
  grid-template-areas: "header header" "nav main";
21682
+ grid-template-columns: max-content 1fr;
21627
21683
  }
21628
21684
  }
21629
21685
  .pf-c-page.pf-m-full-height {
@@ -21634,14 +21690,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21634
21690
 
21635
21691
  .pf-c-page__header,
21636
21692
  .pf-c-page > .pf-c-masthead {
21637
- grid-area: header;
21638
21693
  z-index: var(--pf-c-page__header--ZIndex);
21694
+ grid-area: header;
21639
21695
  }
21640
21696
 
21641
21697
  .pf-c-page__header {
21642
21698
  color: var(--pf-global--Color--100);
21643
- grid-template-columns: auto auto;
21644
21699
  display: grid;
21700
+ grid-template-columns: auto auto;
21645
21701
  align-items: center;
21646
21702
  min-width: 0;
21647
21703
  min-height: var(--pf-c-page__header--MinHeight);
@@ -21689,18 +21745,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21689
21745
  }
21690
21746
 
21691
21747
  .pf-c-page__header-nav {
21748
+ grid-row: 2/3;
21749
+ grid-column: 1/-1;
21692
21750
  align-self: stretch;
21693
21751
  min-width: 0;
21694
21752
  padding-right: var(--pf-c-page__header-nav--PaddingRight);
21695
21753
  padding-left: var(--pf-c-page__header-nav--PaddingLeft);
21696
21754
  background-color: var(--pf-c-page__header-nav--BackgroundColor);
21697
- grid-column: 1/-1;
21698
- grid-row: 2/3;
21699
21755
  }
21700
21756
  @media screen and (min-width: 1200px) {
21701
21757
  .pf-c-page__header-nav {
21702
- grid-column: 2/3;
21703
21758
  grid-row: 1/2;
21759
+ grid-column: 2/3;
21704
21760
  }
21705
21761
  }
21706
21762
  .pf-c-page__header-nav .pf-c-nav {
@@ -21766,10 +21822,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21766
21822
  }
21767
21823
 
21768
21824
  .pf-c-page__sidebar {
21825
+ z-index: var(--pf-c-page__sidebar--ZIndex);
21769
21826
  grid-area: nav;
21770
21827
  grid-row-start: 2;
21771
21828
  grid-column-start: 1;
21772
- z-index: var(--pf-c-page__sidebar--ZIndex);
21773
21829
  width: var(--pf-c-page__sidebar--Width);
21774
21830
  overflow-x: hidden;
21775
21831
  overflow-y: auto;
@@ -21918,24 +21974,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21918
21974
  }
21919
21975
  @media (min-height: 0) {
21920
21976
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21921
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21922
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21923
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21924
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21925
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21926
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21977
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21978
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21979
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21980
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21981
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21982
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21927
21983
  position: sticky;
21928
21984
  top: 0;
21929
21985
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21930
21986
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21931
21987
  }
21932
21988
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21933
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21934
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21935
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21936
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21937
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21938
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21989
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21990
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21991
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21992
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21993
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21994
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21939
21995
  position: sticky;
21940
21996
  bottom: 0;
21941
21997
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21944,24 +22000,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21944
22000
  }
21945
22001
  @media (min-height: 40rem) {
21946
22002
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21947
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21948
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21949
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21950
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21951
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21952
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22003
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22004
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22005
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22006
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22007
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22008
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
21953
22009
  position: sticky;
21954
22010
  top: 0;
21955
22011
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21956
22012
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21957
22013
  }
21958
22014
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21959
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21960
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21961
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21962
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21963
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21964
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22015
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22016
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22017
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22018
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22019
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22020
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
21965
22021
  position: sticky;
21966
22022
  bottom: 0;
21967
22023
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21970,24 +22026,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21970
22026
  }
21971
22027
  @media (min-height: 48rem) {
21972
22028
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
21973
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
21974
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
21975
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
21976
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
21977
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
21978
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22029
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22030
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22031
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22032
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22033
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22034
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
21979
22035
  position: sticky;
21980
22036
  top: 0;
21981
22037
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21982
22038
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21983
22039
  }
21984
22040
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
21985
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
21986
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
21987
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
21988
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
21989
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
21990
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22041
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22042
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22043
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22044
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22045
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22046
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
21991
22047
  position: sticky;
21992
22048
  bottom: 0;
21993
22049
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21996,24 +22052,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21996
22052
  }
21997
22053
  @media (min-height: 60rem) {
21998
22054
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
21999
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22000
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22001
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22002
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22003
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22004
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22055
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22056
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22057
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22058
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22059
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22060
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22005
22061
  position: sticky;
22006
22062
  top: 0;
22007
22063
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22008
22064
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22009
22065
  }
22010
22066
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22011
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22012
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22013
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22014
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22015
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22016
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22067
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22068
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22069
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22070
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22071
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22072
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22017
22073
  position: sticky;
22018
22074
  bottom: 0;
22019
22075
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22022,24 +22078,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22022
22078
  }
22023
22079
  @media (min-height: 80rem) {
22024
22080
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22025
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22026
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22027
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22028
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22029
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22030
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22081
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22082
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22083
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22084
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22085
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22086
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22031
22087
  position: sticky;
22032
22088
  top: 0;
22033
22089
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22034
22090
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22035
22091
  }
22036
22092
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22037
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22038
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22039
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22040
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22041
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22042
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22093
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22094
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22095
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22096
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22097
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22098
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22043
22099
  position: sticky;
22044
22100
  bottom: 0;
22045
22101
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22049,8 +22105,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22049
22105
 
22050
22106
  .pf-c-page__main,
22051
22107
  .pf-c-page__drawer {
22052
- grid-area: main;
22053
22108
  z-index: var(--pf-c-page__main--ZIndex);
22109
+ grid-area: main;
22054
22110
  overflow-x: hidden;
22055
22111
  overflow-y: auto;
22056
22112
  -webkit-overflow-scrolling: touch;
@@ -22534,8 +22590,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22534
22590
  padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
22535
22591
  }
22536
22592
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22537
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22538
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22593
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22594
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22539
22595
  display: block;
22540
22596
  }
22541
22597
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -22942,17 +22998,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22942
22998
  --pf-c-popover__arrow--m-left--TranslateX: 50%;
22943
22999
  --pf-c-popover__arrow--m-left--TranslateY: -50%;
22944
23000
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
22945
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
22946
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
22947
- --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
22948
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
22949
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
22950
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
22951
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
22952
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
22953
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
23001
+ --pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
23002
+ --pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
23003
+ --pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
23004
+ --pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
23005
+ --pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
23006
+ --pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
23007
+ --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
22954
23008
  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
22955
23009
  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
23010
+ --pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
22956
23011
  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
22957
23012
  position: relative;
22958
23013
  min-width: var(--pf-c-popover--MinWidth);
@@ -23030,16 +23085,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23030
23085
  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
23031
23086
  background-color: var(--pf-c-popover__content--BackgroundColor);
23032
23087
  }
23033
- .pf-c-popover__content > .pf-c-title {
23034
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
23035
- }
23036
- .pf-c-popover__content > .pf-c-button {
23088
+
23089
+ .pf-c-popover__close {
23037
23090
  position: absolute;
23038
- top: var(--pf-c-popover--c-button--Top);
23039
- right: var(--pf-c-popover--c-button--Right);
23091
+ top: var(--pf-c-popover__close--Top);
23092
+ right: var(--pf-c-popover__close--Right);
23040
23093
  }
23041
- .pf-c-popover__content > .pf-c-button + * {
23042
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
23094
+ .pf-c-popover__close + * {
23095
+ padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
23043
23096
  }
23044
23097
 
23045
23098
  .pf-c-popover__arrow {
@@ -23051,23 +23104,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23051
23104
  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
23052
23105
  }
23053
23106
 
23054
- .pf-c-popover__title {
23055
- flex: 0 0 auto;
23056
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
23057
- font-family: var(--pf-c-popover__title--FontFamily);
23058
- font-size: var(--pf-c-popover__title--FontSize);
23059
- line-height: var(--pf-c-popover__title--LineHeight);
23107
+ .pf-c-popover__header {
23108
+ margin-bottom: var(--pf-c-popover__header--MarginBottom);
23060
23109
  }
23061
- .pf-c-popover__title.pf-m-icon {
23110
+
23111
+ .pf-c-popover__title {
23062
23112
  display: flex;
23113
+ flex: 0 0 auto;
23063
23114
  }
23064
23115
 
23065
23116
  .pf-c-popover__title-icon {
23066
23117
  margin-right: var(--pf-c-popover__title-icon--MarginRight);
23118
+ font-size: var(--pf-c-popover__title-icon--FontSize);
23067
23119
  color: var(--pf-c-popover__title-icon--Color);
23068
23120
  }
23069
23121
 
23070
23122
  .pf-c-popover__title-text {
23123
+ font-family: var(--pf-c-popover__title-text--FontFamily);
23124
+ font-size: var(--pf-c-popover__title-text--FontSize);
23125
+ line-height: var(--pf-c-popover__title-text--LineHeight);
23071
23126
  color: var(--pf-c-popover__title-text--Color, inherit);
23072
23127
  }
23073
23128
 
@@ -23116,17 +23171,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23116
23171
  }
23117
23172
 
23118
23173
  :where(.pf-theme-dark) .pf-c-popover {
23119
- --pf-c-popover--BoxShadow: none;
23120
- --pf-c-popover__arrow--BoxShadow: none;
23121
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23174
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23175
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
23122
23176
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23123
23177
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23124
23178
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23125
23179
  }
23126
- :where(.pf-theme-dark) .pf-c-popover,
23127
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23128
- border: 4px solid var(--pf-global--BorderColor--400);
23129
- }
23130
23180
 
23131
23181
  .pf-c-progress {
23132
23182
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -23134,8 +23184,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23134
23184
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23135
23185
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23136
23186
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23187
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23137
23188
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23138
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23139
23189
  --pf-c-progress__bar--before--Opacity: .2;
23140
23190
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23141
23191
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23157,10 +23207,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23157
23207
  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
23158
23208
  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
23159
23209
  display: grid;
23160
- align-items: end;
23161
- grid-gap: var(--pf-c-progress--GridGap);
23162
- grid-template-columns: auto auto;
23163
23210
  grid-template-rows: 1fr auto;
23211
+ grid-template-columns: auto auto;
23212
+ grid-gap: var(--pf-c-progress--GridGap);
23213
+ align-items: end;
23164
23214
  }
23165
23215
  .pf-c-progress.pf-m-sm {
23166
23216
  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
@@ -23189,8 +23239,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23189
23239
  grid-column: 1/3;
23190
23240
  }
23191
23241
  .pf-c-progress.pf-m-outside .pf-c-progress__status {
23192
- grid-column: 2/3;
23193
23242
  grid-row: 2/3;
23243
+ grid-column: 2/3;
23194
23244
  align-self: center;
23195
23245
  }
23196
23246
  .pf-c-progress.pf-m-outside .pf-c-progress__measure {
@@ -23238,8 +23288,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23238
23288
  }
23239
23289
 
23240
23290
  .pf-c-progress__description {
23241
- word-break: break-word;
23242
23291
  grid-column: 1/2;
23292
+ word-break: break-word;
23243
23293
  }
23244
23294
  .pf-c-progress__description.pf-m-truncate {
23245
23295
  overflow: hidden;
@@ -23248,21 +23298,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23248
23298
  }
23249
23299
 
23250
23300
  .pf-c-progress__status {
23251
- grid-column: 2/3;
23301
+ display: flex;
23252
23302
  grid-row: 1/2;
23303
+ grid-column: 2/3;
23304
+ gap: var(--pf-c-progress__status--Gap);
23305
+ align-items: flex-start;
23306
+ justify-content: flex-end;
23253
23307
  text-align: right;
23254
23308
  word-break: break-word;
23255
23309
  }
23256
23310
 
23257
23311
  .pf-c-progress__status-icon {
23258
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23259
23312
  color: var(--pf-c-progress__status-icon--Color);
23260
23313
  }
23261
23314
 
23262
23315
  .pf-c-progress__bar {
23263
23316
  position: relative;
23264
- grid-column: 1/3;
23265
23317
  grid-row: 2/3;
23318
+ grid-column: 1/3;
23266
23319
  align-self: center;
23267
23320
  height: var(--pf-c-progress__bar--Height);
23268
23321
  background-color: var(--pf-c-progress__bar--BackgroundColor);
@@ -23287,8 +23340,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23287
23340
  }
23288
23341
 
23289
23342
  .pf-c-progress__helper-text {
23290
- grid-column: 1/3;
23291
23343
  grid-row: 3/4;
23344
+ grid-column: 1/3;
23292
23345
  margin-top: var(--pf-c-progress__helper-text--MarginTop);
23293
23346
  }
23294
23347
 
@@ -23450,10 +23503,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23450
23503
  --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23451
23504
  position: relative;
23452
23505
  display: grid;
23453
- grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23454
- grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23455
23506
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23507
+ grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
23456
23508
  grid-auto-columns: 1fr;
23509
+ grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
23457
23510
  }
23458
23511
  @media screen and (min-width: 768px) {
23459
23512
  .pf-c-progress-stepper {
@@ -23520,8 +23573,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23520
23573
  grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23521
23574
  }
23522
23575
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
23523
- min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23524
23576
  grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
23577
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23525
23578
  padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
23526
23579
  }
23527
23580
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
@@ -23638,11 +23691,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23638
23691
  }
23639
23692
  .pf-c-progress-stepper__step-title.pf-m-help-text {
23640
23693
  text-decoration: underline;
23641
- cursor: pointer;
23694
+ text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23642
23695
  text-decoration-style: dashed;
23643
23696
  text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
23644
- text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
23645
23697
  text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
23698
+ cursor: pointer;
23646
23699
  }
23647
23700
  .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
23648
23701
  --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
@@ -24020,6 +24073,7 @@ label.pf-c-radio, .pf-c-radio__label,
24020
24073
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24021
24074
  --pf-c-search-input__text-input--MinWidth: 6ch;
24022
24075
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24076
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24023
24077
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24024
24078
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24025
24079
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24064,9 +24118,9 @@ label.pf-c-radio, .pf-c-radio__label,
24064
24118
 
24065
24119
  .pf-c-search-input__text {
24066
24120
  display: grid;
24067
- grid-template-columns: 1fr;
24068
- grid-template-areas: "text-input";
24069
24121
  flex: 1;
24122
+ grid-template-areas: "text-input";
24123
+ grid-template-columns: 1fr;
24070
24124
  }
24071
24125
  .pf-c-search-input__text::before, .pf-c-search-input__text::after {
24072
24126
  position: absolute;
@@ -24107,6 +24161,7 @@ label.pf-c-radio, .pf-c-radio__label,
24107
24161
  width: 100%;
24108
24162
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24109
24163
  padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
24164
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24110
24165
  border: 0;
24111
24166
  }
24112
24167
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -24588,8 +24643,8 @@ label.pf-c-radio, .pf-c-radio__label,
24588
24643
  .pf-c-select__toggle-typeahead {
24589
24644
  flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
24590
24645
  flex-grow: 1;
24591
- min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24592
24646
  flex-shrink: 0;
24647
+ min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
24593
24648
  }
24594
24649
  .pf-c-select__toggle-typeahead.pf-c-form-control {
24595
24650
  background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
@@ -24865,28 +24920,54 @@ label.pf-c-radio, .pf-c-radio__label,
24865
24920
  }
24866
24921
 
24867
24922
  .pf-c-sidebar {
24923
+ --pf-c-sidebar--inset: var(--pf-global--spacer--md);
24924
+ --pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
24868
24925
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
24926
+ --pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
24927
+ --pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
24928
+ --pf-c-sidebar__panel--PaddingTop: 0;
24929
+ --pf-c-sidebar__panel--PaddingRight: 0;
24930
+ --pf-c-sidebar__panel--PaddingBottom: 0;
24931
+ --pf-c-sidebar__panel--PaddingLeft: 0;
24932
+ --pf-c-sidebar__panel--Order: -1;
24933
+ --pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
24934
+ --pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
24935
+ --pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
24936
+ --pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
24937
+ --pf-c-sidebar__content--PaddingTop: 0;
24938
+ --pf-c-sidebar__content--PaddingRight: 0;
24939
+ --pf-c-sidebar__content--PaddingBottom: 0;
24940
+ --pf-c-sidebar__content--PaddingLeft: 0;
24941
+ --pf-c-sidebar__content--Order: 1;
24942
+ --pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
24943
+ --pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
24944
+ --pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
24945
+ --pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
24869
24946
  --pf-c-sidebar__main--FlexDirection: column;
24870
24947
  --pf-c-sidebar__main--md--FlexDirection: row;
24871
24948
  --pf-c-sidebar__main--AlignItems: stretch;
24872
24949
  --pf-c-sidebar__main--md--AlignItems: start;
24873
24950
  --pf-c-sidebar__main--child--MarginTop: 0;
24874
- --pf-c-sidebar__main--child--MarginLeft: 0;
24875
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-global--spacer--md);
24876
- --pf-c-sidebar--m-gutter__main--xl--Gap: var(--pf-global--spacer--lg);
24877
- --pf-c-sidebar--m-panel-right__panel--Order: 0;
24951
+ --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
24952
+ --pf-c-sidebar__main--m-border--before--Display: none;
24953
+ --pf-c-sidebar__main--m-border--before--md--Display: block;
24954
+ --pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
24955
+ --pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
24956
+ --pf-c-sidebar--m-panel-right__panel--Order: -1;
24878
24957
  --pf-c-sidebar--m-panel-right__panel--md--Order: 1;
24958
+ --pf-c-sidebar--m-panel-right__content--md--Order: -1;
24879
24959
  --pf-c-sidebar--m-stack__main--FlexDirection: column;
24880
24960
  --pf-c-sidebar--m-stack__main--AlignItems: stretch;
24881
24961
  --pf-c-sidebar--m-stack__panel--Position: sticky;
24882
24962
  --pf-c-sidebar--m-stack__panel--Top: 0;
24883
24963
  --pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
24884
- --pf-c-sidebar--m-stack--m-panel-right__panel--Order: 0;
24964
+ --pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
24885
24965
  --pf-c-sidebar--m-split__main--AlignItems: start;
24886
24966
  --pf-c-sidebar--m-split__main--FlexDirection: row;
24887
24967
  --pf-c-sidebar--m-split__panel--Position: static;
24888
24968
  --pf-c-sidebar--m-split__panel--Top: auto;
24889
24969
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
24970
+ --pf-c-sidebar--m-split__main--m-border--before--Display: block;
24890
24971
  --pf-c-sidebar__panel--FlexBasis--base: auto;
24891
24972
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
24892
24973
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
@@ -24900,7 +24981,6 @@ label.pf-c-radio, .pf-c-radio__label,
24900
24981
  --pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
24901
24982
  --pf-c-sidebar__panel--m-stack--FlexBasis: auto;
24902
24983
  --pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
24903
- --pf-c-sidebar__panel--Order: 0;
24904
24984
  --pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
24905
24985
  --pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
24906
24986
  --pf-c-sidebar__panel--m-sticky--Top: 0;
@@ -24910,60 +24990,50 @@ label.pf-c-radio, .pf-c-radio__label,
24910
24990
  @media (min-width: 768px) {
24911
24991
  .pf-c-sidebar {
24912
24992
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
24993
+ --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
24994
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
24913
24995
  --pf-c-sidebar__panel--BoxShadow: none;
24914
24996
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
24915
- --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
24916
24997
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
24917
24998
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
24918
24999
  }
24919
25000
  }
24920
25001
  @media (min-width: 1200px) {
24921
25002
  .pf-c-sidebar {
24922
- --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--m-gutter__main--xl--Gap);
25003
+ --pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
24923
25004
  }
24924
25005
  }
24925
- .pf-c-sidebar.pf-m-gutter {
24926
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
24927
- --pf-c-sidebar__main--child--MarginLeft: 0;
24928
- }
24929
- .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
24930
- margin-top: var(--pf-c-sidebar__main--child--MarginTop);
24931
- margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
24932
- }
24933
- @media (min-width: 768px) {
24934
- .pf-c-sidebar.pf-m-gutter {
24935
- --pf-c-sidebar__main--child--MarginTop: 0;
24936
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
24937
- }
25006
+ .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
25007
+ gap: var(--pf-c-sidebar--m-gutter__main--Gap);
24938
25008
  }
24939
25009
  .pf-c-sidebar.pf-m-panel-right {
24940
25010
  --pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
25011
+ --pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
24941
25012
  }
24942
25013
  @media (min-width: 768px) {
24943
25014
  .pf-c-sidebar.pf-m-panel-right {
24944
25015
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
25016
+ --pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
24945
25017
  }
24946
25018
  }
24947
25019
  .pf-c-sidebar.pf-m-stack {
24948
25020
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
24949
25021
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
24950
- --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
24951
- --pf-c-sidebar__main--child--MarginLeft: 0;
24952
25022
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
24953
25023
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
24954
25024
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
24955
25025
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
25026
+ --pf-c-sidebar__main--m-border--before--Display: none;
24956
25027
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
24957
25028
  }
24958
25029
  .pf-c-sidebar.pf-m-split {
24959
25030
  --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
24960
25031
  --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
24961
- --pf-c-sidebar__main--child--MarginTop: 0;
24962
- --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
24963
25032
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
24964
25033
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
24965
25034
  --pf-c-sidebar__panel--BoxShadow: none;
24966
25035
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
25036
+ --pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
24967
25037
  --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
24968
25038
  }
24969
25039
 
@@ -24972,17 +25042,31 @@ label.pf-c-radio, .pf-c-radio__label,
24972
25042
  flex-direction: var(--pf-c-sidebar__main--FlexDirection);
24973
25043
  align-items: var(--pf-c-sidebar__main--AlignItems);
24974
25044
  }
25045
+ .pf-c-sidebar__main.pf-m-border::before {
25046
+ display: var(--pf-c-sidebar__main--m-border--before--Display);
25047
+ flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
25048
+ align-self: stretch;
25049
+ content: "";
25050
+ background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
25051
+ }
24975
25052
 
24976
25053
  .pf-c-sidebar__panel {
24977
25054
  position: var(--pf-c-sidebar__panel--Position);
24978
25055
  top: var(--pf-c-sidebar__panel--Top);
24979
25056
  z-index: var(--pf-c-sidebar__panel--ZIndex);
24980
- flex-shrink: 0;
24981
25057
  flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
25058
+ flex-shrink: 0;
24982
25059
  order: var(--pf-c-sidebar__panel--Order);
25060
+ padding: var(--pf-c-sidebar__panel--PaddingTop) var(--pf-c-sidebar__panel--PaddingRight) var(--pf-c-sidebar__panel--PaddingBottom) var(--pf-c-sidebar__panel--PaddingLeft);
24983
25061
  background-color: var(--pf-c-sidebar__panel--BackgroundColor);
24984
25062
  box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
24985
25063
  }
25064
+ .pf-c-sidebar__panel.pf-m-padding {
25065
+ --pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
25066
+ --pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
25067
+ --pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
25068
+ --pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
25069
+ }
24986
25070
  .pf-c-sidebar__panel.pf-m-sticky {
24987
25071
  --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
24988
25072
  --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
@@ -24994,11 +25078,25 @@ label.pf-c-radio, .pf-c-radio__label,
24994
25078
 
24995
25079
  .pf-c-sidebar__content {
24996
25080
  flex-grow: 1;
25081
+ order: var(--pf-c-sidebar__content--Order);
25082
+ padding: var(--pf-c-sidebar__content--PaddingTop) var(--pf-c-sidebar__content--PaddingRight) var(--pf-c-sidebar__content--PaddingBottom) var(--pf-c-sidebar__content--PaddingLeft);
24997
25083
  background-color: var(--pf-c-sidebar__content--BackgroundColor);
24998
25084
  }
25085
+ .pf-c-sidebar__content.pf-m-padding {
25086
+ --pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25087
+ --pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
25088
+ --pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
25089
+ --pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
25090
+ }
24999
25091
  .pf-c-sidebar__content.pf-m-no-background {
25000
25092
  --pf-c-sidebar__content--BackgroundColor: transparent;
25001
25093
  }
25094
+ .pf-c-sidebar__content + .pf-c-sidebar__panel {
25095
+ --pf-c-sidebar__panel--Order: 1;
25096
+ }
25097
+ :where(.pf-c-sidebar__content:first-child) {
25098
+ --pf-c-sidebar__content--Order: -1;
25099
+ }
25002
25100
 
25003
25101
  .pf-c-sidebar.pf-m-no-background,
25004
25102
  .pf-c-sidebar__panel.pf-m-no-background,
@@ -25191,9 +25289,9 @@ label.pf-c-radio, .pf-c-radio__label,
25191
25289
  border: none;
25192
25290
  }
25193
25291
  .pf-c-simple-list__item-link:hover {
25194
- text-decoration: none;
25195
25292
  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
25196
25293
  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
25294
+ text-decoration: none;
25197
25295
  }
25198
25296
  .pf-c-simple-list__item-link:focus {
25199
25297
  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
@@ -25872,13 +25970,13 @@ svg.pf-c-spinner.pf-m-xl {
25872
25970
  .pf-c-spinner__path {
25873
25971
  width: 100%;
25874
25972
  height: 100%;
25875
- transform-origin: 50% 50%;
25876
- animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
25877
25973
  stroke: var(--pf-c-spinner--Color);
25878
- stroke-linecap: round;
25879
25974
  stroke-dasharray: 283;
25880
25975
  stroke-dashoffset: 280;
25976
+ stroke-linecap: round;
25881
25977
  stroke-width: var(--pf-c-spinner--stroke-width);
25978
+ transform-origin: 50% 50%;
25979
+ animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
25882
25980
  }
25883
25981
 
25884
25982
  @keyframes pf-c-spinner-animation-rotate {
@@ -25898,8 +25996,8 @@ svg.pf-c-spinner.pf-m-xl {
25898
25996
  stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
25899
25997
  }
25900
25998
  40% {
25901
- stroke-dashoffset: 150;
25902
25999
  stroke-dasharray: 220;
26000
+ stroke-dashoffset: 150;
25903
26001
  }
25904
26002
  100% {
25905
26003
  stroke-dashoffset: 280;
@@ -26543,7 +26641,7 @@ svg.pf-c-spinner.pf-m-xl {
26543
26641
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26544
26642
  }
26545
26643
  .pf-m-grid-md.pf-c-table tr:last-child,
26546
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26644
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26547
26645
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26548
26646
  }
26549
26647
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26688,7 +26786,7 @@ svg.pf-c-spinner.pf-m-xl {
26688
26786
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26689
26787
  }
26690
26788
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26691
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26789
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26692
26790
  position: relative;
26693
26791
  }
26694
26792
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26718,9 +26816,9 @@ svg.pf-c-spinner.pf-m-xl {
26718
26816
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26719
26817
  }
26720
26818
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26721
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26722
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26723
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26819
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26820
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26821
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26724
26822
  width: auto;
26725
26823
  padding: 0;
26726
26824
  }
@@ -26740,8 +26838,8 @@ svg.pf-c-spinner.pf-m-xl {
26740
26838
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26741
26839
  }
26742
26840
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26743
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26744
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26841
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26842
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26745
26843
  grid-row-start: 1;
26746
26844
  grid-column-start: 2;
26747
26845
  }
@@ -26858,7 +26956,7 @@ svg.pf-c-spinner.pf-m-xl {
26858
26956
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26859
26957
  }
26860
26958
  .pf-m-grid-lg.pf-c-table tr:last-child,
26861
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26959
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26862
26960
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26863
26961
  }
26864
26962
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27003,7 +27101,7 @@ svg.pf-c-spinner.pf-m-xl {
27003
27101
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27004
27102
  }
27005
27103
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27006
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27104
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27007
27105
  position: relative;
27008
27106
  }
27009
27107
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27033,9 +27131,9 @@ svg.pf-c-spinner.pf-m-xl {
27033
27131
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27034
27132
  }
27035
27133
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27036
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27037
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27038
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27134
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27135
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27136
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27039
27137
  width: auto;
27040
27138
  padding: 0;
27041
27139
  }
@@ -27055,8 +27153,8 @@ svg.pf-c-spinner.pf-m-xl {
27055
27153
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27056
27154
  }
27057
27155
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27058
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27059
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27156
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27157
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27060
27158
  grid-row-start: 1;
27061
27159
  grid-column-start: 2;
27062
27160
  }
@@ -27173,7 +27271,7 @@ svg.pf-c-spinner.pf-m-xl {
27173
27271
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27174
27272
  }
27175
27273
  .pf-m-grid-xl.pf-c-table tr:last-child,
27176
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27274
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27177
27275
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27178
27276
  }
27179
27277
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27318,7 +27416,7 @@ svg.pf-c-spinner.pf-m-xl {
27318
27416
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27319
27417
  }
27320
27418
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27321
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27419
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27322
27420
  position: relative;
27323
27421
  }
27324
27422
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27348,9 +27446,9 @@ svg.pf-c-spinner.pf-m-xl {
27348
27446
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27349
27447
  }
27350
27448
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27351
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27352
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27353
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27449
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27450
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27451
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27354
27452
  width: auto;
27355
27453
  padding: 0;
27356
27454
  }
@@ -27370,8 +27468,8 @@ svg.pf-c-spinner.pf-m-xl {
27370
27468
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27371
27469
  }
27372
27470
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27373
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27374
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27471
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27472
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27375
27473
  grid-row-start: 1;
27376
27474
  grid-column-start: 2;
27377
27475
  }
@@ -27488,7 +27586,7 @@ svg.pf-c-spinner.pf-m-xl {
27488
27586
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27489
27587
  }
27490
27588
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27491
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27589
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27492
27590
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27493
27591
  }
27494
27592
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27633,7 +27731,7 @@ svg.pf-c-spinner.pf-m-xl {
27633
27731
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27634
27732
  }
27635
27733
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27636
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27734
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27637
27735
  position: relative;
27638
27736
  }
27639
27737
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27663,9 +27761,9 @@ svg.pf-c-spinner.pf-m-xl {
27663
27761
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27664
27762
  }
27665
27763
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27666
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27667
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27668
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27764
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27765
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27766
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27669
27767
  width: auto;
27670
27768
  padding: 0;
27671
27769
  }
@@ -27685,8 +27783,8 @@ svg.pf-c-spinner.pf-m-xl {
27685
27783
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27686
27784
  }
27687
27785
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27688
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27689
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27786
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27787
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27690
27788
  grid-row-start: 1;
27691
27789
  grid-column-start: 2;
27692
27790
  }
@@ -27961,6 +28059,7 @@ svg.pf-c-spinner.pf-m-xl {
27961
28059
  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
27962
28060
  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
27963
28061
  --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
28062
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
27964
28063
  color: var(--pf-global--Color--100);
27965
28064
  width: 100%;
27966
28065
  background-color: var(--pf-c-table--BackgroundColor);
@@ -27989,7 +28088,7 @@ svg.pf-c-spinner.pf-m-xl {
27989
28088
  border-bottom: 0;
27990
28089
  }
27991
28090
  .pf-c-table.pf-m-sticky-header > thead > tr > * {
27992
- z-index: var(--pf-global--ZIndex--xs);
28091
+ z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
27993
28092
  }
27994
28093
  .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
27995
28094
  position: sticky;
@@ -28360,9 +28459,9 @@ svg.pf-c-spinner.pf-m-xl {
28360
28459
  .pf-c-table__button-content,
28361
28460
  .pf-c-table__column-help {
28362
28461
  display: grid;
28462
+ grid-template-columns: auto max-content;
28363
28463
  align-items: end;
28364
28464
  justify-content: start;
28365
- grid-template-columns: auto max-content;
28366
28465
  }
28367
28466
  .pf-c-table__button-content .pf-c-table__text,
28368
28467
  .pf-c-table__column-help .pf-c-table__text {
@@ -28468,6 +28567,10 @@ svg.pf-c-spinner.pf-m-xl {
28468
28567
  vertical-align: middle;
28469
28568
  }
28470
28569
 
28570
+ .pf-c-table__action {
28571
+ text-align: right;
28572
+ }
28573
+
28471
28574
  .pf-c-table__inline-edit-action {
28472
28575
  --pf-c-table--cell--PaddingLeft: 0;
28473
28576
  --pf-c-table--cell--PaddingRight: 0;
@@ -28805,39 +28908,44 @@ svg.pf-c-spinner.pf-m-xl {
28805
28908
  }
28806
28909
 
28807
28910
  .pf-c-table {
28808
- --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
28809
- --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
28810
- --pf-c-table__sticky-column--Left: 0;
28811
- --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
28812
- --pf-c-table__sticky-column--Top: 0;
28813
- --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
28814
- --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
28815
- --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
28816
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
28817
- --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
28818
- --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
28819
- }
28820
- .pf-c-table .pf-c-table__sticky-column {
28911
+ --pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
28912
+ --pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
28913
+ --pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
28914
+ --pf-c-table__sticky-cell--Right: auto;
28915
+ --pf-c-table__sticky-cell--Left: auto;
28916
+ --pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
28917
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
28918
+ --pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
28919
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
28920
+ --pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
28921
+ --pf-c-table__sticky-cell--m-right--Right: 0;
28922
+ --pf-c-table__sticky-cell--m-left--Left: 0;
28923
+ --pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
28924
+ }
28925
+ .pf-c-table .pf-c-table__sticky-cell {
28926
+ --pf-c-table--cell--Overflow: visible;
28927
+ --pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
28821
28928
  position: sticky;
28822
- left: var(--pf-c-table__sticky-column--Left);
28823
- z-index: var(--pf-c-table__sticky-column--ZIndex);
28824
- min-width: var(--pf-c-table__sticky-column--MinWidth);
28825
- background-color: var(--pf-c-table__sticky-column--BackgroundColor);
28929
+ right: var(--pf-c-table__sticky-cell--Right);
28930
+ left: var(--pf-c-table__sticky-cell--Left);
28931
+ z-index: var(--pf-c-table__sticky-cell--ZIndex);
28932
+ min-width: var(--pf-c-table__sticky-cell--MinWidth);
28933
+ background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
28826
28934
  background-clip: padding-box;
28827
28935
  }
28828
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
28829
- --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
28830
- --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
28936
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
28937
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
28938
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
28831
28939
  }
28832
- .pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
28833
- --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
28834
- --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
28940
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
28941
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28942
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28835
28943
  }
28836
- .pf-c-table.pf-m-sticky-header {
28837
- --pf-c-table--cell--Overflow: visible;
28944
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-right {
28945
+ --pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
28838
28946
  }
28839
- .pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
28840
- z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex);
28947
+ .pf-c-table .pf-c-table__sticky-cell.pf-m-left {
28948
+ --pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
28841
28949
  }
28842
28950
 
28843
28951
  .pf-c-scroll-outer-wrapper {
@@ -28873,10 +28981,20 @@ svg.pf-c-spinner.pf-m-xl {
28873
28981
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
28874
28982
  --pf-c-table--m-tree-view__toggle--TranslateX: -100%;
28875
28983
  --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
28984
+ --pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
28985
+ --pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
28876
28986
  }
28877
28987
  .pf-c-table.pf-m-tree-view > tbody > tr {
28878
28988
  --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
28879
28989
  }
28990
+ .pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
28991
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
28992
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
28993
+ }
28994
+ .pf-c-table.pf-m-tree-view.pf-m-no-inset {
28995
+ --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
28996
+ --pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
28997
+ }
28880
28998
  .pf-c-table.pf-m-tree-view tr[aria-level="2"] {
28881
28999
  --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));
28882
29000
  }
@@ -29172,7 +29290,7 @@ svg.pf-c-spinner.pf-m-xl {
29172
29290
  display: block;
29173
29291
  }
29174
29292
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29175
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29293
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29176
29294
  display: inline-block;
29177
29295
  }
29178
29296
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29313,7 +29431,7 @@ svg.pf-c-spinner.pf-m-xl {
29313
29431
  display: block;
29314
29432
  }
29315
29433
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29316
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29434
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29317
29435
  display: inline-block;
29318
29436
  }
29319
29437
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29454,7 +29572,7 @@ svg.pf-c-spinner.pf-m-xl {
29454
29572
  display: block;
29455
29573
  }
29456
29574
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29457
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29575
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29458
29576
  display: inline-block;
29459
29577
  }
29460
29578
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29595,7 +29713,7 @@ svg.pf-c-spinner.pf-m-xl {
29595
29713
  display: block;
29596
29714
  }
29597
29715
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29598
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29716
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29599
29717
  display: inline-block;
29600
29718
  }
29601
29719
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -29765,7 +29883,6 @@ svg.pf-c-spinner.pf-m-xl {
29765
29883
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
29766
29884
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29767
29885
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
29768
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
29769
29886
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
29770
29887
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
29771
29888
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -30239,9 +30356,6 @@ svg.pf-c-spinner.pf-m-xl {
30239
30356
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
30240
30357
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
30241
30358
  }
30242
- .pf-c-tabs__item-action.pf-m-help {
30243
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
30244
- }
30245
30359
  .pf-c-tabs__item-action:last-child {
30246
30360
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
30247
30361
  }
@@ -30552,7 +30666,8 @@ svg.pf-c-spinner.pf-m-xl {
30552
30666
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30553
30667
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30554
30668
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30555
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30669
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30670
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30556
30671
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30557
30672
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30558
30673
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30609,9 +30724,9 @@ svg.pf-c-spinner.pf-m-xl {
30609
30724
 
30610
30725
  .pf-c-text-input-group__text {
30611
30726
  display: inline-grid;
30612
- grid-template-columns: 1fr;
30613
- grid-template-areas: "text-input";
30614
30727
  flex: 1;
30728
+ grid-template-areas: "text-input";
30729
+ grid-template-columns: 1fr;
30615
30730
  }
30616
30731
  .pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
30617
30732
  position: absolute;
@@ -30652,6 +30767,7 @@ svg.pf-c-spinner.pf-m-xl {
30652
30767
  width: 100%;
30653
30768
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30654
30769
  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);
30770
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30655
30771
  border: 0;
30656
30772
  }
30657
30773
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30661,7 +30777,7 @@ svg.pf-c-spinner.pf-m-xl {
30661
30777
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30662
30778
  }
30663
30779
  .pf-c-text-input-group__text-input::placeholder {
30664
- color: var(--pf-c-text-input-group--placeholder--Color);
30780
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30665
30781
  }
30666
30782
 
30667
30783
  .pf-c-text-input-group__utilities {
@@ -30726,11 +30842,11 @@ svg.pf-c-spinner.pf-m-xl {
30726
30842
  --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
30727
30843
  position: relative;
30728
30844
  display: inline-grid;
30845
+ grid-template-rows: min-content;
30729
30846
  padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
30730
30847
  text-align: center;
30731
30848
  cursor: pointer;
30732
30849
  background-color: var(--pf-c-tile--BackgroundColor);
30733
- grid-template-rows: min-content;
30734
30850
  transition: var(--pf-c-tile--Transition);
30735
30851
  transform: translateY(var(--pf-c-tile--TranslateY));
30736
30852
  }
@@ -30882,12 +30998,12 @@ svg.pf-c-spinner.pf-m-xl {
30882
30998
  outline-offset: var(--pf-c-timestamp--OutlineOffset);
30883
30999
  }
30884
31000
  .pf-c-timestamp.pf-m-help-text {
30885
- cursor: pointer;
30886
31001
  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
30887
- text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30888
31002
  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
30889
- text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31003
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30890
31004
  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
31005
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
31006
+ cursor: pointer;
30891
31007
  }
30892
31008
  .pf-c-timestamp.pf-m-help-text:hover {
30893
31009
  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
@@ -31110,8 +31226,10 @@ svg.pf-c-spinner.pf-m-xl {
31110
31226
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
31111
31227
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31112
31228
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
31113
- --pf-c-tooltip__arrow--Width: 0.5rem;
31114
- --pf-c-tooltip__arrow--Height: 0.5rem;
31229
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31230
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31231
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31232
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
31115
31233
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
31116
31234
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
31117
31235
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31181,7 +31299,8 @@ svg.pf-c-spinner.pf-m-xl {
31181
31299
  width: var(--pf-c-tooltip__arrow--Width);
31182
31300
  height: var(--pf-c-tooltip__arrow--Height);
31183
31301
  pointer-events: none;
31184
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31302
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31303
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31185
31304
  }
31186
31305
 
31187
31306
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -31221,16 +31340,8 @@ svg.pf-c-spinner.pf-m-xl {
31221
31340
  }
31222
31341
 
31223
31342
  :where(.pf-theme-dark) .pf-c-tooltip {
31224
- --pf-c-tooltip--BoxShadow: none;
31225
31343
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31226
- }
31227
- :where(.pf-theme-dark) .pf-c-tooltip,
31228
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31229
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31230
- }
31231
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31232
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31233
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31344
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31234
31345
  }
31235
31346
 
31236
31347
  .pf-c-truncate {
@@ -31315,11 +31426,12 @@ svg.pf-c-spinner.pf-m-xl {
31315
31426
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31316
31427
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31317
31428
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31429
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31318
31430
  --pf-c-tree-view__node-container--Display: contents;
31319
31431
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31320
31432
  --pf-c-tree-view__node-content--Overflow: visible;
31321
31433
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31322
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31434
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31323
31435
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31324
31436
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31325
31437
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31329,6 +31441,7 @@ svg.pf-c-spinner.pf-m-xl {
31329
31441
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31330
31442
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31331
31443
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31444
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31332
31445
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31333
31446
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31334
31447
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31353,10 +31466,6 @@ svg.pf-c-spinner.pf-m-xl {
31353
31466
  --pf-c-tree-view__node-text--max-lines: 1;
31354
31467
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31355
31468
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31356
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31357
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31358
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31359
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31360
31469
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31361
31470
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31362
31471
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31554,13 +31663,14 @@ svg.pf-c-spinner.pf-m-xl {
31554
31663
  display: flex;
31555
31664
  padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
31556
31665
  color: var(--pf-c-tree-view__node--Color);
31666
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31557
31667
  }
31558
31668
  .pf-c-tree-view__node.pf-m-current {
31559
31669
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31560
31670
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31561
31671
  }
31562
31672
  .pf-c-tree-view__node:focus {
31563
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31673
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31564
31674
  }
31565
31675
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31566
31676
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31607,6 +31717,7 @@ svg.pf-c-spinner.pf-m-xl {
31607
31717
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31608
31718
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31609
31719
  color: var(--pf-c-tree-view__node-toggle--Color);
31720
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31610
31721
  border: 0;
31611
31722
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31612
31723
  }
@@ -31630,6 +31741,7 @@ svg.pf-c-spinner.pf-m-xl {
31630
31741
  font-weight: inherit;
31631
31742
  color: inherit;
31632
31743
  text-align: left;
31744
+ background-color: transparent;
31633
31745
  border: 0;
31634
31746
  }
31635
31747
  label.pf-c-tree-view__node-text {
@@ -31661,15 +31773,6 @@ label.pf-c-tree-view__node-text {
31661
31773
 
31662
31774
  .pf-c-tree-view__action {
31663
31775
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31664
- color: var(--pf-c-tree-view__action--Color);
31665
- border: 0;
31666
- }
31667
- .pf-c-tree-view__action:hover {
31668
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31669
- }
31670
- .pf-c-tree-view__action:focus {
31671
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31672
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31673
31776
  }
31674
31777
 
31675
31778
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31818,9 +31921,14 @@ label.pf-c-tree-view__node-text {
31818
31921
  --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
31819
31922
  --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
31820
31923
  --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
31924
+ --pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
31925
+ --pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
31926
+ --pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
31927
+ --pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
31821
31928
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31822
31929
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31823
31930
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31931
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31824
31932
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31825
31933
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31826
31934
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32000,6 +32108,8 @@ label.pf-c-tree-view__node-text {
32000
32108
  position: absolute;
32001
32109
  top: var(--pf-c-wizard__close--Top);
32002
32110
  right: var(--pf-c-wizard__close--Right);
32111
+ }
32112
+ .pf-c-wizard__header .pf-c-wizard__close button {
32003
32113
  font-size: var(--pf-c-wizard__close--FontSize);
32004
32114
  }
32005
32115
 
@@ -32008,6 +32118,13 @@ label.pf-c-tree-view__node-text {
32008
32118
  word-wrap: break-word;
32009
32119
  }
32010
32120
 
32121
+ .pf-c-wizard__title-text {
32122
+ font-family: var(--pf-c-wizard__title-text--FontFamily);
32123
+ font-size: var(--pf-c-wizard__title-text--FontSize);
32124
+ font-weight: var(--pf-c-wizard__title-text--FontWeight);
32125
+ line-height: var(--pf-c-wizard__title-text--LineHeight);
32126
+ }
32127
+
32011
32128
  .pf-c-wizard__description {
32012
32129
  display: none;
32013
32130
  padding-top: var(--pf-c-wizard__description--PaddingTop);
@@ -32170,6 +32287,7 @@ label.pf-c-tree-view__node-text {
32170
32287
  text-align: left;
32171
32288
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32172
32289
  word-break: break-word;
32290
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32173
32291
  border: 0;
32174
32292
  }
32175
32293
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -32255,8 +32373,8 @@ label.pf-c-tree-view__node-text {
32255
32373
  position: relative;
32256
32374
  z-index: var(--pf-c-wizard__footer--ZIndex);
32257
32375
  display: flex;
32258
- flex-wrap: wrap;
32259
32376
  flex-shrink: 0;
32377
+ flex-wrap: wrap;
32260
32378
  padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
32261
32379
  background-color: var(--pf-c-wizard__footer--BackgroundColor);
32262
32380
  }
@@ -33937,8 +34055,8 @@ label.pf-c-tree-view__node-text {
33937
34055
  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
33938
34056
  --pf-l-gallery--GridTemplateRows: auto;
33939
34057
  display: grid;
33940
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
33941
34058
  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
34059
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
33942
34060
  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
33943
34061
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
33944
34062
  }
@@ -34006,39 +34124,39 @@ label.pf-c-tree-view__node-text {
34006
34124
  }
34007
34125
  .pf-l-grid > *,
34008
34126
  .pf-l-grid .pf-l-grid__item {
34009
- min-width: 0;
34010
- min-height: 0;
34011
34127
  grid-column-start: var(--pf-l-grid__item--GridColumnStart);
34012
34128
  grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
34129
+ min-width: 0;
34130
+ min-height: 0;
34013
34131
  order: var(--pf-l-grid--item--Order);
34014
34132
  }
34015
34133
  @media (min-width: 576px) {
34016
34134
  .pf-l-grid > *,
34017
- .pf-l-grid .pf-l-grid__item {
34135
+ .pf-l-grid .pf-l-grid__item {
34018
34136
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34019
34137
  }
34020
34138
  }
34021
34139
  @media (min-width: 768px) {
34022
34140
  .pf-l-grid > *,
34023
- .pf-l-grid .pf-l-grid__item {
34141
+ .pf-l-grid .pf-l-grid__item {
34024
34142
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34025
34143
  }
34026
34144
  }
34027
34145
  @media (min-width: 992px) {
34028
34146
  .pf-l-grid > *,
34029
- .pf-l-grid .pf-l-grid__item {
34147
+ .pf-l-grid .pf-l-grid__item {
34030
34148
  order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
34031
34149
  }
34032
34150
  }
34033
34151
  @media (min-width: 1200px) {
34034
34152
  .pf-l-grid > *,
34035
- .pf-l-grid .pf-l-grid__item {
34153
+ .pf-l-grid .pf-l-grid__item {
34036
34154
  order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
34037
34155
  }
34038
34156
  }
34039
34157
  @media (min-width: 1450px) {
34040
34158
  .pf-l-grid > *,
34041
- .pf-l-grid .pf-l-grid__item {
34159
+ .pf-l-grid .pf-l-grid__item {
34042
34160
  order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
34043
34161
  }
34044
34162
  }