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

lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss

@@ -13,7 +13,9 @@
         }
     }
 
-    #{ms.$mat-form-field} {
+    // Material form-field is display:inline-flex; force full width. Element selector
+    // targets ADF's own <mat-form-field> without the Material internal class.
+    mat-form-field {
         width: 100%;
     }
 }

lib/core/src/lib/form/components/form-renderer.component.scss

@@ -155,7 +155,7 @@
         max-width: 100%;
         max-height: 100%;
 
-        & #{ms.$mat-card} {
+        & mat-card {
             padding: 16px 24px;
             overflow: hidden;
         }

lib/core/src/lib/info-drawer/info-drawer.component.scss

@@ -59,9 +59,9 @@
         border-bottom: unset;
         opacity: 1;
 
-        &#{ms.$mat-tab-label} {
+        // No Material rule sets flex-grow on the individual tab, so the ADF class alone
-            flex-grow: 1;
+        // is enough — the .mat-mdc-tab compound was redundant specificity.
-        }
+        flex-grow: 1;
 
         &:has(span) {
             height: 32px;

lib/core/src/lib/styles/_mat-selectors.scss

@@ -1,15 +1,12 @@
 $mat-icon: '.mat-icon';
-$mat-tab-label: '.mat-mdc-tab';
 $mat-tab-label-text: '.mdc-tab__text-label';
 $mat-tab-body-content: '.mat-mdc-tab-body-content';
 $mat-checkbox-label: '.mdc-label';
 $mat-button: '.mat-mdc-button';
 $mat-button-label: '.mdc-button__label';
-$mat-form-field: '.mat-mdc-form-field';
 $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
 $mat-line-ripple: '.mdc-line-ripple';
 $mat-form-field-label: '.mat-mdc-floating-label';
-$mat-card: '.mat-mdc-card';
 $mat-select: '.mat-mdc-select';
 $mat-sidenav-content: '.mat-sidenav-content';
 $mat-drawer-transition: '.mat-drawer-transition';

lib/process-services/src/lib/form/start-form/start-form.component.scss

@@ -5,7 +5,7 @@
     max-width: 100%;
     max-height: 100%;
 
-    & #{ms.$mat-card} {
+    & mat-card {
         padding: 16px 24px;
         overflow: hidden;
     }

lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss

@@ -1,7 +1,6 @@
-@use '../../../styles/mat-selectors' as ms;
-
 .adf-attach-form {
-    #{ms.$mat-form-field} {
+    // Material form-field is display:inline-flex; force full width via the element selector.
+    mat-form-field {
         width: 100%;
     }
 

lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss

@@ -1,5 +1,3 @@
-@use '../../../styles/mat-selectors' as ms;
-
 :host {
     width: 100%;
 }
@@ -8,7 +6,8 @@
     font-weight: bolder;
 }
 
-#{ms.$mat-form-field} {
+// Material form-field is display:inline-flex; force full width via the element selector.
+mat-form-field {
     width: 100%;
 }