@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
@@ -5641,6 +5641,7 @@
5641
5641
  --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
5642
5642
  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
5643
5643
  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
5644
+ --pf-c-accordion__toggle--BackgroundColor: transparent;
5644
5645
  --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
5645
5646
  --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
5646
5647
  --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -5755,6 +5756,7 @@
5755
5756
  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);
5756
5757
  font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
5757
5758
  font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
5759
+ background-color: var(--pf-c-accordion__toggle--BackgroundColor);
5758
5760
  border: 0;
5759
5761
  }
5760
5762
  .pf-c-accordion__toggle::after {
@@ -6222,6 +6224,7 @@
6222
6224
  --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
6223
6225
  --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
6224
6226
  --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
6227
+ --pf-c-app-launcher__toggle--BackgroundColor: transparent;
6225
6228
  --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
6226
6229
  --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
6227
6230
  --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -6284,6 +6287,7 @@
6284
6287
  .pf-c-app-launcher__toggle {
6285
6288
  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);
6286
6289
  color: var(--pf-c-app-launcher__toggle--Color);
6290
+ background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
6287
6291
  border: none;
6288
6292
  }
6289
6293
  .pf-c-app-launcher__toggle:hover {
@@ -7096,6 +7100,7 @@
7096
7100
  --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
7097
7101
  --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7098
7102
  --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
7103
+ --pf-c-breadcrumb__link--BackgroundColor: transparent;
7099
7104
  --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
7100
7105
  --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
7101
7106
  --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -7138,6 +7143,7 @@
7138
7143
  color: var(--pf-c-breadcrumb__link--Color);
7139
7144
  text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
7140
7145
  word-break: break-word;
7146
+ background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
7141
7147
  }
7142
7148
  .pf-c-breadcrumb__link:hover {
7143
7149
  --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
@@ -9321,6 +9327,7 @@ label.pf-c-check, .pf-c-check__label,
9321
9327
  --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
9322
9328
  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
9323
9329
  --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
9330
+ --pf-c-context-selector__toggle--BackgroundColor: transparent;
9324
9331
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
9325
9332
  --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
9326
9333
  --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -9359,6 +9366,7 @@ label.pf-c-check, .pf-c-check__label,
9359
9366
  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
9360
9367
  --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
9361
9368
  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
9369
+ --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
9362
9370
  --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
9363
9371
  --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
9364
9372
  --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -9470,6 +9478,7 @@ label.pf-c-check, .pf-c-check__label,
9470
9478
  color: var(--pf-c-context-selector__toggle--Color);
9471
9479
  white-space: nowrap;
9472
9480
  cursor: pointer;
9481
+ background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
9473
9482
  border: none;
9474
9483
  }
9475
9484
  .pf-c-context-selector__toggle::before {
@@ -9578,11 +9587,12 @@ label.pf-c-check, .pf-c-check__label,
9578
9587
  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);
9579
9588
  color: var(--pf-c-context-selector__menu-list-item--Color);
9580
9589
  white-space: nowrap;
9590
+ background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
9581
9591
  border: none;
9582
9592
  }
9583
9593
  .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
9594
+ --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9584
9595
  text-decoration: none;
9585
- background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
9586
9596
  }
9587
9597
  .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
9588
9598
  --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
@@ -10131,6 +10141,7 @@ label.pf-c-check, .pf-c-check__label,
10131
10141
  --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10132
10142
  --pf-c-data-list__toggle-icon--Rotate: 0;
10133
10143
  --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10144
+ --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
10134
10145
  --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
10135
10146
  --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
10136
10147
  --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -10202,7 +10213,6 @@ label.pf-c-check, .pf-c-check__label,
10202
10213
  font-size: var(--pf-c-data-list--FontSize);
10203
10214
  line-height: var(--pf-c-data-list--LineHeight);
10204
10215
  overflow-wrap: break-word;
10205
- list-style-type: disc;
10206
10216
  border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
10207
10217
  }
10208
10218
  @media screen and (min-width: 576px) {
@@ -10375,6 +10385,7 @@ label.pf-c-check, .pf-c-check__label,
10375
10385
  flex-direction: column;
10376
10386
  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);
10377
10387
  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);
10388
+ background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
10378
10389
  border: 0;
10379
10390
  }
10380
10391
  .pf-c-data-list__item-draggable-button:hover {
@@ -11603,7 +11614,7 @@ label.pf-c-check, .pf-c-check__label,
11603
11614
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11604
11615
  }
