fix(material/chips): chips should assume their minimum density rather than error for small densities

Author: mmalerba

src/dev-app/dev-app/dev-app-layout.ts

@@ -130,7 +130,7 @@ export class DevAppLayout {
   currentDensityIndex = 0;
 
   /** List of possible global density scale values. */
-  densityScales = [0, -1, -2, 'minimum', 'maximum'];
+  densityScales = [0, -1, -2, -3, 'minimum', 'maximum'];
 
   /** Whether animations are disabled. */
   animationsDisabled = localStorage.getItem(ANIMATIONS_STORAGE_KEY) === 'true';

src/dev-app/theme.scss

@@ -75,7 +75,7 @@ $candy-app-theme: mat.define-light-theme((
 // Create classes for all density scales which are supported by all MDC-based components.
 // The classes are applied conditionally based on the selected density in the dev-app layout
 // component.
-$density-scales: (-1, -2, minimum, maximum);
+$density-scales: (-1, -2, -3, minimum, maximum);
 @each $density in $density-scales {
   .demo-density-#{$density} {
     @include mat.all-component-densities($density);

src/material/chips/_chips-theme.scss

@@ -93,6 +93,7 @@
 
 @mixin density($config-or-theme) {
   $density-scale: theming.get-density-config($config-or-theme);
+  $density-scale: theming.clamp-density($density-scale, -2);
   .mat-mdc-chip {
     @include mdc-chip-theme.density($density-scale, $query: mdc-helpers.$mdc-base-styles-query);
   }