@patternfly/patternfly 5.0.0-alpha.14 → 5.0.0-alpha.19

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 (159) 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 -0
  12. package/components/DataList/data-list.scss +2 -0
  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/Progress/progress.css +5 -2
  28. package/components/Progress/progress.scss +5 -2
  29. package/components/SearchInput/search-input.css +2 -0
  30. package/components/SearchInput/search-input.scss +2 -0
  31. package/components/Table/table-grid.css +28 -28
  32. package/components/Table/table-tree-view.css +4 -4
  33. package/components/TextInputGroup/text-input-group.css +4 -2
  34. package/components/TextInputGroup/text-input-group.scss +4 -3
  35. package/components/Toolbar/toolbar.css +35 -35
  36. package/components/TreeView/tree-view.css +7 -15
  37. package/components/TreeView/tree-view.scss +7 -18
  38. package/components/Wizard/wizard.css +2 -0
  39. package/components/Wizard/wizard.scss +2 -0
  40. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  41. package/docs/components/Accordion/examples/Accordion.md +12 -12
  42. package/docs/components/ActionList/examples/ActionList.md +6 -6
  43. package/docs/components/Alert/examples/Alert.md +19 -19
  44. package/docs/components/AlertGroup/examples/AlertGroup.md +10 -10
  45. package/docs/components/AppLauncher/examples/application-launcher.md +34 -34
  46. package/docs/components/Avatar/examples/Avatar.md +11 -11
  47. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  48. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  49. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  50. package/docs/components/Badge/examples/Badge.md +5 -5
  51. package/docs/components/Banner/examples/Banner.md +8 -8
  52. package/docs/components/Brand/examples/Brand.md +9 -9
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +15 -15
  54. package/docs/components/Button/examples/Button.md +35 -35
  55. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  56. package/docs/components/Card/examples/Card.md +27 -27
  57. package/docs/components/Check/examples/Check.md +13 -13
  58. package/docs/components/Chip/examples/Chip.md +13 -13
  59. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
  60. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  61. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  62. package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
  63. package/docs/components/Content/examples/Content.md +10 -10
  64. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  65. package/docs/components/ContextSelector/examples/context-selector.md +80 -74
  66. package/docs/components/DataList/examples/DataList.md +83 -83
  67. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  68. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  69. package/docs/components/Divider/examples/Divider.md +9 -9
  70. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  71. package/docs/components/Drawer/examples/Drawer.md +43 -43
  72. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  73. package/docs/components/Dropdown/examples/Dropdown.md +50 -50
  74. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  75. package/docs/components/EmptyState/examples/EmptyState.md +19 -19
  76. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  77. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  78. package/docs/components/Form/examples/Form.md +64 -64
  79. package/docs/components/FormControl/examples/FormControl.md +20 -20
  80. package/docs/components/HelperText/examples/HelperText.md +11 -11
  81. package/docs/components/Hint/examples/Hint.md +7 -7
  82. package/docs/components/Icon/examples/Icon.md +10 -10
  83. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  84. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  85. package/docs/components/JumpLinks/examples/JumpLinks.md +21 -21
  86. package/docs/components/Label/examples/Label.md +31 -31
  87. package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
  88. package/docs/components/List/examples/List.md +6 -6
  89. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  90. package/docs/components/Login/examples/Login.md +22 -22
  91. package/docs/components/Masthead/examples/masthead.md +9 -9
  92. package/docs/components/Menu/examples/Menu.md +78 -76
  93. package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
  94. package/docs/components/ModalBox/examples/ModalBox.md +35 -35
  95. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +22 -22
  96. package/docs/components/Nav/examples/Navigation.md +36 -36
  97. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  98. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +39 -39
  99. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  100. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  101. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  102. package/docs/components/Page/examples/Page.md +54 -54
  103. package/docs/components/Pagination/examples/Pagination.md +27 -27
  104. package/docs/components/Panel/examples/Panel.md +10 -10
  105. package/docs/components/Popover/examples/Popover.md +34 -34
  106. package/docs/components/Progress/examples/Progress.md +31 -60
  107. package/docs/components/ProgressStepper/examples/ProgressStepper.md +24 -24
  108. package/docs/components/Radio/examples/Radio.md +11 -11
  109. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  110. package/docs/components/Select/examples/Select.md +143 -143
  111. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  112. package/docs/components/SimpleList/examples/SimpleList.md +11 -11
  113. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  114. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  115. package/docs/components/Slider/examples/Slider.md +24 -24
  116. package/docs/components/Spinner/examples/Spinner.md +24 -24
  117. package/docs/components/Switch/examples/Switch.md +19 -19
  118. package/docs/components/TabContent/examples/TabContent.md +13 -13
  119. package/docs/components/Table/examples/Table.md +155 -155
  120. package/docs/components/Tabs/examples/Tabs.md +47 -47
  121. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  122. package/docs/components/Tile/examples/Tile.md +15 -15
  123. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  124. package/docs/components/Title/examples/Title.md +17 -17
  125. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  126. package/docs/components/Toolbar/examples/Toolbar.md +113 -113
  127. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  128. package/docs/components/TreeView/examples/TreeView.md +34 -34
  129. package/docs/components/Truncate/examples/Truncate.md +4 -4
  130. package/docs/components/Wizard/examples/Wizard.md +47 -51
  131. package/docs/demos/DataList/examples/DataList.md +4 -4
  132. package/docs/demos/Masthead/examples/Masthead.md +6 -6
  133. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6 -6
  134. package/docs/demos/Table/examples/Table.md +22 -22
  135. package/docs/demos/Toolbar/examples/Toolbar.md +8 -8
  136. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  137. package/docs/layouts/Flex/examples/Flex.md +98 -98
  138. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  139. package/docs/layouts/Grid/examples/Grid.md +9 -9
  140. package/docs/layouts/Level/examples/Level.md +5 -5
  141. package/docs/layouts/Split/examples/Split.md +7 -7
  142. package/docs/layouts/Stack/examples/Stack.md +6 -6
  143. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  144. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  145. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  146. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  147. package/docs/utilities/Display/examples/Display.md +11 -11
  148. package/docs/utilities/Flex/examples/Flex.md +34 -34
  149. package/docs/utilities/Float/examples/Float.md +4 -4
  150. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  151. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  152. package/docs/utilities/Text/examples/Text.md +27 -27
  153. package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
  154. package/layouts/Grid/grid.css +5 -5
  155. package/package.json +56 -61
  156. package/patternfly-no-reset.css +201 -178
  157. package/patternfly.css +201 -178
  158. package/patternfly.min.css +1 -1
  159. 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);
