@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
@@ -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);
@@ -10374,6 +10385,7 @@ label.pf-c-check, .pf-c-check__label,
10374
10385
  flex-direction: column;
10375
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);
10376
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);
10377
10389
  border: 0;
10378
10390
  }
10379
10391
  .pf-c-data-list__item-draggable-button:hover {
@@ -11602,7 +11614,7 @@ label.pf-c-check, .pf-c-check__label,
11602
11614
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11603
11615
  }
11604
11616
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
11605
- .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 {
11606
11618
  display: flex;
11607
11619
  flex: 0 1 auto;
11608
11620
  }
@@ -11615,7 +11627,7 @@ label.pf-c-check, .pf-c-check__label,
11615
11627
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11616
11628
  }
11617
11629
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
11618
- .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 {
11619
11631
  display: flex;
11620
11632
  flex: 0 1 auto;
11621
11633
  }
@@ -11628,7 +11640,7 @@ label.pf-c-check, .pf-c-check__label,
11628
11640
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11629
11641
  }
11630
11642
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
11631
- .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 {
11632
11644
  display: flex;
11633
11645
  flex: 0 1 auto;
11634
11646
  }
@@ -11641,7 +11653,7 @@ label.pf-c-check, .pf-c-check__label,
11641
11653
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11642
11654
  }
11643
11655
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
11644
- .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 {
11645
11657
  display: flex;
11646
11658
  flex: 0 1 auto;
11647
11659
  }
@@ -11654,7 +11666,7 @@ label.pf-c-check, .pf-c-check__label,
11654
11666
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
11655
11667
  }
11656
11668
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
11657
- .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 {
11658
11670
  display: flex;
11659
11671
  flex: 0 1 auto;
11660
11672
  }
@@ -11688,131 +11700,131 @@ label.pf-c-check, .pf-c-check__label,
11688
11700
  }
11689
11701
  @media (min-width: 576px) {
11690
11702
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
11691
- .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 {
11692
11704
  margin-left: auto;
11693
11705
  }
11694
11706
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
11695
- .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 {
11696
11708
  margin-left: 0;
11697
11709
  }
11698
11710
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
11699
- .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 {
11700
11712
  margin-left: 0;
11701
11713
  }
11702
11714
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
11703
- .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 {
11704
11716
  margin-left: auto;
11705
11717
  }
11706
11718
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
11707
- .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 {
11708
11720
  flex-wrap: nowrap;
11709
11721
  }
11710
11722
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
11711
- .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 {
11712
11724
  flex-wrap: wrap;
11713
11725
  }
11714
11726
  }
11715
11727
  @media (min-width: 768px) {
11716
11728
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
11717
- .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 {
11718
11730
  margin-left: auto;
11719
11731
  }
11720
11732
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
11721
- .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 {
11722
11734
  margin-left: 0;
11723
11735
  }
11724
11736
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
11725
- .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 {
11726
11738
  margin-left: 0;
11727
11739
  }
11728
11740
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
11729
- .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 {
11730
11742
  margin-left: auto;
11731
11743
  }
11732
11744
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
11733
- .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 {
11734
11746
  flex-wrap: nowrap;
11735
11747
  }
11736
11748
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
11737
- .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 {
11738
11750
  flex-wrap: wrap;
11739
11751
  }
11740
11752
  }
11741
11753
  @media (min-width: 992px) {
11742
11754
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
11743
- .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 {
11744
11756
  margin-left: auto;
11745
11757
  }
11746
11758
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
11747
- .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 {
11748
11760
  margin-left: 0;
11749
11761
  }
11750
11762
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
11751
- .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 {
11752
11764
  margin-left: 0;
11753
11765
  }
11754
11766
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
11755
- .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 {
11756
11768
  margin-left: auto;
11757
11769
  }
11758
11770
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
11759
- .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 {
11760
11772
  flex-wrap: nowrap;
11761
11773
  }
11762
11774
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
11763
- .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 {
11764
11776
  flex-wrap: wrap;
11765
11777
  }
11766
11778
  }