11605
11616
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11606
- .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11617
+ .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
11607
11618
  display: flex;
11608
11619
  flex: 0 1 auto;
11609
11620
  }
@@ -11616,7 +11627,7 @@ label.pf-c-check, .pf-c-check__label,
11616
11627
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11617
11628
  }
11618
11629
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11619
- .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11630
+ .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
11620
11631
  display: flex;
11621
11632
  flex: 0 1 auto;
11622
11633
  }
@@ -11629,7 +11640,7 @@ label.pf-c-check, .pf-c-check__label,
11629
11640
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11630
11641
  }
11631
11642
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11632
- .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11643
+ .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
11633
11644
  display: flex;
11634
11645
  flex: 0 1 auto;
11635
11646
  }
@@ -11642,7 +11653,7 @@ label.pf-c-check, .pf-c-check__label,
11642
11653
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11643
11654
  }
11644
11655
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11645
- .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11656
+ .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
11646
11657
  display: flex;
11647
11658
  flex: 0 1 auto;
11648
11659
  }
@@ -11655,7 +11666,7 @@ label.pf-c-check, .pf-c-check__label,
11655
11666
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11656
11667
  }
11657
11668
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11658
- .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11669
+ .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
11659
11670
  display: flex;
11660
11671
  flex: 0 1 auto;
11661
11672
  }
@@ -11689,131 +11700,131 @@ label.pf-c-check, .pf-c-check__label,
11689
11700
  }
11690
11701
  @media (min-width: 576px) {
11691
11702
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11692
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11703
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
11693
11704
  margin-left: auto;
11694
11705
  }
11695
11706
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11696
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11707
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
11697
11708
  margin-left: 0;
11698
11709
  }
11699
11710
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11700
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11711
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
11701
11712
  margin-left: 0;
11702
11713
  }
11703
11714
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11704
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11715
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
11705
11716
  margin-left: auto;
11706
11717
  }
11707
11718
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11708
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11719
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
11709
11720
  flex-wrap: nowrap;
11710
11721
  }
11711
11722
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11712
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11723
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
11713
11724
  flex-wrap: wrap;
11714
11725
  }
11715
11726
  }
11716
11727
  @media (min-width: 768px) {
11717
11728
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11718
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11729
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
11719
11730
  margin-left: auto;
11720
11731
  }
11721
11732
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11722
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11733
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
11723
11734
  margin-left: 0;
11724
11735
  }
11725
11736
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11726
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11737
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
11727
11738
  margin-left: 0;
11728
11739
  }
11729
11740
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11730
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11741
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
11731
11742
  margin-left: auto;
11732
11743
  }
11733
11744
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11734
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11745
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
11735
11746
  flex-wrap: nowrap;
11736
11747
  }
11737
11748
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11738
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11749
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
11739
11750
  flex-wrap: wrap;
11740
11751
  }
11741
11752
  }
11742
11753
  @media (min-width: 992px) {
11743
11754
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11744
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11755
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
11745
11756
  margin-left: auto;
11746
11757
  }
11747
11758
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11748
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11759
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
11749
11760
  margin-left: 0;
11750
11761
  }
11751
11762
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11752
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11763
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
11753
11764
  margin-left: 0;
11754
11765
  }
11755
11766
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11756
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11767
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
11757
11768
  margin-left: auto;
11758
11769
  }
11759
11770
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11760
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11771
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
11761
11772
  flex-wrap: nowrap;
11762
11773
  }
11763
11774
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11764
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11775
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
11765
11776
  flex-wrap: wrap;
11766
11777
  }
11767
11778
  }
11768
11779
  @media (min-width: 1200px) {
11769
11780
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11770
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11781
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
11771
11782
  margin-left: auto;
11772
11783
  }
11773
11784
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11774
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11785
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
11775
11786
  margin-left: 0;
11776
11787
  }
11777
11788
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11778
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11789
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
11779
11790
  margin-left: 0;
11780
11791
  }
11781
11792
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11782
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11793
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
11783
11794
  margin-left: auto;
11784
11795
  }
11785
11796
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11786
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11797
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
11787
11798
  flex-wrap: nowrap;
11788
11799
  }
11789
11800
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11790
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11801
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
11791
11802
  flex-wrap: wrap;
11792
11803
  }
11793
11804
  }
