@patternfly/patternfly 5.0.0-alpha.13 → 5.0.0-alpha.18

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 (177) hide show
  1. package/assets/pficon/pficon.woff +0 -0
  2. package/assets/pficon/pficon.woff2 +0 -0
  3. package/components/Accordion/accordion.css +2 -0
  4. package/components/Accordion/accordion.scss +2 -0
  5. package/components/AppLauncher/app-launcher.css +2 -0
  6. package/components/AppLauncher/app-launcher.scss +2 -0
  7. package/components/Breadcrumb/breadcrumb.css +2 -0
  8. package/components/Breadcrumb/breadcrumb.scss +2 -0
  9. package/components/ContextSelector/context-selector.css +5 -1
  10. package/components/ContextSelector/context-selector.scss +6 -2
  11. package/components/DataList/data-list.css +2 -1
  12. package/components/DataList/data-list.scss +2 -1
  13. package/components/Drawer/drawer.css +13 -13
  14. package/components/Dropdown/dropdown.css +12 -10
  15. package/components/Dropdown/dropdown.scss +2 -0
  16. package/components/ExpandableSection/expandable-section.css +2 -0
  17. package/components/ExpandableSection/expandable-section.scss +2 -0
  18. package/components/Label/label.css +2 -0
  19. package/components/Label/label.scss +2 -0
  20. package/components/Login/login.css +1 -1
  21. package/components/Menu/menu.css +2 -0
  22. package/components/Menu/menu.scss +2 -0
  23. package/components/MenuToggle/menu-toggle.css +2 -0
  24. package/components/MenuToggle/menu-toggle.scss +2 -0
  25. package/components/Page/page.css +60 -60
  26. package/components/Pagination/pagination.css +2 -2
  27. package/components/SearchInput/search-input.css +2 -0
  28. package/components/SearchInput/search-input.scss +2 -0
  29. package/components/Table/table-grid.css +28 -28
  30. package/components/Table/table-tree-view.css +4 -4
  31. package/components/TextInputGroup/text-input-group.css +4 -2
  32. package/components/TextInputGroup/text-input-group.scss +4 -3
  33. package/components/Toolbar/toolbar.css +35 -35
  34. package/components/TreeView/tree-view.css +7 -15
  35. package/components/TreeView/tree-view.scss +7 -18
  36. package/components/Wizard/wizard.css +2 -0
  37. package/components/Wizard/wizard.scss +2 -0
  38. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  39. package/docs/components/Accordion/examples/Accordion.md +12 -12
  40. package/docs/components/ActionList/examples/ActionList.md +6 -6
  41. package/docs/components/Alert/examples/Alert.md +19 -19
  42. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  43. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  44. package/docs/components/Avatar/examples/Avatar.md +11 -11
  45. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  46. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  47. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  48. package/docs/components/Badge/examples/Badge.md +5 -5
  49. package/docs/components/Banner/examples/Banner.md +8 -8
  50. package/docs/components/Brand/examples/Brand.md +9 -9
  51. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  52. package/docs/components/Button/examples/Button.md +35 -35
  53. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  54. package/docs/components/Card/examples/Card.md +27 -27
  55. package/docs/components/Check/examples/Check.md +13 -13
  56. package/docs/components/Chip/examples/Chip.md +13 -13
  57. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
  58. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  59. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  60. package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
  61. package/docs/components/Content/examples/Content.md +10 -10
  62. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  63. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  64. package/docs/components/DataList/examples/DataList.md +83 -83
  65. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  66. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  67. package/docs/components/Divider/examples/Divider.md +10 -10
  68. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  69. package/docs/components/Drawer/examples/Drawer.md +43 -43
  70. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  71. package/docs/components/Dropdown/examples/Dropdown.md +50 -50
  72. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  73. package/docs/components/EmptyState/examples/EmptyState.md +19 -19
  74. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  75. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  76. package/docs/components/Form/examples/Form.md +64 -64
  77. package/docs/components/FormControl/examples/FormControl.md +20 -20
  78. package/docs/components/HelperText/examples/HelperText.md +12 -12
  79. package/docs/components/Hint/examples/Hint.md +7 -7
  80. package/docs/components/Icon/examples/Icon.md +10 -10
  81. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  82. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  83. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  84. package/docs/components/Label/examples/Label.md +31 -31
  85. package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
  86. package/docs/components/List/examples/List.md +18 -18
  87. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  88. package/docs/components/Login/examples/Login.md +32 -32
  89. package/docs/components/Masthead/examples/masthead.md +9 -9
  90. package/docs/components/Menu/examples/Menu.md +81 -79
  91. package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
  92. package/docs/components/ModalBox/examples/ModalBox.md +35 -35
  93. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  94. package/docs/components/Nav/examples/Navigation.md +69 -69
  95. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  96. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  97. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  98. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  99. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  100. package/docs/components/Page/examples/Page.md +54 -54
  101. package/docs/components/Pagination/examples/Pagination.md +27 -27
  102. package/docs/components/Panel/examples/Panel.md +10 -10
  103. package/docs/components/Popover/examples/Popover.md +34 -34
  104. package/docs/components/Progress/examples/Progress.md +31 -31
  105. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  106. package/docs/components/Radio/examples/Radio.md +11 -11
  107. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  108. package/docs/components/Select/examples/Select.md +143 -143
  109. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  110. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  111. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  112. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  113. package/docs/components/Slider/examples/Slider.md +24 -24
  114. package/docs/components/Spinner/examples/Spinner.md +24 -24
  115. package/docs/components/Switch/examples/Switch.md +19 -19
  116. package/docs/components/TabContent/examples/TabContent.md +13 -13
  117. package/docs/components/Table/examples/Table.md +155 -155
  118. package/docs/components/Tabs/examples/Tabs.md +47 -47
  119. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  120. package/docs/components/Tile/examples/Tile.md +15 -15
  121. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  122. package/docs/components/Title/examples/Title.md +17 -17
  123. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  124. package/docs/components/Toolbar/examples/Toolbar.md +113 -113
  125. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  126. package/docs/components/TreeView/examples/TreeView.md +34 -34
  127. package/docs/components/Truncate/examples/Truncate.md +4 -4
  128. package/docs/components/Wizard/examples/Wizard.md +59 -59
  129. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  130. package/docs/demos/Alert/examples/Alert.md +13 -13
  131. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  132. package/docs/demos/Banner/examples/Banner.md +8 -8
  133. package/docs/demos/Card/examples/Card.md +7 -7
  134. package/docs/demos/CardView/examples/CardView.md +7 -7
  135. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  136. package/docs/demos/Dashboard/examples/Dashboard.md +9 -5
  137. package/docs/demos/DataList/examples/DataList.md +22 -22
  138. package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -12
  139. package/docs/demos/Drawer/examples/Drawer.md +20 -20
  140. package/docs/demos/HelperText/examples/HelperText.md +8 -8
  141. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  142. package/docs/demos/Masthead/examples/Masthead.md +29 -29
  143. package/docs/demos/Modal/examples/Modal.md +24 -24
  144. package/docs/demos/Nav/examples/Nav.md +47 -47
  145. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  146. package/docs/demos/Page/examples/Page.md +36 -36
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -32
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -36
  149. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  150. package/docs/demos/Table/examples/Table.md +78 -78
  151. package/docs/demos/Tabs/examples/Tabs.md +25 -25
  152. package/docs/demos/Toolbar/examples/Toolbar.md +16 -16
  153. package/docs/demos/Wizard/examples/Wizard.md +54 -54
  154. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  155. package/docs/layouts/Flex/examples/Flex.md +98 -98
  156. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  157. package/docs/layouts/Grid/examples/Grid.md +9 -9
  158. package/docs/layouts/Level/examples/Level.md +5 -5
  159. package/docs/layouts/Split/examples/Split.md +7 -7
  160. package/docs/layouts/Stack/examples/Stack.md +6 -6
  161. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  162. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  163. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  164. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  165. package/docs/utilities/Display/examples/Display.md +11 -11
  166. package/docs/utilities/Flex/examples/Flex.md +34 -34
  167. package/docs/utilities/Float/examples/Float.md +4 -4
  168. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  169. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  170. package/docs/utilities/Text/examples/Text.md +27 -27
  171. package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
  172. package/layouts/Grid/grid.css +5 -5
  173. package/package.json +56 -61
  174. package/patternfly-no-reset.css +196 -177
  175. package/patternfly.css +196 -177
  176. package/patternfly.min.css +1 -1
  177. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -5764,6 +5764,7 @@ a {
5764
5764
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5765
5765
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5766
5766
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5767
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5767
5768
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5768
5769
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5769
5770
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5878,6 +5879,7 @@ a {
5878
5879
  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);
5879
5880
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5880
5881
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5882
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5881
5883
  border: 0;
5882
5884
  }