11767
11779
  @media (min-width: 1200px) {
11768
11780
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
11769
- .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 {
11770
11782
  margin-left: auto;
11771
11783
  }
11772
11784
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
11773
- .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 {
11774
11786
  margin-left: 0;
11775
11787
  }
11776
11788
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
11777
- .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 {
11778
11790
  margin-left: 0;
11779
11791
  }
11780
11792
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
11781
- .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 {
11782
11794
  margin-left: auto;
11783
11795
  }
11784
11796
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
11785
- .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 {
11786
11798
  flex-wrap: nowrap;
11787
11799
  }
11788
11800
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
11789
- .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 {
11790
11802
  flex-wrap: wrap;
11791
11803
  }
11792
11804
  }
11793
11805
  @media (min-width: 1450px) {
11794
11806
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
11795
- .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 {
11796
11808
  margin-left: auto;
11797
11809
  }
11798
11810
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
11799
- .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 {
11800
11812
  margin-left: 0;
11801
11813
  }
11802
11814
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
11803
- .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 {
11804
11816
  margin-left: 0;
11805
11817
  }
11806
11818
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
11807
- .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 {
11808
11820
  margin-left: auto;
11809
11821
  }
11810
11822
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
11811
- .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 {
11812
11824
  flex-wrap: nowrap;
11813
11825
  }
11814
11826
  .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
11815
- .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 {
11816
11828
  flex-wrap: wrap;
11817
11829
  }
11818
11830
  }
@@ -13205,7 +13217,7 @@ label.pf-c-check, .pf-c-check__label,
13205
13217
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13206
13218
  }
13207
13219
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13208
- .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 {
13209
13221
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13210
13222
  }
13211
13223
  .pf-c-drawer__splitter {
@@ -13294,15 +13306,15 @@ label.pf-c-check, .pf-c-check__label,
13294
13306
  }
13295
13307
  @media (min-width: 768px) {
13296
13308
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
13297
- .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 {
13298
13310
  flex-shrink: 1;
13299
13311
  }
13300
13312
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
13301
- .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 {
13302
13314
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13303
13315
  }
13304
13316
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13305
- .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 {
13306
13318
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13307
13319
  }
13308
13320
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13355,15 +13367,15 @@ label.pf-c-check, .pf-c-check__label,
13355
13367
  }
13356
13368
  @media (min-width: 992px) {
13357
13369
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
13358
- .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 {
13359
13371
  flex-shrink: 1;
13360
13372
  }
13361
13373
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
13362
- .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 {
13363
13375
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13364
13376
  }
13365
13377
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13366
- .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 {
13367
13379
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13368
13380
  }
13369
13381
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13416,15 +13428,15 @@ label.pf-c-check, .pf-c-check__label,
13416
13428
  }
13417
13429
  @media (min-width: 1200px) {
13418
13430
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
13419
- .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 {
13420
13432
  flex-shrink: 1;
13421
13433
  }
13422
13434
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13423
- .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 {
13424
13436
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13425
13437
  }
13426
13438
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13427
- .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 {
13428
13440
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13429
13441
  }
13430
13442
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13477,15 +13489,15 @@ label.pf-c-check, .pf-c-check__label,
13477
13489
  }
13478
13490
  @media (min-width: 1450px) {
13479
13491
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
13480
- .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 {
13481
13493
  flex-shrink: 1;
13482
13494
  }
13483
13495
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
13484
- .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 {
13485
13497
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13486
13498
  }
13487
13499
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
13488
- .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 {
13489
13501
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13490
13502
  }
13491
13503
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -13632,6 +13644,7 @@ label.pf-c-check, .pf-c-check__label,
13632
13644
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13633
13645
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13634
13646
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13647
+ --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
13635
13648
  --pf-c-dropdown__toggle-progress--Visibility: hidden;
13636
13649
  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13637
13650
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -13857,6 +13870,7 @@ label.pf-c-check, .pf-c-check__label,
13857
13870
  }
13858
13871
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
13859
13872
  color: var(--pf-c-dropdown__toggle-button--Color);
13873
+ background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
13860
13874
  border: 0;
13861
13875
  }
