@patternfly/patternfly 5.0.0-alpha.49 → 5.0.0-alpha.50

package/sass-utilities/component-namespaces.scss

@@ -203,9 +203,6 @@ $progress-stepper: #{$pf-prefix} + 'c-progress-stepper';
 // Radio
 $radio: #{$pf-prefix} + 'c-radio';
 
-// Search Input
-$search-input: #{$pf-prefix} + 'c-search-input';
-
 // Select
 $select: #{$pf-prefix} + 'c-select';
 

package/sass-utilities/functions.scss

@@ -83,20 +83,24 @@
 
 // Build spacer map
 // Based on $pf-v5-global--spacer-map
-@function build-spacer-map($map-items...) {
+@function build-spacer-map($base: false, $map-items...) {
   $map: ();
 
+  @if $base {
+    $map: map-merge($map, ("base": null));
+  }
+  
   @if length($map-items) == 0 {
-    $map: ("none": 0);
+    $map: map-merge($map, ("none": 0));
     $map: map-merge($map, $pf-v5-global--spacer-map);
     $map: map-remove($map, "auto", "0");
   }
 
   @each $spacer in $map-items {
-    @if not map-has-key($pf-v5-global--spacer-map, $spacer) and $spacer != "none" {
-      $map: map-merge($map, ("invalid spacer #{$spacer}": null));
-    } @else if $spacer == "none" {
+    @if $spacer == "none" {
       $map: map-merge($map, ($spacer: 0));
+    } @else if not map-has-key($pf-v5-global--spacer-map, $spacer) {
+      $map: map-merge($map, ("invalid spacer #{$spacer}": null));
     } @else {
       $map: map-merge($map, ($spacer: map-get($pf-v5-global--spacer-map, #{$spacer})));
     }

package/sass-utilities/themes/dark/scss-variables.scss

@@ -27,9 +27,6 @@ $pf-v5-global--disabled-color--100: $pf-v5-color-black-400; // disabled text on
 $pf-v5-global--disabled-color--200: $pf-v5-color-black-500; // disabled background color
 $pf-v5-global--disabled-color--300: $pf-v5-color-black-200; // disabled text on disabled background color - except form elements
 
-// icons
-$pf-v5-global--icon--Color--light: $pf-v5-color-black-300;
-
 // theme color resets
 $pf-v5-global--Color--dark-100: $pf-v5-global--Color--100;
 $pf-v5-global--Color--dark-200: $pf-v5-global--Color--200;
@@ -52,7 +49,7 @@ $pf-v5-global--BackgroundColor--dark-200: $pf-v5-global--BackgroundColor--200;
 $pf-v5-global--BackgroundColor--dark-300: $pf-v5-global--BackgroundColor--300;
 $pf-v5-global--BackgroundColor--dark-400: $pf-v5-global--BackgroundColor--400;
 $pf-v5-global--icon--Color--light: $pf-v5-color-black-200;
-$pf-v5-global--icon--Color--dark: $pf-v5-color-black-200;
+$pf-v5-global--icon--Color--dark: $pf-v5-color-black-50;
 
 // Shadows
 // small

package/components/Breadcrumb/themes/dark/breadcrumb.scss

@@ -1,7 +0,0 @@
-@import "../../../../sass-utilities/themes/dark/all";
-
-@mixin pf-v5-theme-dark-breadcrumb() {
-  .#{$breadcrumb} {
-    --#{$breadcrumb}__item-divider--Color: var(--#{$pf-global}--BorderColor--100);
-  }
-}

package/components/SearchInput/search-input.css

@@ -1,199 +0,0 @@
-.pf-v5-c-search-input {
-  --pf-v5-c-search-input__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-search-input__text--before--BorderColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-search-input__text--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-search-input__text-input--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-search-input__text-input--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-search-input__text-input--PaddingLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-search-input__text-input--MinWidth: 6ch;
-  --pf-v5-c-search-input__text-input--m-hint--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-search-input__text-input--BackgroundColor: transparent;
-  --pf-v5-c-search-input__icon--Left: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__icon--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-search-input__text--hover__icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-search-input__icon--TranslateY: -50%;
-  --pf-v5-c-search-input__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-search-input__menu-body--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-body--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-body--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-body--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
-  --pf-v5-c-search-input__menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-search-input__menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-search-input__menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
-  --pf-v5-c-search-input--m-top__menu--Top: 0;
-  --pf-v5-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-search-input__menu-list--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-list--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-item--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-item--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-item--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-search-input__menu-item--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-search-input__menu-item--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-search-input__menu-item--BackgroundColor: transparent;
-  --pf-v5-c-search-input__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-search-input__menu-item--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  position: relative;
-  width: 100%;
-}
-
-.pf-v5-c-search-input__bar {
-  position: relative;
-  display: flex;
-  width: 100%;
-}
-.pf-v5-c-search-input__bar:hover {
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-c-search-input__bar--hover__text--after--BorderBottomColor);
-}
-
-.pf-v5-c-search-input__text {
-  display: grid;
-  flex: 1;
-  grid-template-areas: "text-input";
-  grid-template-columns: 1fr;
-}
-.pf-v5-c-search-input__text::before, .pf-v5-c-search-input__text::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-.pf-v5-c-search-input__text::before {
-  border: var(--pf-v5-c-search-input__text--before--BorderWidth) solid var(--pf-v5-c-search-input__text--before--BorderColor);
-}
-.pf-v5-c-search-input__text::after {
-  border-bottom: var(--pf-v5-c-search-input__text--after--BorderBottomWidth) solid var(--pf-v5-c-search-input__text--after--BorderBottomColor);
-}
-.pf-v5-c-search-input__text:hover, .pf-v5-c-search-input__text:focus-within {
-  --pf-v5-c-search-input__icon--Color: var(--pf-v5-c-search-input__text--hover__icon--Color);
-}
-.pf-v5-c-search-input__text:focus-within {
-  --pf-v5-c-search-input__text--after--BorderBottomWidth: var(--pf-v5-c-search-input__text--focus-within--after--BorderBottomWidth);
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-c-search-input__text--focus-within--after--BorderBottomColor);
-}
-
-.pf-v5-c-search-input__icon {
-  position: absolute;
-  top: 50%;
-  left: var(--pf-v5-c-search-input__icon--Left);
-  color: var(--pf-v5-c-search-input__icon--Color);
-  transform: translateY(var(--pf-v5-c-search-input__icon--TranslateY));
-}
-
-.pf-v5-c-search-input__text-input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  width: 100%;
-  min-width: var(--pf-v5-c-search-input__text-input--MinWidth);
-  padding: var(--pf-v5-c-search-input__text-input--PaddingTop) var(--pf-v5-c-search-input__text-input--PaddingRight) var(--pf-v5-c-search-input__text-input--PaddingBottom) var(--pf-v5-c-search-input__text-input--PaddingLeft);
-  background-color: var(--pf-v5-c-search-input__text-input--BackgroundColor);
-  border: 0;
-}
-.pf-v5-c-search-input__text-input, .pf-v5-c-search-input__text-input.pf-m-hint {
-  grid-area: text-input;
-}
-.pf-v5-c-search-input__text-input.pf-m-hint {
-  color: var(--pf-v5-c-search-input__text-input--m-hint--Color);
-}
-
-.pf-v5-c-search-input__utilities {
-  display: flex;
-  margin-right: var(--pf-v5-c-search-input__utilities--MarginRight);
-  margin-left: var(--pf-v5-c-search-input__utilities--MarginLeft);
-}
-.pf-v5-c-search-input__utilities > * + * {
-  margin-left: var(--pf-v5-c-search-input__utilities--child--MarginLeft);
-}
-.pf-v5-c-search-input__utilities .pf-v5-c-button {
-  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-search-input__utilities--c-button--PaddingRight);
-  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-search-input__utilities--c-button--PaddingLeft);
-}
-
-.pf-v5-c-search-input__nav {
-  display: flex;
-}
-
-.pf-v5-c-search-input__count {
-  display: flex;
-  align-items: center;
-}
-
-.pf-v5-c-search-input__menu {
-  position: absolute;
-  top: var(--pf-v5-c-search-input__menu--Top);
-  z-index: var(--pf-v5-c-search-input__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--pf-v5-c-search-input__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-v5-c-search-input__menu--BoxShadow);
-}
-.pf-v5-c-search-input.pf-m-top .pf-v5-c-search-input__menu {
-  --pf-v5-c-search-input__menu--Top: var(--pf-v5-c-search-input--m-top__menu--Top);
-  transform: translateY(var(--pf-v5-c-search-input--m-top__menu--TranslateY));
-}
-.pf-v5-c-search-input__menu.pf-m-static {
-  --pf-v5-c-search-input--m-top__menu--TranslateY: 0;
-  position: static;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-  z-index: auto;
-  min-width: min-content;
-}
-
-.pf-v5-c-search-input__menu-body {
-  padding: var(--pf-v5-c-search-input__menu-body--PaddingTop) var(--pf-v5-c-search-input__menu-body--PaddingRight) var(--pf-v5-c-search-input__menu-body--PaddingBottom) var(--pf-v5-c-search-input__menu-body--PaddingLeft);
-}
-
-.pf-v5-c-search-input__menu-list {
-  padding-top: var(--pf-v5-c-search-input__menu-list--PaddingTop);
-  padding-bottom: var(--pf-v5-c-search-input__menu-list--PaddingBottom);
-}
-
-.pf-v5-c-search-input__menu-item {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  padding-top: var(--pf-v5-c-search-input__menu-item--PaddingTop);
-  padding-right: var(--pf-v5-c-search-input__menu-item--PaddingRight);
-  padding-bottom: var(--pf-v5-c-search-input__menu-item--PaddingBottom);
-  padding-left: var(--pf-v5-c-search-input__menu-item--PaddingLeft);
-  color: var(--pf-v5-c-search-input__menu-item--Color);
-  text-align: left;
-  background-color: var(--pf-v5-c-search-input__menu-item--BackgroundColor);
-  border: none;
-}
-.pf-v5-c-search-input__menu-item:hover {
-  --pf-v5-c-search-input__menu-item--BackgroundColor: var(--pf-v5-c-search-input__menu-item--hover--BackgroundColor);
-}
-.pf-v5-c-search-input__menu-item:focus {
-  --pf-v5-c-search-input__menu-item--BackgroundColor: var(--pf-v5-c-search-input__menu-item--focus--BackgroundColor);
-}
-
-.pf-v5-c-search-input__menu-item-text {
-  flex-grow: 1;
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-search-input {
-  --pf-v5-c-search-input__text--before--BorderColor: transparent;
-  --pf-v5-c-search-input__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
-  background-color: var(--pf-v5-global--BackgroundColor--400);
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-search-input__text::before {
-  border-bottom-color: var(--pf-v5-global--BorderColor--400);
-}

package/components/SearchInput/search-input.scss

@@ -1,231 +0,0 @@
-// @debug $search-input; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-
-.#{$search-input} {
-  // Base border
-  --#{$search-input}__text--before--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
-  --#{$search-input}__text--before--BorderColor: var(--#{$pf-global}--BorderColor--300);
-
-  // Bottom border
-  --#{$search-input}__text--after--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--sm);
-  --#{$search-input}__text--after--BorderBottomColor: var(--#{$pf-global}--BorderColor--200);
-  --#{$search-input}__bar--hover__text--after--BorderBottomColor: var(--#{$pf-global}--primary-color--100);
-  --#{$search-input}__text--focus-within--after--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--md);
-  --#{$search-input}__text--focus-within--after--BorderBottomColor: var(--#{$pf-global}--primary-color--100);
-
-  // Search input
-  --#{$search-input}__text-input--PaddingTop: var(--#{$pf-global}--spacer--form-element);
-  --#{$search-input}__text-input--PaddingRight: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__text-input--PaddingBottom: var(--#{$pf-global}--spacer--form-element);
-  --#{$search-input}__text-input--PaddingLeft: var(--#{$pf-global}--spacer--xl);
-  --#{$search-input}__text-input--MinWidth: 6ch;
-  --#{$search-input}__text-input--m-hint--Color: var(--#{$pf-global}--Color--dark-200); // matches placeholder text color
-  --#{$search-input}__text-input--BackgroundColor: transparent;
-
-  // Icon
-  --#{$search-input}__icon--Left: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__icon--Color: var(--#{$pf-global}--Color--200);
-  --#{$search-input}__text--hover__icon--Color: var(--#{$pf-global}--Color--100);
-  --#{$search-input}__icon--TranslateY: -50%;
-
-  // Utilities
-  --#{$search-input}__utilities--MarginRight: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__utilities--MarginLeft: var(--#{$pf-global}--spacer--xs);
-  --#{$search-input}__utilities--child--MarginLeft: var(--#{$pf-global}--spacer--xs);
-  --#{$search-input}__utilities--c-button--PaddingRight: var(--#{$pf-global}--spacer--xs);
-  --#{$search-input}__utilities--c-button--PaddingLeft: var(--#{$pf-global}--spacer--xs);
-
-  // Menu
-  --#{$search-input}__menu-body--PaddingTop: var(--#{$pf-global}--spacer--md);
-  --#{$search-input}__menu-body--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$search-input}__menu-body--PaddingBottom: var(--#{$pf-global}--spacer--md);
-  --#{$search-input}__menu-body--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$search-input}__menu--BackgroundColor: var(--#{$pf-global}--BackgroundColor--light-100);
-  --#{$search-input}__menu--BoxShadow: var(--#{$pf-global}--BoxShadow--md);
-  --#{$search-input}__menu--Top: calc(100% + var(--#{$pf-global}--spacer--xs));
-  --#{$search-input}__menu--ZIndex: var(--#{$pf-global}--ZIndex--sm);
-  --#{$search-input}--m-top__menu--Top: 0;
-  --#{$search-input}--m-top__menu--TranslateY: calc(-100% - var(--#{$pf-global}--spacer--xs));
-
-  // Autocomplete menu
-  --#{$search-input}__menu-list--PaddingTop: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__menu-list--PaddingBottom: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__menu-item--PaddingTop: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__menu-item--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$search-input}__menu-item--PaddingBottom: var(--#{$pf-global}--spacer--sm);
-  --#{$search-input}__menu-item--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$search-input}__menu-item--Color: var(--#{$pf-global}--Color--100);
-  --#{$search-input}__menu-item--BackgroundColor: transparent;
-  --#{$search-input}__menu-item--hover--BackgroundColor: var(--#{$pf-global}--BackgroundColor--200);
-  --#{$search-input}__menu-item--focus--BackgroundColor: var(--#{$pf-global}--BackgroundColor--200);
-
-  position: relative;
-  width: 100%;
-}
-
-.#{$search-input}__bar {
-  position: relative;
-  display: flex;
-  width: 100%;
-
-  &:hover {
-    --#{$search-input}__text--after--BorderBottomColor: var(--#{$search-input}__bar--hover__text--after--BorderBottomColor);
-  }
-}
-
-.#{$search-input}__text {
-  display: grid;
-  flex: 1;
-  grid-template-areas: "text-input";
-  grid-template-columns: 1fr;
-
-  &::before,
-  &::after {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    pointer-events: none;
-    content: "";
-  }
-
-  &::before {
-    border: var(--#{$search-input}__text--before--BorderWidth) solid var(--#{$search-input}__text--before--BorderColor);
-  }
-
-  &::after {
-    border-bottom: var(--#{$search-input}__text--after--BorderBottomWidth) solid var(--#{$search-input}__text--after--BorderBottomColor);
-  }
-
-  &:hover,
-  &:focus-within {
-    --#{$search-input}__icon--Color: var(--#{$search-input}__text--hover__icon--Color);
-  }
-
-  &:focus-within {
-    --#{$search-input}__text--after--BorderBottomWidth: var(--#{$search-input}__text--focus-within--after--BorderBottomWidth);
-    --#{$search-input}__text--after--BorderBottomColor: var(--#{$search-input}__text--focus-within--after--BorderBottomColor);
-  }
-}
-
-.#{$search-input}__icon {
-  position: absolute;
-  top: 50%;
-  left: var(--#{$search-input}__icon--Left);
-  color: var(--#{$search-input}__icon--Color);
-  transform: translateY(var(--#{$search-input}__icon--TranslateY));
-}
-
-.#{$search-input}__text-input {
-  @include pf-v5-text-overflow;
-
-  position: relative;
-  width: 100%;
-  min-width: var(--#{$search-input}__text-input--MinWidth);
-  padding: var(--#{$search-input}__text-input--PaddingTop) var(--#{$search-input}__text-input--PaddingRight) var(--#{$search-input}__text-input--PaddingBottom) var(--#{$search-input}__text-input--PaddingLeft);
-  background-color: var(--#{$search-input}__text-input--BackgroundColor);
-  border: 0;
-
-  &,
-  &.pf-m-hint {
-    grid-area: text-input;
-  }
-
-  &.pf-m-hint {
-    color: var(--#{$search-input}__text-input--m-hint--Color);
-  }
-}
-
-.#{$search-input}__utilities {
-  display: flex;
-  margin-right: var(--#{$search-input}__utilities--MarginRight);
-  margin-left: var(--#{$search-input}__utilities--MarginLeft);
-
-  > * + * {
-    margin-left: var(--#{$search-input}__utilities--child--MarginLeft);
-  }
-
-  .#{$button} {
-    --#{$button}--PaddingRight: var(--#{$search-input}__utilities--c-button--PaddingRight);
-    --#{$button}--PaddingLeft: var(--#{$search-input}__utilities--c-button--PaddingLeft);
-  }
-}
-
-.#{$search-input}__nav {
-  display: flex;
-}
-
-.#{$search-input}__count {
-  display: flex;
-  align-items: center;
-}
-
-.#{$search-input}__menu {
-  position: absolute;
-  top: var(--#{$search-input}__menu--Top);
-  z-index: var(--#{$search-input}__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--#{$search-input}__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--#{$search-input}__menu--BoxShadow);
-
-  .#{$search-input}.pf-m-top & {
-    --#{$search-input}__menu--Top: var(--#{$search-input}--m-top__menu--Top);
-
-    transform: translateY(var(--#{$search-input}--m-top__menu--TranslateY));
-  }
-
-  &.pf-m-static {
-    --#{$search-input}--m-top__menu--TranslateY: 0;
-
-    position: static;
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-    z-index: auto;
-    min-width: min-content;
-  }
-}
-
-.#{$search-input}__menu-body {
-  padding: var(--#{$search-input}__menu-body--PaddingTop) var(--#{$search-input}__menu-body--PaddingRight) var(--#{$search-input}__menu-body--PaddingBottom) var(--#{$search-input}__menu-body--PaddingLeft);
-}
-
-.#{$search-input}__menu-list {
-  padding-top: var(--#{$search-input}__menu-list--PaddingTop);
-  padding-bottom: var(--#{$search-input}__menu-list--PaddingBottom);
-}
-
-.#{$search-input}__menu-item {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  padding-top: var(--#{$search-input}__menu-item--PaddingTop);
-  padding-right: var(--#{$search-input}__menu-item--PaddingRight);
-  padding-bottom: var(--#{$search-input}__menu-item--PaddingBottom);
-  padding-left: var(--#{$search-input}__menu-item--PaddingLeft);
-  color: var(--#{$search-input}__menu-item--Color);
-  text-align: left;
-  background-color: var(--#{$search-input}__menu-item--BackgroundColor);
-  border: none;
-
-  &:hover {
-    --#{$search-input}__menu-item--BackgroundColor: var(--#{$search-input}__menu-item--hover--BackgroundColor);
-  }
-
-  &:focus {
-    --#{$search-input}__menu-item--BackgroundColor: var(--#{$search-input}__menu-item--focus--BackgroundColor);
-  }
-}
-
-.#{$search-input}__menu-item-text {
-  flex-grow: 1;
-}
-
-// stylelint-disable no-invalid-position-at-import-rule
-@import "themes/dark/search-input";
-
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-search-input;
-}

package/components/SearchInput/themes/dark/search-input.scss

@@ -1,16 +0,0 @@
-@import "../../../../sass-utilities/themes/dark/all";
-
-@mixin pf-v5-theme-dark-search-input() {
-  .#{$search-input} {
-    --#{$search-input}__text--before--BorderColor: transparent;
-    --#{$search-input}__text--after--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
-
-    background-color: var(--#{$pf-global}--BackgroundColor--400);
-  }
-
-  .#{$search-input}__text {
-    &::before {
-      border-bottom-color: var(--#{$pf-global}--BorderColor--400);
-    }
-  }
-}