11794
11805
  @media (min-width: 1450px) {
11795
11806
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11796
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11807
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
11797
11808
  margin-left: auto;
11798
11809
  }
11799
11810
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11800
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11811
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
11801
11812
  margin-left: 0;
11802
11813
  }
11803
11814
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11804
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11815
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
11805
11816
  margin-left: 0;
11806
11817
  }
11807
11818
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11808
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11819
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
11809
11820
  margin-left: auto;
11810
11821
  }
11811
11822
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11812
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11823
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
11813
11824
  flex-wrap: nowrap;
11814
11825
  }
11815
11826
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11816
- .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11827
+ .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
11817
11828
  flex-wrap: wrap;
11818
11829
  }
11819
11830
  }
@@ -13206,7 +13217,7 @@ label.pf-c-check, .pf-c-check__label,
13206
13217
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13207
13218
  }
13208
13219
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13209
- .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13220
+ .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13210
13221
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13211
13222
  }
13212
13223
  .pf-c-drawer__splitter {
@@ -13295,15 +13306,15 @@ label.pf-c-check, .pf-c-check__label,
13295
13306
  }
13296
13307
  @media (min-width: 768px) {
13297
13308
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13298
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13309
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
13299
13310
  flex-shrink: 1;
13300
13311
  }
13301
13312
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13302
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13313
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13303
13314
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13304
13315
  }
13305
13316
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13306
- .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13317
+ .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13307
13318
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13308
13319
  }
13309
13320
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13356,15 +13367,15 @@ label.pf-c-check, .pf-c-check__label,
13356
13367
  }
13357
13368
  @media (min-width: 992px) {
13358
13369
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13359
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13370
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13360
13371
  flex-shrink: 1;
13361
13372
  }
13362
13373
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13363
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13374
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13364
13375
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13365
13376
  }
13366
13377
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13367
- .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13378
+ .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13368
13379
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13369
13380
  }
13370
13381
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13417,15 +13428,15 @@ label.pf-c-check, .pf-c-check__label,
13417
13428
  }
13418
13429
  @media (min-width: 1200px) {
13419
13430
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13420
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13431
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13421
13432
  flex-shrink: 1;
13422
13433
  }
13423
13434
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13424
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13435
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13425
13436
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13426
13437
  }
13427
13438
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13428
- .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13439
+ .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13429
13440
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13430
13441
  }
13431
13442
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13478,15 +13489,15 @@ label.pf-c-check, .pf-c-check__label,
13478
13489
  }
13479
13490
  @media (min-width: 1450px) {
13480
13491
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13481
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13492
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13482
13493
  flex-shrink: 1;
13483
13494
  }
13484
13495
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13485
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13496
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13486
13497
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13487
13498
  }
13488
13499
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13489
- .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13500
+ .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13490
13501
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13491
13502
  }
13492
13503
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13633,6 +13644,7 @@ label.pf-c-check, .pf-c-check__label,
13633
13644
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13634
13645
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13635
13646
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13647
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13636
13648
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13637
13649
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13638
13650
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13858,6 +13870,7 @@ label.pf-c-check, .pf-c-check__label,
13858
13870
  }
13859
13871
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13860
13872
  color: var(--pf-c-dropdown__toggle-button--Color);
13873
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13861
13874
  border: 0;
13862
13875
  }
13863
13876
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14092,51 +14105,51 @@ label.pf-c-check, .pf-c-check__label,
14092
14105
  }
14093
14106
  @media (min-width: 576px) {
14094
14107
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14095
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14108
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14096
14109
  right: 0;
14097
14110
  }
14098
14111
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14099
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14112
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14100
14113
  right: auto;
14101
14114
  }
14102
14115
  }
14103
14116
  @media (min-width: 768px) {
14104
14117
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14105
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14118
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14106
14119
  right: 0;
14107
14120
  }
14108
14121
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14109
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14122
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14110
14123
  right: auto;
14111
14124
  }
14112
14125
  }
14113
14126
  @media (min-width: 992px) {
14114
14127
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14115
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14128
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14116
14129
  right: 0;
14117
14130
  }
14118
14131
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14119
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14132
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14120
14133
  right: auto;
14121
14134
  }
14122
14135
  }
14123
14136
  @media (min-width: 1200px) {
14124
14137
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14125
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14138
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14126
14139
  right: 0;
14127
14140
  }
14128
14141
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14129
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14142
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14130
14143
  right: auto;
14131
14144
  }