13862
13876
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -14091,51 +14105,51 @@ label.pf-c-check, .pf-c-check__label,
14091
14105
  }
14092
14106
  @media (min-width: 576px) {
14093
14107
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
14094
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14108
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
14095
14109
  right: 0;
14096
14110
  }
14097
14111
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
14098
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14112
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
14099
14113
  right: auto;
14100
14114
  }
14101
14115
  }
14102
14116
  @media (min-width: 768px) {
14103
14117
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
14104
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
14118
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
14105
14119
  right: 0;
14106
14120
  }
14107
14121
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
14108
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
14122
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
14109
14123
  right: auto;
14110
14124
  }
14111
14125
  }
14112
14126
  @media (min-width: 992px) {
14113
14127
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
14114
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14128
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
14115
14129
  right: 0;
14116
14130
  }
14117
14131
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
14118
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14132
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
14119
14133
  right: auto;
14120
14134
  }
14121
14135
  }
14122
14136
  @media (min-width: 1200px) {
14123
14137
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
14124
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14138
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
14125
14139
  right: 0;
14126
14140
  }
14127
14141
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
14128
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14142
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
14129
14143
  right: auto;
14130
14144
  }
14131
14145
  }
14132
14146
  @media (min-width: 1450px) {
14133
14147
  .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
14134
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14148
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
14135
14149
  right: 0;
14136
14150
  }
14137
14151
  .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
14138
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14152
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
14139
14153
  right: auto;
14140
14154
  }
14141
14155
  }
@@ -14408,6 +14422,7 @@ label.pf-c-check, .pf-c-check__label,
14408
14422
  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
14409
14423
  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
14410
14424
  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
14425
+ --pf-c-expandable-section__toggle--BackgroundColor: transparent;
14411
14426
  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
14412
14427
  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
14413
14428
  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -14493,6 +14508,7 @@ label.pf-c-check, .pf-c-check__label,
14493
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);
14494
14509
  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
14495
14510
  color: var(--pf-c-expandable-section__toggle--Color);
14511
+ background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
14496
14512
  border: none;
14497
14513
  }
