[ACS-8630] - Removing mat-selectors

lib/process-services/src/lib/app-list/apps-list.component.html

@@ -35,7 +35,7 @@
 
 <ng-container *ngIf="isLoading(); else empty">
     <div class="adf-app-list-spinner">
-        <mat-progress-spinner mode="indeterminate" />
+        <mat-progress-spinner class="adf-app-list-spinner-progress" mode="indeterminate" />
     </div>
 </ng-container>
 

lib/process-services/src/lib/app-list/apps-list.component.scss

@@ -1,5 +1,4 @@
 @use 'sass:map';
-@use '../styles/mat-selectors' as ms;
 @use '../styles/flex' as flex;
 
 .adf-app-list-item {
@@ -57,7 +56,7 @@ $tile-themes: (
     flex-direction: column;
     height: 85vh;
 
-    #{ms.$mat-progress-spinner} {
+    .adf-app-list-spinner-progress {
         margin: 0 auto;
     }
 }

lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss

@@ -1,20 +1,18 @@
 @use '../../../styles/mat-selectors' as ms;
 
 .adf-attach-file-widget-dialog {
-    #{ms.$mat-dialog-actions} {
+    // Targets the <mat-dialog-actions class="adf-login-dialog-actions"> element directly.
+    .adf-login-dialog-actions {
         display: flex;
         justify-content: flex-end;
+        margin-left: -25px;
+        margin-right: -25px;
+        padding-right: 25px;
 
         button {
             text-transform: uppercase;
         }
     }
-
-    .adf-login-dialog-actions {
-        margin-left: -25px;
-        margin-right: -25px;
-        padding-right: 25px;
-    }
 }
 
 #{ms.$mat-dialog-surface} {

lib/process-services/src/lib/styles/mat-selectors.scss

@@ -1,6 +1,5 @@
 /* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */
 
-$mat-progress-spinner: '.mat-mdc-progress-spinner';
 $mat-card: '.mat-mdc-card';
 $mat-card-header-text: '.mat-mdc-card-header-text';
 $mat-card-content: '.mat-mdc-card-content';
@@ -13,7 +12,6 @@ $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
 $mat-button: '.mat-mdc-button';
 $mat-button-label: '.mdc-button__label';
 $mat-input-element: '.mat-mdc-input-element';
-$mat-dialog-actions: '.mat-mdc-dialog-actions';
 $mat-line: '.mat-line';
 $mat-select-value-text: '.mat-mdc-select-value-text';
 $mat-form-field-label: '.mat-mdc-floating-label';