5883
5885
  .pf-c-accordion__toggle::after {
@@ -6345,6 +6347,7 @@ a {
6345
6347
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6346
6348
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6347
6349
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6350
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6348
6351
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6349
6352
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6350
6353
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6407,6 +6410,7 @@ a {
6407
6410
  .pf-c-app-launcher__toggle {
6408
6411
  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);
6409
6412
  color: var(--pf-c-app-launcher__toggle--Color);
6413
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6410
6414
  border: none;
6411
6415
  }
6412
6416
  .pf-c-app-launcher__toggle:hover {
@@ -7219,6 +7223,7 @@ a {
7219
7223
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7220
7224
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7221
7225
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7226
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7222
7227
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7223
7228
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7224
7229
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7261,6 +7266,7 @@ a {
7261
7266
  color: var(--pf-c-breadcrumb__link--Color);
7262
7267
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7263
7268
  word-break: break-word;
7269
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7264
7270
  }
7265
7271
  .pf-c-breadcrumb__link:hover {
7266
7272
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -9444,6 +9450,7 @@ label.pf-c-check, .pf-c-check__label,
9444
9450
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9445
9451
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9446
9452
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9453
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9447
9454
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9448
9455
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9449
9456
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9482,6 +9489,7 @@ label.pf-c-check, .pf-c-check__label,
9482
9489
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9483
9490
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9484
9491
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9492
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9485
9493
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9486
9494
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9487
9495
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9593,6 +9601,7 @@ label.pf-c-check, .pf-c-check__label,
9593
9601
  color: var(--pf-c-context-selector__toggle--Color);
9594
9602
  white-space: nowrap;
9595
9603
  cursor: pointer;
9604
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9596
9605
  border: none;
9597
9606
  }
9598
9607
  .pf-c-context-selector__toggle::before {
@@ -9701,11 +9710,12 @@ label.pf-c-check, .pf-c-check__label,
9701
9710
  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);
9702
9711
  color: var(--pf-c-context-selector__menu-list-item--Color);
9703
9712
  white-space: nowrap;
9713
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9704
9714
  border: none;
9705
9715
  }
9706
9716
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9717
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9707
9718
  text-decoration: none;
9708
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9709
9719
  }
9710
9720
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9711
9721
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -10254,6 +10264,7 @@ label.pf-c-check, .pf-c-check__label,
10254
10264
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10255
10265
  --pf-c-data-list__toggle-icon--Rotate: 0;
10256
10266
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10267
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10257
10268
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10258
10269
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10259
10270
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10325,7 +10336,6 @@ label.pf-c-check, .pf-c-check__label,
10325
10336
  font-size: var(--pf-c-data-list--FontSize);
10326
10337
  line-height: var(--pf-c-data-list--LineHeight);
10327
10338
  overflow-wrap: break-word;
10328
- list-style-type: disc;
10329
10339
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10330
10340
  }
10331
10341
  @media screen and (min-width: 576px) {
@@ -10498,6 +10508,7 @@ label.pf-c-check, .pf-c-check__label,
10498
10508
  flex-direction: column;
10499
10509
  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);
10500
10510
  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);
