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

package/components/Chip/chip.scss

@@ -1,140 +0,0 @@
-// @debug $chip; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-
-.#{$chip} {
-  --#{$chip}--PaddingTop: var(--#{$pf-global}--spacer--xs);
-  --#{$chip}--PaddingRight: var(--#{$pf-global}--spacer--sm);
-  --#{$chip}--PaddingBottom: var(--#{$pf-global}--spacer--xs);
-  --#{$chip}--PaddingLeft: var(--#{$pf-global}--spacer--sm);
-  --#{$chip}--BackgroundColor: var(--#{$pf-global}--Color--light-100);
-  --#{$chip}--BorderRadius: var(--#{$pf-global}--BorderRadius--sm);
-  --#{$chip}--before--BorderColor: var(--#{$pf-global}--BorderColor--300);
-  --#{$chip}--before--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
-  --#{$chip}--before--BorderRadius: var(--#{$chip}--BorderRadius);
-
-  // overflow chip button
-  --#{$chip}--m-overflow__text--Color: var(--#{$pf-global}--primary-color--100);
-
-  // draggable chip
-  --#{$chip}--m-draggable--BackgroundColor: var(--#{$pf-global}--BackgroundColor--200);
-  --#{$chip}--m-draggable--BoxShadow: var(--#{$pf-global}--BoxShadow--sm);
-  --#{$chip}--m-draggable__icon--FontSize: var(--#{$pf-global}--icon--FontSize--sm);
-
-  // chip content
-  --#{$chip}__content--FontSize: var(--#{$pf-global}--FontSize--xs);
-  --#{$chip}__content--ColumnGap: var(--#{$pf-global}--spacer--xs);
-
-  // chip text
-  --#{$chip}__text--Color: var(--#{$pf-global}--Color--100);
-  --#{$chip}__text--MaxWidth: 16ch;
-  --#{$chip}__c-badge--MarginLeft: var(--#{$pf-global}--spacer--xs);
-
-  // chip actions
-  --#{$chip}__actions--FontSize: var(--#{$pf-global}--FontSize--xs);
-
-  // buttons within chip actions
-  --#{$chip}__actions--c-button--PaddingTop: var(--#{$pf-global}--spacer--xs);
-  --#{$chip}__actions--c-button--PaddingRight: var(--#{$pf-global}--spacer--sm);
-  --#{$chip}__actions--c-button--PaddingBottom: var(--#{$pf-global}--spacer--xs);
-  --#{$chip}__actions--c-button--PaddingLeft: var(--#{$pf-global}--spacer--sm);
-  --#{$chip}__actions--c-button--MarginTop: calc(var(--#{$chip}--PaddingTop) * -1);
-  --#{$chip}__actions--c-button--MarginRight: calc(var(--#{$chip}--PaddingRight) / 2 * -1);
-  --#{$chip}__actions--c-button--MarginBottom: calc(var(--#{$chip}--PaddingBottom) * -1);
-  --#{$chip}__actions--c-button--FontSize: var(--#{$pf-global}--FontSize--xs);
-
-  // icon
-  --#{$chip}__icon--MarginLeft: var(--#{$pf-global}--spacer--sm);
-
-  @include pf-v5-t-light;  // This component always needs to be light
-
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  min-width: 0;
-  padding-block-start: var(--#{$chip}--PaddingTop);
-  padding-block-end: var(--#{$chip}--PaddingBottom);
-  padding-inline-start: var(--#{$chip}--PaddingLeft);
-  padding-inline-end: var(--#{$chip}--PaddingRight);
-  list-style: none;
-  background-color: var(--#{$chip}--BackgroundColor);
-  border-radius: var(--#{$chip}--BorderRadius);
-
-  &::before {
-    position: absolute;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    content: "";
-    border: var(--#{$chip}--before--BorderWidth) solid var(--#{$chip}--before--BorderColor);
-    border-radius: var(--#{$chip}--before--BorderRadius);
-  }
-
-  // Chip overflow modifier
-  &.pf-m-overflow {
-    border: 0;
-
-    .#{$chip}__text {
-      color: var(--#{$chip}--m-overflow__text--Color);
-    }
-  }
-
-  &.pf-m-draggable {
-    --#{$chip}--BackgroundColor: var(--#{$chip}--m-draggable--BackgroundColor);
-
-    box-shadow: var(--#{$chip}--m-draggable--BoxShadow);
-
-    .#{$chip}__icon {
-      font-size: var(--#{$chip}--m-draggable__icon--FontSize);
-    }
-  }
-}
-
-// Text element
-.#{$chip}__text {
-  @include pf-v5-text-overflow;
-
-  position: relative;
-  max-width: var(--#{$chip}__text--MaxWidth);
-  color: var(--#{$chip}__text--Color);
-
-  .#{$badge} {
-    margin-inline-start: var(--#{$chip}__c-badge--MarginLeft); // remove in breaking change
-  }
-}
-
-.#{$chip}__icon + .#{$chip}__text,
-.#{$chip}__text + .#{$chip}__icon {
-  margin-inline-start: var(--#{$chip}__icon--MarginLeft);
-}
-
-.#{$chip}__content {
-  display: flex;
-  column-gap: var(--#{$chip}__content--ColumnGap);
-  align-items: center;
-  font-size: var(--#{$chip}__content--FontSize);
-}
-
-.#{$chip}__actions {
-  font-size: var(--#{$chip}__actions--FontSize);
-
-  // Actions Button
-  .#{$button} {
-    --#{$button}--PaddingTop: var(--#{$chip}__actions--c-button--PaddingTop);
-    --#{$button}--PaddingRight: var(--#{$chip}__actions--c-button--PaddingRight);
-    --#{$button}--PaddingBottom: var(--#{$chip}__actions--c-button--PaddingBottom);
-    --#{$button}--PaddingLeft: var(--#{$chip}__actions--c-button--PaddingLeft);
-    --#{$button}--FontSize: var(--#{$chip}__actions--c-button--FontSize);
-
-    margin-block-start: var(--#{$chip}__actions--c-button--MarginTop);
-    margin-block-end: var(--#{$chip}__actions--c-button--MarginBottom);
-    margin-inline-end: var(--#{$chip}__actions--c-button--MarginRight);
-    line-height: 1;
-  }
-}
-
-// stylelint-disable no-invalid-position-at-import-rule
-@import "themes/dark/chip";
-
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-chip;
-}

package/components/Chip/themes/dark/chip.scss

@@ -1,9 +0,0 @@
-@import "../../../../sass-utilities/themes/dark/all";
-
-@mixin pf-v5-theme-dark-chip() {
-  .#{$chip} {
-    --#{$chip}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
-    --#{$chip}--before--BorderColor: var(--#{$pf-global}--BorderColor--100);
-    --#{$chip}--m-draggable--BackgroundColor: var(--#{$pf-global}--palette--black-600);
-  }
-}

package/components/ContextSelector/context-selector.css

@@ -1,336 +0,0 @@
-.pf-v6-c-context-selector__menu {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--dark-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--dark);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--dark--hover);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--dark);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
-}
-
-.pf-v6-c-context-selector {
-  --pf-v6-c-context-selector--Width: 15.625rem;
-  --pf-v6-c-context-selector__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__toggle--PaddingBottom: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__toggle--ColumnGap: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__toggle--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-context-selector__toggle--BorderTopColor: var(--pf-v6-global--BorderColor--300);
-  --pf-v6-c-context-selector__toggle--BorderRightColor: var(--pf-v6-global--BorderColor--300);
-  --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-global--BorderColor--200);
-  --pf-v6-c-context-selector__toggle--BorderLeftColor: var(--pf-v6-global--BorderColor--300);
-  --pf-v6-c-context-selector__toggle--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-v6-c-context-selector__toggle--BorderWidth);
-  --pf-v6-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-v6-global--active-color--100);
-  --pf-v6-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
-  --pf-v6-c-context-selector__toggle--active--BorderBottomColor: var(--pf-v6-global--active-color--100);
-  --pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
-  --pf-v6-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-v6-global--active-color--100);
-  --pf-v6-c-context-selector__toggle--BackgroundColor: transparent;
-  --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-context-selector__toggle--m-plain--hover--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-v6-global--disabled-color--200);
-  --pf-v6-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__toggle-text--FontSize: var(--pf-v6-global--FontSize--md);
-  --pf-v6-c-context-selector__toggle-text--FontWeight: var(--pf-v6-global--FontWeight--normal);
-  --pf-v6-c-context-selector__toggle-text--LineHeight: var(--pf-v6-global--LineHeight--md);
-  --pf-v6-c-context-selector__toggle-icon--PaddingRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__toggle-icon--PaddingLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-context-selector__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-context-selector__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
-  --pf-v6-c-context-selector__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-c-context-selector__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
-  --pf-v6-c-context-selector__menu-search--PaddingTop: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-search--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-search--PaddingBottom: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-search--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-search--BorderBottomColor: var(--pf-v6-global--BorderColor--100);
-  --pf-v6-c-context-selector__menu-search--BorderBottomWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-context-selector__menu-footer--BoxShadow: var(--pf-v6-global--BoxShadow--sm-top);
-  --pf-v6-c-context-selector__menu-footer--PaddingTop: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-footer--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-footer--PaddingBottom: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-footer--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector__menu-list--MaxHeight: 12.5rem;
-  --pf-v6-c-context-selector__menu-list--PaddingTop: var(--pf-v6-c-context-selector__menu--PaddingTop);
-  --pf-v6-c-context-selector__menu-list--PaddingBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__menu-list-item--Color: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-c-context-selector__menu-list-item--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__menu-list-item--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector__menu-list-item--PaddingBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-context-selector__menu-list-item--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector__menu-list-item--BackgroundColor: transparent;
-  --pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
-  --pf-v6-c-context-selector__menu-list-item--disabled--Color: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-c-context-selector__menu-item-icon--Color: var(--pf-v6-global--active-color--100);
-  --pf-v6-c-context-selector__menu-item-icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
-  --pf-v6-c-context-selector__menu-item-icon--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-full-height__toggle--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-full-height__toggle--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-full-height__toggle--before--BorderTopWidth: 0;
-  --pf-v6-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
-  --pf-v6-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
-  --pf-v6-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
-  --pf-v6-c-context-selector--m-large__toggle--PaddingTop: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
-  --pf-v6-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
-  --pf-v6-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
-  --pf-v6-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
-  --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
-  position: relative;
-  display: inline-block;
-  width: var(--pf-v6-c-context-selector--Width);
-  max-width: 100%;
-}
-@media screen and (min-width: 1200px) {
-  .pf-v6-c-context-selector {
-    --pf-v6-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
-    --pf-v6-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
-    --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
-    --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
-    --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
-    --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
-    --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
-    --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
-    --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
-    --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
-    --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
-    --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
-  }
-}
-.pf-v6-c-context-selector.pf-m-full-height {
-  --pf-v6-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-v6-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
-  --pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-v6-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
-  --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector--m-full-height__toggle--PaddingRight);
-  --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector--m-full-height__toggle--PaddingLeft);
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-}
-.pf-v6-c-context-selector.pf-m-full-height .pf-v6-c-context-selector__toggle {
-  align-self: stretch;
-}
-.pf-v6-c-context-selector.pf-m-full-height .pf-v6-c-context-selector__toggle::before {
-  border-block-start-width: var(--pf-v6-c-context-selector--m-full-height__toggle--before--BorderTopWidth);
-}
-.pf-v6-c-context-selector.pf-m-full-height:hover .pf-v6-c-context-selector__toggle::before {
-  border-block-end-width: var(--pf-v6-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth);
-}
-.pf-v6-c-context-selector.pf-m-large {
-  --pf-v6-c-context-selector__toggle--PaddingTop: var(--pf-v6-c-context-selector--m-large__toggle--PaddingTop);
-  --pf-v6-c-context-selector__toggle--PaddingBottom: var(--pf-v6-c-context-selector--m-large__toggle--PaddingBottom);
-  --pf-v6-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-v6-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
-  --pf-v6-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-v6-c-context-selector--m-large__toggle--active--BorderBottomWidth);
-  --pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-v6-c-context-selector--m-large__toggle--expanded--BorderBottomWidth);
-}
-.pf-v6-c-context-selector.pf-m-page-insets {
-  --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--PaddingRight);
-  --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--PaddingLeft);
-  --pf-v6-c-context-selector__menu-list-item--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
-  --pf-v6-c-context-selector__menu-list-item--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
-  --pf-v6-c-context-selector__menu-search--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-search--PaddingRight);
-  --pf-v6-c-context-selector__menu-search--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-search--PaddingLeft);
-  --pf-v6-c-context-selector__menu-footer--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingRight);
-  --pf-v6-c-context-selector__menu-footer--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
-  --pf-v6-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
-  --pf-v6-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
-  --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
-  --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
-}
-
-.pf-v6-c-context-selector__toggle {
-  position: relative;
-  display: flex;
-  column-gap: var(--pf-v6-c-context-selector__toggle--ColumnGap);
-  align-items: center;
-  width: 100%;
-  padding-block-start: var(--pf-v6-c-context-selector__toggle--PaddingTop);
-  padding-block-end: var(--pf-v6-c-context-selector__toggle--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-context-selector__toggle--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-context-selector__toggle--PaddingRight);
-  color: var(--pf-v6-c-context-selector__toggle--Color);
-  white-space: nowrap;
-  cursor: pointer;
-  background-color: var(--pf-v6-c-context-selector__toggle--BackgroundColor);
-  border: none;
-}
-.pf-v6-c-context-selector__toggle::before {
-  position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  content: "";
-  border: var(--pf-v6-c-context-selector__toggle--BorderWidth) solid;
-  border-block-start-color: var(--pf-v6-c-context-selector__toggle--BorderTopColor);
-  border-block-end-color: var(--pf-v6-c-context-selector__toggle--BorderBottomColor);
-  border-inline-start-color: var(--pf-v6-c-context-selector__toggle--BorderLeftColor);
-  border-inline-end-color: var(--pf-v6-c-context-selector__toggle--BorderRightColor);
-}
-.pf-v6-c-context-selector__toggle:hover::before {
-  --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-c-context-selector__toggle--hover--BorderBottomColor);
-  border-block-end-width: var(--pf-v6-c-context-selector__toggle--hover--BorderBottomWidth);
-}
-.pf-v6-c-context-selector__toggle:active::before, .pf-v6-c-context-selector__toggle.pf-m-active::before, .pf-v6-c-context-selector__toggle:focus-within::before {
-  --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-c-context-selector__toggle--active--BorderBottomColor);
-  border-block-end-width: var(--pf-v6-c-context-selector__toggle--active--BorderBottomWidth);
-}
-.pf-m-expanded > .pf-v6-c-context-selector__toggle::before {
-  --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-c-context-selector__toggle--expanded--BorderBottomColor);
-  border-block-end-width: var(--pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth);
-}
-.pf-v6-c-context-selector__toggle.pf-m-plain {
-  --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector__toggle--m-plain--PaddingRight);
-  --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector__toggle--m-plain--PaddingLeft);
-  --pf-v6-c-context-selector__toggle-icon--Color: var(--pf-v6-c-context-selector--m-plain__toggle-icon--Color);
-}
-.pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-text {
-  --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingRight);
-  --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingLeft);
-}
-.pf-v6-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
-  display: inline-block;
-  width: auto;
-  color: var(--pf-v6-c-context-selector__toggle--m-plain--Color);
-}
-.pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-v6-c-context-selector__toggle.pf-m-plain:disabled {
-  --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-c-context-selector__toggle--m-plain--disabled--Color);
-}
-.pf-v6-c-context-selector__toggle.pf-m-plain:hover, .pf-v6-c-context-selector__toggle.pf-m-plain:active, .pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-v6-c-context-selector__toggle.pf-m-plain:focus, .pf-v6-c-context-selector.pf-m-expanded > .pf-v6-c-context-selector__toggle.pf-m-plain {
-  --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-c-context-selector__toggle--m-plain--hover--Color);
-  --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color);
-}
-.pf-v6-c-context-selector__toggle.pf-m-plain::before {
-  border: 0;
-}
-.pf-v6-c-context-selector__toggle .pf-v6-c-context-selector__toggle-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1 1 auto;
-  font-size: var(--pf-v6-c-context-selector__toggle-text--FontSize);
-  font-weight: var(--pf-v6-c-context-selector__toggle-text--FontWeight);
-  line-height: var(--pf-v6-c-context-selector__toggle-text--LineHeight);
-  text-align: start;
-}
-
-.pf-v6-c-context-selector__toggle-icon {
-  padding-inline-start: var(--pf-v6-c-context-selector__toggle-icon--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-context-selector__toggle-icon--PaddingRight);
-  color: var(--pf-v6-c-context-selector__toggle-icon--Color, inherit);
-}
-
-.pf-v6-c-context-selector__menu {
-  color: var(--pf-v6-global--Color--100);
-  position: absolute;
-  inset-block-start: var(--pf-v6-c-context-selector__menu--Top);
-  z-index: var(--pf-v6-c-context-selector__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--pf-v6-c-context-selector__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-v6-c-context-selector__menu--BoxShadow);
-}
-.pf-v6-c-context-selector__menu.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;
-}
-
-.pf-v6-c-context-selector__menu-search {
-  position: relative;
-  padding-block-start: var(--pf-v6-c-context-selector__menu-search--PaddingTop);
-  padding-block-end: var(--pf-v6-c-context-selector__menu-search--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-context-selector__menu-search--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-context-selector__menu-search--PaddingRight);
-  border-block-end: var(--pf-v6-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-v6-c-context-selector__menu-search--BorderBottomColor);
-}
-
-.pf-v6-c-context-selector__menu-footer {
-  padding-block-start: var(--pf-v6-c-context-selector__menu-footer--PaddingTop);
-  padding-block-end: var(--pf-v6-c-context-selector__menu-footer--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-context-selector__menu-footer--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-context-selector__menu-footer--PaddingRight);
-  box-shadow: var(--pf-v6-c-context-selector__menu-footer--BoxShadow);
-}
-
-.pf-v6-c-context-selector__menu-list {
-  max-height: var(--pf-v6-c-context-selector__menu-list--MaxHeight);
-  padding-block-start: var(--pf-v6-c-context-selector__menu-list--PaddingTop);
-  padding-block-end: var(--pf-v6-c-context-selector__menu-list--PaddingBottom);
-  overflow-y: auto;
-}
-
-.pf-v6-c-context-selector__menu-list-item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-block-start: var(--pf-v6-c-context-selector__menu-list-item--PaddingTop);
-  padding-block-end: var(--pf-v6-c-context-selector__menu-list-item--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-context-selector__menu-list-item--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-context-selector__menu-list-item--PaddingRight);
-  color: var(--pf-v6-c-context-selector__menu-list-item--Color);
-  white-space: nowrap;
-  background-color: var(--pf-v6-c-context-selector__menu-list-item--BackgroundColor);
-  border: none;
-}
-.pf-v6-c-context-selector__menu-list-item:hover, .pf-v6-c-context-selector__menu-list-item:focus {
-  --pf-v6-c-context-selector__menu-list-item--BackgroundColor: var(--pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor);
-  text-decoration: none;
-}
-.pf-v6-c-context-selector__menu-list-item.pf-m-disabled, .pf-v6-c-context-selector__menu-list-item:disabled {
-  --pf-v6-c-context-selector__menu-list-item--Color: var(--pf-v6-c-context-selector__menu-list-item--disabled--Color);
-  pointer-events: none;
-}
-
-:where(.pf-v6-theme-dark) .pf-v6-c-context-selector {
-  --pf-v6-c-context-selector__menu--Top: 100%;
-  --pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
-}
-:where(.pf-v6-theme-dark) .pf-v6-c-context-selector__toggle {
-  background: var(--pf-v6-global--BackgroundColor--400);
-}
-:where(.pf-v6-theme-dark) .pf-v6-c-context-selector__toggle.pf-m-plain {
-  background: transparent;
-}
-:where(.pf-v6-theme-dark) .pf-v6-c-context-selector__menu {
-  background: var(--pf-v6-global--BackgroundColor--300);
-}
-:where(.pf-v6-theme-dark) .pf-v6-c-context-selector__menu-footer {
-  border-block-start: 1px solid var(--pf-v6-global--BorderColor--300);
-}