@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

package/components/ContextSelector/context-selector.scss

@@ -1,384 +0,0 @@
-// @debug $context-selector; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-
-.#{$context-selector} {
-  // Context selector
-  --#{$context-selector}--Width: #{pf-size-prem(250px)};
-
-  // Toggle
-  --#{$context-selector}__toggle--PaddingTop: var(--#{$pf-global}--spacer--form-element);
-  --#{$context-selector}__toggle--PaddingRight: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__toggle--PaddingBottom: var(--#{$pf-global}--spacer--form-element);
-  --#{$context-selector}__toggle--PaddingLeft: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__toggle--ColumnGap: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__toggle--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
-  --#{$context-selector}__toggle--BorderTopColor: var(--#{$pf-global}--BorderColor--300);
-  --#{$context-selector}__toggle--BorderRightColor: var(--#{$pf-global}--BorderColor--300);
-  --#{$context-selector}__toggle--BorderBottomColor: var(--#{$pf-global}--BorderColor--200);
-  --#{$context-selector}__toggle--BorderLeftColor: var(--#{$pf-global}--BorderColor--300);
-  --#{$context-selector}__toggle--Color: var(--#{$pf-global}--Color--100);
-  --#{$context-selector}__toggle--hover--BorderBottomWidth: var(--#{$context-selector}__toggle--BorderWidth);
-  --#{$context-selector}__toggle--hover--BorderBottomColor: var(--#{$pf-global}--active-color--100);
-  --#{$context-selector}__toggle--active--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--md);
-  --#{$context-selector}__toggle--active--BorderBottomColor: var(--#{$pf-global}--active-color--100);
-  --#{$context-selector}__toggle--expanded--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--md);
-  --#{$context-selector}__toggle--expanded--BorderBottomColor: var(--#{$pf-global}--active-color--100);
-  --#{$context-selector}__toggle--BackgroundColor: transparent;
-  --#{$context-selector}__toggle--m-plain--Color: var(--#{$pf-global}--Color--200);
-  --#{$context-selector}__toggle--m-plain--hover--Color: var(--#{$pf-global}--Color--100);
-  --#{$context-selector}__toggle--m-plain--disabled--Color: var(--#{$pf-global}--disabled-color--200);
-  --#{$context-selector}__toggle--m-plain--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__toggle--m-plain--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__toggle--m-plain--m-text--PaddingRight: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__toggle--m-plain--m-text--PaddingLeft: var(--#{$pf-global}--spacer--sm);
-
-  // Toggle text
-  --#{$context-selector}__toggle-text--FontSize: var(--#{$pf-global}--FontSize--md);
-  --#{$context-selector}__toggle-text--FontWeight: var(--#{$pf-global}--FontWeight--normal);
-  --#{$context-selector}__toggle-text--LineHeight: var(--#{$pf-global}--LineHeight--md);
-
-  // Toggle icon arrow
-  --#{$context-selector}__toggle-icon--PaddingRight: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__toggle-icon--PaddingLeft: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}--m-plain__toggle-icon--Color: var(--#{$pf-global}--Color--200);
-  --#{$context-selector}--m-plain--hover__toggle-icon--Color: var(--#{$pf-global}--Color--100);
-
-  // Menu
-  --#{$context-selector}__menu--Top: calc(100% + var(--#{$pf-global}--spacer--xs));
-  --#{$context-selector}__menu--ZIndex: var(--#{$pf-global}--ZIndex--sm);
-  --#{$context-selector}__menu--PaddingTop: var(--#{$pf-global}--spacer--sm); // remove at breaking change
-  --#{$context-selector}__menu--BackgroundColor: var(--#{$pf-global}--BackgroundColor--light-100);
-  --#{$context-selector}__menu--BoxShadow: var(--#{$pf-global}--BoxShadow--md);
-
-  // Menu input
-  --#{$context-selector}__menu-search--PaddingTop: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-search--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-search--PaddingBottom: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-search--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-search--BorderBottomColor: var(--#{$pf-global}--BorderColor--100);
-  --#{$context-selector}__menu-search--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--sm);
-
-  // Menu footer
-  --#{$context-selector}__menu-footer--BoxShadow: var(--#{$pf-global}--BoxShadow--sm-top);
-  --#{$context-selector}__menu-footer--PaddingTop: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-footer--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-footer--PaddingBottom: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}__menu-footer--PaddingLeft: var(--#{$pf-global}--spacer--md);
-
-  // Menu list
-  --#{$context-selector}__menu-list--MaxHeight: #{pf-size-prem(200px)};
-  --#{$context-selector}__menu-list--PaddingTop: var(--#{$context-selector}__menu--PaddingTop); // reference spacer directly at breaking change
-  --#{$context-selector}__menu-list--PaddingBottom: var(--#{$pf-global}--spacer--sm);
-
-  // Menu item
-  --#{$context-selector}__menu-list-item--Color: var(--#{$pf-global}--Color--dark-100);
-  --#{$context-selector}__menu-list-item--PaddingTop: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__menu-list-item--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}__menu-list-item--PaddingBottom: var(--#{$pf-global}--spacer--sm);
-  --#{$context-selector}__menu-list-item--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}__menu-list-item--BackgroundColor: transparent;
-  --#{$context-selector}__menu-list-item--hover--BackgroundColor: var(--#{$pf-global}--BackgroundColor--light-300);
-  --#{$context-selector}__menu-list-item--disabled--Color: var(--#{$pf-global}--Color--dark-200);
-
-  // Menu item icon
-  --#{$context-selector}__menu-item-icon--Color: var(--#{$pf-global}--active-color--100);
-  --#{$context-selector}__menu-item-icon--FontSize: var(--#{$pf-global}--icon--FontSize--sm);
-  --#{$context-selector}__menu-item-icon--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-
-  // Full height
-  --#{$context-selector}--m-full-height__toggle--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-full-height__toggle--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-full-height__toggle--before--BorderTopWidth: 0;
-  --#{$context-selector}--m-full-height__toggle--hover--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--xl);
-  --#{$context-selector}--m-full-height__toggle--active--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--xl);
-  --#{$context-selector}--m-full-height__toggle--expanded--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--xl);
-
-  // Large
-  --#{$context-selector}--m-large__toggle--PaddingTop: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-large__toggle--PaddingBottom: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-large__toggle--hover--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--xl);
-  --#{$context-selector}--m-large__toggle--active--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--xl);
-  --#{$context-selector}--m-large__toggle--expanded--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--xl);
-
-  // Page insets
-  --#{$context-selector}--m-page-insets__toggle--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__toggle--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__toggle--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__toggle--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__menu-list-item--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__menu-list-item--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__menu-list-item--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__menu-list-item--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__menu-search--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__menu-search--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__menu-search--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__menu-search--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__menu-footer--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__menu-footer--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__menu-footer--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__menu-footer--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--#{$pf-global}--spacer--lg);
-  --#{$context-selector}--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-
-  @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
-    --#{$context-selector}--m-page-insets__toggle--PaddingRight: var(--#{$context-selector}--m-page-insets__toggle--xl--PaddingRight);
-    --#{$context-selector}--m-page-insets__toggle--PaddingLeft: var(--#{$context-selector}--m-page-insets__toggle--xl--PaddingLeft);
-    --#{$context-selector}--m-page-insets__menu-list-item--PaddingRight: var(--#{$context-selector}--m-page-insets__menu-list-item--xl--PaddingRight);
-    --#{$context-selector}--m-page-insets__menu-list-item--PaddingLeft: var(--#{$context-selector}--m-page-insets__menu-list-item--xl--PaddingLeft);
-    --#{$context-selector}--m-page-insets__menu-search--PaddingRight: var(--#{$context-selector}--m-page-insets__menu-search--xl--PaddingRight);
-    --#{$context-selector}--m-page-insets__menu-search--PaddingLeft: var(--#{$context-selector}--m-page-insets__menu-search--xl--PaddingLeft);
-    --#{$context-selector}--m-page-insets__menu-footer--PaddingRight: var(--#{$context-selector}--m-page-insets__menu-footer--xl--PaddingRight);
-    --#{$context-selector}--m-page-insets__menu-footer--PaddingLeft: var(--#{$context-selector}--m-page-insets__menu-footer--xl--PaddingLeft);
-    --#{$context-selector}--m-page-insets__toggle--m-plain--PaddingRight: var(--#{$context-selector}--m-page-insets__toggle--m-plain--xl--PaddingRight);
-    --#{$context-selector}--m-page-insets__toggle--m-plain--PaddingLeft: var(--#{$context-selector}--m-page-insets__toggle--m-plain--xl--PaddingLeft);
-    --#{$context-selector}--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--#{$context-selector}--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
-    --#{$context-selector}--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--#{$context-selector}--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
-  }
-
-  position: relative;
-  display: inline-block;
-  width: var(--#{$context-selector}--Width);
-  max-width: 100%;
-
-  &.pf-m-full-height {
-    --#{$context-selector}__toggle--active--BorderBottomWidth: var(--#{$context-selector}--m-full-height__toggle--active--BorderBottomWidth);
-    --#{$context-selector}__toggle--expanded--BorderBottomWidth: var(--#{$context-selector}--m-full-height__toggle--expanded--BorderBottomWidth);
-    --#{$context-selector}__toggle--PaddingRight: var(--#{$context-selector}--m-full-height__toggle--PaddingRight);
-    --#{$context-selector}__toggle--PaddingLeft: var(--#{$context-selector}--m-full-height__toggle--PaddingLeft);
-
-    display: inline-flex;
-    align-items: center;
-    height: 100%;
-
-    .#{$context-selector}__toggle {
-      align-self: stretch;
-
-      &::before {
-        border-block-start-width: var(--#{$context-selector}--m-full-height__toggle--before--BorderTopWidth);
-      }
-    }
-
-    &:hover {
-      .#{$context-selector}__toggle::before {
-        border-block-end-width: var(--#{$context-selector}--m-full-height__toggle--hover--BorderBottomWidth);
-      }
-    }
-  }
-
-  &.pf-m-large {
-    --#{$context-selector}__toggle--PaddingTop: var(--#{$context-selector}--m-large__toggle--PaddingTop);
-    --#{$context-selector}__toggle--PaddingBottom: var(--#{$context-selector}--m-large__toggle--PaddingBottom);
-    --#{$context-selector}__toggle--hover--BorderBottomWidth: var(--#{$context-selector}--m-large__toggle--hover--BorderBottomWidth);
-    --#{$context-selector}__toggle--active--BorderBottomWidth: var(--#{$context-selector}--m-large__toggle--active--BorderBottomWidth);
-    --#{$context-selector}__toggle--expanded--BorderBottomWidth: var(--#{$context-selector}--m-large__toggle--expanded--BorderBottomWidth);
-  }
-
-  &.pf-m-page-insets {
-    --#{$context-selector}__toggle--PaddingRight: var(--#{$context-selector}--m-page-insets__toggle--PaddingRight);
-    --#{$context-selector}__toggle--PaddingLeft: var(--#{$context-selector}--m-page-insets__toggle--PaddingLeft);
-    --#{$context-selector}__menu-list-item--PaddingRight: var(--#{$context-selector}--m-page-insets__menu-list-item--PaddingRight);
-    --#{$context-selector}__menu-list-item--PaddingLeft: var(--#{$context-selector}--m-page-insets__menu-list-item--PaddingLeft);
-    --#{$context-selector}__menu-search--PaddingRight: var(--#{$context-selector}--m-page-insets__menu-search--PaddingRight);
-    --#{$context-selector}__menu-search--PaddingLeft: var(--#{$context-selector}--m-page-insets__menu-search--PaddingLeft);
-    --#{$context-selector}__menu-footer--PaddingRight: var(--#{$context-selector}--m-page-insets__menu-footer--PaddingRight);
-    --#{$context-selector}__menu-footer--PaddingLeft: var(--#{$context-selector}--m-page-insets__menu-footer--PaddingLeft);
-    --#{$context-selector}__toggle--m-plain--PaddingRight: var(--#{$context-selector}--m-page-insets__toggle--m-plain--PaddingRight);
-    --#{$context-selector}__toggle--m-plain--PaddingLeft: var(--#{$context-selector}--m-page-insets__toggle--m-plain--PaddingLeft);
-    --#{$context-selector}__toggle--m-plain--m-text--PaddingRight: var(--#{$context-selector}--m-page-insets__toggle--m-plain--m-text--PaddingRight);
-    --#{$context-selector}__toggle--m-plain--m-text--PaddingLeft: var(--#{$context-selector}--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
-  }
-}
-
-.#{$context-selector}__toggle {
-  position: relative;
-  display: flex;
-  column-gap: var(--#{$context-selector}__toggle--ColumnGap);
-  align-items: center;
-  width: 100%;
-  padding-block-start: var(--#{$context-selector}__toggle--PaddingTop);
-  padding-block-end: var(--#{$context-selector}__toggle--PaddingBottom);
-  padding-inline-start: var(--#{$context-selector}__toggle--PaddingLeft);
-  padding-inline-end: var(--#{$context-selector}__toggle--PaddingRight);
-  color: var(--#{$context-selector}__toggle--Color);
-  white-space: nowrap;
-  cursor: pointer;
-  background-color: var(--#{$context-selector}__toggle--BackgroundColor);
-  border: none;
-
-  &::before {
-    position: absolute;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    content: "";
-    border: var(--#{$context-selector}__toggle--BorderWidth) solid;
-    border-block-start-color: var(--#{$context-selector}__toggle--BorderTopColor);
-    border-block-end-color: var(--#{$context-selector}__toggle--BorderBottomColor);
-    border-inline-start-color: var(--#{$context-selector}__toggle--BorderLeftColor);
-    border-inline-end-color: var(--#{$context-selector}__toggle--BorderRightColor);
-  }
-
-  &:hover {
-    &::before {
-      --#{$context-selector}__toggle--BorderBottomColor: var(--#{$context-selector}__toggle--hover--BorderBottomColor);
-
-      border-block-end-width: var(--#{$context-selector}__toggle--hover--BorderBottomWidth);
-    }
-  }
-
-  &:active,
-  &.pf-m-active,
-  &:focus-within {
-    &::before {
-      --#{$context-selector}__toggle--BorderBottomColor: var(--#{$context-selector}__toggle--active--BorderBottomColor);
-
-      border-block-end-width: var(--#{$context-selector}__toggle--active--BorderBottomWidth);
-    }
-  }
-
-  .pf-m-expanded > & {
-    &::before {
-      --#{$context-selector}__toggle--BorderBottomColor: var(--#{$context-selector}__toggle--expanded--BorderBottomColor);
-
-      border-block-end-width: var(--#{$context-selector}__toggle--expanded--BorderBottomWidth);
-    }
-  }
-
-  &.pf-m-plain {
-    --#{$context-selector}__toggle--PaddingRight: var(--#{$context-selector}__toggle--m-plain--PaddingRight);
-    --#{$context-selector}__toggle--PaddingLeft: var(--#{$context-selector}__toggle--m-plain--PaddingLeft);
-    --#{$context-selector}__toggle-icon--Color: var(--#{$context-selector}--m-plain__toggle-icon--Color);
-
-    &.pf-m-text {
-      --#{$context-selector}__toggle--PaddingRight: var(--#{$context-selector}__toggle--m-plain--m-text--PaddingRight);
-      --#{$context-selector}__toggle--PaddingLeft: var(--#{$context-selector}__toggle--m-plain--m-text--PaddingLeft);
-    }
-
-    &:not(.pf-m-text) {
-      display: inline-block;
-      width: auto;
-      color: var(--#{$context-selector}__toggle--m-plain--Color);
-    }
-
-    &.pf-m-disabled,
-    &:disabled {
-      --#{$context-selector}__toggle--m-plain--Color: var(--#{$context-selector}__toggle--m-plain--disabled--Color);
-    }
-
-    &:hover,
-    &:active,
-    &.pf-m-active,
-    &:focus,
-    .#{$context-selector}.pf-m-expanded > & {
-      --#{$context-selector}__toggle--m-plain--Color: var(--#{$context-selector}__toggle--m-plain--hover--Color);
-      --#{$context-selector}--m-plain__toggle-icon--Color: var(--#{$context-selector}--m-plain--hover__toggle-icon--Color);
-    }
-
-    &::before {
-      border: 0;
-    }
-  }
-
-  .#{$context-selector}__toggle-text {
-    @include pf-v5-text-overflow;
-
-    flex: 1 1 auto;
-    font-size: var(--#{$context-selector}__toggle-text--FontSize);
-    font-weight: var(--#{$context-selector}__toggle-text--FontWeight);
-    line-height: var(--#{$context-selector}__toggle-text--LineHeight);
-    text-align: start;
-  }
-}
-
-.#{$context-selector}__toggle-icon {
-  padding-inline-start: var(--#{$context-selector}__toggle-icon--PaddingLeft);
-  padding-inline-end: var(--#{$context-selector}__toggle-icon--PaddingRight);
-  color: var(--#{$context-selector}__toggle-icon--Color, inherit);
-}
-
-.#{$context-selector}__menu {
-  @include pf-v5-t-light;
-
-  position: absolute;
-  inset-block-start: var(--#{$context-selector}__menu--Top);
-  z-index: var(--#{$context-selector}__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--#{$context-selector}__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--#{$context-selector}__menu--BoxShadow);
-
-  &.pf-m-static {
-    position: static;
-    inset-block-start: auto;
-    inset-block-end: auto;
-    inset-inline-start: auto;
-    inset-inline-end: auto;
-    z-index: auto;
-    min-width: min-content;
-  }
-}
-
-.#{$context-selector}__menu-search {
-  position: relative;
-  padding-block-start: var(--#{$context-selector}__menu-search--PaddingTop);
-  padding-block-end: var(--#{$context-selector}__menu-search--PaddingBottom);
-  padding-inline-start: var(--#{$context-selector}__menu-search--PaddingLeft);
-  padding-inline-end: var(--#{$context-selector}__menu-search--PaddingRight);
-  border-block-end: var(--#{$context-selector}__menu-search--BorderBottomWidth) solid var(--#{$context-selector}__menu-search--BorderBottomColor);
-}
-
-.#{$context-selector}__menu-footer {
-  padding-block-start: var(--#{$context-selector}__menu-footer--PaddingTop);
-  padding-block-end: var(--#{$context-selector}__menu-footer--PaddingBottom);
-  padding-inline-start: var(--#{$context-selector}__menu-footer--PaddingLeft);
-  padding-inline-end: var(--#{$context-selector}__menu-footer--PaddingRight);
-  box-shadow: var(--#{$context-selector}__menu-footer--BoxShadow);
-}
-
-.#{$context-selector}__menu-list {
-  max-height: var(--#{$context-selector}__menu-list--MaxHeight);
-  padding-block-start: var(--#{$context-selector}__menu-list--PaddingTop);
-  padding-block-end: var(--#{$context-selector}__menu-list--PaddingBottom);
-  overflow-y: auto;
-}
-
-.#{$context-selector}__menu-list-item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-block-start: var(--#{$context-selector}__menu-list-item--PaddingTop);
-  padding-block-end: var(--#{$context-selector}__menu-list-item--PaddingBottom);
-  padding-inline-start: var(--#{$context-selector}__menu-list-item--PaddingLeft);
-  padding-inline-end: var(--#{$context-selector}__menu-list-item--PaddingRight);
-  color: var(--#{$context-selector}__menu-list-item--Color);
-  white-space: nowrap;
-  background-color: var(--#{$context-selector}__menu-list-item--BackgroundColor);
-  border: none;
-
-  &:hover,
-  &:focus {
-    --#{$context-selector}__menu-list-item--BackgroundColor: var(--#{$context-selector}__menu-list-item--hover--BackgroundColor);
-
-    text-decoration: none;
-  }
-
-  &.pf-m-disabled,
-  &:disabled {
-    --#{$context-selector}__menu-list-item--Color: var(--#{$context-selector}__menu-list-item--disabled--Color);
-
-    pointer-events: none;
-  }
-}
-
-// stylelint-disable no-invalid-position-at-import-rule
-@import "themes/dark/context-selector";
-
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-context-selector;
-}

package/components/ContextSelector/themes/dark/context-selector.scss

@@ -1,24 +0,0 @@
-@import "../../../../sass-utilities/themes/dark/all";
-
-@mixin pf-v5-theme-dark-context-selector() {
-  .#{$context-selector} {
-    --#{$context-selector}__menu--Top: 100%;
-    --#{$context-selector}__menu-list-item--hover--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
-  }
-
-  .#{$context-selector}__toggle {
-    background: var(--#{$pf-global}--BackgroundColor--400);
-
-    &.pf-m-plain {
-      background: transparent;
-    }
-  }
-
-  .#{$context-selector}__menu {
-    background: var(--#{$pf-global}--BackgroundColor--300);
-  }
-
-  .#{$context-selector}__menu-footer {
-    border-block-start: 1px solid var(--#{$pf-global}--BorderColor--300);
-  }
-}