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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) 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/SearchInput/search-input.css +2 -0
  28. package/components/SearchInput/search-input.scss +2 -0
  29. package/components/Table/table-grid.css +28 -28
  30. package/components/Table/table-tree-view.css +4 -4
  31. package/components/TextInputGroup/text-input-group.css +4 -2
  32. package/components/TextInputGroup/text-input-group.scss +4 -3
  33. package/components/Toolbar/toolbar.css +35 -35
  34. package/components/TreeView/tree-view.css +7 -15
  35. package/components/TreeView/tree-view.scss +7 -18
  36. package/components/Wizard/wizard.css +2 -0
  37. package/components/Wizard/wizard.scss +2 -0
  38. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  39. package/docs/components/Accordion/examples/Accordion.md +12 -12
  40. package/docs/components/ActionList/examples/ActionList.md +6 -6
  41. package/docs/components/Alert/examples/Alert.md +19 -19
  42. package/docs/components/AlertGroup/examples/AlertGroup.md +10 -10
  43. package/docs/components/AppLauncher/examples/application-launcher.md +34 -34
  44. package/docs/components/Avatar/examples/Avatar.md +11 -11
  45. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  46. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  47. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  48. package/docs/components/Badge/examples/Badge.md +5 -5
  49. package/docs/components/Banner/examples/Banner.md +8 -8
  50. package/docs/components/Brand/examples/Brand.md +9 -9
  51. package/docs/components/Breadcrumb/examples/Breadcrumb.md +15 -15
  52. package/docs/components/Button/examples/Button.md +35 -35
  53. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  54. package/docs/components/Card/examples/Card.md +27 -27
  55. package/docs/components/Check/examples/Check.md +13 -13
  56. package/docs/components/Chip/examples/Chip.md +13 -13
  57. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
  58. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  59. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  60. package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
  61. package/docs/components/Content/examples/Content.md +10 -10
  62. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  63. package/docs/components/ContextSelector/examples/context-selector.md +80 -74
  64. package/docs/components/DataList/examples/DataList.md +83 -83
  65. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  66. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  67. package/docs/components/Divider/examples/Divider.md +9 -9
  68. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  69. package/docs/components/Drawer/examples/Drawer.md +43 -43
  70. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  71. package/docs/components/Dropdown/examples/Dropdown.md +50 -50
  72. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  73. package/docs/components/EmptyState/examples/EmptyState.md +19 -19
  74. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  75. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  76. package/docs/components/Form/examples/Form.md +64 -64
  77. package/docs/components/FormControl/examples/FormControl.md +20 -20
  78. package/docs/components/HelperText/examples/HelperText.md +11 -11
  79. package/docs/components/Hint/examples/Hint.md +7 -7
  80. package/docs/components/Icon/examples/Icon.md +10 -10
  81. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  82. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  83. package/docs/components/JumpLinks/examples/JumpLinks.md +21 -21
  84. package/docs/components/Label/examples/Label.md +31 -31
  85. package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
  86. package/docs/components/List/examples/List.md +6 -6
  87. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  88. package/docs/components/Login/examples/Login.md +22 -22
  89. package/docs/components/Masthead/examples/masthead.md +9 -9
  90. package/docs/components/Menu/examples/Menu.md +78 -76
  91. package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
  92. package/docs/components/ModalBox/examples/ModalBox.md +35 -35
  93. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +22 -22
  94. package/docs/components/Nav/examples/Navigation.md +36 -36
  95. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  96. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +39 -39
  97. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  98. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  99. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  100. package/docs/components/Page/examples/Page.md +54 -54
  101. package/docs/components/Pagination/examples/Pagination.md +27 -27
  102. package/docs/components/Panel/examples/Panel.md +10 -10
  103. package/docs/components/Popover/examples/Popover.md +34 -34
  104. package/docs/components/Progress/examples/Progress.md +31 -31
  105. package/docs/components/ProgressStepper/examples/ProgressStepper.md +24 -24
  106. package/docs/components/Radio/examples/Radio.md +11 -11
  107. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  108. package/docs/components/Select/examples/Select.md +143 -143
  109. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  110. package/docs/components/SimpleList/examples/SimpleList.md +11 -11
  111. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  112. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  113. package/docs/components/Slider/examples/Slider.md +24 -24
  114. package/docs/components/Spinner/examples/Spinner.md +24 -24
  115. package/docs/components/Switch/examples/Switch.md +19 -19
  116. package/docs/components/TabContent/examples/TabContent.md +13 -13
  117. package/docs/components/Table/examples/Table.md +155 -155
  118. package/docs/components/Tabs/examples/Tabs.md +47 -47
  119. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  120. package/docs/components/Tile/examples/Tile.md +15 -15
  121. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  122. package/docs/components/Title/examples/Title.md +17 -17
  123. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  124. package/docs/components/Toolbar/examples/Toolbar.md +113 -113
  125. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  126. package/docs/components/TreeView/examples/TreeView.md +34 -34
  127. package/docs/components/Truncate/examples/Truncate.md +4 -4
  128. package/docs/components/Wizard/examples/Wizard.md +47 -47
  129. package/docs/demos/DataList/examples/DataList.md +4 -4
  130. package/docs/demos/Masthead/examples/Masthead.md +6 -6
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6 -6
  132. package/docs/demos/Table/examples/Table.md +22 -22
  133. package/docs/demos/Toolbar/examples/Toolbar.md +8 -8
  134. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  135. package/docs/layouts/Flex/examples/Flex.md +98 -98
  136. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  137. package/docs/layouts/Grid/examples/Grid.md +9 -9
  138. package/docs/layouts/Level/examples/Level.md +5 -5
  139. package/docs/layouts/Split/examples/Split.md +7 -7
  140. package/docs/layouts/Stack/examples/Stack.md +6 -6
  141. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  142. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  143. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  144. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  145. package/docs/utilities/Display/examples/Display.md +11 -11
  146. package/docs/utilities/Flex/examples/Flex.md +34 -34
  147. package/docs/utilities/Float/examples/Float.md +4 -4
  148. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  149. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  150. package/docs/utilities/Text/examples/Text.md +27 -27
  151. package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
  152. package/layouts/Grid/grid.css +5 -5
  153. package/package.json +56 -61
  154. package/patternfly-no-reset.css +196 -176
  155. package/patternfly.css +196 -176
  156. package/patternfly.min.css +1 -1
  157. 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 {
@@ -24047,6 +24069,7 @@ label.pf-c-radio, .pf-c-radio__label,
24047
24069
  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
24048
24070
  --pf-c-search-input__text-input--MinWidth: 6ch;
24049
24071
  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
24072
+ --pf-c-search-input__text-input--BackgroundColor: transparent;
24050
24073
  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
24051
24074
  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
24052
24075
  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -24134,6 +24157,7 @@ label.pf-c-radio, .pf-c-radio__label,
24134
24157
  width: 100%;
24135
24158
  min-width: var(--pf-c-search-input__text-input--MinWidth);
24136
24159
  padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
24160
+ background-color: var(--pf-c-search-input__text-input--BackgroundColor);
24137
24161
  border: 0;
24138
24162
  }
