@angular/material-experimental 14.0.0-rc.2 → 14.0.2

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-bar/index.d.ts

@@ -1,8 +1,8 @@
 import { _AbstractConstructor } from '@angular/material-experimental/mdc-core';
 import { AfterViewInit } from '@angular/core';
 import { CanColor } from '@angular/material-experimental/mdc-core';
+import { ChangeDetectorRef } from '@angular/core';
 import { _Constructor } from '@angular/material-experimental/mdc-core';
-import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import * as i0 from '@angular/core';
@@ -31,12 +31,9 @@ export { MAT_PROGRESS_BAR_LOCATION_FACTORY }
 
 export declare class MatProgressBar extends _MatProgressBarBase implements AfterViewInit, OnDestroy, CanColor {
     private _ngZone;
+    private _changeDetectorRef;
     _animationMode?: string | undefined;
-    constructor(elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, dir?: Directionality, _animationMode?: string | undefined, defaults?: MatProgressBarDefaultOptions);
-    /** Implements all of the logic of the MDC progress bar. */
-    private _foundation;
-    /** Adapter used by MDC to interact with the DOM. */
-    private _adapter;
+    constructor(elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef, _animationMode?: string | undefined, defaults?: MatProgressBarDefaultOptions);
     /** Flag that indicates whether NoopAnimations mode is set to true. */
     _isNoopAnimation: boolean;
     /** Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow. */
@@ -47,18 +44,12 @@ export declare class MatProgressBar extends _MatProgressBarBase implements After
     get bufferValue(): number;
     set bufferValue(v: number);
     private _bufferValue;
-    private _primaryBar;
-    private _bufferBar;
     /**
      * Event emitted when animation of the primary progress bar completes. This event will not
      * be emitted when animations are disabled, nor will it be emitted for modes with continuous
      * animations (indeterminate and query).
      */
     readonly animationEnd: EventEmitter<ProgressAnimationEnd>;
-    /** Reference to animation end subscription to be unsubscribed on destroy. */
-    private _animationEndSubscription;
-    /** Subscription to when the layout direction changes. */
-    private _dirChangeSubscription;
     /**
      * Mode of the progress bar.
      *
@@ -71,16 +62,22 @@ export declare class MatProgressBar extends _MatProgressBarBase implements After
     private _mode;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /** Syncs the state of the progress bar with the MDC foundation. */
-    private _syncFoundation;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatProgressBar, [null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    /** Gets the transform style that should be applied to the primary bar. */
+    _getPrimaryBarTransform(): string;
+    /** Gets the `flex-basis` value that should be applied to the buffer bar. */
+    _getBufferBarFlexBasis(): string;
+    /** Returns whether the progress bar is indeterminate. */
+    _isIndeterminate(): boolean;
+    /** Event handler for `transitionend` events. */
+    private _transitionendHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatProgressBar, [null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatProgressBar, "mat-progress-bar", ["matProgressBar"], { "color": "color"; "value": "value"; "bufferValue": "bufferValue"; "mode": "mode"; }, { "animationEnd": "animationEnd"; }, never, never, false>;
 }
 
 /** @docs-private */
 declare const _MatProgressBarBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
+    new (_elementRef: ElementRef<HTMLElement>): {
+        _elementRef: ElementRef<HTMLElement>;
     };
 };
 

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);