10511
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10501
10512
  border: 0;
10502
10513
  }
10503
10514
  .pf-c-data-list__item-draggable-button:hover {
@@ -11726,7 +11737,7 @@ label.pf-c-check, .pf-c-check__label,
11726
11737
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11727
11738
  }
11728
11739
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11729
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11740
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11730
11741
  display: flex;
11731
11742
  flex: 0 1 auto;
11732
11743
  }
@@ -11739,7 +11750,7 @@ label.pf-c-check, .pf-c-check__label,
11739
11750
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11740
11751
  }
11741
11752
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11742
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11753
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11743
11754
  display: flex;
11744
11755
  flex: 0 1 auto;
11745
11756
  }
@@ -11752,7 +11763,7 @@ label.pf-c-check, .pf-c-check__label,
11752
11763
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11753
11764
  }
11754
11765
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11755
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11766
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11756
11767
  display: flex;
11757
11768
  flex: 0 1 auto;
11758
11769
  }
@@ -11765,7 +11776,7 @@ label.pf-c-check, .pf-c-check__label,
11765
11776
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11766
11777
  }
11767
11778
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11768
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11779
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11769
11780
  display: flex;
11770
11781
  flex: 0 1 auto;
11771
11782
  }
@@ -11778,7 +11789,7 @@ label.pf-c-check, .pf-c-check__label,
11778
11789
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11779
11790
  }
11780
11791
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11781
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11792
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11782
11793
  display: flex;
11783
11794
  flex: 0 1 auto;
11784
11795
  }
@@ -11812,131 +11823,131 @@ label.pf-c-check, .pf-c-check__label,
11812
11823
  }
11813
11824
  @media (min-width: 576px) {
11814
11825
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11815
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11826
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11816
11827
  margin-left: auto;
11817
11828
  }
11818
11829
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11819
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11830
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11820
11831
  margin-left: 0;
11821
11832
  }
11822
11833
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11823
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11834
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11824
11835
  margin-left: 0;
11825
11836
  }
11826
11837
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11827
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11838
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11828
11839
  margin-left: auto;
11829
11840
  }
11830
11841
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11831
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11842
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11832
11843
  flex-wrap: nowrap;
11833
11844
  }
11834
11845
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11835
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11846
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11836
11847
  flex-wrap: wrap;
11837
11848
  }