@@ -10497,6 +10508,7 @@ label.pf-c-check, .pf-c-check__label,
10497
10508
  flex-direction: column;
10498
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);
10499
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);
10500
10512
  border: 0;
10501
10513
  }
10502
10514
  .pf-c-data-list__item-draggable-button:hover {
@@ -11725,7 +11737,7 @@ label.pf-c-check, .pf-c-check__label,
11725
11737
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11726
11738
  }
11727
11739
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11728
- .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 {
11729
11741
  display: flex;
11730
11742
  flex: 0 1 auto;
11731
11743
  }
@@ -11738,7 +11750,7 @@ label.pf-c-check, .pf-c-check__label,
11738
11750
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11739
11751
  }
11740
11752
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11741
- .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 {
11742
11754
  display: flex;
11743
11755
  flex: 0 1 auto;
11744
11756
  }
@@ -11751,7 +11763,7 @@ label.pf-c-check, .pf-c-check__label,
11751
11763
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11752
11764
  }
11753
11765
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11754
- .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 {
11755
11767
  display: flex;
11756
11768
  flex: 0 1 auto;
11757
11769
  }
@@ -11764,7 +11776,7 @@ label.pf-c-check, .pf-c-check__label,
11764
11776
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11765
11777
  }
11766
11778
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11767
- .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 {
11768
11780
  display: flex;
11769
11781
  flex: 0 1 auto;
11770
11782
  }
@@ -11777,7 +11789,7 @@ label.pf-c-check, .pf-c-check__label,
11777
11789
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11778
11790
  }
11779
11791
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11780
- .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 {
11781
11793
  display: flex;
11782
11794
  flex: 0 1 auto;
11783
11795
  }
@@ -11811,131 +11823,131 @@ label.pf-c-check, .pf-c-check__label,
11811
11823
  }