14132
14145
  }
14133
14146
  @media (min-width: 1450px) {
14134
14147
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14135
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14148
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14136
14149
  right: 0;
14137
14150
  }
14138
14151
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14139
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14152
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14140
14153
  right: auto;
14141
14154
  }
14142
14155
  }
@@ -14409,6 +14422,7 @@ label.pf-c-check, .pf-c-check__label,
14409
14422
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14410
14423
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14411
14424
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14425
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14412
14426
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14413
14427
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14414
14428
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14494,6 +14508,7 @@ label.pf-c-check, .pf-c-check__label,
14494
14508
  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
14495
14509
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14496
14510
  color: var(--pf-c-expandable-section__toggle--Color);
14511
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14497
14512
  border: none;
14498
14513
  }
14499
14514
  .pf-c-expandable-section__toggle:hover {
@@ -16435,6 +16450,7 @@ label.pf-c-input-group__text {
16435
16450
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16436
16451
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16437
16452
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16453
+ --pf-c-label__content--BackgroundColor: transparent;
16438
16454
  --pf-c-label__content--MaxWidth: 100%;
16439
16455
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16440
16456
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -16682,6 +16698,7 @@ label.pf-c-input-group__text {
16682
16698
  white-space: nowrap;
16683
16699
  max-width: var(--pf-c-label__content--MaxWidth);
16684
16700
  color: var(--pf-c-label__content--Color);
16701
+ background-color: var(--pf-c-label__content--BackgroundColor);
16685
16702
  border-width: 0;
16686
16703
  }
16687
16704
  .pf-c-label__content::before {
@@ -17419,7 +17436,7 @@ ul.pf-c-list {
17419
17436
  }
17420
17437
  @media (min-width: 768px) {
17421
17438
  .pf-c-login__main-header-utilities,
17422
- .pf-c-login__main-header .pf-c-dropdown {
17439
+ .pf-c-login__main-header .pf-c-dropdown {
17423
17440
  grid-column: 2/3;
17424
17441
  grid-row: 1;
17425
17442
  }
@@ -18298,6 +18315,7 @@ ul.pf-c-list {
18298
18315
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18299
18316
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18300
18317
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18318
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18301
18319
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18302
18320
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18303
18321
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18729,6 +18747,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18729
18747
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18730
18748
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18731
18749
  color: var(--pf-c-menu__item-action--Color);
18750
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18732
18751
  border: none;
18733
18752
  }
18734
18753
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -18918,6 +18937,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18918
18937
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
18919
18938
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
18920
18939
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
18940
+ --pf-c-menu-toggle__button--BackgroundColor: transparent;
18921
18941
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
18922
18942
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
18923
18943
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19173,6 +19193,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19173
19193
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19174
19194
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19175
19195
  color: inherit;
19196
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19176
19197
  border: 0;
19177
19198
  }
19178
19199
 
@@ -21951,24 +21972,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21951
21972
  }
21952
21973
  @media (min-height: 0) {
21953
21974
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21954
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21955
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21956
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21957
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21958
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21959
- .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21975
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21976
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21977
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21978
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21979
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21980
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21960
21981
  position: sticky;
21961
21982
  top: 0;
21962
21983
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21963
21984
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21964
21985
  }
21965
21986
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21966
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21967
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21968
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21969
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21970
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21971
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21987
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21988
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21989
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21990
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21991
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21992
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21972
21993
  position: sticky;
21973
21994
  bottom: 0;
21974
21995
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21977,24 +21998,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21977
21998
  }
21978
21999
  @media (min-height: 40rem) {
21979
22000
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21980
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21981
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21982
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21983
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21984
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21985
- .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
22001
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22002
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22003
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22004
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22005
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22006
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
21986
22007
  position: sticky;
21987
22008
  top: 0;
21988
22009
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21989
22010
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21990
22011
  }
21991
22012
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21992
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21993
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21994
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21995
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21996
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21997
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
22013
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22014
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22015
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22016
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22017
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22018
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
21998
22019
  position: sticky;
21999
22020
  bottom: 0;
22000
22021
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22003,24 +22024,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22003
22024
  }
22004
22025
  @media (min-height: 48rem) {
22005
22026
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22006
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22007
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22008
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22009
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22010
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22011
- .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22027
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22028
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22029
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22030
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22031
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22032
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
22012
22033
  position: sticky;
22013
22034
  top: 0;
22014
22035
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22015
22036
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22016
22037
  }
22017
22038
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22018
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22019
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22020
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22021
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22022
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22023
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22039
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22040
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22041
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22042
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22043
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22044
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
22024
22045
  position: sticky;
22025
22046
  bottom: 0;
22026
22047
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22029,24 +22050,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22029
22050
  }