11838
11849
  }
11839
11850
  @media (min-width: 768px) {
11840
11851
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11841
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11852
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11842
11853
  margin-left: auto;
11843
11854
  }
11844
11855
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11845
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11856
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11846
11857
  margin-left: 0;
11847
11858
  }
11848
11859
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11849
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11860
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11850
11861
  margin-left: 0;
11851
11862
  }
11852
11863
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11853
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11864
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11854
11865
  margin-left: auto;
11855
11866
  }
11856
11867
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11857
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11868
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11858
11869
  flex-wrap: nowrap;
11859
11870
  }
11860
11871
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11861
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11872
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11862
11873
  flex-wrap: wrap;
11863
11874
  }
11864
11875
  }
11865
11876
  @media (min-width: 992px) {
11866
11877
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11867
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11878
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11868
11879
  margin-left: auto;
11869
11880
  }
11870
11881
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11871
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11882
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11872
11883
  margin-left: 0;
11873
11884
  }
11874
11885
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11875
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11886
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11876
11887
  margin-left: 0;
11877
11888
  }
11878
11889
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11879
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11890
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11880
11891
  margin-left: auto;
11881
11892
  }
11882
11893
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11883
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11894
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11884
11895
  flex-wrap: nowrap;
11885
11896
  }
11886
11897
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11887
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11898
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11888
11899
  flex-wrap: wrap;
11889
11900
  }
11890
11901
  }
11891
11902
  @media (min-width: 1200px) {
11892
11903
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11893
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11904
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11894
11905
  margin-left: auto;
11895
11906
  }
11896
11907
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11897
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11908
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11898
11909
  margin-left: 0;
11899
11910
  }
11900
11911
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11901
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11912
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11902
11913
  margin-left: 0;
11903
11914
  }
11904
11915
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11905
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11916
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11906
11917
  margin-left: auto;
11907
11918
  }
11908
11919
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11909
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11920
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11910
11921
  flex-wrap: nowrap;
11911
11922
  }
11912
11923
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11913
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11924
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11914
11925
  flex-wrap: wrap;
11915
11926
  }
11916
11927
  }
11917
11928
  @media (min-width: 1450px) {
11918
11929
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11919
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11930
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11920
11931
  margin-left: auto;
11921
11932
  }
11922
11933
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11923
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11934
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11924
11935
  margin-left: 0;
11925
11936
  }
11926
11937
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11927
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11938
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11928
11939
  margin-left: 0;
11929
11940
  }
11930
11941
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11931
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11942
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11932
11943
  margin-left: auto;
11933
11944
  }
11934
11945
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11935
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11946
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11936
11947
  flex-wrap: nowrap;
11937
11948
  }
11938
11949
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11939
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11950
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11940
11951
  flex-wrap: wrap;
11941
11952
  }
11942
11953
  }
@@ -13329,7 +13340,7 @@ label.pf-c-check, .pf-c-check__label,
13329
13340
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13330
13341
  }
13331
13342
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13332
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13343
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13333
13344
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13334
13345
  }
13335
13346
  .pf-c-drawer__splitter {
@@ -13418,15 +13429,15 @@ label.pf-c-check, .pf-c-check__label,
13418
13429
  }
13419
13430
  @media (min-width: 768px) {
13420
13431
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13421
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13432
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13422
13433
  flex-shrink: 1;
13423
13434
  }
13424
13435
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13425
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13436
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13426
13437
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13427
13438
  }
13428
13439
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13429
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13440
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13430
13441
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13431
13442
  }
13432
13443
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13479,15 +13490,15 @@ label.pf-c-check, .pf-c-check__label,
13479
13490
  }
13480
13491
  @media (min-width: 992px) {
13481
13492
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13482
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13493
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13483
13494
  flex-shrink: 1;
13484
13495
  }
13485
13496
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13486
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13497
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13487
13498
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13488
13499
  }
13489
13500
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13490
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13501
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13491
13502
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13492
13503
  }
13493
13504
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13540,15 +13551,15 @@ label.pf-c-check, .pf-c-check__label,
13540
13551
  }
13541
13552
  @media (min-width: 1200px) {
13542
13553
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13543
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13554
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13544
13555
  flex-shrink: 1;
13545
13556
  }
13546
13557
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13547
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13558
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13548
13559
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13549
13560
  }
13550
13561
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13551
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13562
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13552
13563
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13553
13564
  }
13554
13565
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13601,15 +13612,15 @@ label.pf-c-check, .pf-c-check__label,
13601
13612
  }
13602
13613
  @media (min-width: 1450px) {
13603
13614
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13604
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13615
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13605
13616
  flex-shrink: 1;
13606
13617
  }
13607
13618
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13608
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13619
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13609
13620
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13610
13621
  }
13611
13622
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13612
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13623
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13613
13624
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13614
13625
  }