11812
11824
  @media (min-width: 576px) {
11813
11825
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11814
- .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 {
11815
11827
  margin-left: auto;
11816
11828
  }
11817
11829
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11818
- .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 {
11819
11831
  margin-left: 0;
11820
11832
  }
11821
11833
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11822
- .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 {
11823
11835
  margin-left: 0;
11824
11836
  }
11825
11837
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11826
- .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 {
11827
11839
  margin-left: auto;
11828
11840
  }
11829
11841
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11830
- .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 {
11831
11843
  flex-wrap: nowrap;
11832
11844
  }
11833
11845
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11834
- .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 {
11835
11847
  flex-wrap: wrap;
11836
11848
  }
11837
11849
  }
11838
11850
  @media (min-width: 768px) {
11839
11851
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11840
- .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 {
11841
11853
  margin-left: auto;
11842
11854
  }
11843
11855
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11844
- .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 {
11845
11857
  margin-left: 0;
11846
11858
  }
11847
11859
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11848
- .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 {
11849
11861
  margin-left: 0;
11850
11862
  }
11851
11863
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11852
- .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 {
11853
11865
  margin-left: auto;
11854
11866
  }
11855
11867
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11856
- .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 {
11857
11869
  flex-wrap: nowrap;
11858
11870
  }
11859
11871
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11860
- .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 {
11861
11873
  flex-wrap: wrap;
11862
11874
  }
11863
11875
  }
11864
11876
  @media (min-width: 992px) {
11865
11877
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11866
- .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 {
11867
11879
  margin-left: auto;
11868
11880
  }
11869
11881
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11870
- .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 {
11871
11883
  margin-left: 0;
11872
11884
  }
11873
11885
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11874
- .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 {
11875
11887
  margin-left: 0;
11876
11888
  }
11877
11889
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11878
- .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 {
11879
11891
  margin-left: auto;
11880
11892
  }
11881
11893
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11882
- .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 {
11883
11895
  flex-wrap: nowrap;
11884
11896
  }
11885
11897
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11886
- .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 {
11887
11899
  flex-wrap: wrap;
11888
11900
  }
11889
11901
  }
11890
11902
  @media (min-width: 1200px) {
11891
11903
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11892
- .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 {
11893
11905
  margin-left: auto;
11894
11906
  }
11895
11907
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11896
- .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 {
11897
11909
  margin-left: 0;
11898
11910
  }
11899
11911
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11900
- .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 {
11901
11913
  margin-left: 0;
11902
11914
  }
11903
11915
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11904
- .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 {
11905
11917
  margin-left: auto;
11906
11918
  }
11907
11919
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11908
- .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 {
11909
11921
  flex-wrap: nowrap;
11910
11922
  }
11911
11923
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11912
- .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 {
11913
11925
  flex-wrap: wrap;
11914
11926
  }
11915
11927
  }
11916
11928
  @media (min-width: 1450px) {
11917
11929
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11918
- .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 {
11919
11931
  margin-left: auto;
11920
11932
  }
11921
11933
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11922
- .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 {
11923
11935
  margin-left: 0;
11924
11936
  }
11925
11937
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11926
- .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 {
11927
11939
  margin-left: 0;
11928
11940
  }
11929
11941
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11930
- .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 {
11931
11943
  margin-left: auto;
11932
11944
  }
11933
11945
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11934
- .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 {
11935
11947
  flex-wrap: nowrap;
11936
11948
  }
11937
11949
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11938
- .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 {
11939
11951
  flex-wrap: wrap;
11940
11952
  }
11941
11953
  }
@@ -13328,7 +13340,7 @@ label.pf-c-check, .pf-c-check__label,
13328
13340
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13329
13341
  }
13330
13342
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13331
- .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 {
13332
13344
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13333
13345
  }
13334
13346
  .pf-c-drawer__splitter {
@@ -13417,15 +13429,15 @@ label.pf-c-check, .pf-c-check__label,
13417
13429
  }
