[AAE-49015] - Removing and replacing mat-selectors

lib/content-services/src/lib/mat-selectors.scss

@@ -5,12 +5,10 @@ $mat-tab-header: '.mat-mdc-tab-header';
 $mat-checkbox-box: '.mdc-checkbox';
 $mat-form-field: '.mat-mdc-form-field';
 $mat-card-content: '.mat-mdc-card-content';
-$mat-menu-panel: '.mat-mdc-menu-panel';
 $mat-form-field-infix: '.mat-mdc-form-field-infix';
 $mat-floating-label: '.mdc-floating-label';
 $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
 $mat-evolution-chip: '.mdc-evolution-chip';
 $mat-notched-outline: '.mdc-notched-outline';
-$mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic';
 $mat-evolution-chip-set: '.mdc-evolution-chip-set';
 $cdk-overlay-pane: '.cdk-overlay-pane';

lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.html

@@ -23,7 +23,7 @@
     </ng-template>
 </mat-chip>
 
-<mat-menu #menu="matMenu" class="adf-search-widget-extra-width" backdropClass="adf-search-filter-chip-menu" (closed)="onClosed()">
+<mat-menu #menu="matMenu" class="adf-search-widget-extra-width adf-search-facet-chip-tabbed-menu-panel" backdropClass="adf-search-filter-chip-menu" (closed)="onClosed()">
     <div #menuContainer [attr.data-automation-id]="'search-field-' + tabbedFacet.label">
         <adf-search-filter-menu-card (click)="$event.stopPropagation()"
                                      (keydown.tab)="$event.stopPropagation();"

lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss

@@ -1,14 +1,8 @@
-@use '../../../../mat-selectors.scss' as ms;
-
 adf-search-facet-chip-tabbed {
     .adf-search-filter-chip-tabbed {
         &[disabled] {
             pointer-events: none;
         }
-
-        #{ms.$mat-evolution-chip-graphic} {
-            display: none;
-        }
     }
 
     .adf-search-filter-chip-icon {
@@ -16,6 +10,8 @@ adf-search-facet-chip-tabbed {
     }
 }
 
-.adf-search-widget-extra-width#{ms.$mat-menu-panel} {
+// Compound of two ADF panel classes (matches Material's .mat-mdc-menu-panel specificity 0,2,0)
+// so the width override wins without targeting the Material internal.
+.adf-search-widget-extra-width.adf-search-facet-chip-tabbed-menu-panel {
     max-width: 500px;
 }

lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip/search-facet-chip.component.scss

@@ -1,10 +1,4 @@
-@use '../../../../mat-selectors.scss' as ms;
-
 .adf-search-filter-chip {
-    #{ms.$mat-evolution-chip-graphic} {
-        display: none;
-    }
-
     &[disabled] {
         pointer-events: none;
     }