13615
13626
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13756,6 +13767,7 @@ label.pf-c-check, .pf-c-check__label,
13756
13767
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13757
13768
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13758
13769
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13770
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13759
13771
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13760
13772
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13761
13773
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13981,6 +13993,7 @@ label.pf-c-check, .pf-c-check__label,
13981
13993
  }
13982
13994
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13983
13995
  color: var(--pf-c-dropdown__toggle-button--Color);
13996
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13984
13997
  border: 0;
13985
13998
  }
13986
13999
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14215,51 +14228,51 @@ label.pf-c-check, .pf-c-check__label,
14215
14228
  }
14216
14229
  @media (min-width: 576px) {
14217
14230
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14218
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14231
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14219
14232
  right: 0;
14220
14233
  }
14221
14234
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14222
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14235
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14223
14236
  right: auto;
14224
14237
  }
14225
14238
  }
14226
14239
  @media (min-width: 768px) {
14227
14240
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14228
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14241
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14229
14242
  right: 0;
14230
14243
  }
14231
14244
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14232
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14245
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14233
14246
  right: auto;
14234
14247
  }
14235
14248
  }
14236
14249
  @media (min-width: 992px) {
14237
14250
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14238
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14251
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14239
14252
  right: 0;
14240
14253
  }
14241
14254
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14242
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14255
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14243
14256
  right: auto;
14244
14257
  }
14245
14258
  }
14246
14259
  @media (min-width: 1200px) {
14247
14260
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14248
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14261
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14249
14262
  right: 0;
14250
14263
  }
14251
14264
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14252
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14265
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14253
14266
  right: auto;
14254
14267
  }
14255
14268
  }
14256
14269
  @media (min-width: 1450px) {
14257
14270
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14258
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14271
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14259
14272
  right: 0;
14260
14273
  }
14261
14274
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14262
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14275
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14263
14276
  right: auto;
14264
14277
  }
14265
14278
  }
@@ -14532,6 +14545,7 @@ label.pf-c-check, .pf-c-check__label,
14532
14545
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14533
14546
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14534
14547
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14548
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14535
14549
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14536
14550
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14537
14551
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14617,6 +14631,7 @@ label.pf-c-check, .pf-c-check__label,
14617
14631
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14618
14632
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14619
14633
  color: var(--pf-c-expandable-section__toggle--Color);
14634
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14620
14635
  border: none;
14621
14636
  }
14622
14637
  .pf-c-expandable-section__toggle:hover {
@@ -16558,6 +16573,7 @@ label.pf-c-input-group__text {
16558
16573
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16559
16574
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16560
16575
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16576
+ --pf-c-label__content--BackgroundColor: transparent;
16561
16577
  --pf-c-label__content--MaxWidth: 100%;
16562
16578
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16563
16579
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -16805,6 +16821,7 @@ label.pf-c-input-group__text {
16805
16821
  white-space: nowrap;
16806
16822
  max-width: var(--pf-c-label__content--MaxWidth);
16807
16823
  color: var(--pf-c-label__content--Color);
16824
+ background-color: var(--pf-c-label__content--BackgroundColor);
16808
16825
  border-width: 0;
16809
16826
  }
16810
16827
  .pf-c-label__content::before {
@@ -17542,7 +17559,7 @@ ul.pf-c-list {
17542
17559
  }
17543
17560
  @media (min-width: 768px) {
17544
17561
  .pf-c-login__main-header-utilities,
17545
- .pf-c-login__main-header .pf-c-dropdown {
17562
+ .pf-c-login__main-header .pf-c-dropdown {
17546
17563
  grid-column: 2/3;
17547
17564
  grid-row: 1;
17548
17565
  }
@@ -18421,6 +18438,7 @@ ul.pf-c-list {
18421
18438
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18422
18439
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18423
18440
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18441
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18424
18442
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18425
18443
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18426
18444
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18852,6 +18870,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18852
18870
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18853
18871
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18854
18872
  color: var(--pf-c-menu__item-action--Color);
18873
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18855
18874
  border: none;
18856
18875
  }
18857
18876
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -19041,6 +19060,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19041
19060
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
19042
19061
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
19043
19062
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
19063
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
19044
19064
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
19045
19065
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
19046
19066
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19296,6 +19316,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19296
19316
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19297
19317
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19298
19318
  color: inherit;
19319
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19299
19320
  border: 0;
19300
19321
  }
19301
19322
 
@@ -22074,24 +22095,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22074
22095
  }
22075
22096
  @media (min-height: 0) {
22076
22097
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
22077
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22078
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22079
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22080
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22081
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22082
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22098
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22099
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22100
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22101
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22102
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22103
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
22083
22104
  position: sticky;
22084
22105
  top: 0;
22085
22106
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22086
22107
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22087
22108
  }
22088
22109
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
22089
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22090
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22091
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22092
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22093
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22094
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22110
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22111
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22112
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22113
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22114
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22115
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
22095
22116
  position: sticky;
22096
22117
  bottom: 0;
22097
22118
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22100,24 +22121,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22100
22121
  }
22101
22122
  @media (min-height: 40rem) {
22102
22123
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
22103
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22104
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22105
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22106
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22107
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22108
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22124
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22125
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22126
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22127
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22128
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22129
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22109
22130
  position: sticky;
22110
22131
  top: 0;
22111
22132
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22112
22133
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22113
22134
  }
22114
22135
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
22115
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22116
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22117
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22118
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22119
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22120
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22136
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22137
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22138
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22139
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22140
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22141
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22121
22142
  position: sticky;
22122
22143
  bottom: 0;
22123
22144
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22126,24 +22147,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22126
22147
  }
22127
22148
  @media (min-height: 48rem) {
22128
22149
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22129
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22130
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22131
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22132
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22133
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22134
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22150
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22151
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22152
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22153
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22154
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22155
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22135
22156
  position: sticky;
22136
22157
  top: 0;
22137
22158
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22138
22159
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22139
22160
  }
22140
22161
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22141
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22142
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22143
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22144
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22145
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22146
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22162
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22163
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22164
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22165
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22166
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22167
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22147
22168
  position: sticky;
22148
22169
  bottom: 0;
22149
22170
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22152,24 +22173,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22152
22173
  }