13418
13430
  @media (min-width: 768px) {
13419
13431
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13420
- .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 {
13421
13433
  flex-shrink: 1;
13422
13434
  }
13423
13435
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13424
- .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 {
13425
13437
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13426
13438
  }
13427
13439
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13428
- .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 {
13429
13441
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13430
13442
  }
13431
13443
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13478,15 +13490,15 @@ label.pf-c-check, .pf-c-check__label,
13478
13490
  }
13479
13491
  @media (min-width: 992px) {
13480
13492
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13481
- .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 {
13482
13494
  flex-shrink: 1;
13483
13495
  }
13484
13496
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13485
- .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 {
13486
13498
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13487
13499
  }
13488
13500
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13489
- .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 {
13490
13502
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13491
13503
  }
13492
13504
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13539,15 +13551,15 @@ label.pf-c-check, .pf-c-check__label,
13539
13551
  }
13540
13552
  @media (min-width: 1200px) {
13541
13553
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13542
- .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 {
13543
13555
  flex-shrink: 1;
13544
13556
  }
13545
13557
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13546
- .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 {
13547
13559
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13548
13560
  }
13549
13561
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13550
- .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 {
13551
13563
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13552
13564
  }
13553
13565
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13600,15 +13612,15 @@ label.pf-c-check, .pf-c-check__label,
13600
13612
  }
13601
13613
  @media (min-width: 1450px) {
13602
13614
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13603
- .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 {
13604
13616
  flex-shrink: 1;
13605
13617
  }
13606
13618
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13607
- .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 {
13608
13620
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13609
13621
  }
13610
13622
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13611
- .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 {
13612
13624
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13613
13625
  }
13614
13626
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13755,6 +13767,7 @@ label.pf-c-check, .pf-c-check__label,
13755
13767
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13756
13768
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13757
13769
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13770
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13758
13771
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13759
13772
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13760
13773
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13980,6 +13993,7 @@ label.pf-c-check, .pf-c-check__label,
13980
13993
  }
13981
13994
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13982
13995
  color: var(--pf-c-dropdown__toggle-button--Color);
13996
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13983
13997
  border: 0;
13984
13998
  }
13985
13999
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14214,51 +14228,51 @@ label.pf-c-check, .pf-c-check__label,
14214
14228
  }
14215
14229
  @media (min-width: 576px) {
14216
14230
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14217
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14231
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14218
14232
  right: 0;
14219
14233
  }
14220
14234
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14221
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14235
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14222
14236
  right: auto;
14223
14237
  }
14224
14238
  }
14225
14239
  @media (min-width: 768px) {
14226
14240
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14227
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14241
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14228
14242
  right: 0;
14229
14243
  }
14230
14244
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14231
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14245
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14232
14246
  right: auto;
14233
14247
  }
14234
14248
  }
14235
14249
  @media (min-width: 992px) {
14236
14250
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14237
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14251
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14238
14252
  right: 0;
14239
14253
  }
14240
14254
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14241
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14255
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14242
14256
  right: auto;
14243
14257
  }
14244
14258
  }
14245
14259
  @media (min-width: 1200px) {
14246
14260
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14247
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14261
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14248
14262
  right: 0;
14249
14263
  }
14250
14264
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14251
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14265
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14252
14266
  right: auto;
14253
14267
  }
14254
14268
  }
14255
14269
  @media (min-width: 1450px) {
14256
14270
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14257
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14271
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14258
14272
  right: 0;
14259
14273
  }
14260
14274
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14261
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14275
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14262
14276
  right: auto;
14263
14277
  }
14264
14278
  }
@@ -14531,6 +14545,7 @@ label.pf-c-check, .pf-c-check__label,
14531
14545
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14532
14546
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14533
14547
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14548
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14534
14549
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14535
14550
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14536
14551
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14616,6 +14631,7 @@ label.pf-c-check, .pf-c-check__label,
14616
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);
14617
14632
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14618
14633
  color: var(--pf-c-expandable-section__toggle--Color);
14634
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14619
14635
  border: none;
14620
14636
  }
