@angular/material 18.1.2 → 18.1.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/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 +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/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 +10 -10
- 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 +22 -22
- 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/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,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: (mat, badge);
|
|
@@ -22,26 +22,26 @@ $prefix: (mat, badge);
|
|
|
22
22
|
text-font: map.get($systems, md-sys-typescale, label-small-font),
|
|
23
23
|
text-size: map.get($systems, md-sys-typescale, label-small-size),
|
|
24
24
|
text-weight: map.get($systems, md-sys-typescale, label-small-weight),
|
|
25
|
-
small-size-text-size: token-
|
|
25
|
+
small-size-text-size: token-definition.hardcode(0, $exclude-hardcoded),
|
|
26
26
|
container-shape: map.get($systems, md-sys-shape, corner-full),
|
|
27
|
-
container-size: token-
|
|
28
|
-
legacy-container-size: token-
|
|
29
|
-
legacy-small-size-container-size: token-
|
|
30
|
-
small-size-container-size: token-
|
|
31
|
-
container-padding: token-
|
|
32
|
-
small-size-container-padding: token-
|
|
33
|
-
container-offset: token-
|
|
34
|
-
small-size-container-offset: token-
|
|
35
|
-
container-overlap-offset: token-
|
|
36
|
-
small-size-container-overlap-offset: token-
|
|
27
|
+
container-size: token-definition.hardcode(16px, $exclude-hardcoded),
|
|
28
|
+
legacy-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
|
|
29
|
+
legacy-small-size-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
|
|
30
|
+
small-size-container-size: token-definition.hardcode(6px, $exclude-hardcoded),
|
|
31
|
+
container-padding: token-definition.hardcode(0 4px, $exclude-hardcoded),
|
|
32
|
+
small-size-container-padding: token-definition.hardcode(0, $exclude-hardcoded),
|
|
33
|
+
container-offset: token-definition.hardcode(-12px 0, $exclude-hardcoded),
|
|
34
|
+
small-size-container-offset: token-definition.hardcode(-6px 0, $exclude-hardcoded),
|
|
35
|
+
container-overlap-offset: token-definition.hardcode(-12px, $exclude-hardcoded),
|
|
36
|
+
small-size-container-overlap-offset: token-definition.hardcode(-6px, $exclude-hardcoded),
|
|
37
37
|
|
|
38
38
|
// This size isn't in the M3 spec so we emit the same values as for `medium`.
|
|
39
|
-
large-size-container-size: token-
|
|
40
|
-
large-size-container-offset: token-
|
|
41
|
-
large-size-container-overlap-offset: token-
|
|
39
|
+
large-size-container-size: token-definition.hardcode(16px, $exclude-hardcoded),
|
|
40
|
+
large-size-container-offset: token-definition.hardcode(-12px 0, $exclude-hardcoded),
|
|
41
|
+
large-size-container-overlap-offset: token-definition.hardcode(-12px, $exclude-hardcoded),
|
|
42
42
|
large-size-text-size: map.get($systems, md-sys-typescale, label-small-size),
|
|
43
|
-
large-size-container-padding: token-
|
|
44
|
-
legacy-large-size-container-size: token-
|
|
43
|
+
large-size-container-padding: token-definition.hardcode(0 4px, $exclude-hardcoded),
|
|
44
|
+
legacy-large-size-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
|
|
45
45
|
), (
|
|
46
46
|
primary: (
|
|
47
47
|
background-color: map.get($systems, md-sys-color, primary),
|
|
@@ -73,5 +73,5 @@ $prefix: (mat, badge);
|
|
|
73
73
|
error: () // Default, no overrides needed
|
|
74
74
|
));
|
|
75
75
|
|
|
76
|
-
@return token-
|
|
76
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
77
77
|
}
|
|
@@ -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: (mat, bottom-sheet);
|
|
@@ -12,13 +12,13 @@ $prefix: (mat, bottom-sheet);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-bottom-sheet
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, container-text, body-large),
|
|
16
16
|
(
|
|
17
|
-
container-shape: token-
|
|
17
|
+
container-shape: token-definition.hardcode(28px, $exclude-hardcoded),
|
|
18
18
|
container-text-color: map.get($systems, md-sys-color, on-surface),
|
|
19
19
|
container-background-color: map.get($systems, md-sys-color, surface-container-low),
|
|
20
20
|
),
|
|
21
21
|
);
|
|
22
22
|
|
|
23
|
-
@return token-
|
|
23
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
24
24
|
}
|
|
@@ -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: (mat, card);
|
|
@@ -12,13 +12,13 @@ $prefix: (mat, card);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-card
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
16
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, title-text, title-large),
|
|
16
|
+
token-definition.generate-typography-tokens($systems, subtitle-text, title-medium),
|
|
17
17
|
(
|
|
18
18
|
subtitle-text-color: map.get($systems, md-sys-color, on-surface)
|
|
19
19
|
)
|
|
20
20
|
);
|
|
21
21
|
|
|
22
|
-
@return token-
|
|
22
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -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: (mat, checkbox);
|
|
@@ -22,5 +22,5 @@ $prefix: (mat, checkbox);
|
|
|
22
22
|
label-text-weight: map.get($systems, md-sys-typescale, body-medium-weight),
|
|
23
23
|
);
|
|
24
24
|
|
|
25
|
-
@return token-
|
|
25
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
26
26
|
}
|
|
@@ -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: (mat, chip);
|
|
@@ -11,7 +11,7 @@ $prefix: (mat, chip);
|
|
|
11
11
|
/// @return {Map} A set of custom tokens for the mat-chip
|
|
12
12
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
13
|
$tokens: ((
|
|
14
|
-
disabled-container-opacity: token-
|
|
14
|
+
disabled-container-opacity: token-definition.hardcode(1, $exclude-hardcoded),
|
|
15
15
|
selected-trailing-icon-color: map.get($systems, md-sys-color, on-secondary-container),
|
|
16
16
|
selected-disabled-trailing-icon-color: map.get($systems, md-sys-color, on-surface),
|
|
17
17
|
trailing-action-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
@@ -21,8 +21,8 @@ $prefix: (mat, chip);
|
|
|
21
21
|
map.get($systems, md-sys-state, hover-state-layer-opacity),
|
|
22
22
|
trailing-action-focus-state-layer-opacity:
|
|
23
23
|
map.get($systems, md-sys-state, focus-state-layer-opacity),
|
|
24
|
-
trailing-action-opacity: token-
|
|
25
|
-
trailing-action-focus-opacity: token-
|
|
24
|
+
trailing-action-opacity: token-definition.hardcode(1, $exclude-hardcoded),
|
|
25
|
+
trailing-action-focus-opacity: token-definition.hardcode(1, $exclude-hardcoded),
|
|
26
26
|
), (
|
|
27
27
|
primary: (
|
|
28
28
|
selected-trailing-icon-color: map.get($systems, md-sys-color, on-primary-container),
|
|
@@ -42,5 +42,5 @@ $prefix: (mat, chip);
|
|
|
42
42
|
),
|
|
43
43
|
));
|
|
44
44
|
|
|
45
|
-
@return token-
|
|
45
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
46
46
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../../../style/elevation';
|
|
3
3
|
@use '../../../style/sass-utils';
|
|
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: (mat, datepicker);
|
|
@@ -42,7 +42,7 @@ $prefix: (mat, datepicker);
|
|
|
42
42
|
calendar-period-button-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
43
43
|
calendar-period-button-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
44
44
|
calendar-navigation-button-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
45
|
-
calendar-header-divider-color: token-
|
|
45
|
+
calendar-header-divider-color: token-definition.hardcode(transparent, $exclude-hardcoded),
|
|
46
46
|
calendar-header-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
47
47
|
calendar-date-today-outline-color: map.get($systems, md-sys-color, primary),
|
|
48
48
|
calendar-date-today-disabled-state-outline-color: sass-utils.safe-color-change(
|
|
@@ -50,7 +50,7 @@ $prefix: (mat, datepicker);
|
|
|
50
50
|
$alpha: 0.38
|
|
51
51
|
),
|
|
52
52
|
calendar-date-text-color: map.get($systems, md-sys-color, on-surface),
|
|
53
|
-
calendar-date-outline-color: token-
|
|
53
|
+
calendar-date-outline-color: token-definition.hardcode(transparent, $exclude-hardcoded),
|
|
54
54
|
calendar-date-disabled-state-text-color: sass-utils.safe-color-change(
|
|
55
55
|
map.get($systems, md-sys-color, on-surface),
|
|
56
56
|
$alpha: 0.38
|
|
@@ -67,10 +67,10 @@ $prefix: (mat, datepicker);
|
|
|
67
67
|
),
|
|
68
68
|
calendar-container-background-color: map.get($systems, md-sys-color, surface-container-high),
|
|
69
69
|
calendar-container-text-color: map.get($systems, md-sys-color, on-surface),
|
|
70
|
-
calendar-container-elevation-shadow:
|
|
71
|
-
|
|
70
|
+
calendar-container-elevation-shadow:
|
|
71
|
+
token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
|
|
72
72
|
calendar-container-touch-elevation-shadow:
|
|
73
|
-
token-
|
|
73
|
+
token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
|
|
74
74
|
calendar-container-shape: map.get($systems, md-sys-shape, corner-large),
|
|
75
75
|
calendar-container-touch-shape: map.get($systems, md-sys-shape, corner-extra-large),
|
|
76
76
|
calendar-text-font: map.get($systems, md-sys-typescale, body-large-font),
|
|
@@ -119,5 +119,5 @@ $prefix: (mat, datepicker);
|
|
|
119
119
|
)
|
|
120
120
|
));
|
|
121
121
|
|
|
122
|
-
@return token-
|
|
122
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
123
123
|
}
|
|
@@ -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: (mat, dialog);
|
|
@@ -10,22 +10,23 @@ $prefix: (mat, dialog);
|
|
|
10
10
|
/// @return {Map} A set of custom tokens for the dialog
|
|
11
11
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
12
12
|
$tokens: (
|
|
13
|
-
container-elevation-shadow: token-
|
|
14
|
-
container-max-width: token-
|
|
15
|
-
container-small-max-width:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
actions-padding: token-
|
|
13
|
+
container-elevation-shadow: token-definition.hardcode(none, $exclude-hardcoded),
|
|
14
|
+
container-max-width: token-definition.hardcode(560px, $exclude-hardcoded),
|
|
15
|
+
container-small-max-width:
|
|
16
|
+
token-definition.hardcode(calc(100vw - 32px), $exclude-hardcoded),
|
|
17
|
+
container-min-width: token-definition.hardcode(280px, $exclude-hardcoded),
|
|
18
|
+
actions-alignment: token-definition.hardcode(flex-end, $exclude-hardcoded),
|
|
19
|
+
content-padding: token-definition.hardcode(20px 24px, $exclude-hardcoded),
|
|
20
|
+
with-actions-content-padding: token-definition.hardcode(20px 24px 0, $exclude-hardcoded),
|
|
21
|
+
actions-padding: token-definition.hardcode(16px 24px, $exclude-hardcoded),
|
|
21
22
|
|
|
22
23
|
// The vertical padding values are a bit weird, because MDC uses a `::before` pseudo
|
|
23
24
|
// element to size the title which in turn means that we can't set a specific padding
|
|
24
25
|
// and get the exact same space out of it. These values were determined through
|
|
25
26
|
// trial and error so that the first line of text is 24px from the top and the bottom
|
|
26
27
|
// of the text is 16px from the content under it.
|
|
27
|
-
headline-padding: token-
|
|
28
|
+
headline-padding: token-definition.hardcode(6px 24px 13px, $exclude-hardcoded),
|
|
28
29
|
);
|
|
29
30
|
|
|
30
|
-
@return token-
|
|
31
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
31
32
|
}
|
|
@@ -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: (mat, divider);
|
|
@@ -11,9 +11,9 @@ $prefix: (mat, divider);
|
|
|
11
11
|
/// @return {Map} A set of custom tokens for the mat-divider
|
|
12
12
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
13
|
$tokens: (
|
|
14
|
-
width: token-
|
|
14
|
+
width: token-definition.hardcode(1px, $exclude-hardcoded),
|
|
15
15
|
color: map.get($systems, md-sys-color, outline),
|
|
16
16
|
);
|
|
17
17
|
|
|
18
|
-
@return token-
|
|
18
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
19
19
|
}
|
|
@@ -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: (mat, expansion);
|
|
@@ -12,12 +12,12 @@ $prefix: (mat, expansion);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-expansion
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
16
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, header-text, title-medium),
|
|
16
|
+
token-definition.generate-typography-tokens($systems, container-text, body-large),
|
|
17
17
|
(
|
|
18
|
-
container-shape: token-
|
|
19
|
-
legacy-header-indicator-display: token-
|
|
20
|
-
header-indicator-display: token-
|
|
18
|
+
container-shape: token-definition.hardcode(12px, $exclude-hardcoded),
|
|
19
|
+
legacy-header-indicator-display: token-definition.hardcode(none, $exclude-hardcoded),
|
|
20
|
+
header-indicator-display: token-definition.hardcode(inline-block, $exclude-hardcoded),
|
|
21
21
|
container-background-color: map.get($systems, md-sys-color, surface),
|
|
22
22
|
container-text-color: map.get($systems, md-sys-color, on-surface),
|
|
23
23
|
actions-divider-color: map.get($systems, md-sys-color, outline),
|
|
@@ -37,5 +37,5 @@ $prefix: (mat, expansion);
|
|
|
37
37
|
)
|
|
38
38
|
);
|
|
39
39
|
|
|
40
|
-
@return token-
|
|
40
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
41
41
|
}
|
|
@@ -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: (mat, fab-small);
|
|
@@ -46,5 +46,5 @@ $prefix: (mat, fab-small);
|
|
|
46
46
|
)
|
|
47
47
|
));
|
|
48
48
|
|
|
49
|
-
@return token-
|
|
49
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
50
50
|
}
|
|
@@ -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: (mat, fab);
|
|
@@ -46,5 +46,5 @@ $prefix: (mat, fab);
|
|
|
46
46
|
)
|
|
47
47
|
));
|
|
48
48
|
|
|
49
|
-
@return token-
|
|
49
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
50
50
|
}
|
|
@@ -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: (mat, filled-button);
|
|
@@ -12,9 +12,9 @@ $prefix: (mat, filled-button);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-flat-button
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: ((
|
|
15
|
-
horizontal-padding: token-
|
|
16
|
-
icon-spacing: token-
|
|
17
|
-
icon-offset: token-
|
|
15
|
+
horizontal-padding: token-definition.hardcode(24px, $exclude-hardcoded),
|
|
16
|
+
icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
|
|
17
|
+
icon-offset: token-definition.hardcode(-8px, $exclude-hardcoded),
|
|
18
18
|
state-layer-color: map.get($systems, md-sys-color, on-primary),
|
|
19
19
|
disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
20
20
|
ripple-color: sass-utils.safe-color-change(
|
|
@@ -50,5 +50,5 @@ $prefix: (mat, filled-button);
|
|
|
50
50
|
)
|
|
51
51
|
));
|
|
52
52
|
|
|
53
|
-
@return token-
|
|
53
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
54
54
|
}
|
|
@@ -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: (mat, form-field);
|
|
@@ -12,8 +12,8 @@ $prefix: (mat, form-field);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-form-field
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
16
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, container-text, body-large),
|
|
16
|
+
token-definition.generate-typography-tokens($systems, subscript-text, body-small),
|
|
17
17
|
(
|
|
18
18
|
disabled-input-text-placeholder-color: sass-utils.safe-color-change(
|
|
19
19
|
map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
|
|
@@ -26,7 +26,7 @@ $prefix: (mat, form-field);
|
|
|
26
26
|
disabled-select-arrow-color: sass-utils.safe-color-change(
|
|
27
27
|
map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
|
|
28
28
|
hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
|
|
29
|
-
focus-state-layer-opacity: token-
|
|
29
|
+
focus-state-layer-opacity: token-definition.hardcode(0, $exclude-hardcoded),
|
|
30
30
|
focus-select-arrow-color: map.get($systems, md-sys-color, primary),
|
|
31
31
|
outlined-label-text-populated-size: map.get($systems, md-sys-typeface, body-large-size),
|
|
32
32
|
|
|
@@ -55,5 +55,5 @@ $prefix: (mat, form-field);
|
|
|
55
55
|
)
|
|
56
56
|
);
|
|
57
57
|
|
|
58
|
-
@return token-
|
|
58
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
59
59
|
}
|
|
@@ -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: (mat, full-pseudo-checkbox);
|
|
@@ -38,5 +38,5 @@ $prefix: (mat, full-pseudo-checkbox);
|
|
|
38
38
|
)
|
|
39
39
|
));
|
|
40
40
|
|
|
41
|
-
@return token-
|
|
41
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
42
42
|
}
|
|
@@ -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: (mat, grid-list);
|
|
@@ -17,5 +17,5 @@ $prefix: (mat, grid-list);
|
|
|
17
17
|
tile-footer-secondary-text-size: map.get($systems, md-sys-typescale, body-medium),
|
|
18
18
|
);
|
|
19
19
|
|
|
20
|
-
@return token-
|
|
20
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
21
21
|
}
|
|
@@ -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: (mat, icon-button);
|
|
@@ -52,5 +52,5 @@ $prefix: (mat, icon-button);
|
|
|
52
52
|
)
|
|
53
53
|
));
|
|
54
54
|
|
|
55
|
-
@return token-
|
|
55
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
56
56
|
}
|
|
@@ -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: (mat, icon);
|
|
@@ -11,7 +11,7 @@ $prefix: (mat, icon);
|
|
|
11
11
|
/// @return {Map} A set of custom tokens for the mat-icon
|
|
12
12
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
13
13
|
$tokens: ((
|
|
14
|
-
color: token-
|
|
14
|
+
color: token-definition.hardcode(inherit, $exclude-hardcoded),
|
|
15
15
|
), (
|
|
16
16
|
// Color variants:
|
|
17
17
|
surface: (), // Default, no overrides needed.
|
|
@@ -29,5 +29,5 @@ $prefix: (mat, icon);
|
|
|
29
29
|
)
|
|
30
30
|
));
|
|
31
31
|
|
|
32
|
-
@return token-
|
|
32
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
33
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: (mat, list);
|
|
@@ -15,5 +15,5 @@ $prefix: (mat, list);
|
|
|
15
15
|
active-indicator-shape: map.get($systems, md-sys-shape, corner-full),
|
|
16
16
|
);
|
|
17
17
|
|
|
18
|
-
@return token-
|
|
18
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
19
19
|
}
|
|
@@ -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: (mat, menu);
|
|
@@ -12,15 +12,15 @@ $prefix: (mat, menu);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-menu
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, item-label-text, label-large),
|
|
16
16
|
(
|
|
17
17
|
container-shape: map.get($systems, md-sys-shape, corner-extra-small),
|
|
18
18
|
divider-color: map.get($systems, md-sys-color, surface-variant),
|
|
19
|
-
divider-bottom-spacing: token-
|
|
20
|
-
divider-top-spacing: token-
|
|
19
|
+
divider-bottom-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
|
|
20
|
+
divider-top-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
|
|
21
21
|
item-label-text-color: map.get($systems, md-sys-color, on-surface),
|
|
22
22
|
item-icon-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
23
|
-
item-icon-size: token-
|
|
23
|
+
item-icon-size: token-definition.hardcode(24px, $exclude-hardcoded),
|
|
24
24
|
item-hover-state-layer-color: sass-utils.safe-color-change(
|
|
25
25
|
map.get($systems, md-sys-color, on-surface),
|
|
26
26
|
$alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
|
|
@@ -29,17 +29,17 @@ $prefix: (mat, menu);
|
|
|
29
29
|
map.get($systems, md-sys-color, on-surface),
|
|
30
30
|
$alpha: map.get($systems, md-sys-state, focus-state-layer-opacity)
|
|
31
31
|
),
|
|
32
|
-
item-spacing: token-
|
|
33
|
-
item-leading-spacing: token-
|
|
34
|
-
item-trailing-spacing: token-
|
|
35
|
-
item-with-icon-leading-spacing: token-
|
|
36
|
-
item-with-icon-trailing-spacing: token-
|
|
32
|
+
item-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
|
|
33
|
+
item-leading-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
|
|
34
|
+
item-trailing-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
|
|
35
|
+
item-with-icon-leading-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
|
|
36
|
+
item-with-icon-trailing-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
|
|
37
37
|
container-color: map.get($systems, md-sys-color, surface-container),
|
|
38
38
|
// Note that this uses a value, rather than a computed box-shadow, because we use
|
|
39
39
|
// the value at runtime to determine which shadow to set based on the menu's depth.
|
|
40
|
-
base-elevation-level: token-
|
|
40
|
+
base-elevation-level: token-definition.hardcode(2, $exclude-hardcoded),
|
|
41
41
|
)
|
|
42
42
|
);
|
|
43
43
|
|
|
44
|
-
@return token-
|
|
44
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
45
45
|
}
|
|
@@ -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: (mat, minimal-pseudo-checkbox);
|
|
@@ -29,5 +29,5 @@ $prefix: (mat, minimal-pseudo-checkbox);
|
|
|
29
29
|
)
|
|
30
30
|
));
|
|
31
31
|
|
|
32
|
-
@return token-
|
|
32
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
33
33
|
}
|
|
@@ -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: (mat, optgroup);
|
|
@@ -12,11 +12,11 @@ $prefix: (mat, optgroup);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-optgroup
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, label-text, title-small),
|
|
16
16
|
(
|
|
17
17
|
label-text-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
18
18
|
)
|
|
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/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: (mat, option);
|
|
@@ -51,5 +51,5 @@ $prefix: (mat, option);
|
|
|
51
51
|
)
|
|
52
52
|
));
|
|
53
53
|
|
|
54
|
-
@return token-
|
|
54
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
55
55
|
}
|
|
@@ -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: (mat, outlined-button);
|
|
@@ -12,9 +12,9 @@ $prefix: (mat, outlined-button);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-outlined-button
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: ((
|
|
15
|
-
horizontal-padding: token-
|
|
16
|
-
icon-spacing: token-
|
|
17
|
-
icon-offset: token-
|
|
15
|
+
horizontal-padding: token-definition.hardcode(24px, $exclude-hardcoded),
|
|
16
|
+
icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
|
|
17
|
+
icon-offset: token-definition.hardcode(-8px, $exclude-hardcoded),
|
|
18
18
|
state-layer-color: map.get($systems, md-sys-color, primary),
|
|
19
19
|
disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
|
|
20
20
|
ripple-color: sass-utils.safe-color-change(
|
|
@@ -50,5 +50,5 @@ $prefix: (mat, outlined-button);
|
|
|
50
50
|
)
|
|
51
51
|
));
|
|
52
52
|
|
|
53
|
-
@return token-
|
|
53
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
54
54
|
}
|
|
@@ -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: (mat, paginator);
|
|
@@ -12,7 +12,7 @@ $prefix: (mat, paginator);
|
|
|
12
12
|
/// @return {Map} A set of custom tokens for the mat-paginator
|
|
13
13
|
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
14
|
$tokens: sass-utils.merge-all(
|
|
15
|
-
token-
|
|
15
|
+
token-definition.generate-typography-tokens($systems, container-text, body-small),
|
|
16
16
|
(
|
|
17
17
|
container-text-color: map.get($systems, md-sys-color, on-surface),
|
|
18
18
|
container-background-color: map.get($systems, md-sys-color, surface),
|
|
@@ -23,5 +23,5 @@ $prefix: (mat, paginator);
|
|
|
23
23
|
)
|
|
24
24
|
);
|
|
25
25
|
|
|
26
|
-
@return token-
|
|
26
|
+
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
27
27
|
}
|