@angular/material 15.2.1 → 16.0.0-next.0
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/card/_card-theme.scss +42 -47
- package/core/tokens/_token-utils.scss +16 -0
- package/core/tokens/m2/mat/_card.scss +67 -0
- package/core/tokens/m2/mdc/_elevated-card.scss +78 -0
- package/core/tokens/m2/mdc/_list.scss +4 -8
- package/core/tokens/m2/mdc/_outlined-card.scss +87 -0
- package/esm2020/autocomplete/autocomplete-origin.mjs +7 -7
- package/esm2020/autocomplete/autocomplete-trigger.mjs +7 -7
- package/esm2020/autocomplete/autocomplete.mjs +7 -7
- package/esm2020/autocomplete/module.mjs +5 -5
- package/esm2020/badge/badge-module.mjs +5 -5
- package/esm2020/badge/badge.mjs +4 -4
- package/esm2020/bottom-sheet/bottom-sheet-container.mjs +4 -4
- package/esm2020/bottom-sheet/bottom-sheet-module.mjs +5 -5
- package/esm2020/bottom-sheet/bottom-sheet.mjs +4 -4
- package/esm2020/button/button-base.mjs +7 -7
- package/esm2020/button/button.mjs +7 -7
- package/esm2020/button/fab.mjs +13 -13
- package/esm2020/button/icon-button.mjs +7 -7
- package/esm2020/button/module.mjs +5 -5
- package/esm2020/button-toggle/button-toggle-module.mjs +5 -5
- package/esm2020/button-toggle/button-toggle.mjs +7 -7
- package/esm2020/card/card.mjs +44 -44
- package/esm2020/card/module.mjs +5 -5
- package/esm2020/checkbox/checkbox-required-validator.mjs +4 -4
- package/esm2020/checkbox/checkbox.mjs +7 -7
- package/esm2020/checkbox/module.mjs +9 -9
- package/esm2020/chips/chip-action.mjs +4 -4
- package/esm2020/chips/chip-edit-input.mjs +4 -4
- package/esm2020/chips/chip-grid.mjs +4 -4
- package/esm2020/chips/chip-icons.mjs +10 -10
- package/esm2020/chips/chip-input.mjs +4 -4
- package/esm2020/chips/chip-listbox.mjs +4 -4
- package/esm2020/chips/chip-option.mjs +4 -4
- package/esm2020/chips/chip-row.mjs +4 -4
- package/esm2020/chips/chip-set.mjs +4 -4
- package/esm2020/chips/chip.mjs +4 -4
- package/esm2020/chips/module.mjs +5 -5
- package/esm2020/core/common-behaviors/common-module.mjs +5 -5
- package/esm2020/core/datetime/index.mjs +9 -9
- package/esm2020/core/datetime/native-date-adapter.mjs +4 -4
- package/esm2020/core/error/error-options.mjs +7 -7
- package/esm2020/core/line/line.mjs +8 -8
- package/esm2020/core/option/index.mjs +5 -5
- package/esm2020/core/option/optgroup.mjs +7 -7
- package/esm2020/core/option/option.mjs +7 -7
- package/esm2020/core/ripple/index.mjs +5 -5
- package/esm2020/core/ripple/ripple.mjs +4 -4
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
- package/esm2020/core/version.mjs +1 -1
- package/esm2020/datepicker/calendar-body.mjs +4 -4
- package/esm2020/datepicker/calendar.mjs +7 -7
- package/esm2020/datepicker/date-range-input-parts.mjs +10 -10
- package/esm2020/datepicker/date-range-input.mjs +4 -4
- package/esm2020/datepicker/date-range-picker.mjs +4 -4
- package/esm2020/datepicker/date-range-selection-strategy.mjs +4 -4
- package/esm2020/datepicker/date-selection-model.mjs +10 -10
- package/esm2020/datepicker/datepicker-actions.mjs +10 -10
- package/esm2020/datepicker/datepicker-base.mjs +7 -7
- package/esm2020/datepicker/datepicker-input-base.mjs +4 -4
- package/esm2020/datepicker/datepicker-input.mjs +4 -4
- package/esm2020/datepicker/datepicker-intl.mjs +4 -4
- package/esm2020/datepicker/datepicker-module.mjs +5 -5
- package/esm2020/datepicker/datepicker-toggle.mjs +7 -7
- package/esm2020/datepicker/datepicker.mjs +4 -4
- package/esm2020/datepicker/month-view.mjs +4 -4
- package/esm2020/datepicker/multi-year-view.mjs +4 -4
- package/esm2020/datepicker/year-view.mjs +4 -4
- package/esm2020/dialog/dialog-container.mjs +7 -7
- package/esm2020/dialog/dialog-content-directives.mjs +13 -13
- package/esm2020/dialog/dialog.mjs +7 -7
- package/esm2020/dialog/module.mjs +5 -5
- package/esm2020/divider/divider-module.mjs +5 -5
- package/esm2020/divider/divider.mjs +4 -4
- package/esm2020/expansion/accordion.mjs +4 -4
- package/esm2020/expansion/expansion-module.mjs +5 -5
- package/esm2020/expansion/expansion-panel-content.mjs +4 -4
- package/esm2020/expansion/expansion-panel-header.mjs +10 -10
- package/esm2020/expansion/expansion-panel.mjs +7 -7
- package/esm2020/form-field/directives/error.mjs +4 -4
- package/esm2020/form-field/directives/floating-label.mjs +4 -4
- package/esm2020/form-field/directives/hint.mjs +4 -4
- package/esm2020/form-field/directives/label.mjs +4 -4
- package/esm2020/form-field/directives/line-ripple.mjs +4 -4
- package/esm2020/form-field/directives/notched-outline.mjs +4 -4
- package/esm2020/form-field/directives/prefix.mjs +4 -4
- package/esm2020/form-field/directives/suffix.mjs +4 -4
- package/esm2020/form-field/form-field-control.mjs +4 -4
- package/esm2020/form-field/form-field.mjs +4 -4
- package/esm2020/form-field/module.mjs +5 -5
- package/esm2020/grid-list/grid-list-module.mjs +5 -5
- package/esm2020/grid-list/grid-list.mjs +4 -4
- package/esm2020/grid-list/grid-tile.mjs +16 -16
- package/esm2020/icon/icon-module.mjs +5 -5
- package/esm2020/icon/icon-registry.mjs +4 -4
- package/esm2020/icon/icon.mjs +4 -4
- package/esm2020/icon/testing/fake-icon-registry.mjs +8 -8
- package/esm2020/input/input.mjs +4 -4
- package/esm2020/input/module.mjs +5 -5
- package/esm2020/legacy-autocomplete/autocomplete-module.mjs +5 -5
- package/esm2020/legacy-autocomplete/autocomplete-origin.mjs +4 -4
- package/esm2020/legacy-autocomplete/autocomplete-trigger.mjs +4 -4
- package/esm2020/legacy-autocomplete/autocomplete.mjs +4 -4
- package/esm2020/legacy-button/button-module.mjs +5 -5
- package/esm2020/legacy-button/button.mjs +7 -7
- package/esm2020/legacy-card/card-module.mjs +5 -5
- package/esm2020/legacy-card/card.mjs +43 -43
- package/esm2020/legacy-checkbox/checkbox-module.mjs +5 -5
- package/esm2020/legacy-checkbox/checkbox.mjs +4 -4
- package/esm2020/legacy-chips/chip-input.mjs +4 -4
- package/esm2020/legacy-chips/chip-list.mjs +4 -4
- package/esm2020/legacy-chips/chip.mjs +13 -13
- package/esm2020/legacy-chips/chips-module.mjs +5 -5
- package/esm2020/legacy-core/option/index.mjs +5 -5
- package/esm2020/legacy-core/option/optgroup.mjs +4 -4
- package/esm2020/legacy-core/option/option.mjs +4 -4
- package/esm2020/legacy-dialog/dialog-container.mjs +4 -4
- package/esm2020/legacy-dialog/dialog-content-directives.mjs +13 -13
- package/esm2020/legacy-dialog/dialog-module.mjs +5 -5
- package/esm2020/legacy-dialog/dialog.mjs +4 -4
- package/esm2020/legacy-form-field/error.mjs +4 -4
- package/esm2020/legacy-form-field/form-field-module.mjs +5 -5
- package/esm2020/legacy-form-field/form-field.mjs +4 -4
- package/esm2020/legacy-form-field/hint.mjs +4 -4
- package/esm2020/legacy-form-field/label.mjs +4 -4
- package/esm2020/legacy-form-field/placeholder.mjs +4 -4
- package/esm2020/legacy-form-field/prefix.mjs +4 -4
- package/esm2020/legacy-form-field/suffix.mjs +4 -4
- package/esm2020/legacy-input/input-module.mjs +5 -5
- package/esm2020/legacy-input/input.mjs +4 -4
- package/esm2020/legacy-list/list-module.mjs +5 -5
- package/esm2020/legacy-list/list.mjs +19 -19
- package/esm2020/legacy-list/selection-list.mjs +7 -7
- package/esm2020/legacy-menu/menu-content.mjs +4 -4
- package/esm2020/legacy-menu/menu-item.mjs +4 -4
- package/esm2020/legacy-menu/menu-module.mjs +5 -5
- package/esm2020/legacy-menu/menu-trigger.mjs +4 -4
- package/esm2020/legacy-menu/menu.mjs +4 -4
- package/esm2020/legacy-paginator/paginator-module.mjs +5 -5
- package/esm2020/legacy-paginator/paginator.mjs +4 -4
- package/esm2020/legacy-progress-bar/progress-bar-module.mjs +5 -5
- package/esm2020/legacy-progress-bar/progress-bar.mjs +4 -4
- package/esm2020/legacy-progress-spinner/progress-spinner-module.mjs +5 -5
- package/esm2020/legacy-progress-spinner/progress-spinner.mjs +4 -4
- package/esm2020/legacy-radio/radio-module.mjs +5 -5
- package/esm2020/legacy-radio/radio.mjs +7 -7
- package/esm2020/legacy-select/select-module.mjs +5 -5
- package/esm2020/legacy-select/select.mjs +7 -7
- package/esm2020/legacy-slide-toggle/slide-toggle-module.mjs +5 -5
- package/esm2020/legacy-slide-toggle/slide-toggle.mjs +4 -4
- package/esm2020/legacy-slider/slider-module.mjs +5 -5
- package/esm2020/legacy-slider/slider.mjs +4 -4
- package/esm2020/legacy-snack-bar/simple-snack-bar.mjs +4 -4
- package/esm2020/legacy-snack-bar/snack-bar-container.mjs +4 -4
- package/esm2020/legacy-snack-bar/snack-bar-module.mjs +5 -5
- package/esm2020/legacy-snack-bar/snack-bar.mjs +4 -4
- package/esm2020/legacy-table/cell.mjs +22 -22
- package/esm2020/legacy-table/row.mjs +22 -22
- package/esm2020/legacy-table/table-module.mjs +5 -5
- package/esm2020/legacy-table/table.mjs +7 -7
- package/esm2020/legacy-table/text-column.mjs +4 -4
- package/esm2020/legacy-tabs/ink-bar.mjs +4 -4
- package/esm2020/legacy-tabs/tab-body.mjs +7 -7
- package/esm2020/legacy-tabs/tab-content.mjs +4 -4
- package/esm2020/legacy-tabs/tab-group.mjs +4 -4
- package/esm2020/legacy-tabs/tab-header.mjs +4 -4
- package/esm2020/legacy-tabs/tab-label-wrapper.mjs +4 -4
- package/esm2020/legacy-tabs/tab-label.mjs +4 -4
- package/esm2020/legacy-tabs/tab-nav-bar/tab-nav-bar.mjs +10 -10
- package/esm2020/legacy-tabs/tab.mjs +4 -4
- package/esm2020/legacy-tabs/tabs-module.mjs +5 -5
- package/esm2020/legacy-tooltip/tooltip-module.mjs +5 -5
- package/esm2020/legacy-tooltip/tooltip.mjs +7 -7
- package/esm2020/list/action-list.mjs +4 -4
- package/esm2020/list/list-base.mjs +7 -7
- package/esm2020/list/list-item-sections.mjs +19 -19
- package/esm2020/list/list-module.mjs +5 -5
- package/esm2020/list/list-option.mjs +4 -4
- package/esm2020/list/list.mjs +7 -7
- package/esm2020/list/nav-list.mjs +4 -4
- package/esm2020/list/selection-list.mjs +4 -4
- package/esm2020/list/subheader.mjs +4 -4
- package/esm2020/menu/menu-content.mjs +7 -7
- package/esm2020/menu/menu-item.mjs +4 -4
- package/esm2020/menu/menu-trigger.mjs +7 -7
- package/esm2020/menu/menu.mjs +7 -7
- package/esm2020/menu/module.mjs +5 -5
- package/esm2020/paginator/module.mjs +5 -5
- package/esm2020/paginator/paginator-intl.mjs +4 -4
- package/esm2020/paginator/paginator.mjs +7 -7
- package/esm2020/progress-bar/module.mjs +5 -5
- package/esm2020/progress-bar/progress-bar.mjs +4 -4
- package/esm2020/progress-spinner/module.mjs +5 -5
- package/esm2020/progress-spinner/progress-spinner.mjs +4 -4
- package/esm2020/radio/module.mjs +5 -5
- package/esm2020/radio/radio.mjs +13 -13
- package/esm2020/select/module.mjs +5 -5
- package/esm2020/select/select.mjs +10 -10
- package/esm2020/sidenav/drawer.mjs +10 -10
- package/esm2020/sidenav/sidenav-module.mjs +5 -5
- package/esm2020/sidenav/sidenav.mjs +10 -10
- package/esm2020/slide-toggle/module.mjs +9 -9
- package/esm2020/slide-toggle/slide-toggle-required-validator.mjs +4 -4
- package/esm2020/slide-toggle/slide-toggle.mjs +7 -7
- package/esm2020/slider/module.mjs +5 -5
- package/esm2020/slider/slider-input.mjs +7 -7
- package/esm2020/slider/slider-thumb.mjs +4 -4
- package/esm2020/slider/slider.mjs +4 -4
- package/esm2020/snack-bar/module.mjs +5 -5
- package/esm2020/snack-bar/simple-snack-bar.mjs +4 -4
- package/esm2020/snack-bar/snack-bar-container.mjs +7 -7
- package/esm2020/snack-bar/snack-bar-content.mjs +10 -10
- package/esm2020/snack-bar/snack-bar.mjs +7 -7
- package/esm2020/sort/sort-header-intl.mjs +4 -4
- package/esm2020/sort/sort-header.mjs +4 -4
- package/esm2020/sort/sort-module.mjs +5 -5
- package/esm2020/sort/sort.mjs +4 -4
- package/esm2020/stepper/step-content.mjs +4 -4
- package/esm2020/stepper/step-header.mjs +4 -4
- package/esm2020/stepper/step-label.mjs +4 -4
- package/esm2020/stepper/stepper-button.mjs +7 -7
- package/esm2020/stepper/stepper-icon.mjs +4 -4
- package/esm2020/stepper/stepper-intl.mjs +4 -4
- package/esm2020/stepper/stepper-module.mjs +5 -5
- package/esm2020/stepper/stepper.mjs +7 -7
- package/esm2020/table/cell.mjs +22 -22
- package/esm2020/table/module.mjs +5 -5
- package/esm2020/table/row.mjs +22 -22
- package/esm2020/table/table.mjs +7 -7
- package/esm2020/table/text-column.mjs +4 -4
- package/esm2020/tabs/module.mjs +5 -5
- package/esm2020/tabs/paginated-tab-header.mjs +4 -4
- package/esm2020/tabs/tab-body.mjs +10 -10
- package/esm2020/tabs/tab-config.mjs +1 -1
- package/esm2020/tabs/tab-content.mjs +4 -4
- package/esm2020/tabs/tab-group.mjs +9 -7
- package/esm2020/tabs/tab-header.mjs +7 -7
- package/esm2020/tabs/tab-label-wrapper.mjs +7 -7
- package/esm2020/tabs/tab-label.mjs +4 -4
- package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +16 -16
- package/esm2020/tabs/tab.mjs +7 -7
- package/esm2020/toolbar/toolbar-module.mjs +5 -5
- package/esm2020/toolbar/toolbar.mjs +7 -7
- package/esm2020/tooltip/module.mjs +5 -5
- package/esm2020/tooltip/tooltip.mjs +13 -13
- package/esm2020/tree/node.mjs +10 -10
- package/esm2020/tree/outlet.mjs +4 -4
- package/esm2020/tree/padding.mjs +4 -4
- package/esm2020/tree/toggle.mjs +4 -4
- package/esm2020/tree/tree-module.mjs +5 -5
- package/esm2020/tree/tree.mjs +4 -4
- package/fesm2015/autocomplete.mjs +22 -22
- package/fesm2015/autocomplete.mjs.map +1 -1
- package/fesm2015/badge.mjs +7 -7
- package/fesm2015/badge.mjs.map +1 -1
- package/fesm2015/bottom-sheet.mjs +10 -10
- package/fesm2015/bottom-sheet.mjs.map +1 -1
- package/fesm2015/button-toggle.mjs +10 -10
- package/fesm2015/button-toggle.mjs.map +1 -1
- package/fesm2015/button.mjs +34 -34
- package/fesm2015/button.mjs.map +1 -1
- package/fesm2015/card.mjs +47 -47
- package/fesm2015/card.mjs.map +1 -1
- package/fesm2015/checkbox.mjs +17 -17
- package/fesm2015/checkbox.mjs.map +1 -1
- package/fesm2015/chips.mjs +40 -40
- package/fesm2015/chips.mjs.map +1 -1
- package/fesm2015/core.mjs +59 -59
- package/fesm2015/core.mjs.map +1 -1
- package/fesm2015/datepicker.mjs +82 -82
- package/fesm2015/datepicker.mjs.map +1 -1
- package/fesm2015/dialog.mjs +28 -28
- package/fesm2015/dialog.mjs.map +1 -1
- package/fesm2015/divider.mjs +7 -7
- package/fesm2015/divider.mjs.map +1 -1
- package/fesm2015/expansion.mjs +25 -25
- package/fesm2015/expansion.mjs.map +1 -1
- package/fesm2015/form-field.mjs +34 -34
- package/fesm2015/form-field.mjs.map +1 -1
- package/fesm2015/grid-list.mjs +22 -22
- package/fesm2015/grid-list.mjs.map +1 -1
- package/fesm2015/icon/testing.mjs +7 -7
- package/fesm2015/icon/testing.mjs.map +1 -1
- package/fesm2015/icon.mjs +10 -10
- package/fesm2015/icon.mjs.map +1 -1
- package/fesm2015/input.mjs +7 -7
- package/fesm2015/input.mjs.map +1 -1
- package/fesm2015/legacy-autocomplete.mjs +13 -13
- package/fesm2015/legacy-autocomplete.mjs.map +1 -1
- package/fesm2015/legacy-button.mjs +10 -10
- package/fesm2015/legacy-button.mjs.map +1 -1
- package/fesm2015/legacy-card.mjs +46 -46
- package/fesm2015/legacy-card.mjs.map +1 -1
- package/fesm2015/legacy-checkbox.mjs +7 -7
- package/fesm2015/legacy-checkbox.mjs.map +1 -1
- package/fesm2015/legacy-chips.mjs +22 -22
- package/fesm2015/legacy-chips.mjs.map +1 -1
- package/fesm2015/legacy-core.mjs +10 -10
- package/fesm2015/legacy-core.mjs.map +1 -1
- package/fesm2015/legacy-dialog.mjs +22 -22
- package/fesm2015/legacy-dialog.mjs.map +1 -1
- package/fesm2015/legacy-form-field.mjs +25 -25
- package/fesm2015/legacy-form-field.mjs.map +1 -1
- package/fesm2015/legacy-input.mjs +7 -7
- package/fesm2015/legacy-input.mjs.map +1 -1
- package/fesm2015/legacy-list.mjs +28 -28
- package/fesm2015/legacy-list.mjs.map +1 -1
- package/fesm2015/legacy-menu.mjs +16 -16
- package/fesm2015/legacy-menu.mjs.map +1 -1
- package/fesm2015/legacy-paginator.mjs +7 -7
- package/fesm2015/legacy-paginator.mjs.map +1 -1
- package/fesm2015/legacy-progress-bar.mjs +7 -7
- package/fesm2015/legacy-progress-bar.mjs.map +1 -1
- package/fesm2015/legacy-progress-spinner.mjs +7 -7
- package/fesm2015/legacy-progress-spinner.mjs.map +1 -1
- package/fesm2015/legacy-radio.mjs +10 -10
- package/fesm2015/legacy-radio.mjs.map +1 -1
- package/fesm2015/legacy-select.mjs +10 -10
- package/fesm2015/legacy-select.mjs.map +1 -1
- package/fesm2015/legacy-slide-toggle.mjs +7 -7
- package/fesm2015/legacy-slide-toggle.mjs.map +1 -1
- package/fesm2015/legacy-slider.mjs +7 -7
- package/fesm2015/legacy-slider.mjs.map +1 -1
- package/fesm2015/legacy-snack-bar.mjs +13 -13
- package/fesm2015/legacy-snack-bar.mjs.map +1 -1
- package/fesm2015/legacy-table.mjs +55 -55
- package/fesm2015/legacy-table.mjs.map +1 -1
- package/fesm2015/legacy-tabs.mjs +40 -40
- package/fesm2015/legacy-tabs.mjs.map +1 -1
- package/fesm2015/legacy-tooltip.mjs +10 -10
- package/fesm2015/legacy-tooltip.mjs.map +1 -1
- package/fesm2015/list.mjs +49 -49
- package/fesm2015/list.mjs.map +1 -1
- package/fesm2015/menu.mjs +25 -25
- package/fesm2015/menu.mjs.map +1 -1
- package/fesm2015/paginator.mjs +13 -13
- package/fesm2015/paginator.mjs.map +1 -1
- package/fesm2015/progress-bar.mjs +7 -7
- package/fesm2015/progress-bar.mjs.map +1 -1
- package/fesm2015/progress-spinner.mjs +7 -7
- package/fesm2015/progress-spinner.mjs.map +1 -1
- package/fesm2015/radio.mjs +16 -16
- package/fesm2015/radio.mjs.map +1 -1
- package/fesm2015/select.mjs +13 -13
- package/fesm2015/select.mjs.map +1 -1
- package/fesm2015/sidenav.mjs +22 -22
- package/fesm2015/sidenav.mjs.map +1 -1
- package/fesm2015/slide-toggle.mjs +17 -17
- package/fesm2015/slide-toggle.mjs.map +1 -1
- package/fesm2015/slider.mjs +16 -16
- package/fesm2015/slider.mjs.map +1 -1
- package/fesm2015/snack-bar.mjs +28 -28
- package/fesm2015/snack-bar.mjs.map +1 -1
- package/fesm2015/sort.mjs +13 -13
- package/fesm2015/sort.mjs.map +1 -1
- package/fesm2015/stepper.mjs +31 -31
- package/fesm2015/stepper.mjs.map +1 -1
- package/fesm2015/table.mjs +55 -55
- package/fesm2015/table.mjs.map +1 -1
- package/fesm2015/tabs.mjs +63 -61
- package/fesm2015/tabs.mjs.map +1 -1
- package/fesm2015/toolbar.mjs +10 -10
- package/fesm2015/toolbar.mjs.map +1 -1
- package/fesm2015/tooltip.mjs +16 -16
- package/fesm2015/tooltip.mjs.map +1 -1
- package/fesm2015/tree.mjs +25 -25
- package/fesm2015/tree.mjs.map +1 -1
- package/fesm2020/autocomplete.mjs +22 -22
- package/fesm2020/autocomplete.mjs.map +1 -1
- package/fesm2020/badge.mjs +7 -7
- package/fesm2020/badge.mjs.map +1 -1
- package/fesm2020/bottom-sheet.mjs +10 -10
- package/fesm2020/bottom-sheet.mjs.map +1 -1
- package/fesm2020/button-toggle.mjs +10 -10
- package/fesm2020/button-toggle.mjs.map +1 -1
- package/fesm2020/button.mjs +34 -34
- package/fesm2020/button.mjs.map +1 -1
- package/fesm2020/card.mjs +47 -47
- package/fesm2020/card.mjs.map +1 -1
- package/fesm2020/checkbox.mjs +17 -17
- package/fesm2020/checkbox.mjs.map +1 -1
- package/fesm2020/chips.mjs +40 -40
- package/fesm2020/chips.mjs.map +1 -1
- package/fesm2020/core.mjs +59 -59
- package/fesm2020/core.mjs.map +1 -1
- package/fesm2020/datepicker.mjs +82 -82
- package/fesm2020/datepicker.mjs.map +1 -1
- package/fesm2020/dialog.mjs +28 -28
- package/fesm2020/dialog.mjs.map +1 -1
- package/fesm2020/divider.mjs +7 -7
- package/fesm2020/divider.mjs.map +1 -1
- package/fesm2020/expansion.mjs +25 -25
- package/fesm2020/expansion.mjs.map +1 -1
- package/fesm2020/form-field.mjs +34 -34
- package/fesm2020/form-field.mjs.map +1 -1
- package/fesm2020/grid-list.mjs +22 -22
- package/fesm2020/grid-list.mjs.map +1 -1
- package/fesm2020/icon/testing.mjs +7 -7
- package/fesm2020/icon/testing.mjs.map +1 -1
- package/fesm2020/icon.mjs +10 -10
- package/fesm2020/icon.mjs.map +1 -1
- package/fesm2020/input.mjs +7 -7
- package/fesm2020/input.mjs.map +1 -1
- package/fesm2020/legacy-autocomplete.mjs +13 -13
- package/fesm2020/legacy-autocomplete.mjs.map +1 -1
- package/fesm2020/legacy-button.mjs +10 -10
- package/fesm2020/legacy-button.mjs.map +1 -1
- package/fesm2020/legacy-card.mjs +46 -46
- package/fesm2020/legacy-card.mjs.map +1 -1
- package/fesm2020/legacy-checkbox.mjs +7 -7
- package/fesm2020/legacy-checkbox.mjs.map +1 -1
- package/fesm2020/legacy-chips.mjs +22 -22
- package/fesm2020/legacy-chips.mjs.map +1 -1
- package/fesm2020/legacy-core.mjs +10 -10
- package/fesm2020/legacy-core.mjs.map +1 -1
- package/fesm2020/legacy-dialog.mjs +22 -22
- package/fesm2020/legacy-dialog.mjs.map +1 -1
- package/fesm2020/legacy-form-field.mjs +25 -25
- package/fesm2020/legacy-form-field.mjs.map +1 -1
- package/fesm2020/legacy-input.mjs +7 -7
- package/fesm2020/legacy-input.mjs.map +1 -1
- package/fesm2020/legacy-list.mjs +28 -28
- package/fesm2020/legacy-list.mjs.map +1 -1
- package/fesm2020/legacy-menu.mjs +16 -16
- package/fesm2020/legacy-menu.mjs.map +1 -1
- package/fesm2020/legacy-paginator.mjs +7 -7
- package/fesm2020/legacy-paginator.mjs.map +1 -1
- package/fesm2020/legacy-progress-bar.mjs +7 -7
- package/fesm2020/legacy-progress-bar.mjs.map +1 -1
- package/fesm2020/legacy-progress-spinner.mjs +7 -7
- package/fesm2020/legacy-progress-spinner.mjs.map +1 -1
- package/fesm2020/legacy-radio.mjs +10 -10
- package/fesm2020/legacy-radio.mjs.map +1 -1
- package/fesm2020/legacy-select.mjs +10 -10
- package/fesm2020/legacy-select.mjs.map +1 -1
- package/fesm2020/legacy-slide-toggle.mjs +7 -7
- package/fesm2020/legacy-slide-toggle.mjs.map +1 -1
- package/fesm2020/legacy-slider.mjs +7 -7
- package/fesm2020/legacy-slider.mjs.map +1 -1
- package/fesm2020/legacy-snack-bar.mjs +13 -13
- package/fesm2020/legacy-snack-bar.mjs.map +1 -1
- package/fesm2020/legacy-table.mjs +55 -55
- package/fesm2020/legacy-table.mjs.map +1 -1
- package/fesm2020/legacy-tabs.mjs +40 -40
- package/fesm2020/legacy-tabs.mjs.map +1 -1
- package/fesm2020/legacy-tooltip.mjs +10 -10
- package/fesm2020/legacy-tooltip.mjs.map +1 -1
- package/fesm2020/list.mjs +49 -49
- package/fesm2020/list.mjs.map +1 -1
- package/fesm2020/menu.mjs +25 -25
- package/fesm2020/menu.mjs.map +1 -1
- package/fesm2020/paginator.mjs +13 -13
- package/fesm2020/paginator.mjs.map +1 -1
- package/fesm2020/progress-bar.mjs +7 -7
- package/fesm2020/progress-bar.mjs.map +1 -1
- package/fesm2020/progress-spinner.mjs +7 -7
- package/fesm2020/progress-spinner.mjs.map +1 -1
- package/fesm2020/radio.mjs +16 -16
- package/fesm2020/radio.mjs.map +1 -1
- package/fesm2020/select.mjs +13 -13
- package/fesm2020/select.mjs.map +1 -1
- package/fesm2020/sidenav.mjs +22 -22
- package/fesm2020/sidenav.mjs.map +1 -1
- package/fesm2020/slide-toggle.mjs +17 -17
- package/fesm2020/slide-toggle.mjs.map +1 -1
- package/fesm2020/slider.mjs +16 -16
- package/fesm2020/slider.mjs.map +1 -1
- package/fesm2020/snack-bar.mjs +28 -28
- package/fesm2020/snack-bar.mjs.map +1 -1
- package/fesm2020/sort.mjs +13 -13
- package/fesm2020/sort.mjs.map +1 -1
- package/fesm2020/stepper.mjs +31 -31
- package/fesm2020/stepper.mjs.map +1 -1
- package/fesm2020/table.mjs +55 -55
- package/fesm2020/table.mjs.map +1 -1
- package/fesm2020/tabs.mjs +63 -61
- package/fesm2020/tabs.mjs.map +1 -1
- package/fesm2020/toolbar.mjs +10 -10
- package/fesm2020/toolbar.mjs.map +1 -1
- package/fesm2020/tooltip.mjs +16 -16
- package/fesm2020/tooltip.mjs.map +1 -1
- package/fesm2020/tree.mjs +25 -25
- package/fesm2020/tree.mjs.map +1 -1
- package/package.json +7 -7
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/schematics/migration.json +4 -4
- package/schematics/ng-add/index.js +2 -2
- package/schematics/ng-add/index.mjs +2 -2
- package/schematics/ng-generate/mdc-migration/index_bundled.js +2 -2
- package/schematics/ng-generate/mdc-migration/index_bundled.js.map +2 -2
- package/schematics/ng-update/index_bundled.js +5 -6805
- package/schematics/ng-update/index_bundled.js.map +4 -4
- package/tabs/index.d.ts +2 -0
package/card/_card-theme.scss
CHANGED
|
@@ -1,70 +1,65 @@
|
|
|
1
1
|
@use '../core/theming/theming';
|
|
2
|
-
@use '../core/mdc-helpers/mdc-helpers';
|
|
3
2
|
@use '../core/style/private';
|
|
4
3
|
@use '../core/typography/typography';
|
|
4
|
+
@use '../core/tokens/token-utils';
|
|
5
|
+
@use '../core/tokens/m2/mat/card' as tokens-mat-card;
|
|
6
|
+
@use '../core/tokens/m2/mdc/elevated-card' as tokens-mdc-elevated-card;
|
|
7
|
+
@use '../core/tokens/m2/mdc/outlined-card' as tokens-mdc-outlined-card;
|
|
5
8
|
@use '@material/card/elevated-card-theme' as mdc-elevated-card-theme;
|
|
6
9
|
@use '@material/card/outlined-card-theme' as mdc-outlined-card-theme;
|
|
7
|
-
@use '@material/typography' as mdc-typography;
|
|
8
|
-
@use '@material/theme/theme-color' as mdc-theme-color;
|
|
9
|
-
@use 'sass:color';
|
|
10
|
-
@use 'sass:map';
|
|
11
|
-
@use 'sass:meta';
|
|
12
10
|
|
|
13
11
|
@mixin color($config-or-theme) {
|
|
14
12
|
$config: theming.get-color-config($config-or-theme);
|
|
15
|
-
$
|
|
13
|
+
$mdc-elevated-card-color-tokens: tokens-mdc-elevated-card.get-color-tokens($config);
|
|
14
|
+
$mdc-outlined-card-color-tokens: tokens-mdc-outlined-card.get-color-tokens($config);
|
|
15
|
+
$mat-card-color-tokens: tokens-mat-card.get-color-tokens($config);
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
// Add values for card tokens.
|
|
18
|
+
.mat-mdc-card {
|
|
19
|
+
@include mdc-elevated-card-theme.theme($mdc-elevated-card-color-tokens);
|
|
20
|
+
@include mdc-outlined-card-theme.theme($mdc-outlined-card-color-tokens);
|
|
21
|
+
@include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-color-tokens);
|
|
20
22
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// different error.
|
|
26
|
-
@include private.private-theme-elevation(1, $config);
|
|
27
|
-
@include mdc-elevated-card-theme.theme((
|
|
28
|
-
container-color: $surface,
|
|
29
|
-
));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.mat-mdc-card-outlined {
|
|
33
|
-
@include private.private-theme-elevation(0, $config);
|
|
34
|
-
@include mdc-outlined-card-theme.theme((
|
|
35
|
-
outline-color: if(
|
|
36
|
-
meta.type-of($on-surface) == color and meta.type-of($surface) == color,
|
|
37
|
-
color.mix($on-surface, $surface, 12%),
|
|
38
|
-
$on-surface
|
|
39
|
-
)
|
|
40
|
-
));
|
|
41
|
-
}
|
|
23
|
+
// TODO(mmalerba): This should be based on tokens, but the elevation tokens don't seem to be
|
|
24
|
+
// working currently. They wind up setting values like `box-shadow: var(--e); --e: 1`
|
|
25
|
+
@include private.private-theme-elevation(1, $config);
|
|
26
|
+
}
|
|
42
27
|
|
|
43
|
-
|
|
44
|
-
//
|
|
45
|
-
.
|
|
46
|
-
|
|
47
|
-
}
|
|
28
|
+
.mat-mdc-card-outlined {
|
|
29
|
+
// TODO(mmalerba): This should be based on tokens, but the elevation tokens don't seem to be
|
|
30
|
+
// working currently. They wind up setting values like `box-shadow: var(--e); --e: 1`
|
|
31
|
+
@include private.private-theme-elevation(0, $config);
|
|
48
32
|
}
|
|
49
33
|
}
|
|
50
34
|
|
|
51
35
|
@mixin typography($config-or-theme) {
|
|
52
36
|
$config: typography.private-typography-to-2018-config(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
.mat-mdc-card-title {
|
|
58
|
-
@include mdc-typography.typography(headline6);
|
|
59
|
-
}
|
|
37
|
+
theming.get-typography-config($config-or-theme));
|
|
38
|
+
$mdc-elevated-card-typography-tokens: tokens-mdc-elevated-card.get-typography-tokens($config);
|
|
39
|
+
$mdc-outlined-card-typography-tokens: tokens-mdc-outlined-card.get-typography-tokens($config);
|
|
40
|
+
$mat-card-typography-tokens: tokens-mat-card.get-typography-tokens($config);
|
|
60
41
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
42
|
+
// Add values for card tokens.
|
|
43
|
+
.mat-mdc-card {
|
|
44
|
+
@include mdc-elevated-card-theme.theme($mdc-elevated-card-typography-tokens);
|
|
45
|
+
@include mdc-outlined-card-theme.theme($mdc-outlined-card-typography-tokens);
|
|
46
|
+
@include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-typography-tokens);
|
|
64
47
|
}
|
|
65
48
|
}
|
|
66
49
|
|
|
67
|
-
@mixin density($config-or-theme) {
|
|
50
|
+
@mixin density($config-or-theme) {
|
|
51
|
+
$density-scale: theming.get-density-config($config-or-theme);
|
|
52
|
+
$mdc-elevated-card-density-tokens: tokens-mdc-elevated-card.get-density-tokens($density-scale);
|
|
53
|
+
$mdc-outlined-card-density-tokens: tokens-mdc-outlined-card.get-density-tokens($density-scale);
|
|
54
|
+
$mat-card-density-tokens: tokens-mat-card.get-density-tokens($density-scale);
|
|
55
|
+
|
|
56
|
+
// Add values for card tokens.
|
|
57
|
+
.mat-mdc-card {
|
|
58
|
+
@include mdc-elevated-card-theme.theme($mdc-elevated-card-density-tokens);
|
|
59
|
+
@include mdc-outlined-card-theme.theme($mdc-outlined-card-density-tokens);
|
|
60
|
+
@include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-density-tokens);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
68
63
|
|
|
69
64
|
@mixin theme($theme-or-color-config) {
|
|
70
65
|
$theme: theming.private-legacy-get-theme($theme-or-color-config);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '@material/theme/custom-properties' as mdc-custom-properties;
|
|
3
3
|
@use '@material/theme/theme' as mdc-theme;
|
|
4
|
+
@use '@material/theme/keys' as mdc-keys;
|
|
4
5
|
@use '../mdc-helpers/mdc-helpers';
|
|
5
6
|
@use '../theming/palette';
|
|
6
7
|
@use '../theming/theming';
|
|
@@ -78,3 +79,18 @@ $_component-prefix: null;
|
|
|
78
79
|
@include mdc-theme.property($property, $value);
|
|
79
80
|
}
|
|
80
81
|
}
|
|
82
|
+
|
|
83
|
+
@mixin create-token-values($prefix, $tokens) {
|
|
84
|
+
@include _configure-token-prefix($prefix...) {
|
|
85
|
+
@include mdc-keys.declare-custom-properties($tokens, $_component-prefix);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
// Merges together a list of maps into a single map.
|
|
90
|
+
@function merge-all($maps...) {
|
|
91
|
+
$result: ();
|
|
92
|
+
@each $map in $maps {
|
|
93
|
+
$result: map.merge($result, $map);
|
|
94
|
+
}
|
|
95
|
+
@return $result;
|
|
96
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../token-utils';
|
|
3
|
+
@use '../../../theming/theming';
|
|
4
|
+
@use '../../../typography/typography-utils';
|
|
5
|
+
|
|
6
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
7
|
+
$prefix: (mat, card);
|
|
8
|
+
|
|
9
|
+
// Tokens that can't be configured through Angular Material's current theming API,
|
|
10
|
+
// but may be in a future version of the theming API.
|
|
11
|
+
@function get-unthemable-tokens() {
|
|
12
|
+
@return ();
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
16
|
+
@function get-color-tokens($config) {
|
|
17
|
+
$foreground: map.get($config, foreground);
|
|
18
|
+
|
|
19
|
+
@return (
|
|
20
|
+
// Text color of the card's subtitle.
|
|
21
|
+
subtitle-text-color: theming.get-color-from-palette($foreground, secondary-text),
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
26
|
+
@function get-typography-tokens($config) {
|
|
27
|
+
@return (
|
|
28
|
+
// Font family of the card's title.
|
|
29
|
+
title-text-font: typography-utils.font-family($config, headline-6)
|
|
30
|
+
or typography-utils.font-family($config),
|
|
31
|
+
// Line height of the card's title.
|
|
32
|
+
title-text-line-height: typography-utils.line-height($config, headline-6),
|
|
33
|
+
// Font size of the card's title.
|
|
34
|
+
title-text-size: typography-utils.font-size($config, headline-6),
|
|
35
|
+
// Letter spacing of the card's title.
|
|
36
|
+
title-text-tracking: typography-utils.letter-spacing($config, headline-6),
|
|
37
|
+
// Font weight of the card's title.
|
|
38
|
+
title-text-weight: typography-utils.font-weight($config, headline-6),
|
|
39
|
+
// Font family of the card's subtitle.
|
|
40
|
+
subtitle-text-font: typography-utils.font-family($config, subtitle-2)
|
|
41
|
+
or typography-utils.font-family($config),
|
|
42
|
+
// Line height of the card's subtitle.
|
|
43
|
+
subtitle-text-line-height: typography-utils.line-height($config, subtitle-2),
|
|
44
|
+
// Font size of the card's subtitle.
|
|
45
|
+
subtitle-text-size: typography-utils.font-size($config, subtitle-2),
|
|
46
|
+
// Letter spacing of the card's subtitle.
|
|
47
|
+
subtitle-text-tracking: typography-utils.letter-spacing($config, subtitle-2),
|
|
48
|
+
// Font weight of the card's subtitle.
|
|
49
|
+
subtitle-text-weight: typography-utils.font-weight($config, subtitle-2),
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
54
|
+
@function get-density-tokens($config) {
|
|
55
|
+
@return ();
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
59
|
+
// This is used to create token slots.
|
|
60
|
+
@function get-token-slots() {
|
|
61
|
+
@return token-utils.merge-all(
|
|
62
|
+
get-unthemable-tokens(),
|
|
63
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
64
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
65
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
66
|
+
);
|
|
67
|
+
}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../../theming/theming';
|
|
3
|
+
@use '../../token-utils';
|
|
4
|
+
|
|
5
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
+
$prefix: (mdc, elevated-card);
|
|
7
|
+
|
|
8
|
+
// Tokens that can't be configured through Angular Material's current theming API,
|
|
9
|
+
// but may be in a future version of the theming API.
|
|
10
|
+
//
|
|
11
|
+
// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
|
|
12
|
+
// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
|
|
13
|
+
// our CSS.
|
|
14
|
+
@function get-unthemable-tokens() {
|
|
15
|
+
@return (
|
|
16
|
+
// The border-radius of the card.
|
|
17
|
+
container-shape: 4px,
|
|
18
|
+
// =============================================================================================
|
|
19
|
+
// = TOKENS NOT USED IN ANGULAR MATERIAL =
|
|
20
|
+
// =============================================================================================
|
|
21
|
+
// TODO(mmalerba): The elevation tokens don't seem to work currently.
|
|
22
|
+
// Should work with MDC to figure out what's wrong.
|
|
23
|
+
container-elevation: null,
|
|
24
|
+
container-shadow-color: null,
|
|
25
|
+
// Angular Material's card is not an interactive element, and therefore does not support states.
|
|
26
|
+
disabled-container-color: null,
|
|
27
|
+
disabled-container-elevation: null,
|
|
28
|
+
disabled-container-opacity: null,
|
|
29
|
+
dragged-container-elevation: null,
|
|
30
|
+
dragged-state-layer-color: null,
|
|
31
|
+
dragged-state-layer-opacity: null,
|
|
32
|
+
focus-container-elevation: null,
|
|
33
|
+
focus-state-layer-color:null,
|
|
34
|
+
focus-state-layer-opacity: null,
|
|
35
|
+
hover-container-elevation: null,
|
|
36
|
+
hover-state-layer-color: null,
|
|
37
|
+
hover-state-layer-opacity: null,
|
|
38
|
+
pressed-container-elevation: null,
|
|
39
|
+
pressed-state-layer-color: null,
|
|
40
|
+
pressed-state-layer-opacity: null,
|
|
41
|
+
// Angular Material does not currently support surface tint.
|
|
42
|
+
container-surface-tint-layer-color: null,
|
|
43
|
+
// MDC does not seem to use these tokens.
|
|
44
|
+
icon-color: null,
|
|
45
|
+
icon-size: null,
|
|
46
|
+
);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
50
|
+
@function get-color-tokens($config) {
|
|
51
|
+
$background: map.get($config, background);
|
|
52
|
+
|
|
53
|
+
@return (
|
|
54
|
+
// The background color of the card.
|
|
55
|
+
container-color: theming.get-color-from-palette($background, card),
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
60
|
+
@function get-typography-tokens($config) {
|
|
61
|
+
@return ();
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
65
|
+
@function get-density-tokens($config) {
|
|
66
|
+
@return ();
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
70
|
+
// This is used to create token slots.
|
|
71
|
+
@function get-token-slots() {
|
|
72
|
+
@return token-utils.merge-all(
|
|
73
|
+
get-unthemable-tokens(),
|
|
74
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
75
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
76
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
77
|
+
);
|
|
78
|
+
}
|
|
@@ -207,14 +207,10 @@ $prefix: (mdc, list);
|
|
|
207
207
|
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
208
208
|
// This is used to create token slots.
|
|
209
209
|
@function get-token-slots() {
|
|
210
|
-
@return
|
|
210
|
+
@return token-utils.merge-all(
|
|
211
211
|
get-unthemable-tokens(),
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
216
|
-
get-density-tokens(token-utils.$placeholder-density-config)
|
|
217
|
-
)
|
|
218
|
-
)
|
|
212
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
213
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
214
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
219
215
|
);
|
|
220
216
|
}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../../theming/theming';
|
|
3
|
+
@use '../../token-utils';
|
|
4
|
+
|
|
5
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
+
$prefix: (mdc, outlined-card);
|
|
7
|
+
|
|
8
|
+
// Tokens that can't be configured through Angular Material's current theming API,
|
|
9
|
+
// but may be in a future version of the theming API.
|
|
10
|
+
//
|
|
11
|
+
// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
|
|
12
|
+
// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
|
|
13
|
+
// our CSS.
|
|
14
|
+
@function get-unthemable-tokens() {
|
|
15
|
+
@return (
|
|
16
|
+
// The border-radius of the card.
|
|
17
|
+
container-shape: 4px,
|
|
18
|
+
// The thickness of the card's border.
|
|
19
|
+
outline-width: 1px,
|
|
20
|
+
// =============================================================================================
|
|
21
|
+
// = TOKENS NOT USED IN ANGULAR MATERIAL =
|
|
22
|
+
// =============================================================================================
|
|
23
|
+
// TODO(mmalerba): The elevation tokens don't seem to work currently.
|
|
24
|
+
// Should work with MDC to figure out what's wrong.
|
|
25
|
+
container-elevation: null,
|
|
26
|
+
container-shadow-color: null,
|
|
27
|
+
// Angular Material's card is not an interactive element, and therefore does not support states.
|
|
28
|
+
disabled-container-elevation: null,
|
|
29
|
+
disabled-outline-color: null,
|
|
30
|
+
disabled-outline-opacity: null,
|
|
31
|
+
dragged-container-elevation: null,
|
|
32
|
+
dragged-outline-color: null,
|
|
33
|
+
dragged-state-layer-color: null,
|
|
34
|
+
dragged-state-layer-opacity: null,
|
|
35
|
+
focus-container-elevation: null,
|
|
36
|
+
focus-outline-color: null,
|
|
37
|
+
focus-state-layer-color: null,
|
|
38
|
+
focus-state-layer-opacity: null,
|
|
39
|
+
hover-container-elevation: null,
|
|
40
|
+
hover-outline-color: null,
|
|
41
|
+
hover-state-layer-color: null,
|
|
42
|
+
hover-state-layer-opacity: null,
|
|
43
|
+
pressed-container-elevation: null,
|
|
44
|
+
pressed-outline-color: null,
|
|
45
|
+
pressed-state-layer-color: null,
|
|
46
|
+
pressed-state-layer-opacity: null,
|
|
47
|
+
// Angular Material does not currently support surface tint.
|
|
48
|
+
container-surface-tint-layer-color: null,
|
|
49
|
+
// MDC does not seem to use these tokens.
|
|
50
|
+
icon-color: null,
|
|
51
|
+
icon-size: null,
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
56
|
+
@function get-color-tokens($config) {
|
|
57
|
+
$background: map.get($config, background);
|
|
58
|
+
$foreground: map.get($config, foreground);
|
|
59
|
+
|
|
60
|
+
@return (
|
|
61
|
+
// The background color of the card.
|
|
62
|
+
container-color: theming.get-color-from-palette($background, card),
|
|
63
|
+
// The border color of the card.
|
|
64
|
+
outline-color: theming.get-color-from-palette($foreground, base, 0.12),
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
69
|
+
@function get-typography-tokens($config) {
|
|
70
|
+
@return ();
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
74
|
+
@function get-density-tokens($config) {
|
|
75
|
+
@return ();
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
79
|
+
// This is used to create token slots.
|
|
80
|
+
@function get-token-slots() {
|
|
81
|
+
@return token-utils.merge-all(
|
|
82
|
+
get-unthemable-tokens(),
|
|
83
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
84
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
85
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
86
|
+
);
|
|
87
|
+
}
|
|
@@ -15,9 +15,9 @@ export class _MatAutocompleteOriginBase {
|
|
|
15
15
|
this.elementRef = elementRef;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
_MatAutocompleteOriginBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19
|
-
_MatAutocompleteOriginBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18
|
+
_MatAutocompleteOriginBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: _MatAutocompleteOriginBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
_MatAutocompleteOriginBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.0", type: _MatAutocompleteOriginBase, ngImport: i0 });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: _MatAutocompleteOriginBase, decorators: [{
|
|
21
21
|
type: Directive
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
23
23
|
/**
|
|
@@ -26,13 +26,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0-rc.0", ng
|
|
|
26
26
|
*/
|
|
27
27
|
export class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
|
|
28
28
|
}
|
|
29
|
-
MatAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
30
|
-
MatAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
MatAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: MatAutocompleteOrigin, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
+
MatAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.0", type: MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], usesInheritance: true, ngImport: i0 });
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
|
|
32
32
|
type: Directive,
|
|
33
33
|
args: [{
|
|
34
34
|
selector: '[matAutocompleteOrigin]',
|
|
35
35
|
exportAs: 'matAutocompleteOrigin',
|
|
36
36
|
}]
|
|
37
37
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tYXRlcmlhbC9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLW9yaWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFcEQsa0ZBQWtGO0FBRWxGLE1BQU0sT0FBZ0IsMEJBQTBCO0lBQzlDO0lBQ0Usa0VBQWtFO0lBQzNELFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3pDLENBQUM7OzhIQUpnQiwwQkFBMEI7a0hBQTFCLDBCQUEwQjtrR0FBMUIsMEJBQTBCO2tCQUQvQyxTQUFTOztBQVFWOzs7R0FHRztBQUtILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSwwQkFBMEI7O3lIQUF4RCxxQkFBcUI7NkdBQXJCLHFCQUFxQjtrR0FBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqIEJhc2UgY2xhc3MgY29udGFpbmluZyBhbGwgb2YgdGhlIGZ1bmN0aW9uYWxpdHkgZm9yIGBNYXRBdXRvY29tcGxldGVPcmlnaW5gLiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgX01hdEF1dG9jb21wbGV0ZU9yaWdpbkJhc2Uge1xuICBjb25zdHJ1Y3RvcihcbiAgICAvKiogUmVmZXJlbmNlIHRvIHRoZSBlbGVtZW50IG9uIHdoaWNoIHRoZSBkaXJlY3RpdmUgaXMgYXBwbGllZC4gKi9cbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICkge31cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21hdEF1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICBleHBvcnRBczogJ21hdEF1dG9jb21wbGV0ZU9yaWdpbicsXG59KVxuZXhwb3J0IGNsYXNzIE1hdEF1dG9jb21wbGV0ZU9yaWdpbiBleHRlbmRzIF9NYXRBdXRvY29tcGxldGVPcmlnaW5CYXNlIHt9XG4iXX0=
|