24139
24163
  .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
@@ -26570,7 +26594,7 @@ svg.pf-c-spinner.pf-m-xl {
26570
26594
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26571
26595
  }
26572
26596
  .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 {
26597
+ .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26574
26598
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26575
26599
  }
26576
26600
  .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -26715,7 +26739,7 @@ svg.pf-c-spinner.pf-m-xl {
26715
26739
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
26716
26740
  }
26717
26741
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
26718
- .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26742
+ .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
26719
26743
  position: relative;
26720
26744
  }
26721
26745
  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -26745,9 +26769,9 @@ svg.pf-c-spinner.pf-m-xl {
26745
26769
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
26746
26770
  }
26747
26771
  .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 {
26772
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
26773
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
26774
+ .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
26751
26775
  width: auto;
26752
26776
  padding: 0;
26753
26777
  }
@@ -26767,8 +26791,8 @@ svg.pf-c-spinner.pf-m-xl {
26767
26791
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
26768
26792
  }
26769
26793
  .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 {
26794
+ .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
26795
+ .pf-m-grid-md.pf-c-table .pf-c-table__action {
26772
26796
  grid-row-start: 1;
26773
26797
  grid-column-start: 2;
26774
26798
  }
@@ -26885,7 +26909,7 @@ svg.pf-c-spinner.pf-m-xl {
26885
26909
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
26886
26910
  }
26887
26911
  .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 {
26912
+ .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
26889
26913
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
26890
26914
  }
26891
26915
  .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -27030,7 +27054,7 @@ svg.pf-c-spinner.pf-m-xl {
27030
27054
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27031
27055
  }
27032
27056
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
27033
- .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27057
+ .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
27034
27058
  position: relative;
27035
27059
  }
