fix(styling): Add .import sass files

shim-scss-imports.js

@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+
+const path = require('path');
+const proc = require('child_process');
+const fs = require('fs');
+
+const findResult = proc.spawnSync('find', ['.', '-iname', '"_*.scss"'], {
+  cwd: __dirname,
+  shell: true,
+  env: process.env,
+}).stdout.toString();
+
+const sassFiles = findResult.trim().split('\n');
+for (const f of sassFiles) {
+  const originalFileContent = fs.readFileSync(f, 'utf8');
+
+  const originalFileName = path.basename(f);
+  const originalDirectory = path.dirname(f);
+
+  let importFileContent =
+      `@forward '${originalFileName.replace(/^_/, '').replace('.scss', '')}';\n`;
+  const originalImportLines = originalFileContent.matchAll(/@import '(.+)';/g);
+  for (const match of originalImportLines) {
+    const importPath = match[1];
+    if (importPath.includes('@material')) continue;
+    if (importPath.includes('private')) continue;
+
+    importFileContent += `@forward '${importPath}';\n`;
+  }
+
+  const importFileName = originalFileName.replace('.scss', '.import.scss');
+  const importFilePath = path.join(originalDirectory, importFileName);
+  fs.writeFileSync(importFilePath, importFileContent, 'utf8');
+}

src/cdk/a11y/_a11y.import.scss

@@ -0,0 +1 @@
+@forward 'a11y';

src/cdk/overlay/_overlay.import.scss

@@ -0,0 +1 @@
+@forward 'overlay';

src/cdk/text-field/_text-field.import.scss

@@ -0,0 +1 @@
+@forward 'text-field';

src/material-experimental/column-resize/_column-resize.import.scss

@@ -0,0 +1,5 @@
+@forward 'column-resize';
+@forward '../../material/core/style/variables';
+@forward '../../material/core/style/vendor-prefixes';
+@forward '../../material/core/theming/palette';
+@forward '../../material/core/theming/theming';

src/material-experimental/mdc-autocomplete/_autocomplete-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'autocomplete-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-button/_button-base.import.scss

@@ -0,0 +1,2 @@
+@forward 'button-base';
+@forward '../../material/core/style/layout-common';

src/material-experimental/mdc-button/_button-theme.import.scss

@@ -0,0 +1,3 @@
+@forward 'button-theme';
+@forward '../../material/core/ripple/ripple';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-card/_card-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'card-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-checkbox/_checkbox-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'checkbox-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-chips/_chips-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'chips-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-color/_all-color.import.scss

@@ -0,0 +1,2 @@
+@forward 'all-color';
+@forward '../mdc-theming/all-theme';

src/material-experimental/mdc-core/_core.import.scss

@@ -0,0 +1,4 @@
+@forward 'core';
+@forward '../../material/core/theming/theming';
+@forward './option/option-theme';
+@forward './option/optgroup-theme';

src/material-experimental/mdc-core/option/_optgroup-theme.import.scss

@@ -0,0 +1,3 @@
+@forward 'optgroup-theme';
+@forward '../../mdc-helpers/mdc-helpers';
+@forward '../../../material/core/theming/theming';

src/material-experimental/mdc-core/option/_option-theme.import.scss

@@ -0,0 +1,3 @@
+@forward 'option-theme';
+@forward '../../mdc-helpers/mdc-helpers';
+@forward '../../../material/core/theming/theming';

src/material-experimental/mdc-density/_all-density.import.scss

@@ -0,0 +1,2 @@
+@forward 'all-density';
+@forward '../mdc-theming/all-theme';

src/material-experimental/mdc-dialog/_dialog-legacy-padding.import.scss

@@ -0,0 +1 @@
+@forward 'dialog-legacy-padding';

src/material-experimental/mdc-dialog/_dialog-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'dialog-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-dialog/_mdc-dialog-structure-overrides.import.scss

@@ -0,0 +1 @@
+@forward 'mdc-dialog-structure-overrides';

src/material-experimental/mdc-form-field/_form-field-density.import.scss

@@ -0,0 +1,3 @@
+@forward 'form-field-density';
+@forward '../../material/core/theming/theming';
+@forward 'form-field-sizing';

src/material-experimental/mdc-form-field/_form-field-focus-overlay.import.scss

@@ -0,0 +1,2 @@
+@forward 'form-field-focus-overlay';
+@forward '../../material/core/style/layout-common';

