@angular/material 18.2.0-next.1 → 18.2.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_index.scss +3 -1
- package/button/_button-base.scss +5 -11
- package/checkbox/_checkbox-common.scss +47 -15
- package/checkbox/index.d.ts +6 -1
- package/chips/index.d.ts +3 -8
- package/core/_core.scss +15 -18
- package/core/m2/_typography.scss +129 -2
- package/core/ripple/_ripple.scss +1 -1
- package/core/style/_elevation.scss +121 -27
- package/core/style/_sass-utils.scss +20 -2
- package/core/theming/_definition.scss +2 -0
- package/core/tokens/_m3-tokens.scss +118 -22
- package/core/tokens/_token-definition.scss +272 -0
- package/core/tokens/_token-utils.scss +68 -239
- package/core/tokens/m2/mat/_app.scss +4 -4
- package/core/tokens/m2/mat/_autocomplete.scss +4 -4
- package/core/tokens/m2/mat/_badge.scss +4 -4
- package/core/tokens/m2/mat/_bottom-sheet.scss +4 -4
- package/core/tokens/m2/mat/_card.scss +4 -4
- package/core/tokens/m2/mat/_checkbox.scss +4 -4
- package/core/tokens/m2/mat/_chip.scss +4 -4
- package/core/tokens/m2/mat/_datepicker.scss +4 -4
- package/core/tokens/m2/mat/_dialog.scss +4 -4
- package/core/tokens/m2/mat/_divider.scss +4 -4
- package/core/tokens/m2/mat/_expansion.scss +4 -4
- package/core/tokens/m2/mat/_fab-small.scss +7 -7
- package/core/tokens/m2/mat/_fab.scss +7 -7
- package/core/tokens/m2/mat/_filled-button.scss +7 -7
- package/core/tokens/m2/mat/_form-field.scss +4 -6
- package/core/tokens/m2/mat/_full-pseudo-checkbox.scss +4 -4
- package/core/tokens/m2/mat/_grid-list.scss +4 -4
- package/core/tokens/m2/mat/_icon-button.scss +4 -4
- package/core/tokens/m2/mat/_icon.scss +4 -4
- package/core/tokens/m2/mat/_legacy-button-toggle.scss +4 -4
- package/core/tokens/m2/mat/_list.scss +4 -4
- package/core/tokens/m2/mat/_menu.scss +4 -4
- package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +4 -4
- package/core/tokens/m2/mat/_optgroup.scss +4 -4
- package/core/tokens/m2/mat/_option.scss +4 -4
- package/core/tokens/m2/mat/_outlined-button.scss +4 -4
- package/core/tokens/m2/mat/_paginator.scss +4 -4
- package/core/tokens/m2/mat/_protected-button.scss +7 -7
- package/core/tokens/m2/mat/_radio.scss +4 -4
- package/core/tokens/m2/mat/_ripple.scss +4 -4
- package/core/tokens/m2/mat/_select.scss +7 -7
- package/core/tokens/m2/mat/_sidenav.scss +4 -4
- package/core/tokens/m2/mat/_slider.scss +4 -4
- package/core/tokens/m2/mat/_snack-bar.scss +4 -4
- package/core/tokens/m2/mat/_sort.scss +4 -4
- package/core/tokens/m2/mat/_standard-button-toggle.scss +4 -4
- package/core/tokens/m2/mat/_stepper.scss +4 -4
- package/core/tokens/m2/mat/_switch.scss +4 -4
- package/core/tokens/m2/mat/_tab-header-with-background.scss +4 -4
- package/core/tokens/m2/mat/_tab-header.scss +4 -4
- package/core/tokens/m2/mat/_table.scss +4 -4
- package/core/tokens/m2/mat/_text-button.scss +4 -4
- package/core/tokens/m2/mat/_toolbar.scss +4 -4
- package/core/tokens/m2/mat/_tree.scss +4 -4
- package/core/tokens/m2/mdc/_checkbox.scss +6 -7
- package/core/tokens/m2/mdc/_chip.scss +4 -4
- package/core/tokens/m2/mdc/_circular-progress.scss +4 -4
- package/core/tokens/m2/mdc/_dialog.scss +5 -5
- package/core/tokens/m2/mdc/_elevated-card.scss +4 -4
- package/core/tokens/m2/mdc/_extended-fab.scss +4 -4
- package/core/tokens/m2/mdc/_fab-small.scss +4 -4
- package/core/tokens/m2/mdc/_fab.scss +4 -4
- package/core/tokens/m2/mdc/_filled-button.scss +6 -7
- package/core/tokens/m2/mdc/_filled-text-field.scss +7 -7
- package/core/tokens/m2/mdc/_icon-button.scss +4 -4
- package/core/tokens/m2/mdc/_linear-progress.scss +4 -4
- package/core/tokens/m2/mdc/_list.scss +4 -4
- package/core/tokens/m2/mdc/_outlined-button.scss +5 -5
- package/core/tokens/m2/mdc/_outlined-card.scss +4 -4
- package/core/tokens/m2/mdc/_outlined-text-field.scss +7 -7
- package/core/tokens/m2/mdc/_plain-tooltip.scss +4 -4
- package/core/tokens/m2/mdc/_protected-button.scss +6 -7
- package/core/tokens/m2/mdc/_radio.scss +4 -4
- package/core/tokens/m2/mdc/_secondary-navigation-tab.scss +4 -4
- package/core/tokens/m2/mdc/_slider.scss +4 -4
- package/core/tokens/m2/mdc/_snack-bar.scss +4 -4
- package/core/tokens/m2/mdc/_switch.scss +4 -4
- package/core/tokens/m2/mdc/_tab-indicator.scss +4 -4
- package/core/tokens/m2/mdc/_text-button.scss +4 -4
- package/core/tokens/m3/definitions/_index.scss +94 -0
- package/core/tokens/m3/definitions/_md-comp-checkbox.scss +120 -0
- package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +27 -0
- package/core/tokens/m3/definitions/_md-comp-data-table.scss +90 -0
- package/core/tokens/m3/definitions/_md-comp-dialog.scss +123 -0
- package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +87 -0
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +53 -0
- package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +90 -0
- package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +91 -0
- package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +91 -0
- package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +59 -0
- package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +59 -0
- package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-filled-button.scss +85 -0
- package/core/tokens/m3/definitions/_md-comp-filled-card.scss +52 -0
- package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +73 -0
- package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +189 -0
- package/core/tokens/m3/definitions/_md-comp-icon-button.scss +64 -0
- package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +29 -0
- package/core/tokens/m3/definitions/_md-comp-list.scss +252 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +80 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +59 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +73 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +171 -0
- package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +51 -0
- package/core/tokens/m3/definitions/_md-comp-radio-button.scss +62 -0
- package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +80 -0
- package/core/tokens/m3/definitions/_md-comp-slider.scss +110 -0
- package/core/tokens/m3/definitions/_md-comp-snackbar.scss +125 -0
- package/core/tokens/m3/definitions/_md-comp-switch.scss +130 -0
- package/core/tokens/m3/definitions/_md-comp-text-button.scss +73 -0
- package/core/tokens/m3/definitions/_md-ref-palette.scss +100 -0
- package/core/tokens/m3/definitions/_md-ref-typeface.scss +14 -0
- package/core/tokens/m3/definitions/_md-sys-color.scss +126 -0
- package/core/tokens/m3/definitions/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/definitions/_md-sys-motion.scss +46 -0
- package/core/tokens/m3/definitions/_md-sys-shape.scss +24 -0
- package/core/tokens/m3/definitions/_md-sys-state.scss +13 -0
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +308 -0
- package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +105 -0
- package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +54 -0
- package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +71 -0
- package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +29 -0
- package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +87 -0
- package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +248 -0
- package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +313 -0
- package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +19 -0
- package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +82 -0
- package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +86 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +54 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +54 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +60 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +58 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +58 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +58 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +60 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +269 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +94 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +274 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-button.scss +95 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +80 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +205 -0
- package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +109 -0
- package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +180 -0
- package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +31 -0
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +110 -0
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +162 -0
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +127 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +259 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +90 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +108 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +264 -0
- package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +117 -0
- package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +121 -0
- package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +19 -0
- package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +97 -0
- package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +91 -0
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +39 -0
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +28 -0
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +87 -0
- package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +94 -0
- package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +121 -0
- package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +222 -0
- package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +268 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +62 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +60 -0
- package/core/tokens/m3/mat/_app.scss +6 -3
- package/core/tokens/m3/mat/_autocomplete.scss +3 -4
- package/core/tokens/m3/mat/_badge.scss +18 -18
- package/core/tokens/m3/mat/_bottom-sheet.scss +4 -4
- package/core/tokens/m3/mat/_card.scss +4 -4
- package/core/tokens/m3/mat/_checkbox.scss +2 -2
- package/core/tokens/m3/mat/_chip.scss +5 -5
- package/core/tokens/m3/mat/_datepicker.scss +7 -7
- package/core/tokens/m3/mat/_dialog.scss +12 -11
- package/core/tokens/m3/mat/_divider.scss +3 -3
- package/core/tokens/m3/mat/_expansion.scss +7 -7
- package/core/tokens/m3/mat/_fab-small.scss +2 -2
- package/core/tokens/m3/mat/_fab.scss +2 -2
- package/core/tokens/m3/mat/_filled-button.scss +5 -5
- package/core/tokens/m3/mat/_form-field.scss +5 -5
- package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +2 -2
- package/core/tokens/m3/mat/_grid-list.scss +2 -2
- package/core/tokens/m3/mat/_icon-button.scss +2 -2
- package/core/tokens/m3/mat/_icon.scss +3 -3
- package/core/tokens/m3/mat/_list.scss +2 -2
- package/core/tokens/m3/mat/_menu.scss +12 -12
- package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +2 -2
- package/core/tokens/m3/mat/_optgroup.scss +3 -3
- package/core/tokens/m3/mat/_option.scss +2 -2
- package/core/tokens/m3/mat/_outlined-button.scss +5 -5
- package/core/tokens/m3/mat/_paginator.scss +3 -3
- package/core/tokens/m3/mat/_protected-button.scss +5 -5
- package/core/tokens/m3/mat/_radio.scss +2 -2
- package/core/tokens/m3/mat/_ripple.scss +2 -2
- package/core/tokens/m3/mat/_select.scss +4 -4
- package/core/tokens/m3/mat/_sidenav.scss +6 -5
- package/core/tokens/m3/mat/_slider.scss +12 -10
- package/core/tokens/m3/mat/_snack-bar.scss +2 -2
- package/core/tokens/m3/mat/_sort.scss +2 -2
- package/core/tokens/m3/mat/_standard-button-toggle.scss +6 -5
- package/core/tokens/m3/mat/_stepper.scss +3 -3
- package/core/tokens/m3/mat/_switch.scss +27 -22
- package/core/tokens/m3/mat/_tab-header.scss +4 -4
- package/core/tokens/m3/mat/_table.scss +7 -6
- package/core/tokens/m3/mat/_text-button.scss +6 -6
- package/core/tokens/m3/mat/_toolbar.scss +3 -3
- package/core/tokens/m3/mat/_tree.scss +2 -2
- package/core/tokens/m3/mdc/_checkbox.scss +10 -8
- package/core/tokens/m3/mdc/_chip.scss +12 -11
- package/core/tokens/m3/mdc/_circular-progress.scss +5 -4
- package/core/tokens/m3/mdc/_dialog.scss +4 -4
- package/core/tokens/m3/mdc/_elevated-card.scss +3 -3
- package/core/tokens/m3/mdc/_extended-fab.scss +9 -5
- package/core/tokens/m3/mdc/_fab-small.scss +8 -5
- package/core/tokens/m3/mdc/_fab.scss +6 -5
- package/core/tokens/m3/mdc/_filled-button.scss +6 -6
- package/core/tokens/m3/mdc/_filled-text-field.scss +7 -6
- package/core/tokens/m3/mdc/_icon-button.scss +10 -8
- package/core/tokens/m3/mdc/_linear-progress.scss +5 -4
- package/core/tokens/m3/mdc/_list.scss +3 -3
- package/core/tokens/m3/mdc/_outlined-button.scss +7 -6
- package/core/tokens/m3/mdc/_outlined-card.scss +3 -3
- package/core/tokens/m3/mdc/_outlined-text-field.scss +7 -6
- package/core/tokens/m3/mdc/_plain-tooltip.scss +3 -3
- package/core/tokens/m3/mdc/_protected-button.scss +6 -6
- package/core/tokens/m3/mdc/_radio.scss +4 -3
- package/core/tokens/m3/mdc/_secondary-navigation-tab.scss +4 -3
- package/core/tokens/m3/mdc/_slider.scss +4 -3
- package/core/tokens/m3/mdc/_snack-bar.scss +3 -3
- package/core/tokens/m3/mdc/_switch.scss +4 -3
- package/core/tokens/m3/mdc/_tab-indicator.scss +5 -4
- package/core/tokens/m3/mdc/_text-button.scss +6 -6
- package/esm2022/autocomplete/animations.mjs +1 -2
- package/esm2022/autocomplete/autocomplete-origin.mjs +4 -4
- package/esm2022/autocomplete/autocomplete-trigger.mjs +4 -4
- package/esm2022/autocomplete/autocomplete.mjs +5 -5
- package/esm2022/autocomplete/module.mjs +5 -5
- package/esm2022/badge/badge-module.mjs +5 -5
- package/esm2022/badge/badge.mjs +8 -8
- package/esm2022/bottom-sheet/bottom-sheet-container.mjs +5 -5
- package/esm2022/bottom-sheet/bottom-sheet-module.mjs +5 -5
- package/esm2022/bottom-sheet/bottom-sheet.mjs +4 -4
- package/esm2022/button/button-base.mjs +7 -7
- package/esm2022/button/button.mjs +9 -9
- package/esm2022/button/fab.mjs +17 -17
- package/esm2022/button/icon-button.mjs +9 -9
- package/esm2022/button/module.mjs +5 -5
- package/esm2022/button-toggle/button-toggle-module.mjs +5 -5
- package/esm2022/button-toggle/button-toggle.mjs +8 -8
- package/esm2022/card/card.mjs +44 -44
- package/esm2022/card/module.mjs +5 -5
- package/esm2022/checkbox/checkbox-config.mjs +2 -1
- package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
- package/esm2022/checkbox/checkbox.mjs +13 -7
- package/esm2022/checkbox/module.mjs +9 -9
- package/esm2022/chips/chip-action.mjs +4 -4
- package/esm2022/chips/chip-edit-input.mjs +4 -4
- package/esm2022/chips/chip-grid.mjs +4 -4
- package/esm2022/chips/chip-icons.mjs +10 -10
- package/esm2022/chips/chip-input.mjs +4 -4
- package/esm2022/chips/chip-listbox.mjs +4 -4
- package/esm2022/chips/chip-option.mjs +6 -6
- package/esm2022/chips/chip-row.mjs +7 -7
- package/esm2022/chips/chip-set.mjs +4 -4
- package/esm2022/chips/chip.mjs +7 -28
- package/esm2022/chips/module.mjs +5 -5
- package/esm2022/core/common-behaviors/common-module.mjs +5 -5
- package/esm2022/core/datetime/index.mjs +9 -9
- package/esm2022/core/datetime/native-date-adapter.mjs +4 -4
- package/esm2022/core/error/error-options.mjs +7 -7
- package/esm2022/core/internal-form-field/internal-form-field.mjs +4 -4
- package/esm2022/core/line/line.mjs +8 -8
- package/esm2022/core/option/index.mjs +5 -5
- package/esm2022/core/option/optgroup.mjs +5 -5
- package/esm2022/core/option/option.mjs +5 -5
- package/esm2022/core/private/ripple-loader.mjs +4 -4
- package/esm2022/core/ripple/index.mjs +5 -5
- package/esm2022/core/ripple/ripple.mjs +4 -4
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +5 -5
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/datepicker/calendar-body.mjs +5 -5
- package/esm2022/datepicker/calendar.mjs +8 -8
- package/esm2022/datepicker/date-range-input-parts.mjs +10 -10
- package/esm2022/datepicker/date-range-input.mjs +6 -6
- package/esm2022/datepicker/date-range-picker.mjs +4 -4
- package/esm2022/datepicker/date-range-selection-strategy.mjs +4 -4
- package/esm2022/datepicker/date-selection-model.mjs +10 -10
- package/esm2022/datepicker/datepicker-actions.mjs +10 -10
- package/esm2022/datepicker/datepicker-base.mjs +8 -8
- package/esm2022/datepicker/datepicker-input-base.mjs +4 -4
- package/esm2022/datepicker/datepicker-input.mjs +4 -4
- package/esm2022/datepicker/datepicker-intl.mjs +4 -4
- package/esm2022/datepicker/datepicker-module.mjs +5 -5
- package/esm2022/datepicker/datepicker-toggle.mjs +8 -8
- package/esm2022/datepicker/datepicker.mjs +4 -4
- package/esm2022/datepicker/month-view.mjs +4 -4
- package/esm2022/datepicker/multi-year-view.mjs +4 -4
- package/esm2022/datepicker/year-view.mjs +4 -4
- package/esm2022/dialog/dialog-container.mjs +5 -8
- package/esm2022/dialog/dialog-content-directives.mjs +16 -16
- package/esm2022/dialog/dialog.mjs +4 -4
- package/esm2022/dialog/module.mjs +5 -5
- package/esm2022/divider/divider-module.mjs +5 -5
- package/esm2022/divider/divider.mjs +5 -5
- package/esm2022/expansion/accordion.mjs +4 -4
- package/esm2022/expansion/expansion-module.mjs +5 -5
- package/esm2022/expansion/expansion-panel-content.mjs +4 -4
- package/esm2022/expansion/expansion-panel-header.mjs +11 -11
- package/esm2022/expansion/expansion-panel.mjs +9 -9
- package/esm2022/form-field/directives/error.mjs +4 -4
- package/esm2022/form-field/directives/floating-label.mjs +4 -4
- package/esm2022/form-field/directives/hint.mjs +4 -4
- package/esm2022/form-field/directives/label.mjs +4 -4
- package/esm2022/form-field/directives/line-ripple.mjs +4 -4
- package/esm2022/form-field/directives/notched-outline.mjs +4 -4
- package/esm2022/form-field/directives/prefix.mjs +4 -4
- package/esm2022/form-field/directives/suffix.mjs +4 -4
- package/esm2022/form-field/form-field-control.mjs +4 -4
- package/esm2022/form-field/form-field.mjs +9 -6
- package/esm2022/form-field/module.mjs +5 -5
- package/esm2022/grid-list/grid-list-module.mjs +5 -5
- package/esm2022/grid-list/grid-list.mjs +6 -6
- package/esm2022/grid-list/grid-tile.mjs +17 -17
- package/esm2022/icon/icon-module.mjs +5 -5
- package/esm2022/icon/icon-registry.mjs +4 -4
- package/esm2022/icon/icon.mjs +4 -4
- package/esm2022/icon/testing/fake-icon-registry.mjs +8 -8
- package/esm2022/input/input.mjs +39 -6
- package/esm2022/input/module.mjs +5 -5
- package/esm2022/list/action-list.mjs +5 -5
- package/esm2022/list/list-base.mjs +7 -7
- package/esm2022/list/list-item-sections.mjs +19 -19
- package/esm2022/list/list-module.mjs +5 -5
- package/esm2022/list/list-option.mjs +6 -6
- package/esm2022/list/list.mjs +8 -8
- package/esm2022/list/nav-list.mjs +5 -5
- package/esm2022/list/selection-list.mjs +6 -6
- package/esm2022/list/subheader.mjs +4 -4
- package/esm2022/list/testing/selection-list-harness.mjs +2 -2
- package/esm2022/menu/menu-content.mjs +4 -4
- package/esm2022/menu/menu-item.mjs +4 -4
- package/esm2022/menu/menu-trigger.mjs +4 -4
- package/esm2022/menu/menu.mjs +5 -5
- package/esm2022/menu/module.mjs +5 -5
- package/esm2022/paginator/module.mjs +5 -5
- package/esm2022/paginator/paginator-intl.mjs +4 -4
- package/esm2022/paginator/paginator.mjs +5 -5
- package/esm2022/progress-bar/module.mjs +5 -5
- package/esm2022/progress-bar/progress-bar.mjs +5 -5
- package/esm2022/progress-spinner/module.mjs +5 -5
- package/esm2022/progress-spinner/progress-spinner.mjs +5 -5
- package/esm2022/radio/module.mjs +5 -5
- package/esm2022/radio/radio.mjs +62 -24
- package/esm2022/select/module.mjs +5 -5
- package/esm2022/select/select.mjs +9 -9
- package/esm2022/sidenav/drawer.mjs +12 -12
- package/esm2022/sidenav/sidenav-module.mjs +5 -5
- package/esm2022/sidenav/sidenav.mjs +12 -12
- package/esm2022/slide-toggle/module.mjs +9 -9
- package/esm2022/slide-toggle/slide-toggle-config.mjs +2 -2
- package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +4 -4
- package/esm2022/slide-toggle/slide-toggle.mjs +17 -11
- package/esm2022/slider/module.mjs +5 -5
- package/esm2022/slider/slider-input.mjs +7 -7
- package/esm2022/slider/slider-thumb.mjs +4 -4
- package/esm2022/slider/slider.mjs +5 -5
- package/esm2022/snack-bar/module.mjs +5 -5
- package/esm2022/snack-bar/simple-snack-bar.mjs +4 -4
- package/esm2022/snack-bar/snack-bar-container.mjs +5 -5
- package/esm2022/snack-bar/snack-bar-content.mjs +10 -10
- package/esm2022/snack-bar/snack-bar.mjs +4 -4
- package/esm2022/sort/sort-header-intl.mjs +4 -4
- package/esm2022/sort/sort-header.mjs +5 -5
- package/esm2022/sort/sort-module.mjs +5 -5
- package/esm2022/sort/sort.mjs +4 -4
- package/esm2022/stepper/step-content.mjs +4 -4
- package/esm2022/stepper/step-header.mjs +5 -5
- package/esm2022/stepper/step-label.mjs +4 -4
- package/esm2022/stepper/stepper-button.mjs +7 -7
- package/esm2022/stepper/stepper-icon.mjs +4 -4
- package/esm2022/stepper/stepper-intl.mjs +4 -4
- package/esm2022/stepper/stepper-module.mjs +5 -5
- package/esm2022/stepper/stepper.mjs +8 -8
- package/esm2022/table/cell.mjs +22 -22
- package/esm2022/table/module.mjs +5 -5
- package/esm2022/table/row.mjs +22 -22
- package/esm2022/table/table.mjs +9 -9
- package/esm2022/table/text-column.mjs +4 -4
- package/esm2022/tabs/ink-bar.mjs +4 -4
- package/esm2022/tabs/module.mjs +5 -5
- package/esm2022/tabs/paginated-tab-header.mjs +4 -4
- package/esm2022/tabs/tab-body.mjs +7 -7
- package/esm2022/tabs/tab-content.mjs +4 -4
- package/esm2022/tabs/tab-group.mjs +6 -6
- package/esm2022/tabs/tab-header.mjs +5 -5
- package/esm2022/tabs/tab-label-wrapper.mjs +4 -4
- package/esm2022/tabs/tab-label.mjs +4 -4
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +12 -12
- package/esm2022/tabs/tab.mjs +4 -4
- package/esm2022/tabs/testing/tab-harness.mjs +2 -2
- package/esm2022/toolbar/toolbar-module.mjs +5 -5
- package/esm2022/toolbar/toolbar.mjs +8 -8
- package/esm2022/tooltip/module.mjs +5 -5
- package/esm2022/tooltip/tooltip.mjs +11 -8
- package/esm2022/tree/node.mjs +10 -10
- package/esm2022/tree/outlet.mjs +4 -4
- package/esm2022/tree/padding.mjs +4 -4
- package/esm2022/tree/toggle.mjs +4 -4
- package/esm2022/tree/tree-module.mjs +5 -5
- package/esm2022/tree/tree.mjs +5 -5
- package/fesm2022/autocomplete.mjs +14 -15
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge.mjs +11 -11
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +11 -11
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +11 -11
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +42 -42
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +47 -47
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +24 -17
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +48 -69
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +62 -62
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +88 -88
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog.mjs +26 -29
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider.mjs +8 -8
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion.mjs +28 -28
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +39 -36
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +25 -25
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +7 -7
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +10 -10
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input.mjs +42 -9
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list/testing.mjs +1 -1
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +56 -56
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +17 -17
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +11 -11
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +8 -8
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +8 -8
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +65 -27
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +12 -12
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +26 -26
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +28 -22
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +17 -17
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +23 -23
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort.mjs +14 -14
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +33 -33
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +57 -57
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +48 -48
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +11 -11
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +14 -11
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree.mjs +26 -26
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-focus-overlay.scss +1 -1
- package/form-field/_mdc-text-field-density-overrides.scss +4 -4
- package/form-field/_mdc-text-field-structure.scss +6 -6
- package/input/index.d.ts +13 -1
- package/list/testing/index.d.ts +1 -1
- package/package.json +3 -51
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/radio/_radio-common.scss +26 -8
- package/radio/index.d.ts +19 -5
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/slide-toggle/index.d.ts +6 -1
- package/tabs/testing/index.d.ts +1 -1
- package/tooltip/index.d.ts +5 -0
- package/core/mdc-helpers/_mdc-helpers.scss +0 -60
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, checkbox);
|
|
@@ -11,7 +11,7 @@ $prefix: (mdc, checkbox);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC checkbox
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$mdc-tokens: token-
|
|
14
|
+
$mdc-tokens: token-definition.get-mdc-tokens('checkbox', $systems, $exclude-hardcoded);
|
|
15
15
|
$variant-tokens: (
|
|
16
16
|
primary: (), // Default, no overrides needed
|
|
17
17
|
secondary: (
|
|
@@ -55,11 +55,11 @@ $prefix: (mdc, checkbox);
|
|
|
55
55
|
)
|
|
56
56
|
);
|
|
57
57
|
|
|
58
|
-
@return token-
|
|
58
|
+
@return token-definition.namespace-tokens(
|
|
59
59
|
$prefix,
|
|
60
60
|
(
|
|
61
61
|
_fix-tokens($mdc-tokens),
|
|
62
|
-
token-
|
|
62
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
|
|
63
63
|
),
|
|
64
64
|
$token-slots
|
|
65
65
|
);
|
|
@@ -75,7 +75,7 @@ $prefix: (mdc, checkbox);
|
|
|
75
75
|
@function _fix-tokens($tokens) {
|
|
76
76
|
// Need to get the hardcoded values, because they include opacities that are used for the disabled
|
|
77
77
|
// state.
|
|
78
|
-
$hardcoded-tokens: token-
|
|
78
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('checkbox', (), false);
|
|
79
79
|
|
|
80
80
|
$rename-keys: (
|
|
81
81
|
selected-icon-color: selected-checkmark-color,
|
|
@@ -94,10 +94,12 @@ $prefix: (mdc, checkbox);
|
|
|
94
94
|
unselected-pressed-outline-color: unselected-pressed-icon-color
|
|
95
95
|
);
|
|
96
96
|
|
|
97
|
-
$remapped-tokens: token-
|
|
98
|
-
$remapped-hardcoded-tokens:
|
|
97
|
+
$remapped-tokens: token-definition.rename-map-keys($tokens, $rename-keys);
|
|
98
|
+
$remapped-hardcoded-tokens:
|
|
99
|
+
token-definition.rename-map-keys($hardcoded-tokens, $rename-keys);
|
|
99
100
|
|
|
100
|
-
@return token-
|
|
101
|
+
@return token-definition.combine-color-tokens(
|
|
102
|
+
$remapped-tokens, $remapped-hardcoded-tokens, (
|
|
101
103
|
(
|
|
102
104
|
color: disabled-selected-icon-color,
|
|
103
105
|
opacity: disabled-selected-icon-opacity,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/sass-utils';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, chip);
|
|
@@ -14,16 +14,16 @@ $prefix: (mdc, chip);
|
|
|
14
14
|
// MDC has a chip component, but they seem to have made up the tokens rather than using ones
|
|
15
15
|
// generated from the token database, therefore we need a custom token function for it.
|
|
16
16
|
$tokens: sass-utils.merge-all(
|
|
17
|
-
token-
|
|
17
|
+
token-definition.generate-typography-tokens($systems, label-text, label-large),
|
|
18
18
|
(
|
|
19
|
-
container-shape-radius: token-
|
|
20
|
-
with-avatar-avatar-size: token-
|
|
19
|
+
container-shape-radius: token-definition.hardcode(8px, $exclude-hardcoded),
|
|
20
|
+
with-avatar-avatar-size: token-definition.hardcode(24px, $exclude-hardcoded),
|
|
21
21
|
label-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
22
22
|
disabled-label-text-color: sass-utils.safe-color-change(
|
|
23
23
|
map.get($systems, md-sys-color, on-surface),
|
|
24
24
|
$alpha: 0.38,
|
|
25
25
|
),
|
|
26
|
-
with-icon-icon-size: token-
|
|
26
|
+
with-icon-icon-size: token-definition.hardcode(18px, $exclude-hardcoded),
|
|
27
27
|
with-icon-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
28
28
|
with-icon-disabled-icon-color: map.get($systems, md-sys-color, on-surface),
|
|
29
29
|
with-icon-selected-icon-color: map.get($systems, md-sys-color, on-secondary-container),
|
|
@@ -31,7 +31,7 @@ $prefix: (mdc, chip);
|
|
|
31
31
|
with-trailing-icon-disabled-trailing-icon-color: map.get($systems, md-sys-color, on-surface),
|
|
32
32
|
focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
|
|
33
33
|
focus-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
34
|
-
outline-width: token-
|
|
34
|
+
outline-width: token-definition.hardcode(1px, $exclude-hardcoded),
|
|
35
35
|
outline-color: map.get($systems, md-sys-color, outline),
|
|
36
36
|
disabled-outline-color: sass-utils.safe-color-change(
|
|
37
37
|
map.get($systems, md-sys-color, on-surface),
|
|
@@ -40,9 +40,10 @@ $prefix: (mdc, chip);
|
|
|
40
40
|
focus-outline-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
41
41
|
hover-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
42
42
|
hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
|
|
43
|
-
with-avatar-disabled-avatar-opacity:
|
|
43
|
+
with-avatar-disabled-avatar-opacity:
|
|
44
|
+
token-definition.hardcode(0.38, $exclude-hardcoded),
|
|
44
45
|
elevated-selected-container-color: map.get($systems, md-sys-color, secondary-container),
|
|
45
|
-
flat-selected-outline-width: token-
|
|
46
|
+
flat-selected-outline-width: token-definition.hardcode(0, $exclude-hardcoded),
|
|
46
47
|
selected-label-text-color: map.get($systems, md-sys-color, on-secondary-container),
|
|
47
48
|
flat-disabled-selected-container-color: sass-utils.safe-color-change(
|
|
48
49
|
map.get($systems, md-sys-color, on-surface),
|
|
@@ -54,9 +55,9 @@ $prefix: (mdc, chip);
|
|
|
54
55
|
selected-focus-state-layer-color: map.get($systems, md-sys-color, on-secondary-container),
|
|
55
56
|
selected-focus-state-layer-opacity:
|
|
56
57
|
map.get($systems, md-sys-state, focus-state-layer-opacity),
|
|
57
|
-
with-icon-disabled-icon-opacity: token-
|
|
58
|
+
with-icon-disabled-icon-opacity: token-definition.hardcode(0.38, $exclude-hardcoded),
|
|
58
59
|
with-trailing-icon-disabled-trailing-icon-opacity:
|
|
59
|
-
token-
|
|
60
|
+
token-definition.hardcode(0.38, $exclude-hardcoded),
|
|
60
61
|
),
|
|
61
62
|
), (
|
|
62
63
|
// Color variants:
|
|
@@ -84,5 +85,5 @@ $prefix: (mdc, chip);
|
|
|
84
85
|
)
|
|
85
86
|
);
|
|
86
87
|
|
|
87
|
-
@return token-
|
|
88
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
88
89
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
|
|
4
4
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
5
|
$prefix: (mdc, circular-progress);
|
|
@@ -10,8 +10,8 @@ $prefix: (mdc, circular-progress);
|
|
|
10
10
|
/// @param {Map} $token-slots Possible token slots
|
|
11
11
|
/// @return {Map} A set of tokens for the MDC circular-progress
|
|
12
12
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$mdc-tokens:
|
|
14
|
-
|
|
13
|
+
$mdc-tokens: token-definition.get-mdc-tokens(
|
|
14
|
+
'circular-progress-indicator', $systems, $exclude-hardcoded);
|
|
15
15
|
$variant-tokens: (
|
|
16
16
|
primary: (), // Default, no overrides needed
|
|
17
17
|
secondary: (
|
|
@@ -25,5 +25,6 @@ $prefix: (mdc, circular-progress);
|
|
|
25
25
|
)
|
|
26
26
|
);
|
|
27
27
|
|
|
28
|
-
@return token-
|
|
28
|
+
@return token-definition.namespace-tokens(
|
|
29
|
+
$prefix, ($mdc-tokens, $variant-tokens), $token-slots);
|
|
29
30
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
|
|
3
3
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
4
4
|
$prefix: (mdc, dialog);
|
|
@@ -9,8 +9,8 @@ $prefix: (mdc, dialog);
|
|
|
9
9
|
/// @param {Map} $token-slots Possible token slots
|
|
10
10
|
/// @return {Map} A set of tokens for the MDC dialog
|
|
11
11
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
12
|
-
$tokens: token-
|
|
13
|
-
$tokens: token-
|
|
12
|
+
$tokens: token-definition.get-mdc-tokens('dialog', $systems, $exclude-hardcoded);
|
|
13
|
+
$tokens: token-definition.rename-map-keys($tokens, (
|
|
14
14
|
headline-color: subhead-color,
|
|
15
15
|
headline-font: subhead-font,
|
|
16
16
|
headline-line-height: subhead-line-height,
|
|
@@ -19,5 +19,5 @@ $prefix: (mdc, dialog);
|
|
|
19
19
|
headline-weight: subhead-weight,
|
|
20
20
|
));
|
|
21
21
|
|
|
22
|
-
@return token-
|
|
22
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
23
23
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/elevation';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, elevated-card);
|
|
@@ -11,12 +11,12 @@ $prefix: (mdc, elevated-card);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC elevated-card
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: token-
|
|
14
|
+
$tokens: token-definition.get-mdc-tokens('elevated-card', $systems, $exclude-hardcoded);
|
|
15
15
|
$elevation: map.get($tokens, container-elevation);
|
|
16
16
|
|
|
17
17
|
@if ($elevation != null) {
|
|
18
18
|
$tokens: map.set($tokens, container-elevation, elevation.get-box-shadow($elevation));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
@return token-
|
|
21
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
22
22
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/elevation';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, extended-fab);
|
|
@@ -11,7 +11,8 @@ $prefix: (mdc, extended-fab);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC extended-fab
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens:
|
|
14
|
+
$tokens:
|
|
15
|
+
token-definition.get-mdc-tokens('extended-fab-primary', $systems, $exclude-hardcoded);
|
|
15
16
|
$elevation-tokens: (
|
|
16
17
|
container-elevation,
|
|
17
18
|
focus-container-elevation,
|
|
@@ -30,9 +31,12 @@ $prefix: (mdc, extended-fab);
|
|
|
30
31
|
$variant-tokens: (
|
|
31
32
|
// Color variants
|
|
32
33
|
primary: (), // Default, no overrides needed.
|
|
33
|
-
secondary: token-
|
|
34
|
-
|
|
34
|
+
secondary: token-definition.get-mdc-tokens(
|
|
35
|
+
'extended-fab-secondary', $systems, $exclude-hardcoded),
|
|
36
|
+
tertiary: token-definition.get-mdc-tokens(
|
|
37
|
+
'extended-fab-tertiary', $systems, $exclude-hardcoded)
|
|
35
38
|
);
|
|
36
39
|
|
|
37
|
-
@return token-
|
|
40
|
+
@return token-definition.namespace-tokens(
|
|
41
|
+
$prefix, ($tokens, $variant-tokens), $token-slots);
|
|
38
42
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/elevation';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, fab-small);
|
|
@@ -11,7 +11,7 @@ $prefix: (mdc, fab-small);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC fab-small
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: token-
|
|
14
|
+
$tokens: token-definition.get-mdc-tokens('fab-primary-small', $systems, $exclude-hardcoded);
|
|
15
15
|
$elevation-tokens: (
|
|
16
16
|
container-elevation,
|
|
17
17
|
focus-container-elevation,
|
|
@@ -30,9 +30,12 @@ $prefix: (mdc, fab-small);
|
|
|
30
30
|
$variant-tokens: (
|
|
31
31
|
// Color variants
|
|
32
32
|
primary: (), // Default, no overrides needed.
|
|
33
|
-
secondary: token-
|
|
34
|
-
|
|
33
|
+
secondary: token-definition.get-mdc-tokens(
|
|
34
|
+
'fab-secondary-small', $systems, $exclude-hardcoded),
|
|
35
|
+
tertiary: token-definition.get-mdc-tokens(
|
|
36
|
+
'fab-tertiary-small', $systems, $exclude-hardcoded)
|
|
35
37
|
);
|
|
36
38
|
|
|
37
|
-
@return token-
|
|
39
|
+
@return token-definition.namespace-tokens(
|
|
40
|
+
$prefix, ($tokens, $variant-tokens), $token-slots);
|
|
38
41
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/elevation';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, fab);
|
|
@@ -11,7 +11,7 @@ $prefix: (mdc, fab);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC fab
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: token-
|
|
14
|
+
$tokens: token-definition.get-mdc-tokens('fab-primary', $systems, $exclude-hardcoded);
|
|
15
15
|
$elevation-tokens: (
|
|
16
16
|
container-elevation,
|
|
17
17
|
focus-container-elevation,
|
|
@@ -30,9 +30,10 @@ $prefix: (mdc, fab);
|
|
|
30
30
|
$variant-tokens: (
|
|
31
31
|
// Color variants
|
|
32
32
|
primary: (), // Default, no overrides needed.
|
|
33
|
-
secondary: token-
|
|
34
|
-
tertiary: token-
|
|
33
|
+
secondary: token-definition.get-mdc-tokens('fab-secondary', $systems, $exclude-hardcoded),
|
|
34
|
+
tertiary: token-definition.get-mdc-tokens('fab-tertiary', $systems, $exclude-hardcoded)
|
|
35
35
|
);
|
|
36
36
|
|
|
37
|
-
@return token-
|
|
37
|
+
@return token-definition.namespace-tokens(
|
|
38
|
+
$prefix, ($tokens, $variant-tokens), $token-slots);
|
|
38
39
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, filled-button);
|
|
@@ -11,7 +11,7 @@ $prefix: (mdc, filled-button);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC filled-button
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$mdc-tokens: token-
|
|
14
|
+
$mdc-tokens: token-definition.get-mdc-tokens('filled-button', $systems, $exclude-hardcoded);
|
|
15
15
|
$variant-tokens: (
|
|
16
16
|
primary: (), // Default, no overrides needed.
|
|
17
17
|
secondary: (
|
|
@@ -58,9 +58,9 @@ $prefix: (mdc, filled-button);
|
|
|
58
58
|
)
|
|
59
59
|
);
|
|
60
60
|
|
|
61
|
-
@return token-
|
|
61
|
+
@return token-definition.namespace-tokens($prefix, (
|
|
62
62
|
_fix-tokens($mdc-tokens),
|
|
63
|
-
token-
|
|
63
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
|
|
64
64
|
), $token-slots);
|
|
65
65
|
}
|
|
66
66
|
|
|
@@ -71,9 +71,9 @@ $prefix: (mdc, filled-button);
|
|
|
71
71
|
@function _fix-tokens($initial-tokens) {
|
|
72
72
|
// Need to get the hardcoded values, because they include opacities that are used for the disabled
|
|
73
73
|
// state.
|
|
74
|
-
$hardcoded-tokens: token-
|
|
74
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('filled-button', (), false);
|
|
75
75
|
|
|
76
|
-
@return token-
|
|
76
|
+
@return token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
|
|
77
77
|
(
|
|
78
78
|
color: disabled-label-text-color,
|
|
79
79
|
opacity: disabled-label-text-opacity,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
3
|
@use 'sass:list';
|
|
4
|
-
@use '../../token-
|
|
4
|
+
@use '../../token-definition';
|
|
5
5
|
|
|
6
6
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
7
7
|
$prefix: (mdc, filled-text-field);
|
|
@@ -12,7 +12,8 @@ $prefix: (mdc, filled-text-field);
|
|
|
12
12
|
/// @param {Map} $token-slots Possible token slots
|
|
13
13
|
/// @return {Map} A set of tokens for the MDC filled-text-field
|
|
14
14
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
15
|
-
$mdc-tokens: token-
|
|
15
|
+
$mdc-tokens: token-definition.get-mdc-tokens(
|
|
16
|
+
'filled-text-field', $systems, $exclude-hardcoded);
|
|
16
17
|
$variant-tokens: (
|
|
17
18
|
primary: (), // Default, no overrides needed
|
|
18
19
|
secondary: (
|
|
@@ -32,9 +33,9 @@ $prefix: (mdc, filled-text-field);
|
|
|
32
33
|
),
|
|
33
34
|
);
|
|
34
35
|
|
|
35
|
-
@return token-
|
|
36
|
+
@return token-definition.namespace-tokens($prefix, (
|
|
36
37
|
_fix-tokens($mdc-tokens),
|
|
37
|
-
token-
|
|
38
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
|
|
38
39
|
), $token-slots);
|
|
39
40
|
}
|
|
40
41
|
|
|
@@ -46,9 +47,9 @@ $prefix: (mdc, filled-text-field);
|
|
|
46
47
|
@function _fix-tokens($initial-tokens) {
|
|
47
48
|
// Need to get the hardcoded values, because they include opacities that are used for the disabled
|
|
48
49
|
// state.
|
|
49
|
-
$hardcoded-tokens: token-
|
|
50
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('filled-text-field', (), false);
|
|
50
51
|
|
|
51
|
-
$tokens: token-
|
|
52
|
+
$tokens: token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
|
|
52
53
|
(
|
|
53
54
|
color: disabled-active-indicator-color,
|
|
54
55
|
opacity: disabled-active-indicator-opacity
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, icon-button);
|
|
@@ -11,7 +11,7 @@ $prefix: (mdc, icon-button);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC icon-button
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: token-
|
|
14
|
+
$tokens: token-definition.get-mdc-tokens('icon-button', $systems, $exclude-hardcoded);
|
|
15
15
|
$variant-tokens: (
|
|
16
16
|
primary: (
|
|
17
17
|
icon-color: map.get($systems, md-sys-color, primary)
|
|
@@ -27,9 +27,9 @@ $prefix: (mdc, icon-button);
|
|
|
27
27
|
)
|
|
28
28
|
);
|
|
29
29
|
|
|
30
|
-
@return token-
|
|
30
|
+
@return token-definition.namespace-tokens($prefix, (
|
|
31
31
|
_fix-tokens($tokens),
|
|
32
|
-
token-
|
|
32
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
|
|
33
33
|
), $token-slots);
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -40,16 +40,18 @@ $prefix: (mdc, icon-button);
|
|
|
40
40
|
@function _fix-tokens($tokens) {
|
|
41
41
|
// Need to get the hardcoded values, because they include opacities that are used for the disabled
|
|
42
42
|
// state.
|
|
43
|
-
$hardcoded-tokens: token-
|
|
43
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('icon-button', (), false);
|
|
44
44
|
|
|
45
45
|
$rename-keys: (
|
|
46
46
|
unselected-icon-color: icon-color,
|
|
47
47
|
);
|
|
48
48
|
|
|
49
|
-
$remapped-tokens: token-
|
|
50
|
-
$remapped-hardcoded-tokens:
|
|
49
|
+
$remapped-tokens: token-definition.rename-map-keys($tokens, $rename-keys);
|
|
50
|
+
$remapped-hardcoded-tokens:
|
|
51
|
+
token-definition.rename-map-keys($hardcoded-tokens, $rename-keys);
|
|
51
52
|
|
|
52
|
-
@return token-
|
|
53
|
+
@return token-definition.combine-color-tokens(
|
|
54
|
+
$remapped-tokens, $remapped-hardcoded-tokens, (
|
|
53
55
|
(
|
|
54
56
|
color: disabled-icon-color,
|
|
55
57
|
opacity: disabled-icon-opacity,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
|
|
4
4
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
5
|
$prefix: (mdc, linear-progress);
|
|
@@ -10,8 +10,8 @@ $prefix: (mdc, linear-progress);
|
|
|
10
10
|
/// @param {Map} $token-slots Possible token slots
|
|
11
11
|
/// @return {Map} A set of tokens for the MDC linear-progress
|
|
12
12
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$mdc-tokens:
|
|
14
|
-
|
|
13
|
+
$mdc-tokens: token-definition.get-mdc-tokens(
|
|
14
|
+
'linear-progress-indicator', $systems, $exclude-hardcoded);
|
|
15
15
|
$variant-tokens: (
|
|
16
16
|
primary: (), // Default, no overrides needed
|
|
17
17
|
secondary: (
|
|
@@ -28,5 +28,6 @@ $prefix: (mdc, linear-progress);
|
|
|
28
28
|
),
|
|
29
29
|
);
|
|
30
30
|
|
|
31
|
-
@return token-
|
|
31
|
+
@return token-definition.namespace-tokens(
|
|
32
|
+
$prefix, ($mdc-tokens, $variant-tokens), $token-slots);
|
|
32
33
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
|
|
4
4
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
5
5
|
$prefix: (mdc, list);
|
|
@@ -10,9 +10,9 @@ $prefix: (mdc, list);
|
|
|
10
10
|
/// @param {Map} $token-slots Possible token slots
|
|
11
11
|
/// @return {Map} A set of tokens for the MDC list
|
|
12
12
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
|
-
$mdc-tokens: token-
|
|
13
|
+
$mdc-tokens: token-definition.get-mdc-tokens('list', $systems, $exclude-hardcoded);
|
|
14
14
|
|
|
15
|
-
@return token-
|
|
15
|
+
@return token-definition.namespace-tokens($prefix, _fix-tokens($mdc-tokens), $token-slots);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
/// Fixes values in the list tokens that are inconsistent with its usage.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, outlined-button);
|
|
@@ -11,7 +11,8 @@ $prefix: (mdc, outlined-button);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC outlined-button
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$mdc-tokens: token-
|
|
14
|
+
$mdc-tokens: token-definition.get-mdc-tokens(
|
|
15
|
+
'outlined-button', $systems, $exclude-hardcoded);
|
|
15
16
|
$variant-tokens: (
|
|
16
17
|
primary: (), // Default, no overrides needed.
|
|
17
18
|
secondary: (
|
|
@@ -58,9 +59,9 @@ $prefix: (mdc, outlined-button);
|
|
|
58
59
|
)
|
|
59
60
|
);
|
|
60
61
|
|
|
61
|
-
@return token-
|
|
62
|
+
@return token-definition.namespace-tokens($prefix, (
|
|
62
63
|
_fix-tokens($mdc-tokens),
|
|
63
|
-
token-
|
|
64
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
|
|
64
65
|
), $token-slots);
|
|
65
66
|
}
|
|
66
67
|
|
|
@@ -68,9 +69,9 @@ $prefix: (mdc, outlined-button);
|
|
|
68
69
|
/// @param {Map} $initial-tokens Map of outlined button tokens currently being generated.
|
|
69
70
|
/// @return {Map} The given tokens, with the invalid values replaced with valid ones.
|
|
70
71
|
@function _fix-tokens($initial-tokens) {
|
|
71
|
-
$hardcoded-tokens: token-
|
|
72
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('outlined-button', (), false);
|
|
72
73
|
|
|
73
|
-
@return token-
|
|
74
|
+
@return token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
|
|
74
75
|
(
|
|
75
76
|
color: disabled-label-text-color,
|
|
76
77
|
opacity: disabled-label-text-opacity,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/elevation';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, outlined-card);
|
|
@@ -11,12 +11,12 @@ $prefix: (mdc, outlined-card);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC outlined-card
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$tokens: token-
|
|
14
|
+
$tokens: token-definition.get-mdc-tokens('outlined-card', $systems, $exclude-hardcoded);
|
|
15
15
|
$elevation: map.get($tokens, container-elevation);
|
|
16
16
|
|
|
17
17
|
@if ($elevation != null) {
|
|
18
18
|
$tokens: map.set($tokens, container-elevation, elevation.get-box-shadow($elevation));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
@return token-
|
|
21
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
22
22
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
|
|
5
5
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
6
|
$prefix: (mdc, outlined-text-field);
|
|
@@ -11,7 +11,8 @@ $prefix: (mdc, outlined-text-field);
|
|
|
11
11
|
/// @param {Map} $token-slots Possible token slots
|
|
12
12
|
/// @return {Map} A set of tokens for the MDC outlined-text-field
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$mdc-tokens: token-
|
|
14
|
+
$mdc-tokens: token-definition.get-mdc-tokens(
|
|
15
|
+
'outlined-text-field', $systems, $exclude-hardcoded);
|
|
15
16
|
$variant-tokens: (
|
|
16
17
|
primary: (), // Default, no overrides needed
|
|
17
18
|
secondary: (
|
|
@@ -31,9 +32,9 @@ $prefix: (mdc, outlined-text-field);
|
|
|
31
32
|
),
|
|
32
33
|
);
|
|
33
34
|
|
|
34
|
-
@return token-
|
|
35
|
+
@return token-definition.namespace-tokens($prefix, (
|
|
35
36
|
_fix-tokens($mdc-tokens),
|
|
36
|
-
token-
|
|
37
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
|
|
37
38
|
), $token-slots);
|
|
38
39
|
}
|
|
39
40
|
|
|
@@ -46,9 +47,9 @@ $prefix: (mdc, outlined-text-field);
|
|
|
46
47
|
@function _fix-tokens($initial-tokens) {
|
|
47
48
|
// Need to get the hardcoded values, because they include opacities that are used for the disabled
|
|
48
49
|
// state.
|
|
49
|
-
$hardcoded-tokens: token-
|
|
50
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('outlined-text-field', (), false);
|
|
50
51
|
|
|
51
|
-
@return token-
|
|
52
|
+
@return token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
|
|
52
53
|
(
|
|
53
54
|
color: disabled-outline-color,
|
|
54
55
|
opacity: disabled-outline-opacity
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
|
|
3
3
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
4
4
|
$prefix: (mdc, plain-tooltip);
|
|
@@ -9,7 +9,7 @@ $prefix: (mdc, plain-tooltip);
|
|
|
9
9
|
/// @param {Map} $token-slots Possible token slots
|
|
10
10
|
/// @return {Map} A set of tokens for the MDC plain-tooltip
|
|
11
11
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
12
|
-
$mdc-tokens: token-
|
|
12
|
+
$mdc-tokens: token-definition.get-mdc-tokens('plain-tooltip', $systems, $exclude-hardcoded);
|
|
13
13
|
|
|
14
|
-
@return token-
|
|
14
|
+
@return token-definition.namespace-tokens($prefix, $mdc-tokens, $token-slots);
|
|
15
15
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
3
|
@use '../../../style/elevation';
|
|
4
|
-
@use '../../token-
|
|
4
|
+
@use '../../token-definition';
|
|
5
5
|
|
|
6
6
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
7
7
|
$prefix: (mdc, protected-button);
|
|
@@ -13,7 +13,7 @@ $prefix: (mdc, protected-button);
|
|
|
13
13
|
/// @return {Map} A set of tokens for the MDC protected-button
|
|
14
14
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
15
15
|
// Note: in M3 the "protected" button is called "elevated".
|
|
16
|
-
$tokens: token-
|
|
16
|
+
$tokens: token-definition.get-mdc-tokens('elevated-button', $systems, $exclude-hardcoded);
|
|
17
17
|
$variant-tokens: (
|
|
18
18
|
primary: (), // Default, no overrides needed.
|
|
19
19
|
secondary: (
|
|
@@ -57,9 +57,9 @@ $prefix: (mdc, protected-button);
|
|
|
57
57
|
)
|
|
58
58
|
);
|
|
59
59
|
|
|
60
|
-
@return token-
|
|
60
|
+
@return token-definition.namespace-tokens($prefix, (
|
|
61
61
|
_fix-tokens($tokens),
|
|
62
|
-
token-
|
|
62
|
+
token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens)),
|
|
63
63
|
), $token-slots);
|
|
64
64
|
}
|
|
65
65
|
|
|
@@ -70,7 +70,7 @@ $prefix: (mdc, protected-button);
|
|
|
70
70
|
@function _fix-tokens($initial-tokens) {
|
|
71
71
|
// Need to get the hardcoded values, because they include
|
|
72
72
|
// opacities that are used for the disabled state.
|
|
73
|
-
$hardcoded-tokens: token-
|
|
73
|
+
$hardcoded-tokens: token-definition.get-mdc-tokens('elevated-button', (), false);
|
|
74
74
|
$tokens: $initial-tokens;
|
|
75
75
|
$elevation-tokens: (
|
|
76
76
|
container-elevation,
|
|
@@ -88,7 +88,7 @@ $prefix: (mdc, protected-button);
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
@return token-
|
|
91
|
+
@return token-definition.combine-color-tokens($tokens, $hardcoded-tokens, (
|
|
92
92
|
(
|
|
93
93
|
color: disabled-label-text-color,
|
|
94
94
|
opacity: disabled-label-text-opacity,
|