22153
22174
  @media (min-height: 60rem) {
22154
22175
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22155
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22156
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22157
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22158
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22159
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22160
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22176
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22177
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22178
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22179
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22180
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22181
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22161
22182
  position: sticky;
22162
22183
  top: 0;
22163
22184
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22164
22185
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22165
22186
  }
22166
22187
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22167
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22168
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22169
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22170
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22171
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22172
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22188
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22189
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22190
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22191
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22192
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22193
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22173
22194
  position: sticky;
22174
22195
  bottom: 0;
22175
22196
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22178,24 +22199,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22178
22199
  }
22179
22200
  @media (min-height: 80rem) {
22180
22201
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22181
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22182
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22183
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22184
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22185
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22186
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22202
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22203
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22204
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22205
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22206
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22207
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22187
22208
  position: sticky;
22188
22209
  top: 0;
22189
22210
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22190
22211
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22191
22212
  }
22192
22213
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22193
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22194
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22195
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22196
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22197
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22198
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22214
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22215
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22216
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22217
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22218
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22219
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22199
22220
  position: sticky;
22200
22221
  bottom: 0;
22201
22222
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22690,8 +22711,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22690
22711
  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);
22691
22712
  }
22692
22713
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22693
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22694
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22714
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22715
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22695
22716
  display: block;
22696
22717
  }
22697
22718
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -24171,6 +24192,7 @@ label.pf-c-radio, .pf-c-radio__label,
24171
24192
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24172
24193
  --pf-c-search-input__text-input--MinWidth: 6ch;
24173
24194
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24195
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24174
24196
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24175
24197
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24176
24198
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24258,6 +24280,7 @@ label.pf-c-radio, .pf-c-radio__label,
24258
24280
  width: 100%;
24259
24281
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24260
24282
  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);
24283
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24261
24284
  border: 0;
24262
24285
  }
24263
24286
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -26694,7 +26717,7 @@ svg.pf-c-spinner.pf-m-xl {
26694
26717
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26695
26718
  }
26696
26719
  .pf-m-grid-md.pf-c-table tr:last-child,
26697
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26720
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26698
26721
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26699
26722
  }
26700
26723
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26839,7 +26862,7 @@ svg.pf-c-spinner.pf-m-xl {
26839
26862
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26840
26863
  }
26841
26864
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26842
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26865
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26843
26866
  position: relative;
26844
26867
  }
26845
26868
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26869,9 +26892,9 @@ svg.pf-c-spinner.pf-m-xl {
26869
26892
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26870
26893
  }
26871
26894
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26872
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26873
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26874
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26895
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26896
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26897
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26875
26898
  width: auto;
26876
26899
  padding: 0;
26877
26900
  }
@@ -26891,8 +26914,8 @@ svg.pf-c-spinner.pf-m-xl {
26891
26914
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26892
26915
  }
26893
26916
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26894
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26895
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26917
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26918
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26896
26919
  grid-row-start: 1;
26897
26920
  grid-column-start: 2;
26898
26921
  }
@@ -27009,7 +27032,7 @@ svg.pf-c-spinner.pf-m-xl {
27009
27032
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27010
27033
  }
27011
27034
  .pf-m-grid-lg.pf-c-table tr:last-child,
27012
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27035
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27013
27036
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27014
27037
  }