14621
14637
  .pf-c-expandable-section__toggle:hover {
@@ -16557,6 +16573,7 @@ label.pf-c-input-group__text {
16557
16573
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16558
16574
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16559
16575
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16576
+ --pf-c-label__content--BackgroundColor: transparent;
16560
16577
  --pf-c-label__content--MaxWidth: 100%;
16561
16578
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16562
16579
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -16804,6 +16821,7 @@ label.pf-c-input-group__text {
16804
16821
  white-space: nowrap;
16805
16822
  max-width: var(--pf-c-label__content--MaxWidth);
16806
16823
  color: var(--pf-c-label__content--Color);
16824
+ background-color: var(--pf-c-label__content--BackgroundColor);
16807
16825
  border-width: 0;
16808
16826
  }
16809
16827
  .pf-c-label__content::before {
@@ -17541,7 +17559,7 @@ ul.pf-c-list {
17541
17559
  }
17542
17560
  @media (min-width: 768px) {
17543
17561
  .pf-c-login__main-header-utilities,
17544
- .pf-c-login__main-header .pf-c-dropdown {
17562
+ .pf-c-login__main-header .pf-c-dropdown {
17545
17563
  grid-column: 2/3;
17546
17564
  grid-row: 1;
17547
17565
  }
@@ -18420,6 +18438,7 @@ ul.pf-c-list {
18420
18438
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18421
18439
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18422
18440
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18441
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18423
18442
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18424
18443
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18425
18444
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18851,6 +18870,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18851
18870
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18852
18871
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18853
18872
  color: var(--pf-c-menu__item-action--Color);
18873
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18854
18874
  border: none;
18855
18875
  }
18856
18876
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -19040,6 +19060,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19040
19060
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
19041
19061
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
19042
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;
19043
19064
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
19044
19065
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
19045
19066
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19295,6 +19316,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19295
19316
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19296
19317
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19297
19318
  color: inherit;
19319
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19298
19320
  border: 0;
19299
19321
  }
19300
19322
 
@@ -22073,24 +22095,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22073
22095
  }
22074
22096
  @media (min-height: 0) {
22075
22097
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
22076
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
22077
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
22078
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
22079
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
22080
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
22081
- .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 {
22082
22104
  position: sticky;
22083
22105
  top: 0;
22084
22106
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22085
22107
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22086
22108
  }
22087
22109
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
22088
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
22089
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
22090
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
22091
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
22092
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
22093
- .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 {
22094
22116
  position: sticky;
22095
22117
  bottom: 0;
22096
22118
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22099,24 +22121,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22099
22121
  }
22100
22122
  @media (min-height: 40rem) {
22101
22123
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
22102
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
22103
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
22104
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
22105
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
22106
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
22107
- .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 {
22108
22130
  position: sticky;
22109
22131
  top: 0;
22110
22132
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22111
22133
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22112
22134
  }
22113
22135
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
22114
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
22115
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
22116
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
22117
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
22118
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
22119
- .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 {
22120
22142
  position: sticky;
22121
22143
  bottom: 0;
22122
22144
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22125,24 +22147,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22125
22147
  }
22126
22148
  @media (min-height: 48rem) {
22127
22149
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22128
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22129
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22130
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22131
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22132
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22133
- .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 {
22134
22156
  position: sticky;
22135
22157
  top: 0;
22136
22158
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22137
22159
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22138
22160
  }
22139
22161
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22140
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22141
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22142
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22143
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22144
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22145
- .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 {
22146
22168
  position: sticky;
22147
22169
  bottom: 0;
22148
22170
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22151,24 +22173,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22151
22173
  }
22152
22174
  @media (min-height: 60rem) {
22153
22175
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22154
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22155
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22156
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22157
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22158
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22159
- .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 {
22160
22182
  position: sticky;
22161
22183
  top: 0;
22162
22184
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22163
22185
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22164
22186
  }
22165
22187
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22166
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22167
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22168
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22169
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22170
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22171
- .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 {
22172
22194
  position: sticky;
22173
22195
  bottom: 0;
22174
22196
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22177,24 +22199,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22177
22199
  }
22178
22200
  @media (min-height: 80rem) {
22179
22201
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22180
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22181
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22182
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22183
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22184
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22185
- .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 {
22186
22208
  position: sticky;
22187
22209
  top: 0;
22188
22210
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22189
22211
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22190
22212
  }
22191
22213
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22192
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22193
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22194
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22195
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22196
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22197
- .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 {
22198
22220
  position: sticky;
22199
22221
  bottom: 0;
22200
22222
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22689,8 +22711,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22689
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);
22690
22712
  }
22691
22713
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22692
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22693
- .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 {
22694
22716
  display: block;
22695
22717
  }
22696
22718
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -23284,8 +23306,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23284
23306
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23285
23307
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23286
23308
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23309
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23287
23310
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23288
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23289
23311
  --pf-c-progress__bar--before--Opacity: .2;
23290
23312
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23291
23313
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23398,14 +23420,17 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23398
23420
  }
23399
23421
 
23400
23422
  .pf-c-progress__status {
23423
+ display: flex;
23424
+ align-items: flex-start;
23425
+ justify-content: flex-end;
23401
23426
  grid-column: 2/3;
23402
23427
  grid-row: 1/2;
23403
23428
  text-align: right;
23404
23429
  word-break: break-word;
23430
+ gap: var(--pf-c-progress__status--Gap);
23405
23431
  }
23406
23432
 
23407
23433
  .pf-c-progress__status-icon {
23408
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23409
23434
  color: var(--pf-c-progress__status-icon--Color);
23410
23435
  }
23411
23436
 
@@ -24170,6 +24195,7 @@ label.pf-c-radio, .pf-c-radio__label,
24170
24195
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24171
24196
  --pf-c-search-input__text-input--MinWidth: 6ch;
24172
24197
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24198
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24173
24199
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24174
24200
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24175
24201
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24257,6 +24283,7 @@ label.pf-c-radio, .pf-c-radio__label,
24257
24283
  width: 100%;
24258
24284
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24259
24285
  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);
24286
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24260
24287
  border: 0;
24261
24288
  }
24262
24289
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -26693,7 +26720,7 @@ svg.pf-c-spinner.pf-m-xl {
26693
26720
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26694
26721
  }
26695
26722
  .pf-m-grid-md.pf-c-table tr:last-child,
26696
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26723
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26697
26724
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26698
26725
  }
26699
26726
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26838,7 +26865,7 @@ svg.pf-c-spinner.pf-m-xl {
26838
26865
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26839
26866
  }
26840
26867
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26841
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26868
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26842
26869
  position: relative;
26843
26870
  }
26844
26871
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26868,9 +26895,9 @@ svg.pf-c-spinner.pf-m-xl {
26868
26895
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26869
26896
  }
26870
26897
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26871
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26872
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26873
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26898
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26899
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26900
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26874
26901
  width: auto;
26875
26902
  padding: 0;
26876
26903
  }
@@ -26890,8 +26917,8 @@ svg.pf-c-spinner.pf-m-xl {
26890
26917
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26891
26918
  }
26892
26919
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26893
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26894
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26920
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26921
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26895
26922
  grid-row-start: 1;
26896
26923
  grid-column-start: 2;
26897
26924
  }