27036
27060
  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27060,9 +27084,9 @@ svg.pf-c-spinner.pf-m-xl {
27060
27084
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27061
27085
  }
27062
27086
  .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 {
27087
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27088
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27089
+ .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27066
27090
  width: auto;
27067
27091
  padding: 0;
27068
27092
  }
@@ -27082,8 +27106,8 @@ svg.pf-c-spinner.pf-m-xl {
27082
27106
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27083
27107
  }
27084
27108
  .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 {
27109
+ .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
27110
+ .pf-m-grid-lg.pf-c-table .pf-c-table__action {
27087
27111
  grid-row-start: 1;
27088
27112
  grid-column-start: 2;
27089
27113
  }
@@ -27200,7 +27224,7 @@ svg.pf-c-spinner.pf-m-xl {
27200
27224
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27201
27225
  }
27202
27226
  .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 {
27227
+ .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27204
27228
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27205
27229
  }
27206
27230
  .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -27345,7 +27369,7 @@ svg.pf-c-spinner.pf-m-xl {
27345
27369
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27346
27370
  }
27347
27371
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
27348
- .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27372
+ .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
27349
27373
  position: relative;
27350
27374
  }
27351
27375
  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27375,9 +27399,9 @@ svg.pf-c-spinner.pf-m-xl {
27375
27399
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27376
27400
  }
27377
27401
  .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 {
27402
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27403
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27404
+ .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27381
27405
  width: auto;
27382
27406
  padding: 0;
27383
27407
  }
@@ -27397,8 +27421,8 @@ svg.pf-c-spinner.pf-m-xl {
27397
27421
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27398
27422
  }
27399
27423
  .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 {
27424
+ .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
27425
+ .pf-m-grid-xl.pf-c-table .pf-c-table__action {
27402
27426
  grid-row-start: 1;
27403
27427
  grid-column-start: 2;
27404
27428
  }
@@ -27515,7 +27539,7 @@ svg.pf-c-spinner.pf-m-xl {
27515
27539
  border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
27516
27540
  }
27517
27541
  .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 {
27542
+ .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
27519
27543
  border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
27520
27544
  }
27521
27545
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -27660,7 +27684,7 @@ svg.pf-c-spinner.pf-m-xl {
27660
27684
  --pf-c-table--tbody--after--BorderLeftColor: transparent;
27661
27685
  }
27662
27686
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
27663
- .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27687
+ .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
27664
27688
  position: relative;
27665
27689
  }
27666
27690
  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -27690,9 +27714,9 @@ svg.pf-c-spinner.pf-m-xl {
27690
27714
  background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
27691
27715
  }
