@angular/material 18.1.2 → 18.1.4
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/button/_button-base.scss +5 -5
- package/checkbox/_checkbox-common.scss +9 -11
- package/chips/index.d.ts +3 -8
- package/core/ripple/_ripple.scss +1 -1
- package/core/theming/_definition.scss +2 -0
- package/core/tokens/_m3-tokens.scss +4 -2
- package/core/tokens/_token-definition.scss +266 -0
- package/core/tokens/_token-utils.scss +7 -265
- 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 -6
- package/core/tokens/m2/mat/_fab.scss +7 -6
- package/core/tokens/m2/mat/_filled-button.scss +7 -6
- package/core/tokens/m2/mat/_form-field.scss +4 -4
- 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 -6
- 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 -6
- 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 -6
- 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 -6
- 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/mat/_app.scss +2 -2
- 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 +16 -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/autocomplete-origin.mjs +4 -4
- package/esm2022/autocomplete/autocomplete-trigger.mjs +4 -4
- package/esm2022/autocomplete/autocomplete.mjs +4 -4
- package/esm2022/autocomplete/module.mjs +5 -5
- package/esm2022/badge/badge-module.mjs +5 -5
- package/esm2022/badge/badge.mjs +7 -7
- package/esm2022/bottom-sheet/bottom-sheet-container.mjs +4 -4
- 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 +7 -7
- package/esm2022/button/fab.mjs +13 -13
- package/esm2022/button/icon-button.mjs +7 -7
- 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 +43 -43
- package/esm2022/card/module.mjs +5 -5
- package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
- package/esm2022/checkbox/checkbox.mjs +4 -4
- 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 +6 -27
- 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 +4 -4
- package/esm2022/core/option/option.mjs +4 -4
- 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 +4 -4
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/datepicker/calendar-body.mjs +4 -4
- package/esm2022/datepicker/calendar.mjs +7 -7
- package/esm2022/datepicker/date-range-input-parts.mjs +10 -10
- package/esm2022/datepicker/date-range-input.mjs +4 -4
- 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 +7 -7
- 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 +7 -7
- 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 -5
- 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 +4 -4
- 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 +10 -10
- package/esm2022/expansion/expansion-panel.mjs +7 -7
- 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 +4 -4
- 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 +4 -4
- package/esm2022/grid-list/grid-tile.mjs +16 -16
- 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 +4 -4
- package/esm2022/input/module.mjs +5 -5
- package/esm2022/list/action-list.mjs +4 -4
- 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 +4 -4
- package/esm2022/list/list.mjs +7 -7
- package/esm2022/list/nav-list.mjs +4 -4
- package/esm2022/list/selection-list.mjs +4 -4
- package/esm2022/list/subheader.mjs +4 -4
- 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 +4 -4
- 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 +4 -4
- package/esm2022/progress-bar/module.mjs +5 -5
- package/esm2022/progress-bar/progress-bar.mjs +4 -4
- package/esm2022/progress-spinner/module.mjs +5 -5
- package/esm2022/progress-spinner/progress-spinner.mjs +4 -4
- package/esm2022/radio/module.mjs +5 -5
- package/esm2022/radio/radio.mjs +7 -7
- package/esm2022/select/module.mjs +5 -5
- package/esm2022/select/select.mjs +7 -7
- package/esm2022/sidenav/drawer.mjs +11 -11
- package/esm2022/sidenav/sidenav-module.mjs +5 -5
- package/esm2022/sidenav/sidenav.mjs +10 -10
- package/esm2022/slide-toggle/module.mjs +9 -9
- package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +4 -4
- package/esm2022/slide-toggle/slide-toggle.mjs +6 -6
- 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 +4 -4
- 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 +4 -4
- 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 +4 -4
- 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 +4 -4
- 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 +7 -7
- 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 +7 -7
- 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 +4 -4
- package/esm2022/tabs/tab-header.mjs +4 -4
- 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 +10 -10
- package/esm2022/tabs/tab.mjs +4 -4
- package/esm2022/toolbar/toolbar-module.mjs +5 -5
- package/esm2022/toolbar/toolbar.mjs +7 -7
- package/esm2022/tooltip/module.mjs +5 -5
- package/esm2022/tooltip/tooltip.mjs +7 -7
- 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 +4 -4
- package/fesm2022/autocomplete.mjs +13 -13
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge.mjs +10 -10
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +10 -10
- 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 +34 -34
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -46
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +14 -14
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +47 -68
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +59 -59
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +82 -82
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog.mjs +26 -26
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider.mjs +7 -7
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion.mjs +25 -25
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +34 -34
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +22 -22
- 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 +7 -7
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list.mjs +49 -49
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +16 -16
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +10 -10
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +7 -7
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +7 -7
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +10 -10
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +10 -10
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +23 -23
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +16 -16
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +16 -16
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +22 -22
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort.mjs +13 -13
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +31 -31
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -55
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs.mjs +43 -43
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -10
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +10 -10
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree.mjs +25 -25
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_mdc-text-field-density-overrides.scss +4 -4
- package/form-field/_mdc-text-field-structure.scss +6 -6
- package/package.json +2 -2
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/radio/_radio-common.scss +5 -5
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
- package/schematics/ng-update/index_bundled.js +31 -31
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -42,8 +42,8 @@ $prefix: (mat, full-pseudo-checkbox);
|
|
|
42
42
|
@function get-token-slots() {
|
|
43
43
|
@return sass-utils.deep-merge-all(
|
|
44
44
|
get-unthemable-tokens(),
|
|
45
|
-
get-color-tokens(token-
|
|
46
|
-
get-typography-tokens(token-
|
|
47
|
-
get-density-tokens(token-
|
|
45
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
46
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
47
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
48
48
|
);
|
|
49
49
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -39,8 +39,8 @@ $prefix: (mat, grid-list);
|
|
|
39
39
|
@function get-token-slots() {
|
|
40
40
|
@return sass-utils.deep-merge-all(
|
|
41
41
|
get-unthemable-tokens(),
|
|
42
|
-
get-color-tokens(token-
|
|
43
|
-
get-typography-tokens(token-
|
|
44
|
-
get-density-tokens(token-
|
|
42
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
43
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
44
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
45
45
|
);
|
|
46
46
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -71,8 +71,8 @@ $prefix: (mat, icon-button);
|
|
|
71
71
|
@function get-token-slots() {
|
|
72
72
|
@return sass-utils.deep-merge-all(
|
|
73
73
|
get-unthemable-tokens(),
|
|
74
|
-
get-color-tokens(token-
|
|
75
|
-
get-typography-tokens(token-
|
|
76
|
-
get-density-tokens(token-
|
|
74
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
75
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
76
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
77
77
|
);
|
|
78
78
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../style/sass-utils';
|
|
3
3
|
|
|
4
4
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
@@ -38,8 +38,8 @@ $prefix: (mat, icon);
|
|
|
38
38
|
@function get-token-slots() {
|
|
39
39
|
@return sass-utils.deep-merge-all(
|
|
40
40
|
get-unthemable-tokens(),
|
|
41
|
-
get-color-tokens(token-
|
|
42
|
-
get-typography-tokens(token-
|
|
43
|
-
get-density-tokens(token-
|
|
41
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
42
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
43
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
44
44
|
);
|
|
45
45
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -52,8 +52,8 @@ $prefix: (mat, legacy-button-toggle);
|
|
|
52
52
|
@function get-token-slots() {
|
|
53
53
|
@return sass-utils.deep-merge-all(
|
|
54
54
|
get-unthemable-tokens(),
|
|
55
|
-
get-color-tokens(token-
|
|
56
|
-
get-typography-tokens(token-
|
|
57
|
-
get-density-tokens(token-
|
|
55
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
56
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
57
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
58
58
|
);
|
|
59
59
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../style/sass-utils';
|
|
3
3
|
|
|
4
4
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
@@ -37,8 +37,8 @@ $prefix: (mat, list);
|
|
|
37
37
|
@function get-token-slots() {
|
|
38
38
|
@return sass-utils.deep-merge-all(
|
|
39
39
|
get-unthemable-tokens(),
|
|
40
|
-
get-color-tokens(token-
|
|
41
|
-
get-typography-tokens(token-
|
|
42
|
-
get-density-tokens(token-
|
|
40
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
41
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
42
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
43
43
|
);
|
|
44
44
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -62,8 +62,8 @@ $prefix: (mat, menu);
|
|
|
62
62
|
@function get-token-slots() {
|
|
63
63
|
@return sass-utils.deep-merge-all(
|
|
64
64
|
get-unthemable-tokens(),
|
|
65
|
-
get-color-tokens(token-
|
|
66
|
-
get-typography-tokens(token-
|
|
67
|
-
get-density-tokens(token-
|
|
65
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
66
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
67
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
68
68
|
);
|
|
69
69
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -36,8 +36,8 @@ $prefix: (mat, minimal-pseudo-checkbox);
|
|
|
36
36
|
@function get-token-slots() {
|
|
37
37
|
@return sass-utils.deep-merge-all(
|
|
38
38
|
get-unthemable-tokens(),
|
|
39
|
-
get-color-tokens(token-
|
|
40
|
-
get-typography-tokens(token-
|
|
41
|
-
get-density-tokens(token-
|
|
39
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
40
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
41
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
42
42
|
);
|
|
43
43
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -39,8 +39,8 @@ $prefix: (mat, optgroup);
|
|
|
39
39
|
@function get-token-slots() {
|
|
40
40
|
@return sass-utils.deep-merge-all(
|
|
41
41
|
get-unthemable-tokens(),
|
|
42
|
-
get-color-tokens(token-
|
|
43
|
-
get-typography-tokens(token-
|
|
44
|
-
get-density-tokens(token-
|
|
42
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
43
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
44
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
45
45
|
);
|
|
46
46
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -47,8 +47,8 @@ $prefix: (mat, option);
|
|
|
47
47
|
@function get-token-slots() {
|
|
48
48
|
@return sass-utils.deep-merge-all(
|
|
49
49
|
get-unthemable-tokens(),
|
|
50
|
-
get-color-tokens(token-
|
|
51
|
-
get-typography-tokens(token-
|
|
52
|
-
get-density-tokens(token-
|
|
50
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
51
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
52
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
53
53
|
);
|
|
54
54
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -81,8 +81,8 @@ $prefix: (mat, outlined-button);
|
|
|
81
81
|
@function get-token-slots() {
|
|
82
82
|
@return sass-utils.deep-merge-all(
|
|
83
83
|
get-unthemable-tokens(),
|
|
84
|
-
get-color-tokens(token-
|
|
85
|
-
get-typography-tokens(token-
|
|
86
|
-
get-density-tokens(token-
|
|
84
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
85
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
86
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
87
87
|
);
|
|
88
88
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:math';
|
|
2
2
|
@use 'sass:map';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
@use '../../../theming/theming';
|
|
5
5
|
@use '../../../theming/inspection';
|
|
6
6
|
@use '../../../style/sass-utils';
|
|
@@ -81,8 +81,8 @@ $prefix: (mat, paginator);
|
|
|
81
81
|
@function get-token-slots() {
|
|
82
82
|
@return sass-utils.deep-merge-all(
|
|
83
83
|
get-unthemable-tokens(),
|
|
84
|
-
get-color-tokens(token-
|
|
85
|
-
get-typography-tokens(token-
|
|
86
|
-
get-density-tokens(token-
|
|
84
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
85
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
86
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
87
87
|
);
|
|
88
88
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -56,10 +56,11 @@ $prefix: (mat, protected-button);
|
|
|
56
56
|
|
|
57
57
|
// Ideally we would derive all values directly from the theme, but it causes a lot of regressions
|
|
58
58
|
// internally. For now we fall back to the old hardcoded behavior only for internal apps.
|
|
59
|
-
@if (token-
|
|
59
|
+
@if (token-definition.$private-is-internal-build or
|
|
60
|
+
meta.type-of($contrast-color) != 'color') {
|
|
60
61
|
$is-dark: inspection.get-theme-type($theme) == dark;
|
|
61
62
|
$container-color: inspection.get-theme-color($theme, $palette-name);
|
|
62
|
-
$contrast-tone: token-
|
|
63
|
+
$contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
|
|
63
64
|
$color: if($contrast-tone == 'dark', #000, #fff);
|
|
64
65
|
$state-layer-color: $color;
|
|
65
66
|
$ripple-color: rgba($color, 0.1);
|
|
@@ -94,8 +95,8 @@ $prefix: (mat, protected-button);
|
|
|
94
95
|
@function get-token-slots() {
|
|
95
96
|
@return sass-utils.deep-merge-all(
|
|
96
97
|
get-unthemable-tokens(),
|
|
97
|
-
get-color-tokens(token-
|
|
98
|
-
get-typography-tokens(token-
|
|
99
|
-
get-density-tokens(token-
|
|
98
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
99
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
100
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
100
101
|
);
|
|
101
102
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/theming';
|
|
3
3
|
@use '../../../theming/inspection';
|
|
4
4
|
@use '../../../style/sass-utils';
|
|
@@ -45,8 +45,8 @@ $prefix: (mat, radio);
|
|
|
45
45
|
@function get-token-slots() {
|
|
46
46
|
@return sass-utils.deep-merge-all(
|
|
47
47
|
get-unthemable-tokens(),
|
|
48
|
-
get-color-tokens(token-
|
|
49
|
-
get-typography-tokens(token-
|
|
50
|
-
get-density-tokens(token-
|
|
48
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
49
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
50
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
51
51
|
);
|
|
52
52
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/inspection';
|
|
4
4
|
@use '../../../style/sass-utils';
|
|
5
5
|
|
|
@@ -42,8 +42,8 @@ $prefix: (mat, ripple);
|
|
|
42
42
|
@function get-token-slots() {
|
|
43
43
|
@return sass-utils.deep-merge-all(
|
|
44
44
|
get-unthemable-tokens(),
|
|
45
|
-
get-color-tokens(token-
|
|
46
|
-
get-typography-tokens(token-
|
|
47
|
-
get-density-tokens(token-
|
|
45
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
46
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
47
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
48
48
|
);
|
|
49
49
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/inspection';
|
|
4
4
|
@use '../../../theming/theming';
|
|
5
5
|
@use '../../../style/elevation';
|
|
@@ -23,11 +23,11 @@ $prefix: (mat, select);
|
|
|
23
23
|
// Ideally we would derive all values directly from the theme, but it causes a lot of regressions
|
|
24
24
|
// internally. For now we fall back to the old hardcoded behavior only for internal apps.
|
|
25
25
|
$on-surface: if($is-dark, #fff, #000);
|
|
26
|
-
$text-color-base: if(token-
|
|
26
|
+
$text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
|
|
27
27
|
inspection.get-theme-color($theme, foreground, text, 1));
|
|
28
|
-
$disabled-text-color-base: if(token-
|
|
28
|
+
$disabled-text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
|
|
29
29
|
inspection.get-theme-color($theme, foreground, disabled-text, 1));
|
|
30
|
-
$icon-color-base: if(token-
|
|
30
|
+
$icon-color-base: if(token-definition.$private-is-internal-build, $on-surface,
|
|
31
31
|
inspection.get-theme-color($theme, foreground, divider, 1));
|
|
32
32
|
|
|
33
33
|
@return (
|
|
@@ -74,8 +74,8 @@ $prefix: (mat, select);
|
|
|
74
74
|
@function get-token-slots() {
|
|
75
75
|
@return sass-utils.deep-merge-all(
|
|
76
76
|
get-unthemable-tokens(),
|
|
77
|
-
get-color-tokens(token-
|
|
78
|
-
get-typography-tokens(token-
|
|
79
|
-
get-density-tokens(token-
|
|
77
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
78
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
79
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
80
80
|
);
|
|
81
81
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:color';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/elevation';
|
|
6
6
|
@use '../../../style/sass-utils';
|
|
@@ -59,8 +59,8 @@ $prefix: (mat, sidenav);
|
|
|
59
59
|
@function get-token-slots() {
|
|
60
60
|
@return sass-utils.deep-merge-all(
|
|
61
61
|
get-unthemable-tokens(),
|
|
62
|
-
get-color-tokens(token-
|
|
63
|
-
get-typography-tokens(token-
|
|
64
|
-
get-density-tokens(token-
|
|
62
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
63
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
64
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
65
65
|
);
|
|
66
66
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
|
|
@@ -62,8 +62,8 @@ $prefix: (mat, slider);
|
|
|
62
62
|
@function get-token-slots() {
|
|
63
63
|
@return sass-utils.deep-merge-all(
|
|
64
64
|
get-unthemable-tokens(),
|
|
65
|
-
get-color-tokens(token-
|
|
66
|
-
get-typography-tokens(token-
|
|
67
|
-
get-density-tokens(token-
|
|
65
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
66
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
67
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
68
68
|
);
|
|
69
69
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -36,8 +36,8 @@ $prefix: (mat, snack-bar);
|
|
|
36
36
|
@function get-token-slots() {
|
|
37
37
|
@return sass-utils.deep-merge-all(
|
|
38
38
|
get-unthemable-tokens(),
|
|
39
|
-
get-color-tokens(token-
|
|
40
|
-
get-typography-tokens(token-
|
|
41
|
-
get-density-tokens(token-
|
|
39
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
40
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
41
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
42
42
|
);
|
|
43
43
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:color';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
6
6
|
|
|
@@ -53,8 +53,8 @@ $prefix: (mat, sort);
|
|
|
53
53
|
@function get-token-slots() {
|
|
54
54
|
@return sass-utils.deep-merge-all(
|
|
55
55
|
get-unthemable-tokens(),
|
|
56
|
-
get-color-tokens(token-
|
|
57
|
-
get-typography-tokens(token-
|
|
58
|
-
get-density-tokens(token-
|
|
56
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
57
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
58
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
59
59
|
);
|
|
60
60
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:meta';
|
|
3
|
-
@use '../../token-
|
|
3
|
+
@use '../../token-definition';
|
|
4
4
|
@use '../../../theming/theming';
|
|
5
5
|
@use '../../../theming/inspection';
|
|
6
6
|
@use '../../../style/sass-utils';
|
|
@@ -81,8 +81,8 @@ $prefix: (mat, standard-button-toggle);
|
|
|
81
81
|
@function get-token-slots() {
|
|
82
82
|
@return sass-utils.deep-merge-all(
|
|
83
83
|
get-unthemable-tokens(),
|
|
84
|
-
get-color-tokens(token-
|
|
85
|
-
get-typography-tokens(token-
|
|
86
|
-
get-density-tokens(token-
|
|
84
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
85
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
86
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
87
87
|
);
|
|
88
88
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -113,8 +113,8 @@ $prefix: (mat, stepper);
|
|
|
113
113
|
@function get-token-slots() {
|
|
114
114
|
@return sass-utils.deep-merge-all(
|
|
115
115
|
get-unthemable-tokens(),
|
|
116
|
-
get-color-tokens(token-
|
|
117
|
-
get-typography-tokens(token-
|
|
118
|
-
get-density-tokens(token-
|
|
116
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
117
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
118
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
119
119
|
);
|
|
120
120
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../style/sass-utils';
|
|
3
3
|
@use '../../../theming/inspection';
|
|
4
4
|
|
|
@@ -69,8 +69,8 @@ $prefix: (mat, switch);
|
|
|
69
69
|
@function get-token-slots() {
|
|
70
70
|
@return sass-utils.deep-merge-all(
|
|
71
71
|
get-unthemable-tokens(),
|
|
72
|
-
get-color-tokens(token-
|
|
73
|
-
get-typography-tokens(token-
|
|
74
|
-
get-density-tokens(token-
|
|
72
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
73
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
74
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
75
75
|
);
|
|
76
76
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -35,8 +35,8 @@ $prefix: (mat, tab-header-with-background);
|
|
|
35
35
|
@function get-token-slots() {
|
|
36
36
|
@return sass-utils.deep-merge-all(
|
|
37
37
|
get-unthemable-tokens(),
|
|
38
|
-
get-color-tokens(token-
|
|
39
|
-
get-typography-tokens(token-
|
|
40
|
-
get-density-tokens(token-
|
|
38
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
39
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
40
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
41
41
|
);
|
|
42
42
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '../../token-
|
|
1
|
+
@use '../../token-definition';
|
|
2
2
|
@use '../../../theming/inspection';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
4
4
|
|
|
@@ -65,8 +65,8 @@ $prefix: (mat, tab-header);
|
|
|
65
65
|
@function get-token-slots() {
|
|
66
66
|
@return sass-utils.deep-merge-all(
|
|
67
67
|
get-unthemable-tokens(),
|
|
68
|
-
get-color-tokens(token-
|
|
69
|
-
get-typography-tokens(token-
|
|
70
|
-
get-density-tokens(token-
|
|
68
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
69
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
70
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
71
71
|
);
|
|
72
72
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../theming/theming';
|
|
3
3
|
@use '../../../theming/inspection';
|
|
4
|
-
@use '../../token-
|
|
4
|
+
@use '../../token-definition';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
6
6
|
|
|
7
7
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
@@ -86,8 +86,8 @@ $prefix: (mat, table);
|
|
|
86
86
|
@function get-token-slots() {
|
|
87
87
|
@return sass-utils.deep-merge-all(
|
|
88
88
|
get-unthemable-tokens(),
|
|
89
|
-
get-color-tokens(token-
|
|
90
|
-
get-typography-tokens(token-
|
|
91
|
-
get-density-tokens(token-
|
|
89
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
90
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
91
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
92
92
|
);
|
|
93
93
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -84,8 +84,8 @@ $prefix: (mat, text-button);
|
|
|
84
84
|
@function get-token-slots() {
|
|
85
85
|
@return sass-utils.deep-merge-all(
|
|
86
86
|
get-unthemable-tokens(),
|
|
87
|
-
get-color-tokens(token-
|
|
88
|
-
get-typography-tokens(token-
|
|
89
|
-
get-density-tokens(token-
|
|
87
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
88
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
89
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
90
90
|
);
|
|
91
91
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -68,8 +68,8 @@ $prefix: (mat, toolbar);
|
|
|
68
68
|
@function get-token-slots() {
|
|
69
69
|
@return sass-utils.deep-merge-all(
|
|
70
70
|
get-unthemable-tokens(),
|
|
71
|
-
get-color-tokens(token-
|
|
72
|
-
get-typography-tokens(token-
|
|
73
|
-
get-density-tokens(token-
|
|
71
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
72
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
73
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
74
74
|
);
|
|
75
75
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../../token-
|
|
2
|
+
@use '../../token-definition';
|
|
3
3
|
@use '../../../theming/theming';
|
|
4
4
|
@use '../../../theming/inspection';
|
|
5
5
|
@use '../../../style/sass-utils';
|
|
@@ -55,8 +55,8 @@ $prefix: (mat, tree);
|
|
|
55
55
|
@function get-token-slots() {
|
|
56
56
|
@return sass-utils.deep-merge-all(
|
|
57
57
|
get-unthemable-tokens(),
|
|
58
|
-
get-color-tokens(token-
|
|
59
|
-
get-typography-tokens(token-
|
|
60
|
-
get-density-tokens(token-
|
|
58
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
59
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
60
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
61
61
|
);
|
|
62
62
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@use '../../../theming/theming';
|
|
5
5
|
@use '../../../theming/inspection';
|
|
6
6
|
@use '../../../style/sass-utils';
|
|
7
|
-
@use '../../token-
|
|
7
|
+
@use '../../token-definition';
|
|
8
8
|
|
|
9
9
|
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
10
10
|
$prefix: (mdc, checkbox);
|
|
@@ -59,8 +59,8 @@ $prefix: (mdc, checkbox);
|
|
|
59
59
|
|
|
60
60
|
// Ideally we would derive all values directly from the theme, but it causes a lot of regressions
|
|
61
61
|
// internally. For now we fall back to the old hardcoded behavior only for internal apps.
|
|
62
|
-
@if (token-
|
|
63
|
-
$contrast-tone: token-
|
|
62
|
+
@if (token-definition.$private-is-internal-build) {
|
|
63
|
+
$contrast-tone: token-definition.contrast-tone($palette-selected, $is-dark);
|
|
64
64
|
$selected-checkmark-color: if($contrast-tone == 'dark', #000, #fff);
|
|
65
65
|
}
|
|
66
66
|
@else {
|
|
@@ -127,8 +127,8 @@ $prefix: (mdc, checkbox);
|
|
|
127
127
|
@function get-token-slots() {
|
|
128
128
|
@return sass-utils.deep-merge-all(
|
|
129
129
|
get-unthemable-tokens(),
|
|
130
|
-
get-color-tokens(token-
|
|
131
|
-
get-typography-tokens(token-
|
|
132
|
-
get-density-tokens(token-
|
|
130
|
+
get-color-tokens(token-definition.$placeholder-color-config),
|
|
131
|
+
get-typography-tokens(token-definition.$placeholder-typography-config),
|
|
132
|
+
get-density-tokens(token-definition.$placeholder-density-config)
|
|
133
133
|
);
|
|
134
134
|
}
|