diff --git a/package.json b/package.json index f02d7ca00d5c..62d52691cfbe 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ }, "license": "MIT", "engines": { - "node": ">=14.0.0 <17.0.0", + "node": ">=14.0.0 <19.0.0", "yarn": "^1.22.17", "npm": "Please use Yarn instead of NPM to install dependencies. See: https://yarnpkg.com/lang/en/docs/install/" }, diff --git a/src/dev-app/dev-app/dev-app-layout.ts b/src/dev-app/dev-app/dev-app-layout.ts index 2436bf9c46e0..ac6b24573b70 100644 --- a/src/dev-app/dev-app/dev-app-layout.ts +++ b/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'; diff --git a/src/dev-app/theme.scss b/src/dev-app/theme.scss index 26d96ada6862..b429084f6f23 100644 --- a/src/dev-app/theme.scss +++ b/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); diff --git a/src/material/chips/_chips-theme.scss b/src/material/chips/_chips-theme.scss index 49354e533288..c628b148bfcf 100644 --- a/src/material/chips/_chips-theme.scss +++ b/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); }