22030
22051
  @media (min-height: 60rem) {
22031
22052
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22032
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22033
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22034
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22035
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22036
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22037
- .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22053
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22054
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22055
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22056
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22057
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22058
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
22038
22059
  position: sticky;
22039
22060
  top: 0;
22040
22061
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22041
22062
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22042
22063
  }
22043
22064
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22044
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22045
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22046
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22047
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22048
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22049
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22065
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22066
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22067
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22068
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22069
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22070
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
22050
22071
  position: sticky;
22051
22072
  bottom: 0;
22052
22073
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22055,24 +22076,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22055
22076
  }
22056
22077
  @media (min-height: 80rem) {
22057
22078
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22058
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22059
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22060
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22061
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22062
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22063
- .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22079
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22080
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22081
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22082
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22083
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22084
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
22064
22085
  position: sticky;
22065
22086
  top: 0;
22066
22087
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22067
22088
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22068
22089
  }
22069
22090
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22070
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22071
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22072
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22073
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22074
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22075
- .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22091
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22092
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22093
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22094
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22095
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22096
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
22076
22097
  position: sticky;
22077
22098
  bottom: 0;
22078
22099
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22567,8 +22588,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22567
22588
  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);
22568
22589
  }
22569
22590
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22570
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22571
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22591
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22592
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
22572
22593
  display: block;
22573
22594
  }
22574
22595
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -24048,6 +24069,7 @@ label.pf-c-radio, .pf-c-radio__label,
24048
24069
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24049
24070
  --pf-c-search-input__text-input--MinWidth: 6ch;
24050
24071
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24072
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24051
24073
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24052
24074
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24053
24075
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24135,6 +24157,7 @@ label.pf-c-radio, .pf-c-radio__label,
24135
24157
  width: 100%;
24136
24158
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24137
24159
  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);
24160
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24138
24161
  border: 0;
24139
24162
  }
24140
24163
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -26571,7 +26594,7 @@ svg.pf-c-spinner.pf-m-xl {
26571
26594
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26572
26595
  }
26573
26596
  .pf-m-grid-md.pf-c-table tr:last-child,
26574
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26597
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26575
26598
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26576
26599
  }
26577
26600
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26716,7 +26739,7 @@ svg.pf-c-spinner.pf-m-xl {
26716
26739
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26717
26740
  }
26718
26741
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26719
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26742
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26720
26743
  position: relative;
26721
26744
  }
26722
26745
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26746,9 +26769,9 @@ svg.pf-c-spinner.pf-m-xl {
26746
26769
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26747
26770
  }
26748
26771
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26749
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26750
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26751
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26772
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26773
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26774
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26752
26775
  width: auto;
26753
26776
  padding: 0;
26754
26777
  }
@@ -26768,8 +26791,8 @@ svg.pf-c-spinner.pf-m-xl {
26768
26791
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26769
26792
  }
26770
26793
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26771
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26772
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26794
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26795
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26773
26796
  grid-row-start: 1;
26774
26797
  grid-column-start: 2;
26775
26798
  }
@@ -26886,7 +26909,7 @@ svg.pf-c-spinner.pf-m-xl {
26886
26909
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26887
26910
  }
26888
26911
  .pf-m-grid-lg.pf-c-table tr:last-child,
26889
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26912
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26890
26913
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26891
26914
  }
26892
26915
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27031,7 +27054,7 @@ svg.pf-c-spinner.pf-m-xl {
27031
27054
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27032
27055
  }
27033
27056
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27034
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27057
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27035
27058
  position: relative;
27036
27059
  }
27037
27060
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27061,9 +27084,9 @@ svg.pf-c-spinner.pf-m-xl {
27061
27084
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27062
27085
  }
27063
27086
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27064
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27065
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27066
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27087
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27088
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27089
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27067
27090
  width: auto;
27068
27091
  padding: 0;
27069
27092
  }
@@ -27083,8 +27106,8 @@ svg.pf-c-spinner.pf-m-xl {
27083
27106
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27084
27107
  }
27085
27108
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27086
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27087
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27109
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27110
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27088
27111
  grid-row-start: 1;