14498
14514
  .pf-c-expandable-section__toggle:hover {
@@ -16434,6 +16450,7 @@ label.pf-c-input-group__text {
16434
16450
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
16435
16451
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16436
16452
  --pf-c-label__content--Color: var(--pf-global--Color--100);
16453
+ --pf-c-label__content--BackgroundColor: transparent;
16437
16454
  --pf-c-label__content--MaxWidth: 100%;
16438
16455
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
16439
16456
  --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -16681,6 +16698,7 @@ label.pf-c-input-group__text {
16681
16698
  white-space: nowrap;
16682
16699
  max-width: var(--pf-c-label__content--MaxWidth);
16683
16700
  color: var(--pf-c-label__content--Color);
16701
+ background-color: var(--pf-c-label__content--BackgroundColor);
16684
16702
  border-width: 0;
16685
16703
  }
16686
16704
  .pf-c-label__content::before {
@@ -17418,7 +17436,7 @@ ul.pf-c-list {
17418
17436
  }
17419
17437
  @media (min-width: 768px) {
17420
17438
  .pf-c-login__main-header-utilities,
17421
- .pf-c-login__main-header .pf-c-dropdown {
17439
+ .pf-c-login__main-header .pf-c-dropdown {
17422
17440
  grid-column: 2/3;
17423
17441
  grid-row: 1;
17424
17442
  }
@@ -18297,6 +18315,7 @@ ul.pf-c-list {
18297
18315
  --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
18298
18316
  --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
18299
18317
  --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
18318
+ --pf-c-menu__item-action--BackgroundColor: transparent;
18300
18319
  --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
18301
18320
  --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
18302
18321
  --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -18728,6 +18747,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18728
18747
  padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
18729
18748
  padding-left: var(--pf-c-menu__item-action--PaddingLeft);
18730
18749
  color: var(--pf-c-menu__item-action--Color);
18750
+ background-color: var(--pf-c-menu__item-action--BackgroundColor);
18731
18751
  border: none;
18732
18752
  }
18733
18753
  .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
@@ -18917,6 +18937,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18917
18937
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
18918
18938
  --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
18919
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;
18920
18941
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
18921
18942
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
18922
18943
  --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -19172,6 +19193,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19172
19193
  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
19173
19194
  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
19174
19195
  color: inherit;
19196
+ background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
19175
19197
  border: 0;
19176
19198
  }
19177
19199
 
@@ -21950,24 +21972,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21950
21972
  }
21951
21973
  @media (min-height: 0) {
21952
21974
  .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21953
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21954
- .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21955
- .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21956
- .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21957
- .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21958
- .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 {
21959
21981
  position: sticky;
21960
21982
  top: 0;
21961
21983
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21962
21984
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21963
21985
  }
21964
21986
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21965
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21966
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21967
- .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21968
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21969
- .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21970
- .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 {
21971
21993
  position: sticky;
21972
21994
  bottom: 0;
21973
21995
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -21976,24 +21998,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21976
21998
  }
21977
21999
  @media (min-height: 40rem) {
21978
22000
  .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21979
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21980
- .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21981
- .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21982
- .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21983
- .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21984
- .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 {
21985
22007
  position: sticky;
21986
22008
  top: 0;
21987
22009
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21988
22010
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21989
22011
  }
21990
22012
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21991
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21992
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21993
- .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21994
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21995
- .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21996
- .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 {
21997
22019
  position: sticky;
21998
22020
  bottom: 0;
21999
22021
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22002,24 +22024,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22002
22024
  }
22003
22025
  @media (min-height: 48rem) {
22004
22026
  .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
22005
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
22006
- .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
22007
- .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
22008
- .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
22009
- .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
22010
- .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 {
22011
22033
  position: sticky;
22012
22034
  top: 0;
22013
22035
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22014
22036
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22015
22037
  }
22016
22038
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
22017
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
22018
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
22019
- .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
22020
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
22021
- .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
22022
- .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 {
22023
22045
  position: sticky;
22024
22046
  bottom: 0;
22025
22047
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22028,24 +22050,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22028
22050
  }
22029
22051
  @media (min-height: 60rem) {
22030
22052
  .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
22031
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
22032
- .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
22033
- .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
22034
- .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
22035
- .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
22036
- .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 {
22037
22059
  position: sticky;
22038
22060
  top: 0;
22039
22061
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22040
22062
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22041
22063
  }
22042
22064
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
22043
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
22044
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
22045
- .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
22046
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
22047
- .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
22048
- .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 {
22049
22071
  position: sticky;
22050
22072
  bottom: 0;
22051
22073
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22054,24 +22076,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22054
22076
  }
22055
22077
  @media (min-height: 80rem) {
22056
22078
  .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
22057
- .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
22058
- .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
22059
- .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
22060
- .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
22061
- .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
22062
- .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 {
22063
22085
  position: sticky;
22064
22086
  top: 0;
22065
22087
  z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
22066
22088
  box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
22067
22089
  }
22068
22090
  .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
22069
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
22070
- .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
22071
- .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
22072
- .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
22073
- .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
22074
- .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 {
22075
22097
  position: sticky;
22076
22098
  bottom: 0;
22077
22099
  z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -22566,8 +22588,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22566
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);
22567
22589
  }
22568
22590
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
22569
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
22570
- .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 {
22571
22593
  display: block;
22572
22594
  }
22573
22595
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -23161,8 +23183,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23161
23183
  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
23162
23184
  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
23163
23185
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
23186
+ --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
23164
23187
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
23165
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
23166
23188
  --pf-c-progress__bar--before--Opacity: .2;
23167
23189
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23168
23190
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -23275,14 +23297,17 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23275
23297
  }
23276
23298
 
23277
23299
  .pf-c-progress__status {
23300
+ display: flex;
23301
+ align-items: flex-start;
23302
+ justify-content: flex-end;
23278
23303
  grid-column: 2/3;
23279
23304
  grid-row: 1/2;
23280
23305
  text-align: right;
23281
23306
  word-break: break-word;
23307
+ gap: var(--pf-c-progress__status--Gap);
23282
23308
  }
23283
23309
 
23284
23310
  .pf-c-progress__status-icon {
23285
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
23286
23311
  color: var(--pf-c-progress__status-icon--Color);
23287
23312
  }
23288
23313
 
@@ -24047,6 +24072,7 @@ label.pf-c-radio, .pf-c-radio__label,
24047
24072
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24048
24073
  --pf-c-search-input__text-input--MinWidth: 6ch;
24049
24074
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24075
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24050
24076
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24051
24077
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24052
24078
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24134,6 +24160,7 @@ label.pf-c-radio, .pf-c-radio__label,
24134
24160
  width: 100%;
24135
24161
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24136
24162
  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);
24163
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24137
24164
  border: 0;
24138
24165
  }
24139
24166
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -26570,7 +26597,7 @@ svg.pf-c-spinner.pf-m-xl {
26570
26597
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26571
26598
  }
26572
26599
  .pf-m-grid-md.pf-c-table tr:last-child,
26573
- .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26600
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26574
26601
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26575
26602
  }
26576
26603
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26715,7 +26742,7 @@ svg.pf-c-spinner.pf-m-xl {
26715
26742
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26716
26743
  }
26717
26744
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26718
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26745
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26719
26746
  position: relative;
26720
26747
  }
26721
26748
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26745,9 +26772,9 @@ svg.pf-c-spinner.pf-m-xl {
26745
26772
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26746
26773
  }
26747
26774
  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
26748
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26749
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26750
- .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26775
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26776
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26777
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26751
26778
  width: auto;
26752
26779
  padding: 0;
26753
26780
  }
@@ -26767,8 +26794,8 @@ svg.pf-c-spinner.pf-m-xl {
26767
26794
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26768
26795
  }
26769
26796
  .pf-m-grid-md.pf-c-table .pf-c-table__check,
26770
- .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26771
- .pf-m-grid-md.pf-c-table .pf-c-table__action {
26797
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26798
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26772
26799
  grid-row-start: 1;
26773
26800
  grid-column-start: 2;
26774
26801
  }
@@ -26885,7 +26912,7 @@ svg.pf-c-spinner.pf-m-xl {
26885
26912
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26886
26913
  }
26887
26914
  .pf-m-grid-lg.pf-c-table tr:last-child,
26888
- .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26915
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26889
26916
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26890
26917
  }