src/material-experimental/mdc-form-field/_form-field-native-select.import.scss

@@ -0,0 +1,3 @@
+@forward 'form-field-native-select';
+@forward '../../material/core/theming/theming';
+@forward '../../cdk/a11y/a11y';

src/material-experimental/mdc-form-field/_form-field-sizing.import.scss

@@ -0,0 +1 @@
+@forward 'form-field-sizing';

src/material-experimental/mdc-form-field/_form-field-subscript.import.scss

@@ -0,0 +1,3 @@
+@forward 'form-field-subscript';
+@forward 'form-field-sizing';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-form-field/_form-field-subscript.scss

@@ -1,5 +1,6 @@
 @import '@material/theme/mixins.import';
 @import '@material/textfield/variables.import';
+@import '@material/typography/mixins.import';
 @import 'form-field-sizing';
 @import '../mdc-helpers/mdc-helpers';
 

src/material-experimental/mdc-form-field/_form-field-theme.import.scss

@@ -0,0 +1,7 @@
+@forward 'form-field-theme';
+@forward '../mdc-helpers/mdc-helpers';
+@forward 'form-field-density';
+@forward 'form-field-subscript';
+@forward 'form-field-focus-overlay';
+@forward 'form-field-native-select';
+@forward 'mdc-text-field-theme-variable-refresh';

src/material-experimental/mdc-form-field/_mdc-text-field-structure-overrides.import.scss

@@ -0,0 +1,3 @@
+@forward 'mdc-text-field-structure-overrides';
+@forward 'form-field-sizing';
+@forward '../../cdk/a11y/a11y';

src/material-experimental/mdc-form-field/_mdc-text-field-textarea-overrides.import.scss

@@ -0,0 +1,2 @@
+@forward 'mdc-text-field-textarea-overrides';
+@forward 'form-field-sizing';

src/material-experimental/mdc-form-field/_mdc-text-field-theme-variable-refresh.import.scss

@@ -0,0 +1 @@
+@forward 'mdc-text-field-theme-variable-refresh';

src/material-experimental/mdc-helpers/_focus-indicators.import.scss

@@ -0,0 +1,4 @@
+@forward 'focus-indicators';
+@forward '../../material/core/theming/theming';
+@forward '../../material/core/style/layout-common';
+@forward '../../material/core/focus-indicators/focus-indicators';

src/material-experimental/mdc-helpers/_mdc-helpers.import.scss

@@ -0,0 +1,4 @@
+@forward 'mdc-helpers';
+@forward '../../material/core/style/layout-common';
+@forward '../../material/core/theming/theming';
+@forward '../../material/core/typography/typography';

src/material-experimental/mdc-input/_input-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'input-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-list/_interactive-list-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'interactive-list-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-list/_list-option-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'list-option-theme';
+@forward '../mdc-checkbox/checkbox-theme';

src/material-experimental/mdc-list/_list-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'list-theme';
+@forward './interactive-list-theme';
+@forward './list-option-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-menu/_menu-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'menu-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-paginator/_paginator-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'paginator-theme';
+@forward '../../material/core/theming/theming';
+@forward '../mdc-helpers/mdc-helpers';
+@forward './paginator-variables';

src/material-experimental/mdc-paginator/_paginator-theme.scss