27089
27112
  grid-column-start: 2;
27090
27113
  }
@@ -27201,7 +27224,7 @@ svg.pf-c-spinner.pf-m-xl {
27201
27224
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27202
27225
  }
27203
27226
  .pf-m-grid-xl.pf-c-table tr:last-child,
27204
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27227
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27205
27228
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27206
27229
  }
27207
27230
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27346,7 +27369,7 @@ svg.pf-c-spinner.pf-m-xl {
27346
27369
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27347
27370
  }
27348
27371
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27349
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27372
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27350
27373
  position: relative;
27351
27374
  }
27352
27375
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27376,9 +27399,9 @@ svg.pf-c-spinner.pf-m-xl {
27376
27399
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27377
27400
  }
27378
27401
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27379
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27380
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27381
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27402
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27403
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27404
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27382
27405
  width: auto;
27383
27406
  padding: 0;
27384
27407
  }
@@ -27398,8 +27421,8 @@ svg.pf-c-spinner.pf-m-xl {
27398
27421
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27399
27422
  }
27400
27423
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27401
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27402
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27424
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27425
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27403
27426
  grid-row-start: 1;
27404
27427
  grid-column-start: 2;
27405
27428
  }
@@ -27516,7 +27539,7 @@ svg.pf-c-spinner.pf-m-xl {
27516
27539
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27517
27540
  }
27518
27541
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27519
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27542
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27520
27543
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27521
27544
  }
27522
27545
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27661,7 +27684,7 @@ svg.pf-c-spinner.pf-m-xl {
27661
27684
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27662
27685
  }
27663
27686
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27664
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27687
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27665
27688
  position: relative;
27666
27689
  }
27667
27690
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27691,9 +27714,9 @@ svg.pf-c-spinner.pf-m-xl {
27691
27714
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27692
27715
  }
27693
27716
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27694
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27695
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27696
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27717
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27718
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27719
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27697
27720
  width: auto;
27698
27721
  padding: 0;
27699
27722
  }
@@ -27713,8 +27736,8 @@ svg.pf-c-spinner.pf-m-xl {
27713
27736
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27714
27737
  }
27715
27738
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27716
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27717
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27739
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27740
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27718
27741
  grid-row-start: 1;
27719
27742
  grid-column-start: 2;
27720
27743
  }
@@ -29200,7 +29223,7 @@ svg.pf-c-spinner.pf-m-xl {
29200
29223
  display: block;
29201
29224
  }
29202
29225
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29203
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29226
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29204
29227
  display: inline-block;
29205
29228
  }
29206
29229
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29341,7 +29364,7 @@ svg.pf-c-spinner.pf-m-xl {
29341
29364
  display: block;
29342
29365
  }
29343
29366
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29344
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29367
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29345
29368
  display: inline-block;
29346
29369
  }
29347
29370
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29482,7 +29505,7 @@ svg.pf-c-spinner.pf-m-xl {
29482
29505
  display: block;
29483
29506
  }
29484
29507
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29485
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29508
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29486
29509
  display: inline-block;
29487
29510
  }
29488
29511
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29623,7 +29646,7 @@ svg.pf-c-spinner.pf-m-xl {
29623
29646
  display: block;
29624
29647
  }
29625
29648
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29626
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29649
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29627
29650
  display: inline-block;
29628
29651
  }
29629
29652
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -30576,7 +30599,8 @@ svg.pf-c-spinner.pf-m-xl {
30576
30599
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30577
30600
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30578
30601
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30579
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30602
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30603
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30580
30604
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30581
30605
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30582
30606
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30676,6 +30700,7 @@ svg.pf-c-spinner.pf-m-xl {
30676
30700
  width: 100%;
30677
30701
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30678
30702
  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);
30703
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30679
30704
  border: 0;
30680
30705
  }
30681
30706
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30685,7 +30710,7 @@ svg.pf-c-spinner.pf-m-xl {
30685
30710
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30686
30711
  }
30687
30712
  .pf-c-text-input-group__text-input::placeholder {
30688
- color: var(--pf-c-text-input-group--placeholder--Color);
30713
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30689
30714
  }
30690
30715
 
