Part of a sequence of CLs refactoring css/material into separate, smaller libraries

PiperOrigin-RevId: 225357953

Author: har79

angular_components/lib/css/_color_material.scss

@@ -79,6 +79,14 @@ $mat-icon-dark-focused: $mat-transparent-white;
 $mat-icon-dark: $mat-light-transparent-white;
 $mat-icon-dark-inactive: $mat-lighter-transparent-white;
 
+// DEPRECATED; use icon colors, above.scss.
+$mat-icon-opacity: $mat-opacity-light;
+$mat-icon-opacity-disabled: .38;
+$mat-icon-opacity-hover: $mat-opacity-strong;
+$mat-icon-dark-opacity: 1;
+$mat-icon-dark-opacity-disabled: .30;
+$mat-icon-dark-opacity-hover: 1;
+
 /// Common colors for scrollbars.
 /// Note: Prefer using @mixin material-scrollbars(...).
 $mat-scrollbar-thumb: $mat-lightest-transparent-black;

angular_components/lib/css/material/const/_settings.scss

@@ -10,6 +10,7 @@
 // #############################################################################
 
 @import 'package:angular_components/css/transition_material';
+@import 'package:angular_components/css/color_material';
 
 // Options that can be set before importing
 $mat-option-inline-icons: false !default;
@@ -21,15 +22,6 @@ $mat-option-export-partials: false !default;
 $almost-zero: .0001;
 $almost-one: 1 - $almost-zero;
 
-// Deprecated; use icon colors, in _color.scss.
-// TODO(google): remove.
-$mat-icon-opacity: $mat-opacity-light;
-$mat-icon-opacity-disabled: .38;
-$mat-icon-opacity-hover: $mat-opacity-strong;
-$mat-icon-dark-opacity: 1;
-$mat-icon-dark-opacity-disabled: .30;
-$mat-icon-dark-opacity-hover: 1;
-
 // Grid
 $mat-grid: 8px;
 $mat-grid-type: 4px;