26891
26918
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27030,7 +27057,7 @@ svg.pf-c-spinner.pf-m-xl {
27030
27057
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27031
27058
  }
27032
27059
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27033
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27060
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27034
27061
  position: relative;
27035
27062
  }
27036
27063
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27060,9 +27087,9 @@ svg.pf-c-spinner.pf-m-xl {
27060
27087
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27061
27088
  }
27062
27089
  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27063
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27064
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27065
- .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27090
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27091
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27092
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27066
27093
  width: auto;
27067
27094
  padding: 0;
27068
27095
  }
@@ -27082,8 +27109,8 @@ svg.pf-c-spinner.pf-m-xl {
27082
27109
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27083
27110
  }
27084
27111
  .pf-m-grid-lg.pf-c-table .pf-c-table__check,
27085
- .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27086
- .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27112
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27113
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27087
27114
  grid-row-start: 1;
27088
27115
  grid-column-start: 2;
27089
27116
  }
@@ -27200,7 +27227,7 @@ svg.pf-c-spinner.pf-m-xl {
27200
27227
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27201
27228
  }
27202
27229
  .pf-m-grid-xl.pf-c-table tr:last-child,
27203
- .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27230
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27204
27231
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27205
27232
  }
27206
27233
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27345,7 +27372,7 @@ svg.pf-c-spinner.pf-m-xl {
27345
27372
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27346
27373
  }
27347
27374
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27348
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27375
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27349
27376
  position: relative;
27350
27377
  }
27351
27378
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27375,9 +27402,9 @@ svg.pf-c-spinner.pf-m-xl {
27375
27402
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27376
27403
  }
27377
27404
  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27378
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27379
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27380
- .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27405
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27406
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27407
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27381
27408
  width: auto;
27382
27409
  padding: 0;
27383
27410
  }
