diff --git a/demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.scss b/demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.scss index 95ace8521f..729b370329 100644 --- a/demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.scss +++ b/demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .app-form-container { padding: 10px; diff --git a/demo-shell/src/app/components/cloud/cloud-layout.component.scss b/demo-shell/src/app/components/cloud/cloud-layout.component.scss index 00c40a0d88..433d0c5756 100644 --- a/demo-shell/src/app/components/cloud/cloud-layout.component.scss +++ b/demo-shell/src/app/components/cloud/cloud-layout.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .app-cloud-layout-overflow { overflow: auto; diff --git a/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss b/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss index ba327f99d6..59efb97e0c 100644 --- a/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss +++ b/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; adf-search-chip-autocomplete-input { .adf-chip-list { 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 d9aea626da..b382eb3ae7 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 @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; adf-search-properties { .adf-search-properties-file-size-label { diff --git a/lib/content-services/src/lib/version-manager/version-list.component.scss b/lib/content-services/src/lib/version-manager/version-list.component.scss index 377d9deff3..642e66055e 100644 --- a/lib/content-services/src/lib/version-manager/version-list.component.scss +++ b/lib/content-services/src/lib/version-manager/version-list.component.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-version-list { &-viewport { diff --git a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss index 9153f6ee61..7f940c09db 100644 --- a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-array-item-icon { diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss index 672096836b..de7b0680c0 100644 --- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-card-view-dateitem { .adf-property-value { diff --git a/lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.scss b/lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.scss index 3c0da70beb..ae3a58be83 100644 --- a/lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-card-view-key-value-pairs-item { .adf-property-col-key { diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss index d8d1cad277..37e524040e 100644 --- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-card-view-selectitem { .adf-property-value { diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss index c6b7106383..6cad0a356a 100644 --- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; $select-filter-height: 4em !default; 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 e2d9096c8d..e61f87223d 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 @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-card-view-textitem { .adf-property-field { diff --git a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss index 5e2219af56..2ecacc95a4 100644 --- a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss +++ b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-property-list { background: var(--adf-card-view-background); diff --git a/lib/core/src/lib/comments/comments.component.scss b/lib/core/src/lib/comments/comments.component.scss index 3cd0440ca7..630112ef7b 100644 --- a/lib/core/src/lib/comments/comments.component.scss +++ b/lib/core/src/lib/comments/comments.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; adf-comments { .adf-comments-container { diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss index 33e0d71da9..8cabd28d41 100644 --- a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss +++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss @@ -1,7 +1,7 @@ /* stylelint-disable no-descending-specificity */ @use '@angular/material' as mat; @import '../../../styles/mixins'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; $data-table-header-font-size: var(--theme-caption-font-size) !default; $data-table-header-sort-icon-size: var(--theme-subheading-2-font-size) !default; diff --git a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss index b7090e8dd1..a383423e9e 100644 --- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss +++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-edit-json-dialog { #{$mat-dialog-content} { diff --git a/lib/core/src/lib/form/components/form-renderer.component.scss b/lib/core/src/lib/form/components/form-renderer.component.scss index 09dd6c68ab..77db5cf081 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.scss +++ b/lib/core/src/lib/form/components/form-renderer.component.scss @@ -1,6 +1,6 @@ /* stylelint-disable selector-class-pattern */ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-hidden { 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 96b7df0c9a..8da79786c4 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 @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; $adf-inplace-input-padding: 7px; diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss index 7fd72de99e..54521bf5ee 100644 --- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss +++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { diff --git a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss index 38db37989c..6141810760 100644 --- a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss +++ b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-date-time-widget { 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 374a88f436..6d42172b10 100644 --- a/lib/core/src/lib/form/components/widgets/form.theme.scss +++ b/lib/core/src/lib/form/components/widgets/form.theme.scss @@ -1,5 +1,5 @@ /* stylelint-disable no-descending-specificity */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; ul > li > form-field > .adf-focus { .adf-label { diff --git a/lib/core/src/lib/form/components/widgets/text/text.widget.scss b/lib/core/src/lib/form/components/widgets/text/text.widget.scss index a9aa683a7d..384097a9b5 100644 --- a/lib/core/src/lib/form/components/widgets/text/text.widget.scss +++ b/lib/core/src/lib/form/components/widgets/text/text.widget.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-text-widget { diff --git a/lib/core/src/lib/info-drawer/info-drawer-layout.component.scss b/lib/core/src/lib/info-drawer/info-drawer-layout.component.scss index d3bd6b22c0..8e8beea2aa 100644 --- a/lib/core/src/lib/info-drawer/info-drawer-layout.component.scss +++ b/lib/core/src/lib/info-drawer/info-drawer-layout.component.scss @@ -1,5 +1,5 @@ @import '../styles/mixins'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; $adf-info-drawer-layout-title-font-size: var(--theme-title-font-size) !default; $adf-info-drawer-icon-size: 48px !default; diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.scss b/lib/core/src/lib/info-drawer/info-drawer.component.scss index 841a1afa5d..00c6df9450 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.component.scss +++ b/lib/core/src/lib/info-drawer/info-drawer.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-info-drawer { diff --git a/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss b/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss index be1905a44c..0fbd585146 100644 --- a/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss +++ b/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; adf-layout-container { display: block; diff --git a/lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.scss b/lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.scss index 9e937e4a6f..74642ea88d 100644 --- a/lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.scss +++ b/lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.scss @@ -1,6 +1,6 @@ @use '../../../styles/flex' as flex; @import '../../../styles/mixins'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-sidenav-layout { &-full-space { diff --git a/lib/core/src/lib/notifications/components/notification-history.component.scss b/lib/core/src/lib/notifications/components/notification-history.component.scss index 7f295b5eaf..9ebd92af3a 100644 --- a/lib/core/src/lib/notifications/components/notification-history.component.scss +++ b/lib/core/src/lib/notifications/components/notification-history.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-notification-history-menu_button#{$mat-button} { 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 d4719d6c90..2d57d20ce8 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 @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-search-container:has(.adf-input-form-field-divider) { overflow: hidden; diff --git a/lib/core/src/lib/snackbar-content/snackbar-content.component.scss b/lib/core/src/lib/snackbar-content/snackbar-content.component.scss index 0d323b61b4..5c509d2dfb 100644 --- a/lib/core/src/lib/snackbar-content/snackbar-content.component.scss +++ b/lib/core/src/lib/snackbar-content/snackbar-content.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; :host { display: flex; diff --git a/lib/core/src/lib/styles/_index.scss b/lib/core/src/lib/styles/_index.scss index acb43a803e..8cb67d4228 100644 --- a/lib/core/src/lib/styles/_index.scss +++ b/lib/core/src/lib/styles/_index.scss @@ -5,6 +5,7 @@ /* stylelint-disable scss/at-import-partial-extension */ @import '../styles/colors'; @import '../styles/mixins'; +@import '../styles/mat-selectors'; @import '../form/components/widgets/form.theme'; @import '../clipboard/clipboard.theme'; @import './snackbar.theme'; diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index 7312d23862..bb19931025 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/lib/core/src/lib/styles/_mat-selectors.scss @@ -1,91 +1,91 @@ -$material-icons: ".material-icons"; -$mat-icon: ".mat-icon"; -$mat-icon-button: ".mat-mdc-icon-button"; -$mat-accent: ".mat-accent"; -$mat-focused: ".mat-focused"; -$mat-line: ".mat-line"; -$mat-tab-label: ".mat-mdc-tab"; -$mat-tab-label-active: ".mdc-tab--active"; -$mat-tab-label-content: ".mdc-tab__content"; -$mat-tab-label-container: ".mat-mdc-tab-label-container"; -$mat-tab-label-text: ".mdc-tab__text-label"; -$mat-tab-list: ".mat-mdc-tab-list"; -$mat-tab-body: ".mat-mdc-tab-body"; -$mat-tab-body-wrapper: ".mat-mdc-tab-body-wrapper"; -$mat-tab-body-content: ".mat-mdc-tab-body-content"; -$mat-tab-header: ".mat-mdc-tab-header"; -$mat-tab-header-pagination: ".mat-mdc-tab-header-pagination"; -$mat-tab-header-pagination-controls-enabled: ".mat-mdc-tab-header-pagination-controls-enabled"; -$mat-tab-labels: ".mat-mdc-tab-labels"; -$mat-tab-ink-bar: ".mdc-tab-indicator"; -$mat-chip: ".mat-mdc-chip"; -$mat-chip-list: ".mat-mdc-chip-list"; -$mat-chip-list-wrapper: ".mat-chip-list-wrapper"; -$mat-checkbox: ".mat-mdc-checkbox"; -$mat-checkbox-frame: ".mdc-checkbox__checkmark"; -$mat-checkbox-label: ".mdc-label"; -$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-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-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-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"; -$mat-form-field-infix: ".mat-mdc-form-text-infix"; -$mat-form-field-label: ".mat-mdc-floating-label"; -$mat-form-field-invalid: ".mat-form-field-invalid"; -$mat-form-field-appearance-outline: ".mat-form-field-appearance-outline"; -$mat-text-field-outlined: ".mdc-text-field--outlined"; -$mat-text-field-outlined-thick: ".mdc-text-field--outlined-thick"; -$mat-dialog-actions: ".mat-mdc-dialog-actions"; -$mat-dialog-container: ".mdc-dialog__container"; -$mat-dialog-content: ".mat-mdc-dialog-content"; -$mat-button-toggle: ".mat-button-toggle"; -$mat-button-toggle-checked: ".mat-button-toggle-checked"; -$mat-button-toggle-disabled: ".mat-button-toggle-disabled"; -$mat-button-toggle-focus-overlay: ".mat-button-toggle-focus-overlay"; -$mat-input-element: ".mat-mdc-input-element"; -$mat-card: ".mat-mdc-card"; -$mat-card-actions: ".mat-mdc-card-actions"; -$mat-card-header-text: ".mat-mdc-card-header-text"; -$mat-card-title: ".mat-mdc-card-title"; -$mat-mini-fab: ".mat-mdc-mini-fab"; -$mat-list-item-primary-text: ".mdc-list-item__primary-text"; -$mat-table: ".mat-mdc-table"; -$mat-header-row: ".mat-mdc-header-row"; -$mat-row: ".mat-mdc-row"; -$mat-select: ".mat-mdc-select"; -$mat-select-value: ".mat-select-value"; -$mat-select-value-text: ".mat-mdc-select-value-text"; -$mat-select-panel: ".mat-mdc-select-panel"; -$mat-grid-tile: ".mat-grid-tile"; -$mat-sidenav-content: ".mat-sidenav-content"; -$mat-drawer-transition: ".mat-drawer-transition"; -$mat-drawer-content: ".mat-drawer-content"; -$mat-subheader: ".mat-mdc-subheader"; -$mat-menu-panel: ".mat-mdc-menu-panel"; -$mat-menu-content: ".mat-mdc-menu-content"; -$mat-expansion-panel: ".mat-expansion-panel"; -$mat-expansion-panel-header: ".mat-expansion-panel-header"; -$mat-expanded: ".mat-expanded"; -$mat-calendar: ".mat-calendar"; -$mat-calendar-header: ".mat-calendar-header"; -$mat-calendar-content: ".mat-calendar-content"; -$mat-calendar-table-header: ".mat-calendar-table-header"; -$mat-calendar-body-disabled: ".mat-calendar-body-disabled"; -$mat-toolbar: ".mat-toolbar"; -$mat-slide-toggle: ".mat-mdc-slide-toggle"; +$material-icons: '.material-icons'; +$mat-icon: '.mat-icon'; +$mat-icon-button: '.mat-mdc-icon-button'; +$mat-accent: '.mat-accent'; +$mat-focused: '.mat-focused'; +$mat-line: '.mat-line'; +$mat-tab-label: '.mat-mdc-tab'; +$mat-tab-label-active: '.mdc-tab--active'; +$mat-tab-label-content: '.mdc-tab__content'; +$mat-tab-label-container: '.mat-mdc-tab-label-container'; +$mat-tab-label-text: '.mdc-tab__text-label'; +$mat-tab-list: '.mat-mdc-tab-list'; +$mat-tab-body: '.mat-mdc-tab-body'; +$mat-tab-body-wrapper: '.mat-mdc-tab-body-wrapper'; +$mat-tab-body-content: '.mat-mdc-tab-body-content'; +$mat-tab-header: '.mat-mdc-tab-header'; +$mat-tab-header-pagination: '.mat-mdc-tab-header-pagination'; +$mat-tab-header-pagination-controls-enabled: '.mat-mdc-tab-header-pagination-controls-enabled'; +$mat-tab-labels: '.mat-mdc-tab-labels'; +$mat-tab-ink-bar: '.mdc-tab-indicator'; +$mat-chip: '.mat-mdc-chip'; +$mat-chip-list: '.mat-mdc-chip-list'; +$mat-chip-list-wrapper: '.mat-chip-list-wrapper'; +$mat-checkbox: '.mat-mdc-checkbox'; +$mat-checkbox-frame: '.mdc-checkbox__checkmark'; +$mat-checkbox-label: '.mdc-label'; +$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-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-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-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'; +$mat-form-field-infix: '.mat-mdc-form-text-infix'; +$mat-form-field-label: '.mat-mdc-floating-label'; +$mat-form-field-invalid: '.mat-form-field-invalid'; +$mat-form-field-appearance-outline: '.mat-form-field-appearance-outline'; +$mat-text-field-outlined: '.mdc-text-field--outlined'; +$mat-text-field-outlined-thick: '.mdc-text-field--outlined-thick'; +$mat-dialog-actions: '.mat-mdc-dialog-actions'; +$mat-dialog-container: '.mdc-dialog__container'; +$mat-dialog-content: '.mat-mdc-dialog-content'; +$mat-button-toggle: '.mat-button-toggle'; +$mat-button-toggle-checked: '.mat-button-toggle-checked'; +$mat-button-toggle-disabled: '.mat-button-toggle-disabled'; +$mat-button-toggle-focus-overlay: '.mat-button-toggle-focus-overlay'; +$mat-input-element: '.mat-mdc-input-element'; +$mat-card: '.mat-mdc-card'; +$mat-card-actions: '.mat-mdc-card-actions'; +$mat-card-header-text: '.mat-mdc-card-header-text'; +$mat-card-title: '.mat-mdc-card-title'; +$mat-mini-fab: '.mat-mdc-mini-fab'; +$mat-list-item-primary-text: '.mdc-list-item__primary-text'; +$mat-table: '.mat-mdc-table'; +$mat-header-row: '.mat-mdc-header-row'; +$mat-row: '.mat-mdc-row'; +$mat-select: '.mat-mdc-select'; +$mat-select-value: '.mat-select-value'; +$mat-select-value-text: '.mat-mdc-select-value-text'; +$mat-select-panel: '.mat-mdc-select-panel'; +$mat-grid-tile: '.mat-grid-tile'; +$mat-sidenav-content: '.mat-sidenav-content'; +$mat-drawer-transition: '.mat-drawer-transition'; +$mat-drawer-content: '.mat-drawer-content'; +$mat-subheader: '.mat-mdc-subheader'; +$mat-menu-panel: '.mat-mdc-menu-panel'; +$mat-menu-content: '.mat-mdc-menu-content'; +$mat-expansion-panel: '.mat-expansion-panel'; +$mat-expansion-panel-header: '.mat-expansion-panel-header'; +$mat-expanded: '.mat-expanded'; +$mat-calendar: '.mat-calendar'; +$mat-calendar-header: '.mat-calendar-header'; +$mat-calendar-content: '.mat-calendar-content'; +$mat-calendar-table-header: '.mat-calendar-table-header'; +$mat-calendar-body-disabled: '.mat-calendar-body-disabled'; +$mat-toolbar: '.mat-toolbar'; +$mat-slide-toggle: '.mat-mdc-slide-toggle'; diff --git a/lib/core/src/lib/styles/_theming.scss b/lib/core/src/lib/styles/_theming.scss index 1da5db5e83..72ce1944c4 100644 --- a/lib/core/src/lib/styles/_theming.scss +++ b/lib/core/src/lib/styles/_theming.scss @@ -1,4 +1,5 @@ @import '../styles/colors'; @import '../styles/mixins'; @import '../styles/typography'; +@import '../styles/mat-selectors'; diff --git a/lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss b/lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss index 1a665d6a12..bf8bf4c2ab 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss @@ -1,16 +1,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette($alfresco-ecm-blue); $accent: mat.define-palette($alfresco-accent-orange); diff --git a/lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss b/lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss index 67d99f7608..de330c7c63 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss @@ -1,16 +1,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette(mat.$pink-palette, 700, 500, 900); $accent: mat.define-palette($alfresco-accent-purple); diff --git a/lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss b/lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss index cbefe904e4..321a5a7cfc 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss @@ -1,16 +1,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette($alfresco-ecm-cyan); $accent: mat.define-palette($alfresco-accent-orange); diff --git a/lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss b/lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss index 8c0899eaa2..cccb166605 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss @@ -1,16 +1,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette($alfresco-ecm-cyan); $accent: mat.define-palette($alfresco-accent-purple); diff --git a/lib/core/src/lib/styles/prebuilt/adf-green-orange.scss b/lib/core/src/lib/styles/prebuilt/adf-green-orange.scss index b22dfebb39..87b5978a80 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-green-orange.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-green-orange.scss @@ -1,16 +1,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette($alfresco-bpm-green); $accent: mat.define-palette($alfresco-accent-orange); diff --git a/lib/core/src/lib/styles/prebuilt/adf-green-purple.scss b/lib/core/src/lib/styles/prebuilt/adf-green-purple.scss index e75128adc4..9819840e51 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-green-purple.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-green-purple.scss @@ -1,16 +1,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette($alfresco-bpm-green); $accent: mat.define-palette($alfresco-accent-purple); diff --git a/lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss b/lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss index 55a0fc9d5d..3f45526086 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss @@ -2,16 +2,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette(mat.$indigo-palette); $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400); diff --git a/lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss b/lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss index 6d9a7fcd32..2fc07f6ee4 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss @@ -2,16 +2,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette(mat.$pink-palette, 700, 500, 900); $accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400); diff --git a/lib/core/src/lib/styles/prebuilt/adf-purple-green.scss b/lib/core/src/lib/styles/prebuilt/adf-purple-green.scss index 1e2ac9c4be..90fc494201 100644 --- a/lib/core/src/lib/styles/prebuilt/adf-purple-green.scss +++ b/lib/core/src/lib/styles/prebuilt/adf-purple-green.scss @@ -2,16 +2,8 @@ @use '@angular/material' as mat; @import '../theming'; @import './all-theme'; -// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. -// The following line adds: -// 1. Default typography styles for all components -// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) -// If you specify typography styles for the components you use elsewhere, you should delete this line. -// If you don't need the default component typographies but still want the hierarchy styles, -// you can delete this line and instead use: -// `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies; -@include mat.core(); +@include mat.core; $primary: mat.define-palette(mat.$purple-palette, 700, 500, 800); $accent: mat.define-palette(mat.$green-palette, A200, A100, A400); diff --git a/lib/core/src/lib/templates/empty-content/empty-content.component.scss b/lib/core/src/lib/templates/empty-content/empty-content.component.scss index 5ac36a860f..eef5b5dde7 100644 --- a/lib/core/src/lib/templates/empty-content/empty-content.component.scss +++ b/lib/core/src/lib/templates/empty-content/empty-content.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-empty-content { color: var(--adf-theme-foreground-text-color-054); diff --git a/lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.scss b/lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.scss index f26851dff7..1d37215e2d 100644 --- a/lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.scss +++ b/lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-image-viewer { width: 100%; diff --git a/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss b/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss index 784774e7fb..5e79316f34 100644 --- a/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss +++ b/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-pdf-viewer { width: 100%; diff --git a/lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.scss b/lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.scss index be6c2fa145..c79a8b0669 100644 --- a/lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.scss +++ b/lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.scss @@ -1,5 +1,5 @@ /* stylelint-disable scss/at-extend-no-missing-placeholder */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-full-screen { width: 100%; diff --git a/lib/core/src/lib/viewer/components/viewer.component.scss b/lib/core/src/lib/viewer/components/viewer.component.scss index 93a8038060..54e6aa6fc4 100644 --- a/lib/core/src/lib/viewer/components/viewer.component.scss +++ b/lib/core/src/lib/viewer/components/viewer.component.scss @@ -1,5 +1,5 @@ /* stylelint-disable scss/at-extend-no-missing-placeholder */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-full-screen { width: 100%; diff --git a/lib/insights/src/lib/analytics-process/components/buttons-menu/buttons-menu.component.scss b/lib/insights/src/lib/analytics-process/components/buttons-menu/buttons-menu.component.scss index 227dad483f..e111746645 100644 --- a/lib/insights/src/lib/analytics-process/components/buttons-menu/buttons-menu.component.scss +++ b/lib/insights/src/lib/analytics-process/components/buttons-menu/buttons-menu.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-buttons-menu { margin-right: 10px; diff --git a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss index c9dc4435aa..52703e2eda 100644 --- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss +++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; /* cspell: disable-next-line */ /* stylelint-disable scss/at-extend-no-missing-placeholder */ diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss b/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss index 4cbe508c5a..5fe5ab9fbf 100644 --- a/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss +++ b/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-class-pattern */ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { // eslint-disable-selector-class-pattern diff --git a/lib/process-services/src/lib/app-list/apps-list.component.scss b/lib/process-services/src/lib/app-list/apps-list.component.scss index afdf52fc9f..eec0ce350a 100644 --- a/lib/process-services/src/lib/app-list/apps-list.component.scss +++ b/lib/process-services/src/lib/app-list/apps-list.component.scss @@ -1,5 +1,5 @@ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; /* stylelint-disable scss/no-global-function-names */ @mixin adf-line-clamp($line-height: 1.25, $lines: 3) { diff --git a/lib/process-services/src/lib/form/start-form/start-form.component.scss b/lib/process-services/src/lib/form/start-form/start-form.component.scss index fc73a7b044..53164ccfc5 100644 --- a/lib/process-services/src/lib/form/start-form/start-form.component.scss +++ b/lib/process-services/src/lib/form/start-form/start-form.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-form-container { max-width: 100%; diff --git a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss index 2eb2d51481..b89d90dc51 100644 --- a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss +++ b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-attach-file-widget-dialog { #{$mat-dialog-actions} { diff --git a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss index e5060efb6a..6542d8b7d2 100644 --- a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss +++ b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss @@ -1,5 +1,5 @@ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-attach-widget-container { diff --git a/lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.scss b/lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.scss index 32d93b6373..a376e31d69 100644 --- a/lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.scss +++ b/lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-attach-folder-widget-container { diff --git a/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.scss b/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.scss index 6804fa8178..0446f3e2ce 100644 --- a/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.scss +++ b/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-dropdown-widget { diff --git a/lib/process-services/src/lib/form/widgets/people/people.widget.scss b/lib/process-services/src/lib/form/widgets/people/people.widget.scss index 35a4f01bef..e515217255 100644 --- a/lib/process-services/src/lib/form/widgets/people/people.widget.scss +++ b/lib/process-services/src/lib/form/widgets/people/people.widget.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-people-widget { diff --git a/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss b/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss index 1eac84133c..c5476f8532 100644 --- a/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss +++ b/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-upload-widget-container { diff --git a/lib/process-services/src/lib/people/components/people/people.component.scss b/lib/process-services/src/lib/people/components/people/people.component.scss index 7e82a4efb3..0b0ad6bed8 100644 --- a/lib/process-services/src/lib/people/components/people/people.component.scss +++ b/lib/process-services/src/lib/people/components/people/people.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-assignment-header { border-bottom: 1px solid var(--adf-theme-foreground-divider-color); diff --git a/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss b/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss index 1862faaedc..44274bc93b 100644 --- a/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss +++ b/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss @@ -1,5 +1,5 @@ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-start-process { diff --git a/lib/process-services/src/lib/process-user-info/process-user-info.component.scss b/lib/process-services/src/lib/process-user-info/process-user-info.component.scss index 08e33def9a..2c08a80b02 100644 --- a/lib/process-services/src/lib/process-user-info/process-user-info.component.scss +++ b/lib/process-services/src/lib/process-user-info/process-user-info.component.scss @@ -1,5 +1,5 @@ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf { &-userinfo-container { diff --git a/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss b/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss index 6dab7f3e8c..31ef2a71fc 100644 --- a/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss +++ b/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-attach-form { #{$mat-form-field} { diff --git a/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss b/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss index ca3eff0fc0..108c458b61 100644 --- a/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss +++ b/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; :host { width: 100%; diff --git a/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss b/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss index da6de98f23..dee85b0edb 100644 --- a/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss +++ b/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss @@ -1,5 +1,5 @@ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; /* stylelint-disable no-descending-specificity */ .adf-new-task-heading { diff --git a/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss b/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss index 78e81a1545..2f75d6f0f7 100644 --- a/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss +++ b/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss @@ -1,5 +1,5 @@ @import 'styles/flex'; -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; adf-task-details { width: 100%; diff --git a/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss b/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss index e38e530933..ceedce2d1b 100644 --- a/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss +++ b/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-task-form { &-container { diff --git a/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss b/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss index c6586f5906..8e690077cc 100644 --- a/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss +++ b/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss @@ -1,4 +1,4 @@ -@use 'styles/mat-selectors'; +@import 'styles/mat-selectors'; .adf-message-card { width: 60%;