@angular/material-experimental 14.0.0 → 14.0.3

package/{mdc-typography → mdc-core/typography}/_all-typography.scss

@@ -2,7 +2,7 @@
 @use '@material/typography' as mdc-typography;
 @use 'sass:map';
 
-@use '../mdc-theming/all-theme';
+@use '../theming/all-theme';
 @use '../mdc-helpers/mdc-helpers';
 
 /// Generates an Angular Material typography config based on values from the official Material

package/mdc-dialog/_dialog-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'dialog-theme' as mat-mdc-dialog-*;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-dialog/_dialog-theme.scss

@@ -5,7 +5,7 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/typography' as mdc-typography;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-form-field/_form-field-density.scss

@@ -84,16 +84,12 @@
 
   // For the outline appearance, we re-create the active floating label transform. This is
   // necessary because the transform for docked floating labels can be updated to account for
-  // the width of prefix container. We need to re-create these styles with `!important` because
-  // the horizontal adjustment for the label is applied through inline styles, and we want to
-  // make sure that the label can still float as expected. It should be okay using `!important`
-  // because it's unlikely that developers commonly overwrite the floating label transform.
+  // the width of prefix container.
   .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded
   .mdc-floating-label--float-above {
-    $outlined-label-floating-position-y: mdc-textfield.get-outlined-label-position-y($height);
-    // This transform has been extracted from the MDC text-field styles. We can't access it
-    // through a variable because MDC generates this label transform through a mixin.
-    transform: translateY(-$outlined-label-floating-position-y) scale(0.75) !important;
+    --mat-mdc-form-field-label-transform: translateY(
+            -#{mdc-textfield.get-outlined-label-position-y($height)}) scale(0.75);
+    transform: var(--mat-mdc-form-field-label-transform);
   }
 
   // Add vertical spacing to the infix to ensure that outlined form fields have their controls

package/mdc-form-field/_form-field-native-select.scss

@@ -3,7 +3,7 @@
 @use '@angular/material' as mat;
 @use '@material/theme/theme-color' as mdc-theme-color;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 // Width of the Material Design form-field select arrow.
 $mat-form-field-select-arrow-width: 10px;

package/mdc-form-field/_form-field-subscript.scss

@@ -6,7 +6,7 @@
 @use '@material/textfield/variables' as mdc-textfield-variables;
 
 @use './form-field-sizing';
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin private-form-field-subscript() {
   // Wrapper for the hints and error messages.

package/mdc-form-field/_form-field-theme.scss

@@ -6,7 +6,7 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/typography/typography' as mdc-typography;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 @use './form-field-density';
 @use './form-field-subscript';
 @use './form-field-focus-overlay';

package/mdc-input/_input-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'input-theme' as mat-mdc-input-*;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-input/_input-theme.scss

@@ -1,6 +1,6 @@
 @use '@angular/material' as mat;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-list/_interactive-list-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'interactive-list-theme' as mat-mdc-*;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-list/_list-option-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward '../mdc-checkbox/checkbox-theme' hide color, density, private-checkbox-styles-with-color,
 theme, typography;
 @forward '../mdc-checkbox/checkbox-theme' as mat-mdc-* hide $mat-mdc-mdc-checkbox-border-color,

package/mdc-list/_list-option-theme.scss

@@ -1,6 +1,6 @@
 @use '@material/checkbox' as mdc-checkbox;
 @use '../mdc-checkbox/checkbox-private';
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 @use './list-option-trailing-avatar-compat';
 
 // Mixin that overrides the selected item and checkbox colors for list options. By

package/mdc-list/_list-option-trailing-avatar-compat.scss

@@ -3,7 +3,7 @@
 @use '@material/density/functions' as density-functions;
 @use '@material/list/evolution-mixins' as mdc-list;
 @use '@material/list/evolution-variables' as mdc-list-variables;
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 // For compatibility with the non-MDC selection list, we support avatars that are
 // shown at the end of the list option. This is not supported by the MDC list as the

package/mdc-list/_list-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward '../mdc-checkbox/checkbox-theme' hide color, density, private-checkbox-styles-with-color,
 theme, typography;
 @forward '../mdc-checkbox/checkbox-theme' as mat-mdc-* hide $mat-mdc-mdc-checkbox-border-color,
@@ -14,4 +14,4 @@ mat-mdc-checkbox-private-checkbox-styles-with-color;
 
 @import './interactive-list-theme';
 @import './list-option-theme';
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-list/_list-theme.scss

@@ -4,7 +4,7 @@
 
 @use './interactive-list-theme';
 @use './list-option-theme';
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-menu/_menu-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'menu-theme' as mat-mdc-menu-*;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-menu/_menu-theme.scss

@@ -6,7 +6,7 @@
 @use '@material/typography' as mdc-typography;
 @use '@material/ripple' as mdc-ripple;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-paginator/_paginator-theme.import.scss

@@ -1,9 +1,9 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'paginator-variables' as mat-mdc-paginator-*;
 @forward 'paginator-theme' as mat-mdc-paginator-*;
 
 @import '../../material/core/theming/theming';
 @import '../../material/core/density/private/compatibility';
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';
 @import './paginator-variables';

package/mdc-paginator/_paginator-theme.scss

@@ -3,7 +3,7 @@
 @use '@material/typography' as mdc-typography;
 @use 'sass:map';
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 @use './paginator-variables';
 
 @mixin color($config-or-theme) {

package/mdc-progress-bar/_progress-bar-theme.import.scss

@@ -1,6 +1,6 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'progress-bar-theme' hide color, density, theme, typography;
 @forward 'progress-bar-theme' as mat-mdc-progress-bar-* hide mat-mdc-progress-bar-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-progress-bar/_progress-bar-theme.scss

@@ -3,7 +3,7 @@
 @use '@material/linear-progress' as mdc-linear-progress;
 @use 'sass:color';
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin _palette-styles($color) {
   // TODO(crisbeto): the buffer color should come from somewhere in MDC, however at the time of

package/mdc-progress-spinner/_progress-spinner-theme.import.scss

@@ -1,6 +1,6 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'progress-spinner-theme' hide color, density, theme, typography;
 @forward 'progress-spinner-theme' as mat-mdc-progress-spinner-* hide mat-mdc-progress-spinner-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-progress-spinner/_progress-spinner-theme.scss

@@ -1,7 +1,7 @@
 @use '@angular/material' as mat;
 @use '@material/circular-progress' as mdc-circular-progress;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin _palette-styles($color) {
   @include mdc-circular-progress.color($color, $query: mdc-helpers.$mat-theme-styles-query);

package/mdc-radio/_radio-theme.import.scss

@@ -1,7 +1,7 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'radio-theme' hide color, density, theme, typography;
 @forward 'radio-theme' as mat-mdc-radio-* hide $mat-mdc-radio-mdc-radio-baseline-theme-color,
 $mat-mdc-radio-mdc-radio-disabled-circle-color, $mat-mdc-radio-mdc-radio-unchecked-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-radio/_radio-theme.scss

@@ -4,7 +4,7 @@
 @use '@material/radio/radio-theme' as mdc-radio-theme;
 @use '@material/radio/radio' as mdc-radio;
 @use '@material/form-field' as mdc-form-field;
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin _color-palette($color-palette) {
   @include mdc-radio-theme.theme((

package/mdc-select/_select-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'select-theme' hide color, density, theme, typography;
 @forward 'select-theme' as mat-mdc-select-* hide
 $mat-mdc-select-mdc-select-disabled-dropdown-icon-color,
@@ -7,4 +7,4 @@ $mat-mdc-select-mdc-select-disabled-label-color, $mat-mdc-select-mdc-select-drop
 $mat-mdc-select-mdc-select-ink-color, $mat-mdc-select-mdc-select-label-color,
 mat-mdc-select-get-mdc-focused-text-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-select/_select-theme.scss

@@ -4,7 +4,7 @@
 @use '@material/list/evolution-mixins' as mdc-list;
 @use '@material/typography' as mdc-typography;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 // Gets the color to use for some text that is highlighted while a select has focus.
 @function _get-mdc-focused-text-color($palette) {

package/mdc-slide-toggle/_slide-toggle-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'slide-toggle-theme' hide color, density, theme, typography;
 @forward 'slide-toggle-theme' as mat-mdc-slide-toggle-* hide
 $mat-mdc-slide-toggle-mdc-switch-baseline-theme-color,
@@ -8,4 +8,4 @@ $mat-mdc-slide-toggle-mdc-switch-disabled-track-color,
 $mat-mdc-slide-toggle-mdc-switch-toggled-off-thumb-color,
 $mat-mdc-slide-toggle-mdc-switch-toggled-off-track-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-slide-toggle/_slide-toggle-theme.scss

@@ -5,7 +5,7 @@
 @use '@material/theme/color-palette' as mdc-color-palette;
 @use '@material/form-field' as mdc-form-field;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 // Generates all color mapping for the properties that only change based on the theme.
 @function _get-theme-base-map($is-dark) {

package/mdc-slider/_slider-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'slider-theme' as mat-mdc-slider-*;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-slider/_slider-theme.scss

@@ -5,7 +5,7 @@
 @use '@material/slider/slider-theme';
 @use '@material/theme/variables' as theme-variables;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-snack-bar/_snack-bar-theme.import.scss

@@ -1,8 +1,8 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'snack-bar-theme' hide color, density, theme, typography;
 @forward 'snack-bar-theme' as mat-mdc-snack-bar-* hide
 $mat-mdc-snack-bar-mdc-snackbar-dismiss-ink-color, $mat-mdc-snack-bar-mdc-snackbar-fill-color,
 $mat-mdc-snack-bar-mdc-snackbar-label-ink-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-snack-bar/_snack-bar-theme.scss

@@ -4,7 +4,7 @@
 @use 'sass:color';
 @use 'sass:map';
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-snack-bar/index.d.ts

@@ -1,11 +1,5 @@
-import { AriaLivePoliteness } from '@angular/cdk/a11y';
-import { BasePortalOutlet } from '@angular/cdk/portal';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { CdkPortalOutlet } from '@angular/cdk/portal';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { ComponentRef } from '@angular/core';
 import { ElementRef } from '@angular/core';
-import { EmbeddedViewRef } from '@angular/core';
 import * as i0 from '@angular/core';
 import * as i4 from '@angular/cdk/overlay';
 import * as i5 from '@angular/cdk/portal';
@@ -20,19 +14,12 @@ import { MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY } from '@angular/material/snack-b
 import { matSnackBarAnimations } from '@angular/material/snack-bar';
 import { _MatSnackBarBase } from '@angular/material/snack-bar';
 import { MatSnackBarConfig } from '@angular/material/snack-bar';
+import { _MatSnackBarContainerBase } from '@angular/material/snack-bar';
 import { MatSnackBarDismiss } from '@angular/material/snack-bar';
 import { MatSnackBarHorizontalPosition } from '@angular/material/snack-bar';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 import { MatSnackBarVerticalPosition } from '@angular/material/snack-bar';
-import { MDCSnackbarFoundation } from '@material/snackbar';
-import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
-import { Platform } from '@angular/cdk/platform';
-import { _SnackBarContainer } from '@angular/material/snack-bar';
-import { Subject } from 'rxjs';
-import { TemplatePortal } from '@angular/cdk/portal';
 import { TextOnlySnackBar } from '@angular/material/snack-bar';
 
 declare namespace i1 {
@@ -93,67 +80,16 @@ export { MatSnackBarConfig }
  * Internal component that wraps user-provided snack bar content.
  * @docs-private
  */
-export declare class MatSnackBarContainer extends BasePortalOutlet implements _SnackBarContainer, OnDestroy {
-    private _elementRef;
-    snackBarConfig: MatSnackBarConfig;
-    private _platform;
-    private _ngZone;
-    _animationMode?: string | undefined;
-    /** The number of milliseconds to wait before announcing the snack bar's content. */
-    private readonly _announceDelay;
-    /** The timeout for announcing the snack bar's content. */
-    private _announceTimeoutId;
-    /** Subject for notifying that the snack bar has announced to screen readers. */
-    readonly _onAnnounce: Subject<void>;
-    /** Subject for notifying that the snack bar has exited from view. */
-    readonly _onExit: Subject<void>;
-    /** Subject for notifying that the snack bar has finished entering the view. */
-    readonly _onEnter: Subject<void>;
-    /** aria-live value for the live region. */
-    _live: AriaLivePoliteness;
-    /** Whether the snack bar is currently exiting. */
-    _exiting: boolean;
-    /**
-     * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
-     * JAWS does not read out aria-live message.
-     */
-    _role?: 'status' | 'alert';
-    private _mdcAdapter;
-    _mdcFoundation: MDCSnackbarFoundation;
-    /** The portal outlet inside of this container into which the snack bar content will be loaded. */
-    _portalOutlet: CdkPortalOutlet;
-    /** Element that acts as the MDC surface container which should contain the label and actions. */
-    _surface: ElementRef;
+export declare class MatSnackBarContainer extends _MatSnackBarContainerBase {
     /**
      * Element that will have the `mdc-snackbar__label` class applied if the attached component
      * or template does not have it. This ensures that the appropriate structure, typography, and
      * color is applied to the attached view.
      */
     _label: ElementRef;
-    constructor(_elementRef: ElementRef<HTMLElement>, snackBarConfig: MatSnackBarConfig, _platform: Platform, _ngZone: NgZone, _animationMode?: string | undefined);
-    /** Makes sure the exit callbacks have been invoked when the element is destroyed. */
-    ngOnDestroy(): void;
-    enter(): void;
-    exit(): Observable<void>;
-    /** Attach a component portal as content to this snack bar container. */
-    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
-    /** Attach a template portal as content to this snack bar container. */
-    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
-    private _setClass;
-    /** Applies the user-configured CSS classes to the snack bar. */
-    private _applySnackBarClasses;
-    /** Asserts that no content is already attached to the container. */
-    private _assertNotAttached;
-    /** Finishes the exit sequence of the container. */
-    private _finishExit;
-    /**
-     * Starts a timeout to move the snack bar content to the live region so screen readers will
-     * announce it.
-     */
-    private _screenReaderAnnounce;
     /** Applies the correct CSS class to the label based on its content. */
-    private _applyLabelClass;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSnackBarContainer, [null, null, null, null, { optional: true; }]>;
+    protected _afterPortalAttached(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSnackBarContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSnackBarContainer, "mat-snack-bar-container", never, {}, {}, never, never, false>;
 }
 

package/mdc-table/_table-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'table-theme' hide color, density, theme, typography;
 @forward 'table-theme' as mat-mdc-table-* hide $mat-mdc-table-mdc-data-table-divider-color,
 $mat-mdc-table-mdc-data-table-header-row-text-color,
@@ -8,4 +8,4 @@ $mat-mdc-table-mdc-data-table-selected-row-fill-color,
 $mat-mdc-table-mdc-data-table-sort-icon-active-color, $mat-mdc-table-mdc-data-table-sort-icon-color,
 $mat-mdc-table-mdc-data-table-stroke-color, $mat-mdc-table-mdc-data-table-table-divider-color;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-table/_table-theme.scss

@@ -4,7 +4,7 @@
 @use '@material/data-table/data-table' as mdc-data-table;
 @use '@material/data-table' as mdc-data-table-theme;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-tabs/_tabs-common.import.scss

@@ -1,6 +1,6 @@
 @forward '../../material/core/style/private.import';
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward '../../material/core/style/vendor-prefixes.import';
 @forward '../../cdk/a11y/index.import';
 @forward 'tabs-common' hide paginated-tab-header, paginated-tab-header-container,
@@ -11,4 +11,4 @@ paginated-tab-header-item-wrapper, tab, tab-ripple;
 @import '../../material/core/style/private';
 @import '../../material/core/style/vendor-prefixes';
 @import '../../cdk/a11y';
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-tabs/_tabs-common.scss

@@ -5,7 +5,7 @@
 @use '@material/tab-indicator' as mdc-tab-indicator;
 @use 'sass:map';
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 $mat-tab-animation-duration: 500ms !default;
 

package/mdc-tabs/_tabs-theme.import.scss

@@ -1,8 +1,8 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'tabs-theme' hide color, density, theme, typography;
 @forward 'tabs-theme' as mat-mdc-tabs-* hide $mat-mdc-tabs-mdc-tab-icon-color-active,
 $mat-mdc-tabs-mdc-tab-text-label-color-active, $mat-mdc-tabs-mdc-tab-text-label-color-default,
 mat-mdc-tabs-background, mat-mdc-tabs-palette-styles;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-tabs/_tabs-theme.scss

@@ -8,7 +8,7 @@
 @use '@material/tab/mixins' as mdc-tab-mixins;
 @use '@material/tab-bar' as mdc-tab-bar;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/mdc-tooltip/_tooltip-theme.import.scss

@@ -1,5 +1,5 @@
-@forward '../mdc-helpers/mdc-helpers.import';
-@forward '../mdc-helpers/mdc-helpers';
+@forward '../mdc-core/mdc-helpers/mdc-helpers.import';
+@forward '../mdc-core/mdc-helpers/mdc-helpers';
 @forward 'tooltip-theme' as mat-mdc-tooltip-*;
 
-@import '../mdc-helpers/mdc-helpers';
+@import '../mdc-core/mdc-helpers/mdc-helpers';

package/mdc-tooltip/_tooltip-theme.scss

@@ -3,7 +3,7 @@
 @use '@material/tooltip/tooltip';
 @use '@material/tooltip' as tooltip-theme;
 
-@use '../mdc-helpers/mdc-helpers';
+@use '../mdc-core/mdc-helpers/mdc-helpers';
 
 @mixin color($config-or-theme) {
   $config: mat.get-color-config($config-or-theme);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material-experimental",
-  "version": "14.0.0",
+  "version": "14.0.3",
   "description": "Experimental components for Angular Material",
   "repository": {
     "type": "git",
@@ -21,20 +21,20 @@
       "node": "./fesm2015/material-experimental.mjs",
       "default": "./fesm2020/material-experimental.mjs"
     },
-    "./mdc-theming/prebuilt/indigo-pink.css": {
-      "style": "./mdc-theming/prebuilt/indigo-pink.css"
+    "./mdc-core/theming/prebuilt/indigo-pink.css": {
+      "style": "./mdc-core/theming/prebuilt/indigo-pink.css"
     },
-    "./mdc-theming/prebuilt/deeppurple-amber.css": {
-      "style": "./mdc-theming/prebuilt/deeppurple-amber.css"
+    "./mdc-core/theming/prebuilt/deeppurple-amber.css": {
+      "style": "./mdc-core/theming/prebuilt/deeppurple-amber.css"
     },
-    "./mdc-theming/prebuilt/pink-bluegrey.css": {
-      "style": "./mdc-theming/prebuilt/pink-bluegrey.css"
+    "./mdc-core/theming/prebuilt/pink-bluegrey.css": {
+      "style": "./mdc-core/theming/prebuilt/pink-bluegrey.css"
     },
-    "./mdc-theming/prebuilt/purple-green.css": {
-      "style": "./mdc-theming/prebuilt/purple-green.css"
+    "./mdc-core/theming/prebuilt/purple-green.css": {
+      "style": "./mdc-core/theming/prebuilt/purple-green.css"
     },
-    "./mdc-theming/prebuilt/*": {
-      "style": "./mdc-theming/prebuilt/*.css"
+    "./mdc-core/theming/prebuilt/*": {
+      "style": "./mdc-core/theming/prebuilt/*.css"
     },
     "./package.json": {
       "default": "./package.json"
@@ -426,12 +426,12 @@
   },
   "peerDependencies": {
     "@angular/animations": "^14.0.0 || ^15.0.0",
-    "@angular/cdk": "14.0.0",
+    "@angular/cdk": "14.0.3",
     "@angular/core": "^14.0.0 || ^15.0.0",
     "@angular/common": "^14.0.0 || ^15.0.0",
     "@angular/forms": "^14.0.0 || ^15.0.0",
     "@angular/platform-browser": "^14.0.0 || ^15.0.0",
-    "@angular/material": "14.0.0"
+    "@angular/material": "14.0.3"
   },
   "dependencies": {
     "tslib": "^2.3.0",