@@ -27008,7 +27035,7 @@ svg.pf-c-spinner.pf-m-xl {
27008
27035
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27009
27036
  }
27010
27037
  .pf-m-grid-lg.pf-c-table tr:last-child,
27011
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27038
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27012
27039
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27013
27040
  }
27014
27041
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27153,7 +27180,7 @@ svg.pf-c-spinner.pf-m-xl {
27153
27180
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27154
27181
  }
27155
27182
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27156
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27183
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27157
27184
  position: relative;
27158
27185
  }
27159
27186
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27183,9 +27210,9 @@ svg.pf-c-spinner.pf-m-xl {
27183
27210
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27184
27211
  }
27185
27212
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27186
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27187
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27188
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27213
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27214
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27215
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27189
27216
  width: auto;
27190
27217
  padding: 0;
27191
27218
  }
@@ -27205,8 +27232,8 @@ svg.pf-c-spinner.pf-m-xl {
27205
27232
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27206
27233
  }
27207
27234
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27208
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27209
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27235
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27236
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27210
27237
  grid-row-start: 1;
27211
27238
  grid-column-start: 2;
27212
27239
  }
@@ -27323,7 +27350,7 @@ svg.pf-c-spinner.pf-m-xl {
27323
27350
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27324
27351
  }
27325
27352
  .pf-m-grid-xl.pf-c-table tr:last-child,
27326
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27353
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27327
27354
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27328
27355
  }