30691
30716
  .pf-c-text-input-group__utilities {
@@ -31334,11 +31359,12 @@ svg.pf-c-spinner.pf-m-xl {
31334
31359
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31335
31360
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31336
31361
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31362
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31337
31363
  --pf-c-tree-view__node-container--Display: contents;
31338
31364
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31339
31365
  --pf-c-tree-view__node-content--Overflow: visible;
31340
31366
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31341
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31367
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31342
31368
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31343
31369
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31344
31370
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31348,6 +31374,7 @@ svg.pf-c-spinner.pf-m-xl {
31348
31374
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31349
31375
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31350
31376
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31377
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31351
31378
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31352
31379
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31353
31380
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31372,10 +31399,6 @@ svg.pf-c-spinner.pf-m-xl {
31372
31399
  --pf-c-tree-view__node-text--max-lines: 1;
31373
31400
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31374
31401
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31375
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31376
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31377
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31378
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31379
31402
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31380
31403
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31381
31404
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31573,13 +31596,14 @@ svg.pf-c-spinner.pf-m-xl {
31573
31596
  display: flex;
31574
31597
  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);
31575
31598
  color: var(--pf-c-tree-view__node--Color);
31599
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31576
31600
  }
31577
31601
  .pf-c-tree-view__node.pf-m-current {
31578
31602
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31579
31603
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31580
31604
  }
31581
31605
  .pf-c-tree-view__node:focus {
31582
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31606
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31583
31607
  }
31584
31608
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31585
31609
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31626,6 +31650,7 @@ svg.pf-c-spinner.pf-m-xl {
31626
31650
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31627
31651
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31628
31652
  color: var(--pf-c-tree-view__node-toggle--Color);
31653
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31629
31654
  border: 0;
31630
31655
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31631
31656
  }
@@ -31649,6 +31674,7 @@ svg.pf-c-spinner.pf-m-xl {
31649
31674
  font-weight: inherit;
31650
31675
  color: inherit;
31651
31676
  text-align: left;
31677
+ background-color: transparent;
31652
31678
  border: 0;
31653
31679
  }
31654
31680
  label.pf-c-tree-view__node-text {
@@ -31680,15 +31706,6 @@ label.pf-c-tree-view__node-text {
31680
31706
 
31681
31707
  .pf-c-tree-view__action {
31682
31708
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31683
- color: var(--pf-c-tree-view__action--Color);
31684
- border: 0;
31685
- }
31686
- .pf-c-tree-view__action:hover {
31687
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31688
- }
31689
- .pf-c-tree-view__action:focus {
31690
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31691
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31692
31709
  }
31693
31710
 
31694
31711
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31840,6 +31857,7 @@ label.pf-c-tree-view__node-text {
31840
31857
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31841
31858
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31842
31859
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31860
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31843
31861
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31844
31862
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31845
31863
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32189,6 +32207,7 @@ label.pf-c-tree-view__node-text {
32189
32207
  text-align: left;
32190
32208
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32191
32209
  word-break: break-word;
32210
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32192
32211
  border: 0;
32193
32212
  }
32194
32213
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -34033,31 +34052,31 @@ label.pf-c-tree-view__node-text {
34033
34052
  }
34034
34053
  @media (min-width: 576px) {
34035
34054
  .pf-l-grid > *,
34036
- .pf-l-grid .pf-l-grid__item {
34055
+ .pf-l-grid .pf-l-grid__item {
34037
34056
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34038
34057
  }
34039
34058
  }
34040
34059
  @media (min-width: 768px) {
34041
34060
  .pf-l-grid > *,
34042
- .pf-l-grid .pf-l-grid__item {
34061
+ .pf-l-grid .pf-l-grid__item {
34043
34062
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34044
34063
  }
34045
34064
  }
34046
34065
  @media (min-width: 992px) {
34047
34066
  .pf-l-grid > *,
34048
- .pf-l-grid .pf-l-grid__item {
34067
+ .pf-l-grid .pf-l-grid__item {
34049
34068
  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))));
34050
34069
  }
34051
34070
  }
34052
34071
  @media (min-width: 1200px) {
34053
34072
  .pf-l-grid > *,
34054
- .pf-l-grid .pf-l-grid__item {
34073
+ .pf-l-grid .pf-l-grid__item {
34055
34074
  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)))));
34056
34075
  }
34057
34076
  }
34058
34077
  @media (min-width: 1450px) {
34059
34078
  .pf-l-grid > *,
34060
- .pf-l-grid .pf-l-grid__item {
34079
+ .pf-l-grid .pf-l-grid__item {
34061
34080
  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))))));
34062
34081
  }
34063
34082
  }