27015
27038
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27154,7 +27177,7 @@ svg.pf-c-spinner.pf-m-xl {
27154
27177
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27155
27178
  }
27156
27179
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27157
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27180
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27158
27181
  position: relative;
27159
27182
  }
27160
27183
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27184,9 +27207,9 @@ svg.pf-c-spinner.pf-m-xl {
27184
27207
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27185
27208
  }
27186
27209
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27187
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27188
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27189
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27210
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27211
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27212
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27190
27213
  width: auto;
27191
27214
  padding: 0;
27192
27215
  }
@@ -27206,8 +27229,8 @@ svg.pf-c-spinner.pf-m-xl {
27206
27229
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27207
27230
  }
27208
27231
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27209
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27210
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27232
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27233
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27211
27234
  grid-row-start: 1;
27212
27235
  grid-column-start: 2;
27213
27236
  }
@@ -27324,7 +27347,7 @@ svg.pf-c-spinner.pf-m-xl {
27324
27347
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27325
27348
  }
27326
27349
  .pf-m-grid-xl.pf-c-table tr:last-child,
27327
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27350
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27328
27351
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27329
27352
  }
27330
27353
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27469,7 +27492,7 @@ svg.pf-c-spinner.pf-m-xl {
27469
27492
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27470
27493
  }
27471
27494
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27472
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27495
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27473
27496
  position: relative;
27474
27497
  }
27475
27498
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27499,9 +27522,9 @@ svg.pf-c-spinner.pf-m-xl {
27499
27522
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27500
27523
  }
27501
27524
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27502
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27503
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27504
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27525
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27526
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27527
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27505
27528
  width: auto;
27506
27529
  padding: 0;
27507
27530
  }
@@ -27521,8 +27544,8 @@ svg.pf-c-spinner.pf-m-xl {
27521
27544
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27522
27545
  }
27523
27546
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27524
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27525
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27547
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27548
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27526
27549
  grid-row-start: 1;
27527
27550
  grid-column-start: 2;
27528
27551
  }
@@ -27639,7 +27662,7 @@ svg.pf-c-spinner.pf-m-xl {
27639
27662
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27640
27663
  }
27641
27664
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27642
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27665
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27643
27666
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27644
27667
  }
27645
27668
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27784,7 +27807,7 @@ svg.pf-c-spinner.pf-m-xl {
27784
27807
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27785
27808
  }
27786
27809
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27787
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27810
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27788
27811
  position: relative;
27789
27812
  }
27790
27813
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27814,9 +27837,9 @@ svg.pf-c-spinner.pf-m-xl {
27814
27837
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27815
27838
  }
27816
27839
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27817
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27818
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27819
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27840
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27841
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27842
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27820
27843
  width: auto;
27821
27844
  padding: 0;
27822
27845
  }
@@ -27836,8 +27859,8 @@ svg.pf-c-spinner.pf-m-xl {
27836
27859
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27837
27860
  }
27838
27861
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27839
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27840
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27862
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27863
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27841
27864
  grid-row-start: 1;
27842
27865
  grid-column-start: 2;
27843
27866
  }
@@ -29323,7 +29346,7 @@ svg.pf-c-spinner.pf-m-xl {
29323
29346
  display: block;
29324
29347
  }
29325
29348
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29326
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29349
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29327
29350
  display: inline-block;
29328
29351
  }
29329
29352
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29464,7 +29487,7 @@ svg.pf-c-spinner.pf-m-xl {
29464
29487
  display: block;
29465
29488
  }
29466
29489
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29467
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29490
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29468
29491
  display: inline-block;
29469
29492
  }
29470
29493
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29605,7 +29628,7 @@ svg.pf-c-spinner.pf-m-xl {
29605
29628
  display: block;
29606
29629
  }
29607
29630
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29608
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29631
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29609
29632
  display: inline-block;
29610
29633
  }
29611
29634
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29746,7 +29769,7 @@ svg.pf-c-spinner.pf-m-xl {
29746
29769
  display: block;
29747
29770
  }
29748
29771
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29749
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29772
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29750
29773
  display: inline-block;
29751
29774
  }
29752
29775
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -30699,7 +30722,8 @@ svg.pf-c-spinner.pf-m-xl {
30699
30722
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30700
30723
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30701
30724
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30702
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30725
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30726
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30703
30727
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30704
30728
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30705
30729
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30799,6 +30823,7 @@ svg.pf-c-spinner.pf-m-xl {
30799
30823
  width: 100%;
30800
30824
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30801
30825
  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);
30826
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30802
30827
  border: 0;
30803
30828
  }
30804
30829
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30808,7 +30833,7 @@ svg.pf-c-spinner.pf-m-xl {
30808
30833
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30809
30834
  }