27329
27356
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27468,7 +27495,7 @@ svg.pf-c-spinner.pf-m-xl {
27468
27495
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27469
27496
  }
27470
27497
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27471
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27498
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27472
27499
  position: relative;
27473
27500
  }
27474
27501
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27498,9 +27525,9 @@ svg.pf-c-spinner.pf-m-xl {
27498
27525
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27499
27526
  }
27500
27527
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27501
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27502
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27503
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27528
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27529
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27530
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27504
27531
  width: auto;
27505
27532
  padding: 0;
27506
27533
  }
@@ -27520,8 +27547,8 @@ svg.pf-c-spinner.pf-m-xl {
27520
27547
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27521
27548
  }
27522
27549
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27523
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27524
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27550
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27551
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27525
27552
  grid-row-start: 1;
27526
27553
  grid-column-start: 2;
27527
27554
  }
@@ -27638,7 +27665,7 @@ svg.pf-c-spinner.pf-m-xl {
27638
27665
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27639
27666
  }
27640
27667
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27641
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27668
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27642
27669
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27643
27670
  }
27644
27671
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27783,7 +27810,7 @@ svg.pf-c-spinner.pf-m-xl {
27783
27810
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27784
27811
  }
27785
27812
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27786
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27813
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27787
27814
  position: relative;
27788
27815
  }
27789
27816
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27813,9 +27840,9 @@ svg.pf-c-spinner.pf-m-xl {
27813
27840
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27814
27841
  }
27815
27842
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27816
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27817
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27818
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27843
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27844
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27845
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27819
27846
  width: auto;
27820
27847
  padding: 0;
27821
27848
  }
@@ -27835,8 +27862,8 @@ svg.pf-c-spinner.pf-m-xl {
27835
27862
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27836
27863
  }
27837
27864
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27838
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27839
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27865
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27866
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27840
27867
  grid-row-start: 1;
27841
27868
  grid-column-start: 2;
27842
27869
  }
@@ -29322,7 +29349,7 @@ svg.pf-c-spinner.pf-m-xl {
29322
29349
  display: block;
29323
29350
  }
29324
29351
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29325
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29352
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29326
29353
  display: inline-block;
29327
29354
  }
29328
29355
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29463,7 +29490,7 @@ svg.pf-c-spinner.pf-m-xl {
29463
29490
  display: block;
29464
29491
  }
29465
29492
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29466
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29493
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29467
29494
  display: inline-block;
29468
29495
  }
29469
29496
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29604,7 +29631,7 @@ svg.pf-c-spinner.pf-m-xl {
29604
29631
  display: block;
29605
29632
  }
29606
29633
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29607
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29634
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29608
29635
  display: inline-block;
29609
29636
  }
29610
29637
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29745,7 +29772,7 @@ svg.pf-c-spinner.pf-m-xl {
29745
29772
  display: block;
29746
29773
  }
29747
29774
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29748
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29775
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29749
29776
  display: inline-block;
29750
29777
  }
29751
29778
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -30698,7 +30725,8 @@ svg.pf-c-spinner.pf-m-xl {
30698
30725
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30699
30726
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30700
30727
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30701
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30728
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30729
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30702
30730
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30703
30731
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30704
30732
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30798,6 +30826,7 @@ svg.pf-c-spinner.pf-m-xl {
30798
30826
  width: 100%;
30799
30827
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30800
30828
  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);
30829
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30801
30830
  border: 0;
30802
30831
  }
30803
30832
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30807,7 +30836,7 @@ svg.pf-c-spinner.pf-m-xl {
30807
30836
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30808
30837
  }
30809
30838
  .pf-c-text-input-group__text-input::placeholder {
30810
- color: var(--pf-c-text-input-group--placeholder--Color);
30839
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30811
30840
  }
30812
30841
 
