[ACS-6140] - Remove references to internal Angular Material CSS classes (#3620)

projects/aca-content/folder-rules/src/rule-details/conditions/rule-simple-condition.ui-component.html

@@ -11,7 +11,7 @@
     </mat-select>
   </mat-form-field>
 
-  <mat-form-field class="aca-rule-simple-condition__form__comparator-input" [class]="{ 'aca-hidden': isComparatorHidden }" data-automation-id="comparator-form-field">
+  <mat-form-field class="aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__comparator-input" [class]="{ 'aca-hidden': isComparatorHidden }" data-automation-id="comparator-form-field">
     <mat-select formControlName="comparator" data-automation-id="comparator-select">
       <mat-option
         *ngFor="let comparator of selectedFieldComparators"
@@ -21,7 +21,7 @@
     </mat-select>
   </mat-form-field>
 
-  <mat-form-field class="aca-rule-simple-condition__form__parameter-input" [ngSwitch]="selectedField.type">
+  <mat-form-field class="aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__parameter-input" [ngSwitch]="selectedField.type">
     <mat-select formControlName="parameter" data-automation-id="simple-condition-value-select" *ngSwitchCase="'mimeType'">
       <mat-option *ngFor="let mimeType of mimeTypes"
         [value]="mimeType.value">

projects/aca-content/folder-rules/src/rule-details/conditions/rule-simple-condition.ui-component.scss

@@ -4,7 +4,7 @@
     flex-direction: row;
     gap: 8px;
 
-    mat-form-field {
+    .aca-rule-simple-condition__form__field-input {
       flex: 2;
       font-size: inherit;
     }

projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html

@@ -3,7 +3,7 @@
     {{ title | translate }}
   </div>
   <button mat-icon-button mat-dialog-close class="aca-edit-rule-dialog__header__close" tabindex="-1">
-    <mat-icon>close</mat-icon>
+    <mat-icon class="aca-edit-rule-dialog__header__icon">close</mat-icon>
   </button>
 </div>
 

projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss

@@ -20,7 +20,7 @@
     }
 
     &__close {
-      & mat-icon {
+      & .aca-edit-rule-dialog__header__icon {
         font-size: 18px;
       }
     }

projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss

@@ -73,6 +73,7 @@
       }
     }
 
+    /* stylelint-disable selector-class-pattern */
     &.aca-read-only,
     .mat-form-field-disabled {
       .mat-form-field-underline,

projects/aca-content/folder-rules/src/rule-list/rule-list/rule-list.ui-component.html

@@ -13,7 +13,7 @@
 
     <span class="aca-rule-list__item__header__title">
       {{ 'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES' | translate }}
-      <mat-icon class="aca-rule-list__item__header__title__mat-icon" [matTooltip]="'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES_WILL_BE_RUN_FIRST' | translate">
+      <mat-icon class="aca-rule-list__item__header__title__icon" [matTooltip]="'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES_WILL_BE_RUN_FIRST' | translate">
         info
       </mat-icon>
     </span>

projects/aca-content/folder-rules/src/rule-list/rule-list/rule-list.ui-component.scss

@@ -35,7 +35,7 @@
         justify-content: flex-start;
         flex: 1;
 
-        &__mat-icon {
+        &__icon {
           transform: scale(0.8);
         }
       }