refactor: add mixin for generating all color styles

Adds a mixin (currently denoted as private) that can be used
to generate color styles for all components. This is needed
in the future for generating theme color styles while not accidentally
re-generating density or typography styles.

Author: devversion

.github/CODEOWNERS

@@ -42,6 +42,7 @@
 /src/material/core/*                               @jelbourn
 /src/material/core/testing/**                      @crisbeto
 /src/material/core/animation/**                    @jelbourn
+/src/material/core/color/**                        @jelbourn @devversion
 /src/material/core/common-behaviors/**             @jelbourn @devversion
 /src/material/core/datetime/**                     @mmalerba
 /src/material/core/density/**                      @devversion

src/material/BUILD.bazel

@@ -26,11 +26,12 @@ scss_bundle(
     name = "theming_bundle",
     outs = ["_theming.scss"],
     args = [
-        "--entryFile=$(execpath //src/material/core:theming/_all-theme.scss)",
+        "--entryFile=$(execpath :theming-bundle.scss)",
         "--outFile=$(execpath :_theming.scss)",
     ],
     data = CDK_SCSS_LIBS + MATERIAL_SCSS_LIBS + [
-        "//src/material/core:theming/_all-theme.scss",
+        "theming-bundle.scss",
+        "//src/material/core:theming_scss_lib",
         # Config file is required by "scss-bundle" and will be automatically
         # loaded by the CLI. It expects the config to be in the execroot.
         "//:scss-bundle.config.json",

src/material/core/BUILD.bazel

@@ -41,11 +41,21 @@ ng_module(
     ],
 )
 
+ALL_THEMING_FILES = [
+    # The `_core.scss` file needs to be added here too because it depends
+    # on the `_all-typography` file.
+    "_core.scss",
+    "color/_all-color.scss",
+    "density/_all-density.scss",
+    "theming/_all-theme.scss",
+    "typography/_all-typography.scss",
+]
+
 sass_library(
     name = "core_scss_lib",
     srcs = glob(
         ["**/_*.scss"],
-        exclude = ["theming/_all-theme.scss"],
+        exclude = ALL_THEMING_FILES,
     ),
     deps = [
         "//src/cdk/a11y:a11y_scss_lib",
@@ -56,9 +66,7 @@ sass_library(
 
 sass_library(
     name = "theming_scss_lib",
-    srcs = [
-        "theming/_all-theme.scss",
-    ],
+    srcs = ALL_THEMING_FILES,
     deps = MATERIAL_SCSS_LIBS,
 )
 

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

@@ -0,0 +1,20 @@
+@import '../theming/all-theme';
+
+// Includes all of the color styles.
+@mixin angular-material-color($config) {
+  // In case a theme object has been passed instead of a configuration for
+  // the color system, extract the color config from the theme object.
+  @if type_of($config) == 'map' {
+    $config: map_get($config, color);
+  }
+  // If no actual color configuration has been specified, report an error.
+  @if not $config {
+    @error 'No color configuration specified.';
+  }
+
+  @include angular-material-theme((
+    color: $config,
+    typography: null,
+    density: null,
+  ));
+}

src/material/theming-bundle.scss

@@ -0,0 +1,7 @@
+// File for which all imports are resolved and bundled. This is the entry-point for
+// the `@angular/material` theming Sass bundle. See `//src/material:theming_bundle`.
+
+@import './core/color/all-color';
+@import './core/density/all-density';
+@import './core/theming/all-theme';
+@import './core/typography/all-typography';