30810
30835
  .pf-c-text-input-group__text-input::placeholder {
30811
- color: var(--pf-c-text-input-group--placeholder--Color);
30836
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30812
30837
  }
30813
30838
 
30814
30839
  .pf-c-text-input-group__utilities {
@@ -31457,11 +31482,12 @@ svg.pf-c-spinner.pf-m-xl {
31457
31482
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31458
31483
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31459
31484
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31485
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31460
31486
  --pf-c-tree-view__node-container--Display: contents;
31461
31487
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31462
31488
  --pf-c-tree-view__node-content--Overflow: visible;
31463
31489
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31464
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31490
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31465
31491
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31466
31492
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31467
31493
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31471,6 +31497,7 @@ svg.pf-c-spinner.pf-m-xl {
31471
31497
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31472
31498
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31473
31499
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31500
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31474
31501
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31475
31502
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31476
31503
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31495,10 +31522,6 @@ svg.pf-c-spinner.pf-m-xl {
31495
31522
  --pf-c-tree-view__node-text--max-lines: 1;
31496
31523
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31497
31524
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31498
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31499
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31500
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31501
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31502
31525
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31503
31526
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31504
31527
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31696,13 +31719,14 @@ svg.pf-c-spinner.pf-m-xl {
31696
31719
  display: flex;
31697
31720
  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);
31698
31721
  color: var(--pf-c-tree-view__node--Color);
31722
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31699
31723
  }
31700
31724
  .pf-c-tree-view__node.pf-m-current {
31701
31725
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31702
31726
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31703
31727
  }
31704
31728
  .pf-c-tree-view__node:focus {
31705
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31729
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31706
31730
  }
31707
31731
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31708
31732
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31749,6 +31773,7 @@ svg.pf-c-spinner.pf-m-xl {
31749
31773
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31750
31774
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31751
31775
  color: var(--pf-c-tree-view__node-toggle--Color);
31776
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31752
31777
  border: 0;
31753
31778
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31754
31779
  }
@@ -31772,6 +31797,7 @@ svg.pf-c-spinner.pf-m-xl {
31772
31797
  font-weight: inherit;
31773
31798
  color: inherit;
31774
31799
  text-align: left;
31800
+ background-color: transparent;
31775
31801
  border: 0;
31776
31802
  }
31777
31803
  label.pf-c-tree-view__node-text {
@@ -31803,15 +31829,6 @@ label.pf-c-tree-view__node-text {
31803
31829
 
31804
31830
  .pf-c-tree-view__action {
31805
31831
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31806
- color: var(--pf-c-tree-view__action--Color);
31807
- border: 0;
31808
- }
31809
- .pf-c-tree-view__action:hover {
31810
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31811
- }
31812
- .pf-c-tree-view__action:focus {
31813
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31814
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31815
31832
  }
31816
31833
 
31817
31834
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31963,6 +31980,7 @@ label.pf-c-tree-view__node-text {
31963
31980
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31964
31981
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31965
31982
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31983
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31966
31984
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31967
31985
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31968
31986
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32312,6 +32330,7 @@ label.pf-c-tree-view__node-text {
32312
32330
  text-align: left;
32313
32331
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32314
32332
  word-break: break-word;
32333
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32315
32334
  border: 0;
32316
32335
  }
32317
32336
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -34156,31 +34175,31 @@ label.pf-c-tree-view__node-text {
34156
34175
  }
34157
34176
  @media (min-width: 576px) {
34158
34177
  .pf-l-grid > *,
34159
- .pf-l-grid .pf-l-grid__item {
34178
+ .pf-l-grid .pf-l-grid__item {
34160
34179
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34161
34180
  }
34162
34181
  }
34163
34182
  @media (min-width: 768px) {
34164
34183
  .pf-l-grid > *,
34165
- .pf-l-grid .pf-l-grid__item {
34184
+ .pf-l-grid .pf-l-grid__item {
34166
34185
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34167
34186
  }
34168
34187
  }
34169
34188
  @media (min-width: 992px) {
34170
34189
  .pf-l-grid > *,
34171
- .pf-l-grid .pf-l-grid__item {
34190
+ .pf-l-grid .pf-l-grid__item {
34172
34191
  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))));
34173
34192
  }
34174
34193
  }
34175
34194
  @media (min-width: 1200px) {
34176
34195
  .pf-l-grid > *,
34177
- .pf-l-grid .pf-l-grid__item {
34196
+ .pf-l-grid .pf-l-grid__item {
34178
34197
  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)))));
34179
34198
  }
34180
34199
  }
34181
34200
  @media (min-width: 1450px) {
34182
34201
  .pf-l-grid > *,
34183
- .pf-l-grid .pf-l-grid__item {
34202
+ .pf-l-grid .pf-l-grid__item {
34184
34203
  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))))));
34185
34204
  }
34186
34205
  }