material-web/tokens/_md-comp-elevation.scss
Elizabeth Mitchell feff7214a7 feat(tokens): add component custom properties to Sass values
These are excluded by default, but will be enabled by default in 2.0.

Example: `tokens.md-comp-checkbox-values($exclude-custom-properties: false)`
PiperOrigin-RevId: 601596085
2024-01-25 16:10:32 -08:00

51 lines
1.1 KiB
SCSS

//
// Copyright 2022 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// go/keep-sorted start
@use 'sass:map';
// go/keep-sorted end
// go/keep-sorted start
@use './internal/validate';
@use './md-sys-color';
@use './md-sys-elevation';
// go/keep-sorted end
$supported-tokens: (
// go/keep-sorted start
'level',
'shadow-color',
// go/keep-sorted end
);
$_default: (
'md-sys-color': md-sys-color.values-light(),
'md-sys-elevation': md-sys-elevation.values(),
);
@function values(
$deps: $_default,
$exclude-hardcoded-values: false,
$exclude-custom-properties: true
) {
$tokens: (
'level': map.get($deps, 'md-sys-elevation', 'level0'),
'shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
);
// Default to `$exclude-custom-properties: false` in the next breaking change.
// See b/321816473.
@if not $exclude-custom-properties {
@each $token, $value in $tokens {
$tokens: map.set(
$tokens,
$token,
var(--md-elevation-#{$token}, #{$value})
);
}
}
@return validate.values($tokens, $supported-tokens: $supported-tokens);
}