@@ -27397,8 +27424,8 @@ svg.pf-c-spinner.pf-m-xl {
27397
27424
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27398
27425
  }
27399
27426
  .pf-m-grid-xl.pf-c-table .pf-c-table__check,
27400
- .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27401
- .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27427
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27428
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27402
27429
  grid-row-start: 1;
27403
27430
  grid-column-start: 2;
27404
27431
  }
@@ -27515,7 +27542,7 @@ svg.pf-c-spinner.pf-m-xl {
27515
27542
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27516
27543
  }
27517
27544
  .pf-m-grid-2xl.pf-c-table tr:last-child,
27518
- .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27545
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27519
27546
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27520
27547
  }
27521
27548
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27660,7 +27687,7 @@ svg.pf-c-spinner.pf-m-xl {
27660
27687
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27661
27688
  }
27662
27689
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27663
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27690
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27664
27691
  position: relative;
27665
27692
  }
27666
27693
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27690,9 +27717,9 @@ svg.pf-c-spinner.pf-m-xl {
27690
27717
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27691
27718
  }
27692
27719
  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
27693
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27694
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27695
- .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27720
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27721
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27722
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27696
27723
  width: auto;
27697
27724
  padding: 0;
27698
27725
  }
@@ -27712,8 +27739,8 @@ svg.pf-c-spinner.pf-m-xl {
27712
27739
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27713
27740
  }
27714
27741
  .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
27715
- .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27716
- .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27742
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27743
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27717
27744
  grid-row-start: 1;
27718
27745
  grid-column-start: 2;
27719
27746
  }
@@ -29199,7 +29226,7 @@ svg.pf-c-spinner.pf-m-xl {
29199
29226
  display: block;
29200
29227
  }
29201
29228
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
29202
- .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29229
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29203
29230
  display: inline-block;
29204
29231
  }
29205
29232
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29340,7 +29367,7 @@ svg.pf-c-spinner.pf-m-xl {
29340
29367
  display: block;
29341
29368
  }
29342
29369
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
29343
- .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29370
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29344
29371
  display: inline-block;
29345
29372
  }
29346
29373
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29481,7 +29508,7 @@ svg.pf-c-spinner.pf-m-xl {
29481
29508
  display: block;
29482
29509
  }
29483
29510
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29484
- .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29511
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29485
29512
  display: inline-block;
29486
29513
  }
29487
29514
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29622,7 +29649,7 @@ svg.pf-c-spinner.pf-m-xl {
29622
29649
  display: block;
29623
29650
  }
29624
29651
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
29625
- .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29652
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29626
29653
  display: inline-block;
29627
29654
  }
29628
29655
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -30575,7 +30602,8 @@ svg.pf-c-spinner.pf-m-xl {
30575
30602
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30576
30603
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30577
30604
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
30578
- --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
30605
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30606
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30579
30607
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30580
30608
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30581
30609
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30675,6 +30703,7 @@ svg.pf-c-spinner.pf-m-xl {
30675
30703
  width: 100%;
30676
30704
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30677
30705
  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);
30706
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30678
30707
  border: 0;
30679
30708
  }
30680
30709
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30684,7 +30713,7 @@ svg.pf-c-spinner.pf-m-xl {
30684
30713
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30685
30714
  }
30686
30715
  .pf-c-text-input-group__text-input::placeholder {
30687
- color: var(--pf-c-text-input-group--placeholder--Color);
30716
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30688
30717
  }
30689
30718
 
