From ae16922f8ed437c3860e0ff1f72bd7e89b92e38e Mon Sep 17 00:00:00 2001 From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com> Date: Mon, 17 Jun 2024 14:02:31 +0530 Subject: [PATCH] [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 --- .../search-properties.component.scss | 2 +- .../card-view-textitem.component.scss | 2 +- .../inplace-form-input.component.scss | 2 +- .../form/components/widgets/form.theme.scss | 2 +- .../search-text-input.component.scss | 2 +- lib/core/src/lib/styles/_mat-selectors.scss | 66 ++++++++++++++++++- 6 files changed, 68 insertions(+), 8 deletions(-) diff --git a/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss b/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss index 4cc4126ba76..ad7c5724951 100644 --- a/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss +++ b/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; } diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss index de645e85466..7d012c17f7d 100644 --- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss +++ b/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; diff --git a/lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss b/lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss index 957b123cf00..26862e2073a 100644 --- a/lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss +++ b/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; } diff --git a/lib/core/src/lib/form/components/widgets/form.theme.scss b/lib/core/src/lib/form/components/widgets/form.theme.scss index 6d42172b100..450da7bf845 100644 --- a/lib/core/src/lib/form/components/widgets/form.theme.scss +++ b/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; } diff --git a/lib/core/src/lib/search-text/search-text-input.component.scss b/lib/core/src/lib/search-text/search-text-input.component.scss index 2d57d20ce87..59c65928507 100644 --- a/lib/core/src/lib/search-text/search-text-input.component.scss +++ b/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); } diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index 46c6e7aa5b2..4079f932b91 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/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';