mirror of
https://github.com/material-components/material-web.git
synced 2024-09-20 18:17:15 +03:00
chore(tokens): remove v0.96
PiperOrigin-RevId: 491952022
This commit is contained in:
Elizabeth Mitchell
Copybara-Service
parent
30f5e44e0c
commit
cb5eaa3e8e
@ -1,192 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
//
|
||||
|
||||
@forward './md-comp-assist-chip' as md-comp-assist-chip-*;
|
||||
|
||||
@forward './md-comp-badge' as md-comp-badge-*;
|
||||
|
||||
@forward './md-comp-banner' as md-comp-banner-*;
|
||||
|
||||
@forward './md-comp-bottom-app-bar' as md-comp-bottom-app-bar-*;
|
||||
|
||||
@forward './md-comp-checkbox' as md-comp-checkbox-*;
|
||||
|
||||
@forward './md-comp-circular-progress-indicator' as
|
||||
md-comp-circular-progress-indicator-*;
|
||||
|
||||
@forward './md-comp-date-input-modal' as md-comp-date-input-modal-*;
|
||||
|
||||
@forward './md-comp-date-picker-docked' as md-comp-date-picker-docked-*;
|
||||
|
||||
@forward './md-comp-date-picker-modal' as md-comp-date-picker-modal-*;
|
||||
|
||||
@forward './md-comp-dialog' as md-comp-dialog-*;
|
||||
|
||||
@forward './md-comp-divider' as md-comp-divider-*;
|
||||
|
||||
@forward './md-comp-elevated-button' as md-comp-elevated-button-*;
|
||||
|
||||
@forward './md-comp-elevated-card' as md-comp-elevated-card-*;
|
||||
|
||||
@forward './md-comp-extended-fab-branded' as md-comp-extended-fab-branded-*;
|
||||
|
||||
@forward './md-comp-extended-fab-primary' as md-comp-extended-fab-primary-*;
|
||||
|
||||
@forward './md-comp-extended-fab-secondary' as md-comp-extended-fab-secondary-*;
|
||||
|
||||
@forward './md-comp-extended-fab-surface' as md-comp-extended-fab-surface-*;
|
||||
|
||||
@forward './md-comp-extended-fab-tertiary' as md-comp-extended-fab-tertiary-*;
|
||||
|
||||
@forward './md-comp-fab-branded' as md-comp-fab-branded-*;
|
||||
|
||||
@forward './md-comp-fab-branded-large' as md-comp-fab-branded-large-*;
|
||||
|
||||
@forward './md-comp-fab-primary' as md-comp-fab-primary-*;
|
||||
|
||||
@forward './md-comp-fab-primary-large' as md-comp-fab-primary-large-*;
|
||||
|
||||
@forward './md-comp-fab-primary-small' as md-comp-fab-primary-small-*;
|
||||
|
||||
@forward './md-comp-fab-secondary' as md-comp-fab-secondary-*;
|
||||
|
||||
@forward './md-comp-fab-secondary-large' as md-comp-fab-secondary-large-*;
|
||||
|
||||
@forward './md-comp-fab-secondary-small' as md-comp-fab-secondary-small-*;
|
||||
|
||||
@forward './md-comp-fab-surface' as md-comp-fab-surface-*;
|
||||
|
||||
@forward './md-comp-fab-surface-large' as md-comp-fab-surface-large-*;
|
||||
|
||||
@forward './md-comp-fab-surface-small' as md-comp-fab-surface-small-*;
|
||||
|
||||
@forward './md-comp-fab-tertiary' as md-comp-fab-tertiary-*;
|
||||
|
||||
@forward './md-comp-fab-tertiary-large' as md-comp-fab-tertiary-large-*;
|
||||
|
||||
@forward './md-comp-fab-tertiary-small' as md-comp-fab-tertiary-small-*;
|
||||
|
||||
@forward './md-comp-filled-autocomplete' as md-comp-filled-autocomplete-*;
|
||||
|
||||
@forward './md-comp-filled-button' as md-comp-filled-button-*;
|
||||
|
||||
@forward './md-comp-filled-card' as md-comp-filled-card-*;
|
||||
|
||||
@forward './md-comp-filled-icon-button' as md-comp-filled-icon-button-*;
|
||||
|
||||
@forward './md-comp-filled-menu-button' as md-comp-filled-menu-button-*;
|
||||
|
||||
@forward './md-comp-filled-select' as md-comp-filled-select-*;
|
||||
|
||||
@forward './md-comp-filled-text-field' as md-comp-filled-text-field-*;
|
||||
|
||||
@forward './md-comp-filled-tonal-button' as md-comp-filled-tonal-button-*;
|
||||
|
||||
@forward './md-comp-filled-tonal-icon-button' as
|
||||
md-comp-filled-tonal-icon-button-*;
|
||||
|
||||
@forward './md-comp-filter-chip' as md-comp-filter-chip-*;
|
||||
|
||||
@forward './md-comp-full-screen-dialog' as md-comp-full-screen-dialog-*;
|
||||
|
||||
@forward './md-comp-icon-button' as md-comp-icon-button-*;
|
||||
|
||||
@forward './md-comp-input-chip' as md-comp-input-chip-*;
|
||||
|
||||
@forward './md-comp-linear-progress-indicator' as
|
||||
md-comp-linear-progress-indicator-*;
|
||||
|
||||
@forward './md-comp-list' as md-comp-list-*;
|
||||
|
||||
@forward './md-comp-menu' as md-comp-menu-*;
|
||||
|
||||
@forward './md-comp-navigation-bar' as md-comp-navigation-bar-*;
|
||||
|
||||
@forward './md-comp-navigation-drawer' as md-comp-navigation-drawer-*;
|
||||
|
||||
@forward './md-comp-navigation-rail' as md-comp-navigation-rail-*;
|
||||
|
||||
@forward './md-comp-outlined-autocomplete' as md-comp-outlined-autocomplete-*;
|
||||
|
||||
@forward './md-comp-outlined-button' as md-comp-outlined-button-*;
|
||||
|
||||
@forward './md-comp-outlined-card' as md-comp-outlined-card-*;
|
||||
|
||||
@forward './md-comp-outlined-icon-button' as md-comp-outlined-icon-button-*;
|
||||
|
||||
@forward './md-comp-outlined-menu-button' as md-comp-outlined-menu-button-*;
|
||||
|
||||
@forward './md-comp-outlined-segmented-button' as
|
||||
md-comp-outlined-segmented-button-*;
|
||||
|
||||
@forward './md-comp-outlined-select' as md-comp-outlined-select-*;
|
||||
|
||||
@forward './md-comp-outlined-text-field' as md-comp-outlined-text-field-*;
|
||||
|
||||
@forward './md-comp-plain-tooltip' as md-comp-plain-tooltip-*;
|
||||
|
||||
@forward './md-comp-primary-navigation-tab' as md-comp-primary-navigation-tab-*;
|
||||
|
||||
@forward './md-comp-radio-button' as md-comp-radio-button-*;
|
||||
|
||||
@forward './md-comp-rich-tooltip' as md-comp-rich-tooltip-*;
|
||||
|
||||
@forward './md-comp-search-bar' as md-comp-search-bar-*;
|
||||
|
||||
@forward './md-comp-search-view' as md-comp-search-view-*;
|
||||
|
||||
@forward './md-comp-secondary-navigation-tab' as
|
||||
md-comp-secondary-navigation-tab-*;
|
||||
|
||||
@forward './md-comp-sheet-bottom' as md-comp-sheet-bottom-*;
|
||||
|
||||
@forward './md-comp-sheet-floating' as md-comp-sheet-floating-*;
|
||||
|
||||
@forward './md-comp-sheet-side' as md-comp-sheet-side-*;
|
||||
|
||||
@forward './md-comp-slider' as md-comp-slider-*;
|
||||
|
||||
@forward './md-comp-snackbar' as md-comp-snackbar-*;
|
||||
|
||||
@forward './md-comp-standard-menu-button' as md-comp-standard-menu-button-*;
|
||||
|
||||
@forward './md-comp-suggestion-chip' as md-comp-suggestion-chip-*;
|
||||
|
||||
@forward './md-comp-switch' as md-comp-switch-*;
|
||||
|
||||
@forward './md-comp-text-button' as md-comp-text-button-*;
|
||||
|
||||
@forward './md-comp-time-input' as md-comp-time-input-*;
|
||||
|
||||
@forward './md-comp-time-picker' as md-comp-time-picker-*;
|
||||
|
||||
@forward './md-comp-top-app-bar-large' as md-comp-top-app-bar-large-*;
|
||||
|
||||
@forward './md-comp-top-app-bar-medium' as md-comp-top-app-bar-medium-*;
|
||||
|
||||
@forward './md-comp-top-app-bar-small' as md-comp-top-app-bar-small-*;
|
||||
|
||||
@forward './md-comp-top-app-bar-small-centered' as
|
||||
md-comp-top-app-bar-small-centered-*;
|
||||
|
||||
@forward './md-ref-palette' as md-ref-palette-*;
|
||||
|
||||
@forward './md-ref-typeface' as md-ref-typeface-*;
|
||||
|
||||
@forward './md-sys-color' as md-sys-color-*;
|
||||
|
||||
@forward './md-sys-elevation' as md-sys-elevation-*;
|
||||
|
||||
@forward './md-sys-motion' as md-sys-motion-*;
|
||||
|
||||
@forward './md-sys-shape' as md-sys-shape-*;
|
||||
|
||||
@forward './md-sys-state' as md-sys-state-*;
|
||||
|
||||
@forward './md-sys-typescale' as md-sys-typescale-*;
|
||||
@ -1,98 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 32px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
dragged-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
elevated-container-color: map.get($deps, md-sys-color, surface),
|
||||
elevated-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
elevated-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
elevated-disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
elevated-disabled-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
elevated-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
elevated-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
elevated-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
elevated-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
flat-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
flat-disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
flat-disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
flat-focus-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
flat-outline-color: map.get($deps, md-sys-color, outline),
|
||||
flat-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-dragged-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color: map.get($deps, md-sys-color, primary)
|
||||
);
|
||||
}
|
||||
@ -1,51 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
color: map.get($deps, md-sys-color, error),
|
||||
large-color: map.get($deps, md-sys-color, error),
|
||||
large-label-text-color: map.get($deps, md-sys-color, on-error),
|
||||
large-label-text-font: map.get($deps, md-sys-typescale, label-small-font),
|
||||
large-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-small-line-height),
|
||||
large-label-text-size: map.get($deps, md-sys-typescale, label-small-size),
|
||||
large-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-small-tracking),
|
||||
large-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
large-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-small-weight),
|
||||
large-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
large-size: if($exclude-hardcoded-values, null, 16px),
|
||||
shape: map.get($deps, md-sys-shape, corner-full),
|
||||
size: if($exclude-hardcoded-values, null, 6px)
|
||||
);
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
action-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
action-hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
action-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
action-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
action-label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
action-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
action-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
action-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
action-pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
desktop-with-single-line-container-height:
|
||||
if($exclude-hardcoded-values, null, 52px),
|
||||
desktop-with-three-lines-container-height:
|
||||
if($exclude-hardcoded-values, null, 90px),
|
||||
desktop-with-two-lines-with-image-container-height:
|
||||
if($exclude-hardcoded-values, null, 72px),
|
||||
divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
mobile-with-single-line-container-height:
|
||||
if($exclude-hardcoded-values, null, 54px),
|
||||
mobile-with-two-lines-container-height:
|
||||
if($exclude-hardcoded-values, null, 112px),
|
||||
mobile-with-two-lines-with-image-container-height:
|
||||
if($exclude-hardcoded-values, null, 120px),
|
||||
supporting-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-medium-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-medium-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-medium-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-medium-tracking),
|
||||
supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-medium-weight),
|
||||
with-image-image-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
with-image-image-size: if($exclude-hardcoded-values, null, 40px)
|
||||
);
|
||||
}
|
||||
@ -1,36 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
container-height: if($exclude-hardcoded-values, null, 80px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
with-fab-container-height: if($exclude-hardcoded-values, null, 72px)
|
||||
);
|
||||
}
|
||||
@ -1,119 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 18px),
|
||||
container-shape: if($exclude-hardcoded-values, null, 2px),
|
||||
container-width: if($exclude-hardcoded-values, null, 18px),
|
||||
disabled-selected-icon-color: map.get($deps, md-sys-color, primary),
|
||||
disabled-selected-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-unselected-icon-color: map.get($deps, md-sys-color, primary),
|
||||
disabled-unselected-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
error-focus-state-layer-color: map.get($deps, md-sys-color, error),
|
||||
error-hover-state-layer-color: map.get($deps, md-sys-color, error),
|
||||
error-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
error-pressed-state-layer-color: map.get($deps, md-sys-color, error),
|
||||
error-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
selected-container-color: map.get($deps, md-sys-color, primary),
|
||||
selected-disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
selected-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
selected-disabled-container-outline-width:
|
||||
if($exclude-hardcoded-values, null, 0),
|
||||
selected-disabled-icon-color: map.get($deps, md-sys-color, surface),
|
||||
selected-error-container-color: map.get($deps, md-sys-color, error),
|
||||
selected-error-focus-container-color: map.get($deps, md-sys-color, error),
|
||||
selected-error-focus-icon-color: map.get($deps, md-sys-color, on-error),
|
||||
selected-error-focus-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-error-hover-container-color: map.get($deps, md-sys-color, error),
|
||||
selected-error-hover-icon-color: map.get($deps, md-sys-color, on-error),
|
||||
selected-error-hover-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-error-icon-color: map.get($deps, md-sys-color, on-error),
|
||||
selected-error-pressed-container-color: map.get($deps, md-sys-color, error),
|
||||
selected-error-pressed-icon-color: map.get($deps, md-sys-color, on-error),
|
||||
selected-error-pressed-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-focus-container-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
selected-focus-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
selected-hover-container-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
selected-hover-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
selected-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
selected-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-pressed-container-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
selected-pressed-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
selected-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
selected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
state-layer-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
state-layer-size: if($exclude-hardcoded-values, null, 40px),
|
||||
unselected-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
unselected-disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-disabled-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-error-focus-outline-color: map.get($deps, md-sys-color, error),
|
||||
unselected-error-focus-outline-width:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-error-hover-outline-color: map.get($deps, md-sys-color, error),
|
||||
unselected-error-hover-outline-width:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-error-outline-color: map.get($deps, md-sys-color, error),
|
||||
unselected-error-pressed-outline-color: map.get($deps, md-sys-color, error),
|
||||
unselected-error-pressed-outline-width:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
unselected-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
unselected-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
unselected-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
unselected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,37 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, primary),
|
||||
active-indicator-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
active-indicator-width: if($exclude-hardcoded-values, null, 4px),
|
||||
four-color-active-indicator-four-color:
|
||||
map.get($deps, md-sys-color, tertiary-container),
|
||||
four-color-active-indicator-one-color: map.get($deps, md-sys-color, primary),
|
||||
four-color-active-indicator-three-color:
|
||||
map.get($deps, md-sys-color, tertiary),
|
||||
four-color-active-indicator-two-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
size: if($exclude-hardcoded-values, null, 48px)
|
||||
);
|
||||
}
|
||||
@ -1,76 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 512px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 328px),
|
||||
header-container-height: if($exclude-hardcoded-values, null, 120px),
|
||||
header-container-width: if($exclude-hardcoded-values, null, 328px),
|
||||
header-headline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-headline-font: map.get($deps, md-sys-typescale, headline-large-font),
|
||||
header-headline-line-height:
|
||||
map.get($deps, md-sys-typescale, headline-large-line-height),
|
||||
header-headline-size: map.get($deps, md-sys-typescale, headline-large-size),
|
||||
header-headline-tracking:
|
||||
map.get($deps, md-sys-typescale, headline-large-tracking),
|
||||
header-headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-headline-weight:
|
||||
map.get($deps, md-sys-typescale, headline-large-weight),
|
||||
header-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, label-medium-font),
|
||||
header-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
header-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, label-medium-size),
|
||||
header-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
header-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-medium-weight)
|
||||
);
|
||||
}
|
||||
@ -1,210 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 428px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 328px),
|
||||
date-container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
date-container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
date-container-width: if($exclude-hardcoded-values, null, 40px),
|
||||
date-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
date-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
date-label-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
date-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
date-label-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
date-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
date-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
date-label-text-weight: map.get($deps, md-sys-typescale, body-small-weight),
|
||||
date-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
date-selected-container-color: map.get($deps, md-sys-color, primary),
|
||||
date-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
date-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
date-selected-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
date-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
date-state-layer-height: if($exclude-hardcoded-values, null, 40px),
|
||||
date-state-layer-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
date-state-layer-width: if($exclude-hardcoded-values, null, 40px),
|
||||
date-today-container-outline-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-container-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
date-today-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
date-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
date-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
date-unselected-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
date-unselected-outside-month-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
date-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-height: if($exclude-hardcoded-values, null, 64px),
|
||||
menu-button-container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
menu-button-container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
menu-button-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-button-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
menu-button-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-button-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
menu-button-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
menu-button-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
menu-button-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
menu-button-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
menu-button-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
menu-button-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
menu-button-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
menu-button-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
menu-button-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
menu-button-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-button-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
menu-list-item-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
menu-list-item-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
menu-list-item-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
menu-list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
menu-list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
menu-list-item-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
menu-list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
menu-list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
menu-list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
menu-list-item-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
menu-list-item-selected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
menu-list-item-selected-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-list-item-selected-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-list-item-selected-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-selected-leading-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-list-item-selected-pressed-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
weekdays-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
weekdays-label-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
weekdays-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
weekdays-label-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
weekdays-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
weekdays-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
weekdays-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight)
|
||||
);
|
||||
}
|
||||
@ -1,254 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 512px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 328px),
|
||||
date-container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
date-container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
date-container-width: if($exclude-hardcoded-values, null, 40px),
|
||||
date-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
date-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
date-label-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
date-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
date-label-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
date-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
date-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
date-label-text-weight: map.get($deps, md-sys-typescale, body-small-weight),
|
||||
date-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
date-selected-container-color: map.get($deps, md-sys-color, primary),
|
||||
date-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
date-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
date-selected-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
date-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
date-state-layer-height: if($exclude-hardcoded-values, null, 40px),
|
||||
date-state-layer-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
date-state-layer-width: if($exclude-hardcoded-values, null, 40px),
|
||||
date-today-container-outline-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-container-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
date-today-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
date-today-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
date-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
date-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
date-unselected-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
date-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-container-height: if($exclude-hardcoded-values, null, 120px),
|
||||
header-container-width: if($exclude-hardcoded-values, null, 328px),
|
||||
header-headline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-headline-font: map.get($deps, md-sys-typescale, headline-large-font),
|
||||
header-headline-line-height:
|
||||
map.get($deps, md-sys-typescale, headline-large-line-height),
|
||||
header-headline-size: map.get($deps, md-sys-typescale, headline-large-size),
|
||||
header-headline-tracking:
|
||||
map.get($deps, md-sys-typescale, headline-large-tracking),
|
||||
header-headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-headline-weight:
|
||||
map.get($deps, md-sys-typescale, headline-large-weight),
|
||||
header-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, label-medium-font),
|
||||
header-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
header-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, label-medium-size),
|
||||
header-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
header-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-medium-weight),
|
||||
range-selection-active-indicator-container-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
range-selection-active-indicator-container-height:
|
||||
if($exclude-hardcoded-values, null, 40px),
|
||||
range-selection-active-indicator-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-full),
|
||||
range-selection-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
range-selection-container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
range-selection-date-in-range-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
range-selection-date-in-range-focus-state-layer-opcaity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
range-selection-date-in-range-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
range-selection-date-in-range-hover-state-layer-opcaity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
range-selection-date-in-range-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
range-selection-date-in-range-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
range-selection-date-in-range-pressed-state-layer-opcaity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
range-selection-header-container-height:
|
||||
if($exclude-hardcoded-values, null, 128px),
|
||||
range-selection-header-headline-font:
|
||||
map.get($deps, md-sys-typescale, title-large-font),
|
||||
range-selection-header-headline-line-height:
|
||||
map.get($deps, md-sys-typescale, title-large-line-height),
|
||||
range-selection-header-headline-size:
|
||||
map.get($deps, md-sys-typescale, title-large-size),
|
||||
range-selection-header-headline-tracking:
|
||||
map.get($deps, md-sys-typescale, title-large-tracking),
|
||||
range-selection-header-headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
range-selection-header-headline-weight:
|
||||
map.get($deps, md-sys-typescale, title-large-weight),
|
||||
range-selection-month-subhead-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
range-selection-month-subhead-font:
|
||||
map.get($deps, md-sys-typescale, title-small-font),
|
||||
range-selection-month-subhead-line-height:
|
||||
map.get($deps, md-sys-typescale, title-small-line-height),
|
||||
range-selection-month-subhead-size:
|
||||
map.get($deps, md-sys-typescale, title-small-size),
|
||||
range-selection-month-subhead-tracking:
|
||||
map.get($deps, md-sys-typescale, title-small-tracking),
|
||||
range-selection-month-subhead-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
range-selection-month-subhead-weight:
|
||||
map.get($deps, md-sys-typescale, title-small-weight),
|
||||
weekdays-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
weekdays-label-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
weekdays-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
weekdays-label-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
weekdays-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
weekdays-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
weekdays-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight),
|
||||
year-selection-year-container-height:
|
||||
if($exclude-hardcoded-values, null, 36px),
|
||||
year-selection-year-container-width:
|
||||
if($exclude-hardcoded-values, null, 72px),
|
||||
year-selection-year-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
year-selection-year-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
year-selection-year-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
year-selection-year-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
year-selection-year-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
year-selection-year-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
year-selection-year-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
year-selection-year-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
year-selection-year-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
year-selection-year-selected-container-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
year-selection-year-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
year-selection-year-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
year-selection-year-selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
year-selection-year-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
year-selection-year-state-layer-height:
|
||||
if($exclude-hardcoded-values, null, 36px),
|
||||
year-selection-year-state-layer-shape:
|
||||
map.get($deps, md-sys-shape, corner-full),
|
||||
year-selection-year-state-layer-width:
|
||||
if($exclude-hardcoded-values, null, 72px),
|
||||
year-selection-year-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
year-selection-year-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
year-selection-year-unselected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
year-selection-year-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,115 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
action-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
action-hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
action-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
action-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
action-label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
action-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
action-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
action-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
action-pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface),
|
||||
headline-font: map.get($deps, md-sys-typescale, headline-small-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, headline-small-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, headline-small-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, headline-small-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, headline-small-weight),
|
||||
subhead-color: map.get($deps, md-sys-color, on-surface),
|
||||
subhead-font: map.get($deps, md-sys-typescale, headline-small-font),
|
||||
subhead-line-height:
|
||||
map.get($deps, md-sys-typescale, headline-small-line-height),
|
||||
subhead-size: map.get($deps, md-sys-typescale, headline-small-size),
|
||||
subhead-tracking: map.get($deps, md-sys-typescale, headline-small-tracking),
|
||||
subhead-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
subhead-weight: map.get($deps, md-sys-typescale, headline-small-weight),
|
||||
supporting-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-medium-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-medium-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-medium-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-medium-tracking),
|
||||
supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-medium-weight),
|
||||
with-divider-divider-color: map.get($deps, md-sys-color, outline),
|
||||
with-divider-divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, secondary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,25 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
thickness: if($exclude-hardcoded-values, null, 1px)
|
||||
);
|
||||
}
|
||||
@ -1,83 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color: map.get($deps, md-sys-color, primary)
|
||||
);
|
||||
}
|
||||
@ -1,59 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-container-color: map.get($deps, md-sys-color, surface),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,77 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 36px),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,80 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
label-text-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,83 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
label-text-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,81 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
label-text-color: map.get($deps, md-sys-color, primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,80 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, tertiary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
label-text-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-presed-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,59 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 96px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-secondary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 48px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,58 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 56px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 36px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 96px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 36px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-width: if($exclude-hardcoded-values, null, 40px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-width: if($exclude-hardcoded-values, null, 56px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 96px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 36px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,62 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-width: if($exclude-hardcoded-values, null, 40px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-secondary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-width: if($exclude-hardcoded-values, null, 56px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,62 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 96px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 36px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,62 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 40px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,62 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 56px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, tertiary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 96px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 36px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, tertiary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-width: if($exclude-hardcoded-values, null, 40px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, tertiary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large),
|
||||
container-width: if($exclude-hardcoded-values, null, 56px),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
lowered-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
lowered-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
lowered-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,235 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
menu-cascading-menu-indicator-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-cascading-menu-indicator-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-container-color: map.get($deps, md-sys-color, surface),
|
||||
menu-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
menu-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
menu-container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
menu-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
menu-divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
menu-divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
menu-list-item-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
menu-list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
menu-list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
menu-list-item-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
menu-list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
menu-list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
menu-list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
menu-list-item-selected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
text-field-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-active-indicator-height: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-caret-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
text-field-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
text-field-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-extra-small-top),
|
||||
text-field-disabled-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-active-indicator-height:
|
||||
if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-disabled-active-indicator-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-container-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.04),
|
||||
text-field-disabled-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-input-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-supporting-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-error-active-indicator-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-active-indicator-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-caret-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-focus-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-error-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
text-field-focus-active-indicator-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-active-indicator-height:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
text-field-focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-active-indicator-height:
|
||||
if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-input-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-input-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-input-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-input-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-label-text-populated-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-label-text-populated-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-leading-icon-size: if($exclude-hardcoded-values, null, 20px),
|
||||
text-field-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-small-font),
|
||||
text-field-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
text-field-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight),
|
||||
text-field-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,87 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
dragged-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-dragged-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-hover-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color: map.get($deps, md-sys-color, on-primary)
|
||||
);
|
||||
}
|
||||
@ -1,59 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,72 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
container-size: if($exclude-hardcoded-values, null, 40px),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
selected-container-color: map.get($deps, md-sys-color, primary),
|
||||
toggle-selected-focus-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
toggle-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
toggle-selected-hover-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
toggle-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
toggle-selected-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
toggle-selected-pressed-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
toggle-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
toggle-unselected-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
toggle-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
toggle-unselected-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
toggle-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
toggle-unselected-icon-color: map.get($deps, md-sys-color, primary),
|
||||
toggle-unselected-pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
toggle-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
unselected-container-color: map.get($deps, md-sys-color, surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,89 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, primary),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-trailing-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-trailing-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
focus-trailing-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
hover-trailing-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
pressed-trailing-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
shape: map.get($deps, md-sys-shape, corner-full),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-leading-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-hover-leading-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-leading-icon-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-icon-leading-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-primary)
|
||||
);
|
||||
}
|
||||
@ -1,243 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
menu-cascading-menu-indicator-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-cascading-menu-indicator-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-container-color: map.get($deps, md-sys-color, surface),
|
||||
menu-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
menu-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
menu-container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
menu-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
menu-divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
menu-divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
menu-list-item-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
menu-list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
menu-list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
menu-list-item-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
menu-list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
menu-list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
menu-list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
menu-list-item-selected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
menu-list-item-with-leading-icon-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-list-item-with-leading-icon-leading-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-list-item-with-trailing-icon-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-list-item-with-trailing-icon-trailing-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
text-field-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-active-indicator-height: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-caret-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
text-field-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
text-field-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-extra-small-top),
|
||||
text-field-disabled-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-active-indicator-height:
|
||||
if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-disabled-active-indicator-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-container-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.04),
|
||||
text-field-disabled-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-input-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-supporting-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-error-active-indicator-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-active-indicator-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-caret-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-focus-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-error-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
text-field-focus-active-indicator-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-active-indicator-height:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
text-field-focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-active-indicator-height:
|
||||
if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-input-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-input-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-input-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-input-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-label-text-populated-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-label-text-populated-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-leading-icon-size: if($exclude-hardcoded-values, null, 20px),
|
||||
text-field-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-small-font),
|
||||
text-field-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
text-field-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight),
|
||||
text-field-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,146 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 1px),
|
||||
caret-color: map.get($deps, md-sys-color, primary),
|
||||
container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-small-top),
|
||||
disabled-active-indicator-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-active-indicator-height: if($exclude-hardcoded-values, null, 1px),
|
||||
disabled-active-indicator-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.04),
|
||||
disabled-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-input-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-leading-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-supporting-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-supporting-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-trailing-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-trailing-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
error-active-indicator-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-active-indicator-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-caret-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-focus-label-text-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
error-focus-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
error-hover-active-indicator-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
error-hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
error-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
error-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
error-hover-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
error-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
error-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-label-text-color: map.get($deps, md-sys-color, error),
|
||||
error-leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
error-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
error-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
focus-active-indicator-color: map.get($deps, md-sys-color, primary),
|
||||
focus-active-indicator-height: if($exclude-hardcoded-values, null, 2px),
|
||||
focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-active-indicator-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-active-indicator-height: if($exclude-hardcoded-values, null, 1px),
|
||||
hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
input-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
input-text-placeholder-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-prefix-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
input-text-suffix-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-tracking: map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
input-text-weight: map.get($deps, md-sys-typescale, body-large-weight),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
label-text-populated-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
label-text-populated-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
label-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, body-large-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
leading-icon-size: if($exclude-hardcoded-values, null, 20px),
|
||||
supporting-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-small-weight),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,88 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container)
|
||||
);
|
||||
}
|
||||
@ -1,83 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
container-size: if($exclude-hardcoded-values, null, 40px),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
pressed-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
selected-container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
toggle-selected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-selected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-selected-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-selected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
toggle-unselected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
toggle-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
toggle-unselected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
toggle-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
toggle-unselected-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
toggle-unselected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
toggle-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-container-color: map.get($deps, md-sys-color, surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,172 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 32px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
elevated-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
elevated-disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
elevated-disabled-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
elevated-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
elevated-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
elevated-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
elevated-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
elevated-selected-container-color:
|
||||
map.get($deps, md-sys-color, secondary-container),
|
||||
elevated-unselected-container-color: map.get($deps, md-sys-color, surface),
|
||||
flat-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
flat-disabled-selected-container-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
flat-disabled-selected-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
flat-disabled-unselected-outline-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
flat-disabled-unselected-outline-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
flat-selected-container-color:
|
||||
map.get($deps, md-sys-color, secondary-container),
|
||||
flat-selected-focus-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
flat-selected-hover-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
flat-selected-outline-width: if($exclude-hardcoded-values, null, 0),
|
||||
flat-selected-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
flat-unselected-focus-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
flat-unselected-focus-outline-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
flat-unselected-hover-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
flat-unselected-outline-color: map.get($deps, md-sys-color, outline),
|
||||
flat-unselected-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
flat-unselected-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
selected-dragged-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-dragged-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
selected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
selected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
selected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
unselected-dragged-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-dragged-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
unselected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
unselected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
unselected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
unselected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-selected-dragged-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-selected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-selected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-selected-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-selected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
with-icon-unselected-dragged-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-unselected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-unselected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-unselected-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-unselected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,131 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
action-bar-container-color: map.get($deps, md-sys-color, surface),
|
||||
action-bar-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
action-bar-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
action-bar-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
action-bar-hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
action-bar-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
action-bar-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
action-bar-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
action-bar-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
action-bar-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
action-bar-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
action-bar-on-scroll-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level2),
|
||||
action-bar-pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-bar-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
header-action-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
header-action-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
header-action-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
header-action-hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
header-action-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
header-action-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
header-action-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
header-action-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
header-action-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
header-action-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
header-action-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
header-action-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-action-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
header-action-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
header-action-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
header-action-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
header-container-color: map.get($deps, md-sys-color, surface),
|
||||
header-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
header-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
header-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
header-headline-color: map.get($deps, md-sys-color, on-surface),
|
||||
header-headline-font: map.get($deps, md-sys-typescale, title-large-font),
|
||||
header-headline-line-height:
|
||||
map.get($deps, md-sys-typescale, title-large-line-height),
|
||||
header-headline-size: map.get($deps, md-sys-typescale, title-large-size),
|
||||
header-headline-tracking:
|
||||
map.get($deps, md-sys-typescale, title-large-tracking),
|
||||
header-headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-headline-weight: map.get($deps, md-sys-typescale, title-large-weight),
|
||||
header-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
header-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
header-on-scroll-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level2),
|
||||
with-divider-divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
with-divider-divider-height: if($exclude-hardcoded-values, null, 1px)
|
||||
);
|
||||
}
|
||||
@ -1,66 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
selected-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
selected-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
selected-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
state-layer-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
state-layer-size: if($exclude-hardcoded-values, null, 40px),
|
||||
unselected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
unselected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
unselected-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,112 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 32px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
dragged-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-outline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
outline-color: map.get($deps, md-sys-color, outline),
|
||||
outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-avatar-avatar-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
with-avatar-avatar-size: if($exclude-hardcoded-values, null, 24px),
|
||||
with-avatar-disabled-avatar-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-leading-icon-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-leading-icon-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-leading-icon-dragged-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-leading-icon-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-leading-icon-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-leading-icon-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-leading-icon-leading-icon-size:
|
||||
if($exclude-hardcoded-values, null, 18px),
|
||||
with-leading-icon-pressed-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-trailing-icon-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-trailing-icon-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-trailing-icon-dragged-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-trailing-icon-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-trailing-icon-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-trailing-icon-pressed-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-trailing-icon-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-trailing-icon-trailing-icon-size:
|
||||
if($exclude-hardcoded-values, null, 18px)
|
||||
);
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, primary),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 4px),
|
||||
active-indicator-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
four-color-active-indicator-four-color:
|
||||
map.get($deps, md-sys-color, tertiary-container),
|
||||
four-color-active-indicator-one-color: map.get($deps, md-sys-color, primary),
|
||||
four-color-active-indicator-three-color:
|
||||
map.get($deps, md-sys-color, tertiary),
|
||||
four-color-active-indicator-two-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
track-color: map.get($deps, md-sys-color, surface-variant),
|
||||
track-height: if($exclude-hardcoded-values, null, 4px),
|
||||
track-shape: map.get($deps, md-sys-shape, corner-none)
|
||||
);
|
||||
}
|
||||
@ -1,205 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
divider-color: map.get($deps, md-sys-color, outline),
|
||||
divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
list-item-container-color: map.get($deps, md-sys-color, surface),
|
||||
list-item-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
list-item-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
list-item-container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
list-item-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.3),
|
||||
list-item-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
list-item-disabled-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-disabled-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
list-item-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
list-item-dragged-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level4),
|
||||
list-item-dragged-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-dragged-leading-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-dragged-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
list-item-dragged-trailing-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-focus-leading-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
list-item-focus-trailing-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-hover-leading-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
list-item-hover-trailing-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-label-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
list-item-label-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
list-item-large-leading-video-height:
|
||||
if($exclude-hardcoded-values, null, 69px),
|
||||
list-item-leading-avatar-label-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
list-item-leading-avatar-label-font:
|
||||
map.get($deps, md-sys-typescale, title-medium-font),
|
||||
list-item-leading-avatar-label-line-height:
|
||||
map.get($deps, md-sys-typescale, title-medium-line-height),
|
||||
list-item-leading-avatar-label-size:
|
||||
map.get($deps, md-sys-typescale, title-medium-size),
|
||||
list-item-leading-avatar-label-tracking:
|
||||
map.get($deps, md-sys-typescale, title-medium-tracking),
|
||||
list-item-leading-avatar-label-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
list-item-leading-avatar-label-weight:
|
||||
map.get($deps, md-sys-typescale, title-medium-weight),
|
||||
list-item-leading-avatar-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
list-item-leading-avatar-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
list-item-leading-avatar-size: if($exclude-hardcoded-values, null, 40px),
|
||||
list-item-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-leading-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
list-item-leading-image-height: if($exclude-hardcoded-values, null, 56px),
|
||||
list-item-leading-image-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
list-item-leading-image-width: if($exclude-hardcoded-values, null, 56px),
|
||||
list-item-leading-video-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
list-item-leading-video-width: if($exclude-hardcoded-values, null, 100px),
|
||||
list-item-overline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-overline-font: map.get($deps, md-sys-typescale, label-small-font),
|
||||
list-item-overline-line-height:
|
||||
map.get($deps, md-sys-typescale, label-small-line-height),
|
||||
list-item-overline-size: map.get($deps, md-sys-typescale, label-small-size),
|
||||
list-item-overline-tracking:
|
||||
map.get($deps, md-sys-typescale, label-small-tracking),
|
||||
list-item-overline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
list-item-overline-weight:
|
||||
map.get($deps, md-sys-typescale, label-small-weight),
|
||||
list-item-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-pressed-leading-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
list-item-pressed-trailing-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-selected-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
list-item-small-leading-video-height:
|
||||
if($exclude-hardcoded-values, null, 56px),
|
||||
list-item-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-medium-font),
|
||||
list-item-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-medium-line-height),
|
||||
list-item-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-medium-size),
|
||||
list-item-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-medium-tracking),
|
||||
list-item-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
list-item-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-medium-weight),
|
||||
list-item-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-trailing-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
list-item-trailing-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-trailing-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, label-small-font),
|
||||
list-item-trailing-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-small-line-height),
|
||||
list-item-trailing-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, label-small-size),
|
||||
list-item-trailing-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-small-tracking),
|
||||
list-item-trailing-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
list-item-trailing-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-small-weight),
|
||||
list-item-unselected-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface)
|
||||
);
|
||||
}
|
||||
@ -1,113 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
cascading-menu-indicator-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
cascading-menu-indicator-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
list-item-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
list-item-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
list-item-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
list-item-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
list-item-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
list-item-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
list-item-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
list-item-selected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
list-item-with-leading-icon-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-with-leading-icon-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
list-item-with-leading-icon-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-leading-icon-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-leading-icon-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-leading-icon-leading-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
list-item-with-leading-icon-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-trailing-icon-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
list-item-with-trailing-icon-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
list-item-with-trailing-icon-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-trailing-icon-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-trailing-icon-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-trailing-icon-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
list-item-with-trailing-icon-trailing-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,97 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, secondary-container),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 32px),
|
||||
active-indicator-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
active-indicator-width: if($exclude-hardcoded-values, null, 64px),
|
||||
active-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
badge-color: map.get($deps, md-sys-color, error),
|
||||
badge-shape: if($exclude-hardcoded-values, null, 3px),
|
||||
badge-size: if($exclude-hardcoded-values, null, 6px),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
container-height: if($exclude-hardcoded-values, null, 80px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
inactive-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
inactive-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
inactive-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-medium-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-medium-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-medium-weight),
|
||||
large-badge-color: map.get($deps, md-sys-color, error),
|
||||
large-badge-shape: if($exclude-hardcoded-values, null, 8px),
|
||||
large-badge-size: if($exclude-hardcoded-values, null, 16px),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,137 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-ref-palette';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-ref-palette: md-ref-palette.values(),
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, secondary-container),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 56px),
|
||||
active-indicator-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
active-indicator-width: if($exclude-hardcoded-values, null, 336px),
|
||||
active-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
bottom-container-shape: map.get($deps, md-sys-shape, corner-large-top),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-height: if($exclude-hardcoded-values, null, 100%),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-large-end),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
container-width: if($exclude-hardcoded-values, null, 360px),
|
||||
divider-color: map.get($deps, md-sys-color, outline),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
headline-font: map.get($deps, md-sys-typescale, title-small-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, title-small-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, title-small-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, title-small-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, title-small-weight),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
inactive-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
inactive-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
inactive-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
large-badge-label-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
large-badge-label-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
large-badge-label-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
large-badge-label-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
large-badge-label-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
large-badge-label-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
large-badge-label-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
modal-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
scrim-color: map.get($deps, md-ref-palette, neutral-variant20),
|
||||
scrim-opacity: if($exclude-hardcoded-values, null, 0.4),
|
||||
standard-container-elevation: map.get($deps, md-sys-elevation, level0)
|
||||
);
|
||||
}
|
||||
@ -1,132 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, secondary-container),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 32px),
|
||||
active-indicator-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
active-indicator-width: if($exclude-hardcoded-values, null, 56px),
|
||||
active-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-icon-color: map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
active-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
active-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
badge-color: map.get($deps, md-sys-color, error),
|
||||
badge-shape: if($exclude-hardcoded-values, null, 3px),
|
||||
badge-size: if($exclude-hardcoded-values, null, 6px),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-width: if($exclude-hardcoded-values, null, 80px),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
inactive-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
inactive-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
inactive-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-medium-font),
|
||||
label-text-font-family: map.get($deps, md-sys-typescale, label-medium-font),
|
||||
label-text-font-size: map.get($deps, md-sys-typescale, label-medium-size),
|
||||
label-text-letter-spacing:
|
||||
map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-medium-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-medium-weight),
|
||||
large-badge-label-color: map.get($deps, md-sys-color, on-error),
|
||||
large-badge-label-font: map.get($deps, md-sys-typescale, label-small-font),
|
||||
large-badge-label-font-family:
|
||||
map.get($deps, md-sys-typescale, label-small-font),
|
||||
large-badge-label-line-height:
|
||||
map.get($deps, md-sys-typescale, label-small-line-height),
|
||||
large-badge-label-size: map.get($deps, md-sys-typescale, label-small-size),
|
||||
large-badge-label-tracking:
|
||||
map.get($deps, md-sys-typescale, label-small-tracking),
|
||||
large-badge-label-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
large-badge-label-weight:
|
||||
map.get($deps, md-sys-typescale, label-small-weight),
|
||||
large-badge-color: map.get($deps, md-sys-color, error),
|
||||
large-badge-shape: if($exclude-hardcoded-values, null, 8px),
|
||||
large-badge-size: if($exclude-hardcoded-values, null, 16px),
|
||||
menu-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
menu-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
menu-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
menu-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
no-label-active-indicator-height: if($exclude-hardcoded-values, null, 56px),
|
||||
no-label-active-indicator-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,223 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
menu-cascading-menu-indicator-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-cascading-menu-indicator-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-container-color: map.get($deps, md-sys-color, surface),
|
||||
menu-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
menu-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
menu-container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
menu-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
menu-divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
menu-divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
menu-list-item-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
menu-list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
menu-list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
menu-list-item-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
menu-list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
menu-list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
menu-list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
menu-list-item-selected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
text-field-caret-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
text-field-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
text-field-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-extra-small-top),
|
||||
text-field-disabled-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-input-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-outline-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
text-field-disabled-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-disabled-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-supporting-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-error-focus-caret-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-focus-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-focus-outline-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-hover-outline-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-error-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-outline-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
text-field-focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-outline-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
text-field-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-input-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-input-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-input-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-input-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-label-text-populated-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-label-text-populated-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
text-field-outline-color: map.get($deps, md-sys-color, outline),
|
||||
text-field-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-small-font),
|
||||
text-field-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
text-field-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight),
|
||||
text-field-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,80 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-outline-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
hover-outline-color: map.get($deps, md-sys-color, outline),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
outline-color: map.get($deps, md-sys-color, outline),
|
||||
outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-outline-color: map.get($deps, md-sys-color, outline),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color: map.get($deps, md-sys-color, primary)
|
||||
);
|
||||
}
|
||||
@ -1,65 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-medium),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, outline),
|
||||
disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
dragged-outline-color: map.get($deps, md-sys-color, outline),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
focus-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
focus-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
hover-outline-color: map.get($deps, md-sys-color, outline),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-color: map.get($deps, md-sys-color, primary),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
outline-color: map.get($deps, md-sys-color, outline),
|
||||
outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
pressed-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
pressed-outline-color: map.get($deps, md-sys-color, outline),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,68 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
container-size: if($exclude-hardcoded-values, null, 40px),
|
||||
disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
selected-container-color: map.get($deps, md-sys-color, inverse-surface),
|
||||
selected-focus-icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
selected-hover-icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
selected-icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
selected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
unselected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-outline-color: map.get($deps, md-sys-color, outline),
|
||||
unselected-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
unselected-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface)
|
||||
);
|
||||
}
|
||||
@ -1,83 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-trailing-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-trailing-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-outline-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
focus-trailing-icon-color: map.get($deps, md-sys-color, primary),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
hover-outline-color: map.get($deps, md-sys-color, outline),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
hover-trailing-icon-color: map.get($deps, md-sys-color, primary),
|
||||
label-text-color: map.get($deps, md-sys-color, primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
outline-color: map.get($deps, md-sys-color, outline),
|
||||
outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-outline-color: map.get($deps, md-sys-color, outline),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
pressed-trailing-icon-color: map.get($deps, md-sys-color, primary),
|
||||
shape: map.get($deps, md-sys-shape, corner-full),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, primary),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-leading-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-hover-leading-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-leading-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-leading-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-leading-icon-color: map.get($deps, md-sys-color, primary)
|
||||
);
|
||||
}
|
||||
@ -1,97 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
outline-color: map.get($deps, md-sys-color, outline),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
selected-container-color: map.get($deps, md-sys-color, secondary-container),
|
||||
selected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
selected-with-icon-icon-color:
|
||||
map.get($deps, md-sys-color, on-secondary-container),
|
||||
shape: map.get($deps, md-sys-shape, corner-full),
|
||||
unselected-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
unselected-with-icon-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px)
|
||||
);
|
||||
}
|
||||
@ -1,231 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
menu-cascading-menu-indicator-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-cascading-menu-indicator-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-container-color: map.get($deps, md-sys-color, surface),
|
||||
menu-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
menu-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
menu-container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
menu-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
menu-divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
menu-divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
menu-list-item-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
menu-list-item-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
menu-list-item-label-text-font:
|
||||
map.get($deps, md-sys-typescale, label-large-font),
|
||||
menu-list-item-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
menu-list-item-label-text-size:
|
||||
map.get($deps, md-sys-typescale, label-large-size),
|
||||
menu-list-item-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
menu-list-item-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
menu-list-item-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
menu-list-item-selected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
menu-list-item-with-leading-icon-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-list-item-with-leading-icon-leading-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
menu-list-item-with-trailing-icon-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
menu-list-item-with-trailing-icon-trailing-icon-size:
|
||||
if($exclude-hardcoded-values, null, 24px),
|
||||
text-field-caret-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-container-color: map.get($deps, md-sys-color, surface-variant),
|
||||
text-field-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
text-field-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-extra-small-top),
|
||||
text-field-disabled-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-input-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-label-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-outline-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
text-field-disabled-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-disabled-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-supporting-text-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-disabled-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-disabled-trailing-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
text-field-error-focus-caret-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-focus-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-focus-outline-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-input-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-hover-outline-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-error-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, error),
|
||||
text-field-error-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
text-field-error-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-error-label-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-error-outline-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
text-field-error-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
text-field-focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-outline-color: map.get($deps, md-sys-color, primary),
|
||||
text-field-focus-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
text-field-focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-focus-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
text-field-hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
text-field-input-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-input-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-input-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-input-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
text-field-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
text-field-label-text-populated-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-label-text-populated-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
text-field-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
text-field-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
text-field-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
text-field-outline-color: map.get($deps, md-sys-color, outline),
|
||||
text-field-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
text-field-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-small-font),
|
||||
text-field-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
text-field-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
text-field-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
text-field-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
text-field-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight),
|
||||
text-field-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
text-field-trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,140 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
caret-color: map.get($deps, md-sys-color, primary),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
disabled-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-input-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-leading-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
disabled-supporting-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-supporting-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-trailing-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-trailing-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
error-focus-caret-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-focus-label-text-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
error-focus-outline-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
error-focus-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
error-hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
error-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
error-hover-outline-color: map.get($deps, md-sys-color, on-error-container),
|
||||
error-hover-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
error-hover-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-error-container),
|
||||
error-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
error-label-text-color: map.get($deps, md-sys-color, error),
|
||||
error-leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
error-outline-color: map.get($deps, md-sys-color, error),
|
||||
error-supporting-text-color: map.get($deps, md-sys-color, error),
|
||||
error-trailing-icon-color: map.get($deps, md-sys-color, error),
|
||||
focus-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-outline-color: map.get($deps, md-sys-color, primary),
|
||||
focus-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
focus-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
input-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
input-text-placeholder-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-prefix-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
input-text-suffix-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-tracking: map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
input-text-weight: map.get($deps, md-sys-typescale, body-large-weight),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
label-text-populated-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
label-text-populated-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
label-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, body-large-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
outline-color: map.get($deps, md-sys-color, outline),
|
||||
outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
supporting-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-small-weight),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,46 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, inverse-surface),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
supporting-text-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-small-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-small-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-small-weight)
|
||||
);
|
||||
}
|
||||
@ -1,110 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, primary),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 3px),
|
||||
active-indicator-shape: if($exclude-hardcoded-values, null, (3px 3px 0 0)),
|
||||
active-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
active-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
active-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
active-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
active-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
active-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
inactive-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
inactive-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
inactive-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
inactive-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
inactive-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-and-label-text-container-height:
|
||||
if($exclude-hardcoded-values, null, 64px),
|
||||
with-icon-active-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-active-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-active-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-active-pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
with-icon-inactive-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-inactive-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-inactive-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-inactive-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-label-text-active-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
with-label-text-active-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
with-label-text-active-label-text-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
with-label-text-active-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
with-label-text-inactive-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-label-text-inactive-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-label-text-inactive-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-label-text-inactive-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-label-text-label-text-font:
|
||||
map.get($deps, md-sys-typescale, title-small-font),
|
||||
with-label-text-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, title-small-line-height),
|
||||
with-label-text-label-text-size:
|
||||
map.get($deps, md-sys-typescale, title-small-size),
|
||||
with-label-text-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, title-small-tracking),
|
||||
with-label-text-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
with-label-text-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, title-small-weight)
|
||||
);
|
||||
}
|
||||
@ -1,58 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
disabled-selected-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-selected-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-unselected-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-unselected-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
icon-size: if($exclude-hardcoded-values, null, 20px),
|
||||
selected-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
selected-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
selected-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-icon-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
selected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
state-layer-size: if($exclude-hardcoded-values, null, 40px),
|
||||
unselected-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
unselected-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
unselected-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
unselected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,98 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
action-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
action-hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
action-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
action-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
action-label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
action-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
action-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
action-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
action-pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
action-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
action-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
subhead-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
subhead-font: map.get($deps, md-sys-typescale, title-small-font),
|
||||
subhead-line-height:
|
||||
map.get($deps, md-sys-typescale, title-small-line-height),
|
||||
subhead-size: map.get($deps, md-sys-typescale, title-small-size),
|
||||
subhead-tracking: map.get($deps, md-sys-typescale, title-small-tracking),
|
||||
subhead-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
subhead-weight: map.get($deps, md-sys-typescale, title-small-weight),
|
||||
supporting-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-medium-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-medium-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-medium-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-medium-tracking),
|
||||
supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-medium-weight)
|
||||
);
|
||||
}
|
||||
@ -1,84 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
avatar-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
avatar-size: if($exclude-hardcoded-values, null, 30px),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
hover-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
input-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
input-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
input-text-tracking: map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
input-text-weight: map.get($deps, md-sys-typescale, body-large-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
pressed-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-large-weight),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,79 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
divider-color: map.get($deps, md-sys-color, outline),
|
||||
docked-container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
docked-header-container-height: if($exclude-hardcoded-values, null, 56px),
|
||||
full-screen-container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
full-screen-header-container-height:
|
||||
if($exclude-hardcoded-values, null, 72px),
|
||||
header-input-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
header-input-text-font: map.get($deps, md-sys-typescale, body-large-font),
|
||||
header-input-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
header-input-text-size: map.get($deps, md-sys-typescale, body-large-size),
|
||||
header-input-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
header-input-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-input-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
header-leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
header-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
header-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
header-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
header-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
header-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
header-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
header-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
header-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,78 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-indicator-color: map.get($deps, md-sys-color, primary),
|
||||
active-indicator-height: if($exclude-hardcoded-values, null, 2px),
|
||||
active-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
divider-color: map.get($deps, md-sys-color, surface-variant),
|
||||
divider-height: if($exclude-hardcoded-values, null, 1px),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
inactive-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-font: map.get($deps, md-sys-typescale, title-small-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, title-small-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, title-small-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, title-small-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, title-small-weight),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-active-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-hover-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
with-icon-inactive-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-pressed-icon-color: map.get($deps, md-sys-color, on-surface)
|
||||
);
|
||||
}
|
||||
@ -1,41 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
docked-container-color: map.get($deps, md-sys-color, surface),
|
||||
docked-container-shape: map.get($deps, md-sys-shape, corner-extra-large-top),
|
||||
docked-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
docked-drag-handle-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
docked-drag-handle-height: if($exclude-hardcoded-values, null, 4px),
|
||||
docked-drag-handle-opacity: if($exclude-hardcoded-values, null, 0.4),
|
||||
docked-drag-handle-width: if($exclude-hardcoded-values, null, 32px),
|
||||
docked-minimized-container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
docked-modal-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
docked-standard-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1)
|
||||
);
|
||||
}
|
||||
@ -1,34 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint)
|
||||
);
|
||||
}
|
||||
@ -1,75 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
detached-container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
docked-action-focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
docked-action-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
docked-action-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
docked-action-hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
docked-action-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
docked-action-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
docked-action-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
docked-action-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
docked-action-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
docked-container-color: map.get($deps, md-sys-color, surface),
|
||||
docked-container-height: if($exclude-hardcoded-values, null, 100%),
|
||||
docked-container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
docked-container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
docked-container-width: if($exclude-hardcoded-values, null, 256px),
|
||||
docked-divider-color: map.get($deps, md-sys-color, outline),
|
||||
docked-headline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
docked-headline-font: map.get($deps, md-sys-typescale, title-small-font),
|
||||
docked-headline-line-height:
|
||||
map.get($deps, md-sys-typescale, title-small-line-height),
|
||||
docked-headline-size: map.get($deps, md-sys-typescale, title-small-size),
|
||||
docked-headline-tracking:
|
||||
map.get($deps, md-sys-typescale, title-small-tracking),
|
||||
docked-headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
docked-headline-weight: map.get($deps, md-sys-typescale, title-small-weight),
|
||||
docked-modal-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
docked-standard-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0)
|
||||
);
|
||||
}
|
||||
@ -1,105 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
active-track-color: map.get($deps, md-sys-color, primary),
|
||||
active-track-height: if($exclude-hardcoded-values, null, 6px),
|
||||
active-track-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
disabled-active-track-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-active-track-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-handle-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-handle-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-handle-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-inactive-track-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-inactive-track-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
focus-handle-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
handle-color: map.get($deps, md-sys-color, primary),
|
||||
handle-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
handle-height: if($exclude-hardcoded-values, null, 20px),
|
||||
handle-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
handle-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
handle-width: if($exclude-hardcoded-values, null, 20px),
|
||||
hover-handle-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
inactive-track-color: map.get($deps, md-sys-color, surface-variant),
|
||||
inactive-track-height: if($exclude-hardcoded-values, null, 4px),
|
||||
inactive-track-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
label-container-color: map.get($deps, md-sys-color, primary),
|
||||
label-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
label-container-height: if($exclude-hardcoded-values, null, 28px),
|
||||
label-label-text-color: map.get($deps, md-sys-color, on-primary),
|
||||
label-label-text-font: map.get($deps, md-sys-typescale, label-medium-font),
|
||||
label-label-text-font-size:
|
||||
map.get($deps, md-sys-typescale, label-medium-size),
|
||||
label-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
label-label-text-size: map.get($deps, md-sys-typescale, label-medium-size),
|
||||
label-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
label-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-medium-weight),
|
||||
pressed-handle-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
state-layer-size: if($exclude-hardcoded-values, null, 40px),
|
||||
track-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
with-overlap-handle-outline-color: map.get($deps, md-sys-color, on-primary),
|
||||
with-overlap-handle-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
with-tick-marks-active-container-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
with-tick-marks-active-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-tick-marks-container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
with-tick-marks-container-size: if($exclude-hardcoded-values, null, 2px),
|
||||
with-tick-marks-disabled-container-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-tick-marks-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-tick-marks-inactive-container-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-tick-marks-inactive-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38)
|
||||
);
|
||||
}
|
||||
@ -1,91 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
action-focus-label-text-color: map.get($deps, md-sys-color, inverse-primary),
|
||||
action-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-primary),
|
||||
action-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
action-hover-label-text-color: map.get($deps, md-sys-color, inverse-primary),
|
||||
action-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-primary),
|
||||
action-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
action-label-text-color: map.get($deps, md-sys-color, inverse-primary),
|
||||
action-label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
action-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
action-label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
action-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
action-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, label-large-weight),
|
||||
action-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, inverse-primary),
|
||||
action-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-primary),
|
||||
action-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
container-color: map.get($deps, md-sys-color, inverse-surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-small),
|
||||
icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-focus-icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
icon-hover-icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
icon-pressed-icon-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, inverse-on-surface),
|
||||
icon-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
supporting-text-color: map.get($deps, md-sys-color, inverse-on-surface),
|
||||
supporting-text-font: map.get($deps, md-sys-typescale, body-medium-font),
|
||||
supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-medium-line-height),
|
||||
supporting-text-size: map.get($deps, md-sys-typescale, body-medium-size),
|
||||
supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-medium-tracking),
|
||||
supporting-text-weight: map.get($deps, md-sys-typescale, body-medium-weight),
|
||||
with-single-line-container-height: if($exclude-hardcoded-values, null, 48px),
|
||||
with-two-lines-container-height: if($exclude-hardcoded-values, null, 68px)
|
||||
);
|
||||
}
|
||||
@ -1,82 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-trailing-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-trailing-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
focus-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
hover-trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
pressed-trailing-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-disabled-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-leading-icon-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-hover-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-leading-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
with-icon-leading-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant)
|
||||
);
|
||||
}
|
||||
@ -1,90 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-height: if($exclude-hardcoded-values, null, 32px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
dragged-container-elevation: map.get($deps, md-sys-elevation, level4),
|
||||
dragged-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
dragged-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
dragged-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, dragged-state-layer-opacity),
|
||||
elevated-container-color: map.get($deps, md-sys-color, surface),
|
||||
elevated-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
elevated-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
elevated-disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
elevated-disabled-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level0),
|
||||
elevated-disabled-container-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.12),
|
||||
elevated-focus-container-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
elevated-hover-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
elevated-pressed-container-elevation:
|
||||
map.get($deps, md-sys-elevation, level1),
|
||||
flat-container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
flat-disabled-outline-color: map.get($deps, md-sys-color, on-surface),
|
||||
flat-disabled-outline-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
flat-focus-outline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
flat-outline-color: map.get($deps, md-sys-color, outline),
|
||||
flat-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity)
|
||||
);
|
||||
}
|
||||
@ -1,126 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
disabled-handle-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
disabled-handle-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-selected-handle-color: map.get($deps, md-sys-color, surface),
|
||||
disabled-selected-handle-opacity: if($exclude-hardcoded-values, null, 1),
|
||||
disabled-selected-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-selected-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-selected-track-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-track-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-unselected-handle-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-unselected-handle-opacity:
|
||||
if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-unselected-icon-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
disabled-unselected-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
disabled-unselected-track-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
disabled-unselected-track-outline-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
handle-elevation: map.get($deps, md-sys-elevation, level1),
|
||||
handle-height: if($exclude-hardcoded-values, null, 20px),
|
||||
handle-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
handle-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
handle-width: if($exclude-hardcoded-values, null, 20px),
|
||||
pressed-handle-height: if($exclude-hardcoded-values, null, 28px),
|
||||
pressed-handle-width: if($exclude-hardcoded-values, null, 28px),
|
||||
selected-focus-handle-color: map.get($deps, md-sys-color, primary-container),
|
||||
selected-focus-icon-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
selected-focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
selected-focus-track-color: map.get($deps, md-sys-color, primary),
|
||||
selected-handle-color: map.get($deps, md-sys-color, on-primary),
|
||||
selected-handle-height: if($exclude-hardcoded-values, null, 24px),
|
||||
selected-handle-width: if($exclude-hardcoded-values, null, 24px),
|
||||
selected-hover-handle-color: map.get($deps, md-sys-color, primary-container),
|
||||
selected-hover-icon-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
selected-hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
selected-hover-track-color: map.get($deps, md-sys-color, primary),
|
||||
selected-icon-color: map.get($deps, md-sys-color, on-primary-container),
|
||||
selected-icon-size: if($exclude-hardcoded-values, null, 16px),
|
||||
selected-pressed-handle-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
selected-pressed-icon-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
selected-pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
selected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
selected-pressed-track-color: map.get($deps, md-sys-color, primary),
|
||||
selected-track-color: map.get($deps, md-sys-color, primary),
|
||||
state-layer-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
state-layer-size: if($exclude-hardcoded-values, null, 40px),
|
||||
track-height: if($exclude-hardcoded-values, null, 32px),
|
||||
track-outline-width: if($exclude-hardcoded-values, null, 2px),
|
||||
track-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
track-width: if($exclude-hardcoded-values, null, 52px),
|
||||
unselected-focus-handle-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-focus-icon-color: map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-focus-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
unselected-focus-track-color: map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-focus-track-outline-color: map.get($deps, md-sys-color, outline),
|
||||
unselected-handle-color: map.get($deps, md-sys-color, outline),
|
||||
unselected-handle-height: if($exclude-hardcoded-values, null, 16px),
|
||||
unselected-handle-width: if($exclude-hardcoded-values, null, 16px),
|
||||
unselected-hover-handle-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-hover-icon-color: map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-hover-state-layer-color: map.get($deps, md-sys-color, on-surface),
|
||||
unselected-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
unselected-hover-track-color: map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-hover-track-outline-color: map.get($deps, md-sys-color, outline),
|
||||
unselected-icon-color: map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-icon-size: if($exclude-hardcoded-values, null, 16px),
|
||||
unselected-pressed-handle-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
unselected-pressed-icon-color: map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
unselected-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
unselected-pressed-track-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
unselected-pressed-track-outline-color:
|
||||
map.get($deps, md-sys-color, outline),
|
||||
unselected-track-color: map.get($deps, md-sys-color, surface-variant),
|
||||
with-icon-handle-height: if($exclude-hardcoded-values, null, 24px),
|
||||
with-icon-handle-width: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,75 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 40px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
disabled-container-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-container-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
disabled-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
disabled-label-text-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
focus-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
hover-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
label-text-color: map.get($deps, md-sys-color, primary),
|
||||
label-text-font: map.get($deps, md-sys-typescale, label-large-font),
|
||||
label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, label-large-line-height),
|
||||
label-text-size: map.get($deps, md-sys-typescale, label-large-size),
|
||||
label-text-tracking: map.get($deps, md-sys-typescale, label-large-tracking),
|
||||
label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-text-weight: map.get($deps, md-sys-typescale, label-large-weight),
|
||||
pressed-label-text-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-color: map.get($deps, md-sys-color, primary),
|
||||
pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
with-icon-disabled-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
with-icon-disabled-icon-opacity: if($exclude-hardcoded-values, null, 0.38),
|
||||
with-icon-focus-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-hover-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-color: map.get($deps, md-sys-color, primary),
|
||||
with-icon-icon-size: if($exclude-hardcoded-values, null, 18px),
|
||||
with-icon-pressed-icon-color: map.get($deps, md-sys-color, primary)
|
||||
);
|
||||
}
|
||||
@ -1,184 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
headline-font: map.get($deps, md-sys-typescale, label-medium-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, label-medium-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, label-medium-weight),
|
||||
period-selector-container-height: if($exclude-hardcoded-values, null, 72px),
|
||||
period-selector-container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
period-selector-container-width: if($exclude-hardcoded-values, null, 52px),
|
||||
period-selector-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
period-selector-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
period-selector-label-text-font:
|
||||
map.get($deps, md-sys-typescale, title-medium-font),
|
||||
period-selector-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, title-medium-line-height),
|
||||
period-selector-label-text-size:
|
||||
map.get($deps, md-sys-typescale, title-medium-size),
|
||||
period-selector-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, title-medium-tracking),
|
||||
period-selector-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
period-selector-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, title-medium-weight),
|
||||
period-selector-outline-color: map.get($deps, md-sys-color, outline),
|
||||
period-selector-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
period-selector-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
period-selector-selected-container-color:
|
||||
map.get($deps, md-sys-color, tertiary-container),
|
||||
period-selector-selected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-unselected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
surface-tint-layer-color: map.get($deps, md-sys-color, surface-tint),
|
||||
time-input-field-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
time-input-field-container-height: if($exclude-hardcoded-values, null, 72px),
|
||||
time-input-field-container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
time-input-field-container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
time-input-field-focus-container-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
time-input-field-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-input-field-focus-outline-color: map.get($deps, md-sys-color, primary),
|
||||
time-input-field-focus-outline-width:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
time-input-field-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-input-field-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-input-field-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
time-input-field-label-text-color: map.get($deps, md-sys-color, on-surface),
|
||||
time-input-field-label-text-font:
|
||||
map.get($deps, md-sys-typescale, display-medium-font),
|
||||
time-input-field-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, display-medium-line-height),
|
||||
time-input-field-label-text-size:
|
||||
map.get($deps, md-sys-typescale, display-medium-size),
|
||||
time-input-field-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, display-medium-tracking),
|
||||
time-input-field-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
time-input-field-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, display-medium-weight),
|
||||
time-input-field-separator-color: map.get($deps, md-sys-color, on-surface),
|
||||
time-input-field-separator-font:
|
||||
map.get($deps, md-sys-typescale, display-large-font),
|
||||
time-input-field-separator-line-height:
|
||||
map.get($deps, md-sys-typescale, display-large-line-height),
|
||||
time-input-field-separator-size:
|
||||
map.get($deps, md-sys-typescale, display-large-size),
|
||||
time-input-field-separator-tracking:
|
||||
map.get($deps, md-sys-typescale, display-large-tracking),
|
||||
time-input-field-separator-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
time-input-field-separator-weight:
|
||||
map.get($deps, md-sys-typescale, display-large-weight),
|
||||
time-input-field-supporting-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
time-input-field-supporting-text-font:
|
||||
map.get($deps, md-sys-typescale, body-small-font),
|
||||
time-input-field-supporting-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-small-line-height),
|
||||
time-input-field-supporting-text-size:
|
||||
map.get($deps, md-sys-typescale, body-small-size),
|
||||
time-input-field-supporting-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-small-tracking),
|
||||
time-input-field-supporting-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
time-input-field-supporting-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-small-weight)
|
||||
);
|
||||
}
|
||||
@ -1,235 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-state';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-state: md-sys-state.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
clock-dial-color-ignore: map.get($deps, md-sys-color, on-surface-variant),
|
||||
clock-dial-container-size: if($exclude-hardcoded-values, null, 256px),
|
||||
clock-dial-label-text-font:
|
||||
map.get($deps, md-sys-typescale, body-large-font),
|
||||
clock-dial-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, body-large-line-height),
|
||||
clock-dial-label-text-size:
|
||||
map.get($deps, md-sys-typescale, body-large-size),
|
||||
clock-dial-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, body-large-tracking),
|
||||
clock-dial-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
clock-dial-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, body-large-weight),
|
||||
clock-dial-selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
clock-dial-selector-center-container-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
clock-dial-selector-center-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-full),
|
||||
clock-dial-selector-center-container-size:
|
||||
if($exclude-hardcoded-values, null, 8px),
|
||||
clock-dial-selector-handle-container-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
clock-dial-selector-handle-container-shape:
|
||||
map.get($deps, md-sys-shape, corner-full),
|
||||
clock-dial-selector-handle-container-size:
|
||||
if($exclude-hardcoded-values, null, 48px),
|
||||
clock-dial-selector-track-container-color:
|
||||
map.get($deps, md-sys-color, primary),
|
||||
clock-dial-selector-track-container-width:
|
||||
if($exclude-hardcoded-values, null, 2px),
|
||||
clock-dial-shape-ignore: map.get($deps, md-sys-shape, corner-full),
|
||||
clock-dial-unselected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level3),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-extra-large),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
headline-font: map.get($deps, md-sys-typescale, label-medium-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, label-medium-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, label-medium-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, label-medium-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, label-medium-weight),
|
||||
period-selector-container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
period-selector-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
period-selector-horizontal-container-height:
|
||||
if($exclude-hardcoded-values, null, 38px),
|
||||
period-selector-horizontal-container-width:
|
||||
if($exclude-hardcoded-values, null, 216px),
|
||||
period-selector-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
period-selector-label-text-font:
|
||||
map.get($deps, md-sys-typescale, title-medium-font),
|
||||
period-selector-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, title-medium-line-height),
|
||||
period-selector-label-text-size:
|
||||
map.get($deps, md-sys-typescale, title-medium-size),
|
||||
period-selector-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, title-medium-tracking),
|
||||
period-selector-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
period-selector-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, title-medium-weight),
|
||||
period-selector-outline-color: map.get($deps, md-sys-color, outline),
|
||||
period-selector-outline-width: if($exclude-hardcoded-values, null, 1px),
|
||||
period-selector-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
period-selector-selected-container-color:
|
||||
map.get($deps, md-sys-color, tertiary-container),
|
||||
period-selector-selected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-tertiary-container),
|
||||
period-selector-unselected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface-variant),
|
||||
period-selector-vertical-container-height:
|
||||
if($exclude-hardcoded-values, null, 80px),
|
||||
period-selector-vertical-container-width:
|
||||
if($exclude-hardcoded-values, null, 52px),
|
||||
surface-tint-layer-color: map.get($deps, md-sys-color, surface-tint),
|
||||
time-selector-24h-vertical-container-width:
|
||||
if($exclude-hardcoded-values, null, 114px),
|
||||
time-selector-container-height: if($exclude-hardcoded-values, null, 80px),
|
||||
time-selector-container-shape: map.get($deps, md-sys-shape, corner-small),
|
||||
time-selector-container-width: if($exclude-hardcoded-values, null, 96px),
|
||||
time-selector-focus-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, focus-state-layer-opacity),
|
||||
time-selector-hover-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, hover-state-layer-opacity),
|
||||
time-selector-label-text-font:
|
||||
map.get($deps, md-sys-typescale, display-large-font),
|
||||
time-selector-label-text-line-height:
|
||||
map.get($deps, md-sys-typescale, display-large-line-height),
|
||||
time-selector-label-text-size:
|
||||
map.get($deps, md-sys-typescale, display-large-size),
|
||||
time-selector-label-text-tracking:
|
||||
map.get($deps, md-sys-typescale, display-large-tracking),
|
||||
time-selector-label-text-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
time-selector-label-text-weight:
|
||||
map.get($deps, md-sys-typescale, display-large-weight),
|
||||
time-selector-pressed-state-layer-opacity:
|
||||
map.get($deps, md-sys-state, pressed-state-layer-opacity),
|
||||
time-selector-selected-container-color:
|
||||
map.get($deps, md-sys-color, primary-container),
|
||||
time-selector-selected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-selected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-selected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-selected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-selected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-selected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-selected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-primary-container),
|
||||
time-selector-separator-color: map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-separator-font:
|
||||
map.get($deps, md-sys-typescale, display-large-font),
|
||||
time-selector-separator-line-height:
|
||||
map.get($deps, md-sys-typescale, display-large-line-height),
|
||||
time-selector-separator-size:
|
||||
map.get($deps, md-sys-typescale, display-large-size),
|
||||
time-selector-separator-tracking:
|
||||
map.get($deps, md-sys-typescale, display-large-tracking),
|
||||
time-selector-separator-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
time-selector-separator-weight:
|
||||
map.get($deps, md-sys-typescale, display-large-weight),
|
||||
time-selector-unselected-container-color:
|
||||
map.get($deps, md-sys-color, surface-variant),
|
||||
time-selector-unselected-focus-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-unselected-focus-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-unselected-hover-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-unselected-hover-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-unselected-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-unselected-pressed-label-text-color:
|
||||
map.get($deps, md-sys-color, on-surface),
|
||||
time-selector-unselected-pressed-state-layer-color:
|
||||
map.get($deps, md-sys-color, on-surface)
|
||||
);
|
||||
}
|
||||
@ -1,57 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 152px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface),
|
||||
headline-font: map.get($deps, md-sys-typescale, headline-medium-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, headline-medium-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, headline-medium-size),
|
||||
headline-tracking:
|
||||
map.get($deps, md-sys-typescale, headline-medium-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, headline-medium-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,56 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 112px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface),
|
||||
headline-font: map.get($deps, md-sys-typescale, headline-small-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, headline-small-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, headline-small-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, headline-small-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, headline-small-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,60 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
avatar-shape: map.get($deps, md-sys-shape, corner-full),
|
||||
avatar-size: if($exclude-hardcoded-values, null, 30px),
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 64px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface),
|
||||
headline-font: map.get($deps, md-sys-typescale, title-large-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, title-large-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, title-large-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, title-large-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, title-large-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
on-scroll-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
on-scroll-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,58 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
@use './md-sys-elevation';
|
||||
|
||||
@use './md-sys-shape';
|
||||
|
||||
@use './md-sys-typescale';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
md-sys-elevation: md-sys-elevation.values(),
|
||||
md-sys-shape: md-sys-shape.values(),
|
||||
md-sys-typescale: md-sys-typescale.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
container-color: map.get($deps, md-sys-color, surface),
|
||||
container-elevation: map.get($deps, md-sys-elevation, level0),
|
||||
container-height: if($exclude-hardcoded-values, null, 64px),
|
||||
container-shape: map.get($deps, md-sys-shape, corner-none),
|
||||
container-surface-tint-layer-color:
|
||||
map.get($deps, md-sys-color, surface-tint),
|
||||
headline-color: map.get($deps, md-sys-color, on-surface),
|
||||
headline-font: map.get($deps, md-sys-typescale, title-large-font),
|
||||
headline-line-height:
|
||||
map.get($deps, md-sys-typescale, title-large-line-height),
|
||||
headline-size: map.get($deps, md-sys-typescale, title-large-size),
|
||||
headline-tracking: map.get($deps, md-sys-typescale, title-large-tracking),
|
||||
headline-type:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-weight: map.get($deps, md-sys-typescale, title-large-weight),
|
||||
leading-icon-color: map.get($deps, md-sys-color, on-surface),
|
||||
leading-icon-size: if($exclude-hardcoded-values, null, 24px),
|
||||
on-scroll-container-elevation: map.get($deps, md-sys-elevation, level2),
|
||||
on-scroll-container-shadow-color: map.get($deps, md-sys-color, shadow),
|
||||
trailing-icon-color: map.get($deps, md-sys-color, on-surface-variant),
|
||||
trailing-icon-size: if($exclude-hardcoded-values, null, 24px)
|
||||
);
|
||||
}
|
||||
@ -1,95 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@function values($exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
black: if($exclude-hardcoded-values, null, #000),
|
||||
error0: if($exclude-hardcoded-values, null, #000),
|
||||
error10: if($exclude-hardcoded-values, null, #410e0b),
|
||||
error100: if($exclude-hardcoded-values, null, #fff),
|
||||
error20: if($exclude-hardcoded-values, null, #601410),
|
||||
error30: if($exclude-hardcoded-values, null, #8c1d18),
|
||||
error40: if($exclude-hardcoded-values, null, #b3261e),
|
||||
error50: if($exclude-hardcoded-values, null, #dc362e),
|
||||
error60: if($exclude-hardcoded-values, null, #e46962),
|
||||
error70: if($exclude-hardcoded-values, null, #ec928e),
|
||||
error80: if($exclude-hardcoded-values, null, #f2b8b5),
|
||||
error90: if($exclude-hardcoded-values, null, #f9dedc),
|
||||
error95: if($exclude-hardcoded-values, null, #fceeee),
|
||||
error99: if($exclude-hardcoded-values, null, #fffbf9),
|
||||
neutral-variant0: if($exclude-hardcoded-values, null, #000),
|
||||
neutral-variant10: if($exclude-hardcoded-values, null, #1d1a22),
|
||||
neutral-variant100: if($exclude-hardcoded-values, null, #fff),
|
||||
neutral-variant20: if($exclude-hardcoded-values, null, #322f37),
|
||||
neutral-variant30: if($exclude-hardcoded-values, null, #49454f),
|
||||
neutral-variant40: if($exclude-hardcoded-values, null, #605d66),
|
||||
neutral-variant50: if($exclude-hardcoded-values, null, #79747e),
|
||||
neutral-variant60: if($exclude-hardcoded-values, null, #938f99),
|
||||
neutral-variant70: if($exclude-hardcoded-values, null, #aea9b4),
|
||||
neutral-variant80: if($exclude-hardcoded-values, null, #cac4d0),
|
||||
neutral-variant90: if($exclude-hardcoded-values, null, #e7e0ec),
|
||||
neutral-variant95: if($exclude-hardcoded-values, null, #f5eefa),
|
||||
neutral-variant99: if($exclude-hardcoded-values, null, #fffbfe),
|
||||
neutral0: if($exclude-hardcoded-values, null, #000),
|
||||
neutral10: if($exclude-hardcoded-values, null, #1c1b1f),
|
||||
neutral100: if($exclude-hardcoded-values, null, #fff),
|
||||
neutral20: if($exclude-hardcoded-values, null, #313033),
|
||||
neutral30: if($exclude-hardcoded-values, null, #484649),
|
||||
neutral40: if($exclude-hardcoded-values, null, #605d62),
|
||||
neutral50: if($exclude-hardcoded-values, null, #787579),
|
||||
neutral60: if($exclude-hardcoded-values, null, #939094),
|
||||
neutral70: if($exclude-hardcoded-values, null, #aeaaae),
|
||||
neutral80: if($exclude-hardcoded-values, null, #c9c5ca),
|
||||
neutral90: if($exclude-hardcoded-values, null, #e6e1e5),
|
||||
neutral95: if($exclude-hardcoded-values, null, #f4eff4),
|
||||
neutral99: if($exclude-hardcoded-values, null, #fffbfe),
|
||||
primary0: if($exclude-hardcoded-values, null, #000),
|
||||
primary10: if($exclude-hardcoded-values, null, #21005d),
|
||||
primary100: if($exclude-hardcoded-values, null, #fff),
|
||||
primary20: if($exclude-hardcoded-values, null, #381e72),
|
||||
primary30: if($exclude-hardcoded-values, null, #4f378b),
|
||||
primary40: if($exclude-hardcoded-values, null, #6750a4),
|
||||
primary50: if($exclude-hardcoded-values, null, #7f67be),
|
||||
primary60: if($exclude-hardcoded-values, null, #9a82db),
|
||||
primary70: if($exclude-hardcoded-values, null, #b69df8),
|
||||
primary80: if($exclude-hardcoded-values, null, #d0bcff),
|
||||
primary90: if($exclude-hardcoded-values, null, #eaddff),
|
||||
primary95: if($exclude-hardcoded-values, null, #f6edff),
|
||||
primary99: if($exclude-hardcoded-values, null, #fffbfe),
|
||||
secondary0: if($exclude-hardcoded-values, null, #000),
|
||||
secondary10: if($exclude-hardcoded-values, null, #1d192b),
|
||||
secondary100: if($exclude-hardcoded-values, null, #fff),
|
||||
secondary20: if($exclude-hardcoded-values, null, #332d41),
|
||||
secondary30: if($exclude-hardcoded-values, null, #4a4458),
|
||||
secondary40: if($exclude-hardcoded-values, null, #625b71),
|
||||
secondary50: if($exclude-hardcoded-values, null, #7a7289),
|
||||
secondary60: if($exclude-hardcoded-values, null, #958da5),
|
||||
secondary70: if($exclude-hardcoded-values, null, #b0a7c0),
|
||||
secondary80: if($exclude-hardcoded-values, null, #ccc2dc),
|
||||
secondary90: if($exclude-hardcoded-values, null, #e8def8),
|
||||
secondary95: if($exclude-hardcoded-values, null, #f6edff),
|
||||
secondary99: if($exclude-hardcoded-values, null, #fffbfe),
|
||||
tertiary0: if($exclude-hardcoded-values, null, #000),
|
||||
tertiary10: if($exclude-hardcoded-values, null, #31111d),
|
||||
tertiary100: if($exclude-hardcoded-values, null, #fff),
|
||||
tertiary20: if($exclude-hardcoded-values, null, #492532),
|
||||
tertiary30: if($exclude-hardcoded-values, null, #633b48),
|
||||
tertiary40: if($exclude-hardcoded-values, null, #7d5260),
|
||||
tertiary50: if($exclude-hardcoded-values, null, #986977),
|
||||
tertiary60: if($exclude-hardcoded-values, null, #b58392),
|
||||
tertiary70: if($exclude-hardcoded-values, null, #d29dac),
|
||||
tertiary80: if($exclude-hardcoded-values, null, #efb8c8),
|
||||
tertiary90: if($exclude-hardcoded-values, null, #ffd8e4),
|
||||
tertiary95: if($exclude-hardcoded-values, null, #ffecf1),
|
||||
tertiary99: if($exclude-hardcoded-values, null, #fffbfa),
|
||||
white: if($exclude-hardcoded-values, null, #fff)
|
||||
);
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@function values($exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
brand: if($exclude-hardcoded-values, null, (Roboto)),
|
||||
plain: if($exclude-hardcoded-values, null, (Roboto)),
|
||||
weight-bold: if($exclude-hardcoded-values, null, 700),
|
||||
weight-medium: if($exclude-hardcoded-values, null, 500),
|
||||
weight-regular: if($exclude-hardcoded-values, null, 400)
|
||||
);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,30 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-sys-color';
|
||||
|
||||
$_default: (
|
||||
md-sys-color: md-sys-color.values-light-dynamic(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
level0: if($exclude-hardcoded-values, null, 0),
|
||||
level1: if($exclude-hardcoded-values, null, 1),
|
||||
level2: if($exclude-hardcoded-values, null, 3),
|
||||
level3: if($exclude-hardcoded-values, null, 6),
|
||||
level4: if($exclude-hardcoded-values, null, 8),
|
||||
level5: if($exclude-hardcoded-values, null, 12),
|
||||
surface-tint-color: map.get($deps, md-sys-color, primary)
|
||||
);
|
||||
}
|
||||
@ -1,51 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@function values($exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
duration-100: if($exclude-hardcoded-values, null, 100ms),
|
||||
duration-1000: if($exclude-hardcoded-values, null, 1000ms),
|
||||
duration-150: if($exclude-hardcoded-values, null, 150ms),
|
||||
duration-200: if($exclude-hardcoded-values, null, 200ms),
|
||||
duration-250: if($exclude-hardcoded-values, null, 250ms),
|
||||
duration-300: if($exclude-hardcoded-values, null, 300ms),
|
||||
duration-350: if($exclude-hardcoded-values, null, 350ms),
|
||||
duration-400: if($exclude-hardcoded-values, null, 400ms),
|
||||
duration-450: if($exclude-hardcoded-values, null, 450ms),
|
||||
duration-50: if($exclude-hardcoded-values, null, 50ms),
|
||||
duration-500: if($exclude-hardcoded-values, null, 500ms),
|
||||
duration-550: if($exclude-hardcoded-values, null, 550ms),
|
||||
duration-600: if($exclude-hardcoded-values, null, 600ms),
|
||||
duration-700: if($exclude-hardcoded-values, null, 700ms),
|
||||
duration-800: if($exclude-hardcoded-values, null, 800ms),
|
||||
duration-900: if($exclude-hardcoded-values, null, 900ms),
|
||||
easing-emphasized:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
|
||||
easing-emphasized-accelerate:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 0.8, 0.15)),
|
||||
easing-emphasized-decelerate:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.05, 0.7, 0.1, 1)),
|
||||
easing-legacy:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 0.2, 1)),
|
||||
easing-legacy-accelerate:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 1, 1)),
|
||||
easing-legacy-decelerate:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0.2, 1)),
|
||||
easing-linear: if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 1, 1)),
|
||||
easing-standard:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
|
||||
easing-standard-accelerate:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 1, 1)),
|
||||
easing-standard-decelerate:
|
||||
if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0, 1)),
|
||||
path: /** TODO: type "motion_path" is not supported. */ null
|
||||
);
|
||||
}
|
||||
@ -1,26 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@function values($exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
corner-extra-large: if($exclude-hardcoded-values, null, 28px),
|
||||
corner-extra-large-top: if($exclude-hardcoded-values, null, (28px 28px 0 0)),
|
||||
corner-extra-small: if($exclude-hardcoded-values, null, 4px),
|
||||
corner-extra-small-top: if($exclude-hardcoded-values, null, (4px 4px 0 0)),
|
||||
corner-full: if($exclude-hardcoded-values, null, 9999px),
|
||||
corner-large: if($exclude-hardcoded-values, null, 16px),
|
||||
corner-large-end: if($exclude-hardcoded-values, null, (0 16px 16px 0)),
|
||||
corner-large-top: if($exclude-hardcoded-values, null, (16px 16px 0 0)),
|
||||
corner-medium: if($exclude-hardcoded-values, null, 12px),
|
||||
corner-none: if($exclude-hardcoded-values, null, 0),
|
||||
corner-small: if($exclude-hardcoded-values, null, 8px)
|
||||
);
|
||||
}
|
||||
@ -1,19 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@function values($exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
dragged-state-layer-opacity: if($exclude-hardcoded-values, null, 0.16),
|
||||
focus-state-layer-opacity: if($exclude-hardcoded-values, null, 0.12),
|
||||
hover-state-layer-opacity: if($exclude-hardcoded-values, null, 0.08),
|
||||
pressed-state-layer-opacity: if($exclude-hardcoded-values, null, 0.12)
|
||||
);
|
||||
}
|
||||
@ -1,204 +0,0 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
//
|
||||
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
||||
// !!! DO NOT MODIFY IT BY HAND !!!
|
||||
// Design system display name: Material 3
|
||||
// Design system version name: v0.96
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use './md-ref-typeface';
|
||||
|
||||
$_default: (
|
||||
md-ref-typeface: md-ref-typeface.values(),
|
||||
);
|
||||
|
||||
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
||||
@return (
|
||||
body-large:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
body-large-font: map.get($deps, md-ref-typeface, plain),
|
||||
body-large-line-height: if($exclude-hardcoded-values, null, 24px),
|
||||
body-large-size: if($exclude-hardcoded-values, null, 16px),
|
||||
body-large-tracking: if($exclude-hardcoded-values, null, 0.5px),
|
||||
body-large-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
body-medium:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
body-medium-font: map.get($deps, md-ref-typeface, plain),
|
||||
body-medium-line-height: if($exclude-hardcoded-values, null, 20px),
|
||||
body-medium-size: if($exclude-hardcoded-values, null, 14px),
|
||||
body-medium-tracking: if($exclude-hardcoded-values, null, 0.25px),
|
||||
body-medium-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
body-small:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
body-small-font: map.get($deps, md-ref-typeface, plain),
|
||||
body-small-line-height: if($exclude-hardcoded-values, null, 16px),
|
||||
body-small-size: if($exclude-hardcoded-values, null, 12px),
|
||||
body-small-tracking: if($exclude-hardcoded-values, null, 0.4px),
|
||||
body-small-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
display-large:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
display-large-font: map.get($deps, md-ref-typeface, brand),
|
||||
display-large-line-height: if($exclude-hardcoded-values, null, 64px),
|
||||
display-large-size: if($exclude-hardcoded-values, null, 57px),
|
||||
display-large-tracking: if($exclude-hardcoded-values, null, -0.25px),
|
||||
display-large-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
display-medium:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
display-medium-font: map.get($deps, md-ref-typeface, brand),
|
||||
display-medium-line-height: if($exclude-hardcoded-values, null, 52px),
|
||||
display-medium-size: if($exclude-hardcoded-values, null, 45px),
|
||||
display-medium-tracking: if($exclude-hardcoded-values, null, 0),
|
||||
display-medium-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
display-small:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
display-small-font: map.get($deps, md-ref-typeface, brand),
|
||||
display-small-line-height: if($exclude-hardcoded-values, null, 44px),
|
||||
display-small-size: if($exclude-hardcoded-values, null, 36px),
|
||||
display-small-tracking: if($exclude-hardcoded-values, null, 0),
|
||||
display-small-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
headline-large:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-large-font: map.get($deps, md-ref-typeface, brand),
|
||||
headline-large-line-height: if($exclude-hardcoded-values, null, 40px),
|
||||
headline-large-size: if($exclude-hardcoded-values, null, 32px),
|
||||
headline-large-tracking: if($exclude-hardcoded-values, null, 0),
|
||||
headline-large-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
headline-medium:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-medium-font: map.get($deps, md-ref-typeface, brand),
|
||||
headline-medium-line-height: if($exclude-hardcoded-values, null, 36px),
|
||||
headline-medium-size: if($exclude-hardcoded-values, null, 28px),
|
||||
headline-medium-tracking: if($exclude-hardcoded-values, null, 0),
|
||||
headline-medium-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
headline-small:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
headline-small-font: map.get($deps, md-ref-typeface, brand),
|
||||
headline-small-line-height: if($exclude-hardcoded-values, null, 32px),
|
||||
headline-small-size: if($exclude-hardcoded-values, null, 24px),
|
||||
headline-small-tracking: if($exclude-hardcoded-values, null, 0),
|
||||
headline-small-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
label-large:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-large-font: map.get($deps, md-ref-typeface, plain),
|
||||
label-large-line-height: if($exclude-hardcoded-values, null, 20px),
|
||||
label-large-size: if($exclude-hardcoded-values, null, 14px),
|
||||
label-large-tracking: if($exclude-hardcoded-values, null, 0.1px),
|
||||
label-large-weight: map.get($deps, md-ref-typeface, weight-medium),
|
||||
label-medium:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-medium-font: map.get($deps, md-ref-typeface, plain),
|
||||
label-medium-line-height: if($exclude-hardcoded-values, null, 16px),
|
||||
label-medium-size: if($exclude-hardcoded-values, null, 12px),
|
||||
label-medium-text-transform: if($exclude-hardcoded-values, null, none),
|
||||
label-medium-tracking: if($exclude-hardcoded-values, null, 0.5px),
|
||||
label-medium-weight: map.get($deps, md-ref-typeface, weight-medium),
|
||||
label-small:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
label-small-font: map.get($deps, md-ref-typeface, plain),
|
||||
label-small-line-height: if($exclude-hardcoded-values, null, 16px),
|
||||
label-small-size: if($exclude-hardcoded-values, null, 11px),
|
||||
label-small-tracking: if($exclude-hardcoded-values, null, 0.5px),
|
||||
label-small-weight: map.get($deps, md-ref-typeface, weight-medium),
|
||||
title-large:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
title-large-font: map.get($deps, md-ref-typeface, brand),
|
||||
title-large-line-height: if($exclude-hardcoded-values, null, 28px),
|
||||
title-large-size: if($exclude-hardcoded-values, null, 22px),
|
||||
title-large-tracking: if($exclude-hardcoded-values, null, 0),
|
||||
title-large-weight: map.get($deps, md-ref-typeface, weight-regular),
|
||||
title-medium:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
title-medium-font: map.get($deps, md-ref-typeface, plain),
|
||||
title-medium-line-height: if($exclude-hardcoded-values, null, 24px),
|
||||
title-medium-size: if($exclude-hardcoded-values, null, 16px),
|
||||
title-medium-tracking: if($exclude-hardcoded-values, null, 0.15px),
|
||||
title-medium-weight: map.get($deps, md-ref-typeface, weight-medium),
|
||||
title-small:
|
||||
if(
|
||||
$exclude-hardcoded-values,
|
||||
null,
|
||||
/** Typography composite token is not supported. Please use discrete typography tokens. */
|
||||
null
|
||||
),
|
||||
title-small-font: map.get($deps, md-ref-typeface, plain),
|
||||
title-small-line-height: if($exclude-hardcoded-values, null, 20px),
|
||||
title-small-size: if($exclude-hardcoded-values, null, 14px),
|
||||
title-small-tracking: if($exclude-hardcoded-values, null, 0.1px),
|
||||
title-small-weight: map.get($deps, md-ref-typeface, weight-medium)
|
||||
);
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user