30813
30842
  .pf-c-text-input-group__utilities {
@@ -31456,11 +31485,12 @@ svg.pf-c-spinner.pf-m-xl {
31456
31485
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31457
31486
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31458
31487
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31488
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31459
31489
  --pf-c-tree-view__node-container--Display: contents;
31460
31490
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31461
31491
  --pf-c-tree-view__node-content--Overflow: visible;
31462
31492
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31463
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31493
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31464
31494
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31465
31495
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31466
31496
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31470,6 +31500,7 @@ svg.pf-c-spinner.pf-m-xl {
31470
31500
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31471
31501
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31472
31502
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31503
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31473
31504
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31474
31505
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31475
31506
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31494,10 +31525,6 @@ svg.pf-c-spinner.pf-m-xl {
31494
31525
  --pf-c-tree-view__node-text--max-lines: 1;
31495
31526
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31496
31527
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31497
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31498
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31499
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31500
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31501
31528
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31502
31529
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31503
31530
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31695,13 +31722,14 @@ svg.pf-c-spinner.pf-m-xl {
31695
31722
  display: flex;
31696
31723
  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);
31697
31724
  color: var(--pf-c-tree-view__node--Color);
31725
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31698
31726
  }
31699
31727
  .pf-c-tree-view__node.pf-m-current {
31700
31728
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31701
31729
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31702
31730
  }
31703
31731
  .pf-c-tree-view__node:focus {
31704
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31732
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31705
31733
  }
31706
31734
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31707
31735
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31748,6 +31776,7 @@ svg.pf-c-spinner.pf-m-xl {
31748
31776
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31749
31777
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31750
31778
  color: var(--pf-c-tree-view__node-toggle--Color);
31779
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31751
31780
  border: 0;
31752
31781
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31753
31782
  }
@@ -31771,6 +31800,7 @@ svg.pf-c-spinner.pf-m-xl {
31771
31800
  font-weight: inherit;
31772
31801
  color: inherit;
31773
31802
  text-align: left;
31803
+ background-color: transparent;
31774
31804
  border: 0;
31775
31805
  }
31776
31806
  label.pf-c-tree-view__node-text {
@@ -31802,15 +31832,6 @@ label.pf-c-tree-view__node-text {
31802
31832
 
31803
31833
  .pf-c-tree-view__action {
31804
31834
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31805
- color: var(--pf-c-tree-view__action--Color);
31806
- border: 0;
31807
- }
31808
- .pf-c-tree-view__action:hover {
31809
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31810
- }
31811
- .pf-c-tree-view__action:focus {
31812
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31813
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31814
31835
  }
31815
31836
 
31816
31837
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31962,6 +31983,7 @@ label.pf-c-tree-view__node-text {
31962
31983
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31963
31984
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31964
31985
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31986
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31965
31987
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31966
31988
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31967
31989
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32311,6 +32333,7 @@ label.pf-c-tree-view__node-text {
32311
32333
  text-align: left;
32312
32334
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32313
32335
  word-break: break-word;
32336
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32314
32337
  border: 0;
32315
32338
  }
32316
32339
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -34155,31 +34178,31 @@ label.pf-c-tree-view__node-text {
34155
34178
  }
34156
34179
  @media (min-width: 576px) {
34157
34180
  .pf-l-grid > *,
34158
- .pf-l-grid .pf-l-grid__item {
34181
+ .pf-l-grid .pf-l-grid__item {
34159
34182
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34160
34183
  }
34161
34184
  }
34162
34185
  @media (min-width: 768px) {
34163
34186
  .pf-l-grid > *,
34164
- .pf-l-grid .pf-l-grid__item {
34187
+ .pf-l-grid .pf-l-grid__item {
34165
34188
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34166
34189
  }
34167
34190
  }
34168
34191
  @media (min-width: 992px) {
34169
34192
  .pf-l-grid > *,
34170
- .pf-l-grid .pf-l-grid__item {
34193
+ .pf-l-grid .pf-l-grid__item {
34171
34194
  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))));
34172
34195
  }
34173
34196
  }
34174
34197
  @media (min-width: 1200px) {
34175
34198
  .pf-l-grid > *,
34176
- .pf-l-grid .pf-l-grid__item {
34199
+ .pf-l-grid .pf-l-grid__item {
34177
34200
  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)))));
34178
34201
  }
34179
34202
  }
34180
34203
  @media (min-width: 1450px) {
34181
34204
  .pf-l-grid > *,
34182
- .pf-l-grid .pf-l-grid__item {
34205
+ .pf-l-grid .pf-l-grid__item {
34183
34206
  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))))));
34184
34207
  }
34185
34208
  }