[ACS-8191] Added missing mat selectors for ACA. Updated mat selector …

…name (#9809)

* [ACS-8191] Updated mat selector names

* [ACS-8191] Added missing mat selectors for ACA. Updated mat-selector names

lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss

@@ -31,7 +31,7 @@ adf-search-properties {
                 width: 16px;
             }
 
-            #{$mat-form-field-underline} {
+            #{$mat-line-ripple} {
                 &::before {
                     display: none;
                 }

lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss

@@ -67,7 +67,7 @@
         color: var(--adf-metadata-property-panel-title-color);
     }
 
-    #{$mat-form-field-underline} {
+    #{$mat-line-ripple} {
         &::before,
         &::after {
             display: none;

lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss

@@ -4,7 +4,7 @@
 $adf-inplace-input-padding: 7px;
 
 .adf-inplace-input-container {
-    #{$mat-form-field-underline} {
+    #{$mat-line-ripple} {
         display: none;
     }
 

lib/core/src/lib/form/components/widgets/form.theme.scss

@@ -40,7 +40,7 @@ ul > li > form-field > .adf-focus {
             padding-bottom: 12px;
         }
 
-        #{$mat-form-field-underline} {
+        #{$mat-line-ripple} {
             background-color: var(--theme-warn-color) !important;
         }
 

lib/core/src/lib/search-text/search-text-input.component.scss

@@ -22,7 +22,7 @@
     }
 
     &-input-form-field-divider {
-        #{$mat-form-field-underline} {
+        #{$mat-line-ripple} {
             background-color: var(--adf-theme-primary-50);
         }
 

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

@@ -31,20 +31,20 @@ $mat-checkbox-checked: '.mat-mdc-checkbox-checked';
 $mat-button: '.mat-mdc-button';
 $mat-button-label: '.mdc-button__label';
 $mat-button-label-text: '.mdc-button__label';
-$mat-button-focus-overlay: '.mat-mdc-focus-indicator';
+$mat-button-focus-overlay: '.mat-button-focus-overlay';
 $mat-raised-button: '.mat-mdc-raised-button';
 $mat-radio-outer-circle: '.mdc-radio__outer-circle';
 $mat-radio-inner-circle: '.mdc-radio__inner-circle';
 $mat-radio-checked: '.mat-mdc-radio-checked';
 $mat-radio-label-content: '.mdc-label';
-$mat-radio-label: '.mdc -label';
+$mat-radio-label: '.mdc-label';
 $mat-progress-bar: '.mat-mdc-progress-bar';
 $mat-progress-bar-buffer: '.mdc-linear-progress__buffer';
 $mat-progress-spinner: '.mat-mdc-progress-spinner';
 $mat-form-field: '.mat-mdc-form-field';
 $mat-form-field-flex: '.mat-mdc-form-field-flex';
 $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
-$mat-form-field-underline: '.mdc-line-ripple';
+$mat-line-ripple: '.mdc-line-ripple';
 $mat-form-field-subscript-wrapper: '.mat-mdc-form-field-subscript-wrapper';
 $mat-form-field-prefix: '.mat-mdc-form-field-text-prefix';
 $mat-form-field-suffix: '.mat-mdc-form-field-text-suffix';
@@ -145,4 +145,64 @@ $mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
 $mat-text-field-textarea: '.mdc-text-field--textarea';
 $mat-list-item-disabled: '.mdc-list-item--disabled';
 $mat-chip-focus-overlay: '.mat-mdc-chip-focus-overlay';
+$mat-primary: '.mat-primary';
+$mat-checkbox-touch-target: '.mat-mdc-checkbox-touch-target';
+$mat-switch: '.mdc-switch';
+$mat-switch-ripple: '.mdc-switch-ripple';
+$mat-switch-selected: '.mdc-switch--selected';
+$mat-switch-checked: '.mdc-switch--checked';
+$mat-switch-handle-track: '.mdc-switch__handle-track';
+$mat-switch-handle: '.mdc-switch__handle';
+$mat-switch-track: '.mdc-switch__track';
+$mat-switch-icons: '.mdc-switch__icons';
+$mat-switch-shadow: '.mdc-switch__shadow';
+$mat-switch-unselected: '.mdc-switch--unselected';
+$mat-chip-action: '.mat-mdc-chip-action';
+$mat-chip-graphic: '.mat-mdc-chip-graphic';
+$mat-data-table-row: '.mdc-data-table__row';
+$mat-data-table-cell: '.mdc-data-table__cell';
+$mat-data-table-header-cell: '.mdc-data-table__header-cell';
+$mat-toolbar-single-row: '.mat-toolbar-single-row';
+$mat-toolbar-multiple-row: '.mat-toolbar-multiple-row';
+$mat-unthemed: '.mat-unthemed';
+$mat-calendar-period-button: '.mat-calendar-period-button';
+$mat-radio-button: '.mat-mdc-radio-button';
+$mat-radio: '.mdc-radio';
+$mat-tab-ripple: '.mdc-tab__ripple';
+$mat-tab-disabled: '.mat-mdc-tab-disabled';
+$mat-tab-group: '.mat-mdc-tab-group';
+$mat-tab-group-stretch: '.mat-mdc-tab-group-stretch-tabs';
+$mat-list-item: '.mdc-list-item';
+$mat-menu-item: '.mat-mdc-menu-item';
+$mat-icon-no-color: '.mat-icon-no-color';
+$mat-submenu-icon: '.mat-menu-submenu-icon';
+$mat-mdc-submenu-icon: '.mat-mdc-menu-submenu-icon';
+$mdc-form-field: '.mdc-form-field';
+$mat-divider-horizontal: '.mat-divider-horizontal';
+$mat-accordion: '.mat-accordion';
+$mdc-list: '.mdc-list';
+$mat-form-field-icon-suffix: '.mat-mdc-form-field-icon-suffix';
+$mat-text-field: '.mdc-text-field';
+$mat-form-field-disabled: '.mat-form-field-disabled';
+$mat-select-disabled: '.mat-mdc-select-disabled';
+$mat-select-value: '.mat-mdc-select-value';
+$mat-ripple: '.mat-ripple';
+$mat-checkbox-native-control: '.mdc-checkbox__native-control';
+$mat-checkbox-selected: '.mdc-checkbox--selected';
+$mat-checkbox-ripple: '.mat-mdc-checkbox-ripple';
+$mdc-checkbox-ripple: '.mdc-checkbox__ripple';
+$mat-list-base: '.mat-mdc-list-base';
+$mat-list-option: '.mat-mdc-list-option';
+$mat-option: '.mat-mdc-option';
+$mat-option-ripple: '.mat-mdc-option-ripple';
+$mat-snackbar-simple: '.mat-mdc-simple-snack-bar';
+$mat-snackbar-action: '.mat-mdc-snack-bar-action';
+$mat-slide-toggle-checked: '.mat-mdc-slide-toggle-checked';
+$mat-button-outlined: '.mat-mdc-outlined-button';
+$mat-button-unelevated: '.mat-mdc-unelevated-button';
+$mat-button-ripple: '.mat-mdc-button-ripple';
+$mat-datetimepicker-calendar-body-active: '.mat-datetimepicker-calendar-body-active';
+$mat-datetimepicker-calendar-body-cell-content: '.mat-datetimepicker-calendar-body-cell-content';
+$mat-datetimepicker-calendar-body-selected: '.mat-datetimepicker-calendar-body-selected';
+$mat-disabled: '.mat-disabled';
 $mat-card-header: '.mat-mdc-card-header';