27692
27716
  .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 {
27717
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
27718
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
27719
+ .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
27696
27720
  width: auto;
27697
27721
  padding: 0;
27698
27722
  }
@@ -27712,8 +27736,8 @@ svg.pf-c-spinner.pf-m-xl {
27712
27736
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
27713
27737
  }
27714
27738
  .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 {
27739
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
27740
+ .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
27717
27741
  grid-row-start: 1;
27718
27742
  grid-column-start: 2;
27719
27743
  }
@@ -29199,7 +29223,7 @@ svg.pf-c-spinner.pf-m-xl {
29199
29223
  display: block;
29200
29224
  }
29201
29225
  .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 {
29226
+ .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
29203
29227
  display: inline-block;
29204
29228
  }
29205
29229
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -29340,7 +29364,7 @@ svg.pf-c-spinner.pf-m-xl {
29340
29364
  display: block;
29341
29365
  }
29342
29366
  .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 {
29367
+ .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
29344
29368
  display: inline-block;
29345
29369
  }
29346
29370
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -29481,7 +29505,7 @@ svg.pf-c-spinner.pf-m-xl {
29481
29505
  display: block;
29482
29506
  }
29483
29507
  .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 {
29508
+ .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
29485
29509
  display: inline-block;
29486
29510
  }
29487
29511
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -29622,7 +29646,7 @@ svg.pf-c-spinner.pf-m-xl {
29622
29646
  display: block;
29623
29647
  }
29624
29648
  .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 {
29649
+ .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
29626
29650
  display: inline-block;
29627
29651
  }
29628
29652
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
@@ -30575,7 +30599,8 @@ svg.pf-c-spinner.pf-m-xl {
30575
30599
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
30576
30600
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
30577
30601
  --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);
30602
+ --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
30603
+ --pf-c-text-input-group__text-input--BackgroundColor: transparent;
30579
30604
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
30580
30605
  --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
30581
30606
  --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -30675,6 +30700,7 @@ svg.pf-c-spinner.pf-m-xl {
30675
30700
  width: 100%;
30676
30701
  min-width: var(--pf-c-text-input-group__text-input--MinWidth);
30677
30702
  padding: var(--pf-c-text-input-group__text-input--PaddingTop) var(--pf-c-text-input-group__text-input--PaddingRight) var(--pf-c-text-input-group__text-input--PaddingBottom) var(--pf-c-text-input-group__text-input--PaddingLeft);
30703
+ background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
30678
30704
  border: 0;
30679
30705
  }
30680
30706
  .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -30684,7 +30710,7 @@ svg.pf-c-spinner.pf-m-xl {
30684
30710
  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
30685
30711
  }
30686
30712
  .pf-c-text-input-group__text-input::placeholder {
30687
- color: var(--pf-c-text-input-group--placeholder--Color);
30713
+ color: var(--pf-c-text-input-group__text-input--placeholder--Color);
30688
30714
  }
30689
30715
 