@@ -62,7 +62,8 @@
 
 @mixin mat-mdc-paginator-density($config-or-theme) {
   $density-scale: mat-get-density-config($config-or-theme);
-  $height: mat-private-density-prop-value($mat-paginator-density-config, $density-scale, height);
+  $height: mat-private-density-prop-value(
+      $mat-mdc-paginator-density-config, $density-scale, height);
 
   @include mat-private-density-legacy-compatibility() {
     .mat-mdc-paginator-container {

src/material-experimental/mdc-paginator/_paginator-variables.import.scss

@@ -0,0 +1 @@
+@forward 'paginator-variables';

src/material-experimental/mdc-paginator/_paginator-variables.scss

@@ -1,13 +1,13 @@
-$mat-paginator-height: 56px !default;
+$mat-mdc-paginator-height: 56px !default;
 // Minimum height for paginator's in the highest density is determined based on how
 // much the paginator can shrink until the content exceeds (i.e. navigation buttons).
-$mat-paginator-minimum-height: 40px !default;
-$mat-paginator-maximum-height: $mat-paginator-height !default;
+$mat-mdc-paginator-minimum-height: 40px !default;
+$mat-mdc-paginator-maximum-height: $mat-mdc-paginator-height !default;
 
-$mat-paginator-density-config: (
+$mat-mdc-paginator-density-config: (
   height: (
-    default: $mat-paginator-height,
-    maximum: $mat-paginator-maximum-height,
-    minimum: $mat-paginator-minimum-height,
+    default: $mat-mdc-paginator-height,
+    maximum: $mat-mdc-paginator-maximum-height,
+    minimum: $mat-mdc-paginator-minimum-height,
   )
 ) !default;

src/material-experimental/mdc-progress-bar/_progress-bar-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'progress-bar-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-progress-spinner/_progress-spinner-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'progress-spinner-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-radio/_radio-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'radio-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-select/_select-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'select-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-sidenav/_sidenav-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'sidenav-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-slide-toggle/_slide-toggle-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'slide-toggle-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-slider/_slider-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'slider-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-snack-bar/_snack-bar-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'snack-bar-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-table/_table-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'table-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-tabs/_tabs-common.import.scss

@@ -0,0 +1,5 @@
+@forward 'tabs-common';
+@forward '../../material/core/style/variables';
+@forward '../../material/core/style/vendor-prefixes';
+@forward '../../cdk/a11y/a11y';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-tabs/_tabs-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'tabs-theme';
+@forward '../mdc-helpers/mdc-helpers';

src/material-experimental/mdc-theming/_all-theme.import.scss

@@ -0,0 +1,23 @@
+@forward 'all-theme';
+@forward '../mdc-core/core';
+@forward '../mdc-autocomplete/autocomplete-theme';
+@forward '../mdc-button/button-theme';
+@forward '../mdc-card/card-theme';
+@forward '../mdc-checkbox/checkbox-theme';
+@forward '../mdc-chips/chips-theme';
+@forward '../mdc-dialog/dialog-theme';
+@forward '../mdc-list/list-theme';
+@forward '../mdc-menu/menu-theme';
+@forward '../mdc-radio/radio-theme';
+@forward '../mdc-select/select-theme';
+@forward '../mdc-slide-toggle/slide-toggle-theme';
+@forward '../mdc-snack-bar/snack-bar-theme';
+@forward '../mdc-tabs/tabs-theme';
+@forward '../mdc-table/table-theme';
+@forward '../mdc-paginator/paginator-theme';
+@forward '../mdc-progress-bar/progress-bar-theme';
+@forward '../mdc-progress-spinner/progress-spinner-theme';
+@forward '../mdc-input/input-theme';
+@forward '../mdc-form-field/form-field-theme';
+@forward '../../material/core/core';
+@forward '../../material/core/theming/theming';

src/material-experimental/mdc-typography/_all-typography.import.scss

@@ -0,0 +1,2 @@
+@forward 'all-typography';
+@forward '../mdc-theming/all-theme';

src/material-experimental/menubar/_menubar-theme.import.scss

@@ -0,0 +1 @@
+@forward 'menubar-theme';

src/material-experimental/popover-edit/_popover-edit.import.scss

@@ -0,0 +1,6 @@
+@forward 'popover-edit';
+@forward '../../cdk/a11y/a11y';
+@forward '../../material/core/style/variables';
+@forward '../../material/core/theming/palette';
+@forward '../../material/core/theming/theming';
+@forward '../../material/core/typography/typography-utils';

src/material-experimental/selection/_selection.import.scss

@@ -0,0 +1,2 @@
+@forward 'selection';
+@forward '../../material/core/theming/theming';

src/material/autocomplete/_autocomplete-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'autocomplete-theme';
+@forward '../core/theming/theming';

src/material/badge/_badge-theme.import.scss

@@ -0,0 +1,5 @@
+@forward 'badge-theme';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';
+@forward '../../cdk/a11y/a11y';

src/material/bottom-sheet/_bottom-sheet-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'bottom-sheet-theme';
+@forward '../core/typography/typography-utils';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';

src/material/button-toggle/_button-toggle-theme.import.scss

@@ -0,0 +1,6 @@
+@forward 'button-toggle-theme';
+@forward '../../cdk/a11y/a11y';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';
+@forward './button-toggle-variables';

src/material/button-toggle/_button-toggle-variables.import.scss

@@ -0,0 +1 @@
+@forward 'button-toggle-variables';

src/material/button/_button-base.import.scss

@@ -0,0 +1,4 @@
+@forward 'button-base';
+@forward '../core/style/variables';
+@forward '../core/style/elevation';
+@forward '../core/style/button-common';

src/material/button/_button-theme.import.scss

@@ -0,0 +1,3 @@
+@forward 'button-theme';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';

src/material/card/_card-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'card-theme';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';

src/material/checkbox/_checkbox-theme.import.scss

@@ -0,0 +1,3 @@
+@forward 'checkbox-theme';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';

src/material/chips/_chips-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'chips-theme';
+@forward '../core/theming/palette';
+@forward '../core/theming/theming';
+@forward '../core/typography/typography-utils';

src/material/core/_core.import.scss

@@ -0,0 +1,10 @@
+@forward 'core';
+@forward '../../cdk/overlay/overlay';
+@forward '../../cdk/a11y/a11y';
+@forward '../../cdk/text-field/text-field';
+@forward './ripple/ripple';
+@forward './focus-indicators/focus-indicators';
+@forward './option/option-theme';
+@forward './option/optgroup-theme';
+@forward './selection/pseudo-checkbox/pseudo-checkbox-theme';
+@forward './typography/all-typography';

src/material/core/color/_all-color.import.scss

@@ -0,0 +1,3 @@
+@forward 'all-color';
+@forward '../theming/all-theme';
+@forward '../theming/theming';

src/material/core/density/private/_all-density.import.scss

@@ -0,0 +1,9 @@
+@forward 'all-density';
+@forward '../../theming/theming';
+@forward '../../../expansion/expansion-theme';
+@forward '../../../stepper/stepper-theme';
+@forward '../../../toolbar/toolbar-theme';
+@forward '../../../tree/tree-theme';
+@forward '../../../paginator/paginator-theme';
+@forward '../../../form-field/form-field-theme';
+@forward '../../../button-toggle/button-toggle-theme';

src/material/core/density/private/_compatibility.import.scss

@@ -0,0 +1 @@
+@forward 'compatibility';

src/material/core/focus-indicators/_focus-indicators.import.scss

@@ -0,0 +1,3 @@
+@forward 'focus-indicators';
+@forward '../theming/theming';
+@forward '../style/layout-common';

src/material/core/option/_optgroup-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'optgroup-theme';
+@forward '../theming/palette';
+@forward '../theming/theming';
+@forward '../typography/typography-utils';

src/material/core/option/_option-theme.import.scss

@@ -0,0 +1,4 @@
+@forward 'option-theme';
+@forward '../theming/palette';
+@forward '../theming/theming';
+@forward '../typography/typography-utils';

src/material/core/ripple/_ripple.import.scss

@@ -0,0 +1,3 @@
+@forward 'ripple';
+@forward '../theming/theming';
+@forward '../../../cdk/a11y/a11y';

src/material/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.import.scss

@@ -0,0 +1,2 @@
+@forward 'pseudo-checkbox-theme';
+@forward '../../theming/theming';

src/material/core/style/_button-common.import.scss

@@ -0,0 +1,2 @@
+@forward 'button-common';
+@forward './vendor-prefixes';

src/material/core/style/_checkbox-common.import.scss

@@ -0,0 +1,2 @@
+@forward 'checkbox-common';
+@forward './variables';

src/material/core/style/_elevation.import.scss

@@ -0,0 +1,2 @@
+@forward 'elevation';
+@forward 'variables';

src/material/core/style/_form-common.import.scss

@@ -0,0 +1,2 @@
+@forward 'form-common';
+@forward '../theming/theming';

src/material/core/style/_layout-common.import.scss

@@ -0,0 +1 @@
+@forward 'layout-common';

src/material/core/style/_list-common.import.scss

@@ -0,0 +1 @@
+@forward 'list-common';

src/material/core/style/_menu-common.import.scss

@@ -0,0 +1,5 @@
+@forward 'menu-common';
+@forward './variables';
+@forward './list-common';
+@forward './layout-common';
+@forward './vendor-prefixes';

src/material/core/style/_private.import.scss

@@ -0,0 +1,2 @@
+@forward 'private';
+@forward './elevation';

src/material/core/style/_variables.import.scss

@@ -0,0 +1 @@
+@forward 'variables';

src/material/core/style/_vendor-prefixes.import.scss

@@ -0,0 +1 @@
+@forward 'vendor-prefixes';