30690
30719
  .pf-c-text-input-group__utilities {
@@ -31333,11 +31362,12 @@ svg.pf-c-spinner.pf-m-xl {
31333
31362
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31334
31363
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31335
31364
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31365
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31336
31366
  --pf-c-tree-view__node-container--Display: contents;
31337
31367
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31338
31368
  --pf-c-tree-view__node-content--Overflow: visible;
31339
31369
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
31340
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
31370
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31341
31371
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31342
31372
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31343
31373
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31347,6 +31377,7 @@ svg.pf-c-spinner.pf-m-xl {
31347
31377
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31348
31378
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31349
31379
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31380
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31350
31381
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31351
31382
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31352
31383
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31371,10 +31402,6 @@ svg.pf-c-spinner.pf-m-xl {
31371
31402
  --pf-c-tree-view__node-text--max-lines: 1;
31372
31403
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31373
31404
  --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
31374
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31375
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
31376
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
31377
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
31378
31405
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31379
31406
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31380
31407
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31572,13 +31599,14 @@ svg.pf-c-spinner.pf-m-xl {
31572
31599
  display: flex;
31573
31600
  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);
31574
31601
  color: var(--pf-c-tree-view__node--Color);
31602
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31575
31603
  }
31576
31604
  .pf-c-tree-view__node.pf-m-current {
31577
31605
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31578
31606
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31579
31607
  }
31580
31608
  .pf-c-tree-view__node:focus {
31581
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31609
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31582
31610
  }
31583
31611
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31584
31612
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31625,6 +31653,7 @@ svg.pf-c-spinner.pf-m-xl {
31625
31653
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31626
31654
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31627
31655
  color: var(--pf-c-tree-view__node-toggle--Color);
31656
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31628
31657
  border: 0;
31629
31658
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31630
31659
  }
@@ -31648,6 +31677,7 @@ svg.pf-c-spinner.pf-m-xl {
31648
31677
  font-weight: inherit;
31649
31678
  color: inherit;
31650
31679
  text-align: left;
31680
+ background-color: transparent;
31651
31681
  border: 0;
31652
31682
  }
31653
31683
  label.pf-c-tree-view__node-text {
@@ -31679,15 +31709,6 @@ label.pf-c-tree-view__node-text {
31679
31709
 
31680
31710
  .pf-c-tree-view__action {
31681
31711
  margin-left: var(--pf-c-tree-view__action--MarginLeft);
31682
- color: var(--pf-c-tree-view__action--Color);
31683
- border: 0;
31684
- }
31685
- .pf-c-tree-view__action:hover {
31686
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
31687
- }
31688
- .pf-c-tree-view__action:focus {
31689
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
31690
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
31691
31712
  }
31692
31713
 
31693
31714
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31839,6 +31860,7 @@ label.pf-c-tree-view__node-text {
31839
31860
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31840
31861
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31841
31862
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31863
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31842
31864
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31843
31865
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31844
31866
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32188,6 +32210,7 @@ label.pf-c-tree-view__node-text {
32188
32210
  text-align: left;
32189
32211
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32190
32212
  word-break: break-word;
32213
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32191
32214
  border: 0;
32192
32215
  }
32193
32216
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -34032,31 +34055,31 @@ label.pf-c-tree-view__node-text {
34032
34055
  }
34033
34056
  @media (min-width: 576px) {
34034
34057
  .pf-l-grid > *,
34035
- .pf-l-grid .pf-l-grid__item {
34058
+ .pf-l-grid .pf-l-grid__item {
34036
34059
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34037
34060
  }
34038
34061
  }
34039
34062
  @media (min-width: 768px) {
34040
34063
  .pf-l-grid > *,
34041
- .pf-l-grid .pf-l-grid__item {
34064
+ .pf-l-grid .pf-l-grid__item {
34042
34065
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34043
34066
  }
34044
34067
  }
34045
34068
  @media (min-width: 992px) {
34046
34069
  .pf-l-grid > *,
34047
- .pf-l-grid .pf-l-grid__item {
34070
+ .pf-l-grid .pf-l-grid__item {
34048
34071
  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))));
34049
34072
  }
34050
34073
  }
34051
34074
  @media (min-width: 1200px) {
34052
34075
  .pf-l-grid > *,
34053
- .pf-l-grid .pf-l-grid__item {
34076
+ .pf-l-grid .pf-l-grid__item {
34054
34077
  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)))));
34055
34078
  }
34056
34079
  }
34057
34080
  @media (min-width: 1450px) {
34058
34081
  .pf-l-grid > *,
34059
- .pf-l-grid .pf-l-grid__item {
34082
+ .pf-l-grid .pf-l-grid__item {
34060
34083
  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))))));
34061
34084
  }
34062
34085
  }