30690
30716
  .pf-c-text-input-group__utilities {
@@ -31333,11 +31359,12 @@ svg.pf-c-spinner.pf-m-xl {
31333
31359
  --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
31334
31360
  --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
31335
31361
  --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
31362
+ --pf-c-tree-view__node--BackgroundColor: transparent;
31336
31363
  --pf-c-tree-view__node-container--Display: contents;
31337
31364
  --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
31338
31365
  --pf-c-tree-view__node-content--Overflow: visible;
31339
31366
  --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);
31367
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
31341
31368
  --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
31342
31369
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31343
31370
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31347,6 +31374,7 @@ svg.pf-c-spinner.pf-m-xl {
31347
31374
  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31348
31375
  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31349
31376
  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31377
+ --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
31350
31378
  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31351
31379
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31352
31380
  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -31371,10 +31399,6 @@ svg.pf-c-spinner.pf-m-xl {
31371
31399
  --pf-c-tree-view__node-text--max-lines: 1;
31372
31400
  --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
31373
31401
  --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
31402
  --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
31379
31403
  --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
31380
31404
  --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -31572,13 +31596,14 @@ svg.pf-c-spinner.pf-m-xl {
31572
31596
  display: flex;
31573
31597
  padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
31574
31598
  color: var(--pf-c-tree-view__node--Color);
31599
+ background-color: var(--pf-c-tree-view__node--BackgroundColor);
31575
31600
  }
31576
31601
  .pf-c-tree-view__node.pf-m-current {
31577
31602
  --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
31578
31603
  font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
31579
31604
  }
31580
31605
  .pf-c-tree-view__node:focus {
31581
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
31606
+ --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
31582
31607
  }
31583
31608
  .pf-c-tree-view__node .pf-c-tree-view__node-count {
31584
31609
  margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -31625,6 +31650,7 @@ svg.pf-c-spinner.pf-m-xl {
31625
31650
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31626
31651
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31627
31652
  color: var(--pf-c-tree-view__node-toggle--Color);
31653
+ background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
31628
31654
  border: 0;
31629
31655
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31630
31656
  }
@@ -31648,6 +31674,7 @@ svg.pf-c-spinner.pf-m-xl {
31648
31674
  font-weight: inherit;
31649
31675
  color: inherit;
31650
31676
  text-align: left;
31677
+ background-color: transparent;
31651
31678
  border: 0;
31652
31679
  }
31653
31680
  label.pf-c-tree-view__node-text {
@@ -31679,15 +31706,6 @@ label.pf-c-tree-view__node-text {
31679
31706
 
31680
31707
  .pf-c-tree-view__action {
31681
31708
  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
31709
  }
31692
31710
 
31693
31711
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
@@ -31839,6 +31857,7 @@ label.pf-c-tree-view__node-text {
31839
31857
  --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
31840
31858
  --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
31841
31859
  --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
31860
+ --pf-c-wizard__nav-link--BackgroundColor: transparent;
31842
31861
  --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
31843
31862
  --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
31844
31863
  --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -32188,6 +32207,7 @@ label.pf-c-tree-view__node-text {
32188
32207
  text-align: left;
32189
32208
  text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
32190
32209
  word-break: break-word;
32210
+ background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
32191
32211
  border: 0;
32192
32212
  }
32193
32213
  .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
@@ -34032,31 +34052,31 @@ label.pf-c-tree-view__node-text {
34032
34052
  }
34033
34053
  @media (min-width: 576px) {
34034
34054
  .pf-l-grid > *,
34035
- .pf-l-grid .pf-l-grid__item {
34055
+ .pf-l-grid .pf-l-grid__item {
34036
34056
  order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
34037
34057
  }
34038
34058
  }
34039
34059
  @media (min-width: 768px) {
34040
34060
  .pf-l-grid > *,
34041
- .pf-l-grid .pf-l-grid__item {
34061
+ .pf-l-grid .pf-l-grid__item {
34042
34062
  order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
34043
34063
  }
34044
34064
  }
34045
34065
  @media (min-width: 992px) {
34046
34066
  .pf-l-grid > *,
34047
- .pf-l-grid .pf-l-grid__item {
34067
+ .pf-l-grid .pf-l-grid__item {
34048
34068
  order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
34049
34069
  }
34050
34070
  }
34051
34071
  @media (min-width: 1200px) {
34052
34072
  .pf-l-grid > *,
34053
- .pf-l-grid .pf-l-grid__item {
34073
+ .pf-l-grid .pf-l-grid__item {
34054
34074
  order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
34055
34075
  }
34056
34076
  }
34057
34077
  @media (min-width: 1450px) {
34058
34078
  .pf-l-grid > *,
34059
- .pf-l-grid .pf-l-grid__item {
34079
+ .pf-l-grid .pf-l-grid__item {
34060
34080
  order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
34061
34081
  }
34062
34082
  }