@angular/material 16.0.0-rc.0 → 16.0.0-rc.2
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 +6 -0
- package/button/_icon-button-theme.scss +4 -6
- package/chips/_chips-theme.scss +1 -1
- package/core/tokens/m2/mat/_snack-bar.scss +43 -0
- package/core/tokens/m2/mat/_tab-header-with-background.scss +43 -0
- package/core/tokens/m2/mat/_tab-header.scss +71 -0
- package/core/tokens/m2/mdc/_linear-progress.scss +7 -2
- package/core/tokens/m2/mdc/_snack-bar.scss +108 -0
- package/core/tokens/m2/mdc/_tab-indicator.scss +51 -0
- package/core/tokens/m2/mdc/_tab.scss +86 -0
- package/dialog/index.d.ts +2 -0
- package/esm2022/autocomplete/autocomplete-origin.mjs +7 -7
- package/esm2022/autocomplete/autocomplete-trigger.mjs +7 -7
- package/esm2022/autocomplete/autocomplete.mjs +8 -8
- package/esm2022/autocomplete/module.mjs +5 -5
- package/esm2022/badge/badge-module.mjs +5 -5
- package/esm2022/badge/badge.mjs +4 -4
- 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-lazy-loader.mjs +4 -4
- package/esm2022/button/button.mjs +9 -9
- package/esm2022/button/fab.mjs +17 -17
- package/esm2022/button/icon-button.mjs +9 -9
- package/esm2022/button/module.mjs +5 -5
- package/esm2022/button-toggle/button-toggle-module.mjs +5 -5
- package/esm2022/button-toggle/button-toggle.mjs +7 -7
- 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 +7 -7
- package/esm2022/checkbox/module.mjs +9 -9
- package/esm2022/chips/chip-action.mjs +4 -4
- package/esm2022/chips/chip-edit-input.mjs +4 -4
- package/esm2022/chips/chip-grid.mjs +4 -4
- package/esm2022/chips/chip-icons.mjs +10 -10
- package/esm2022/chips/chip-input.mjs +4 -4
- package/esm2022/chips/chip-listbox.mjs +4 -5
- package/esm2022/chips/chip-option.mjs +4 -4
- package/esm2022/chips/chip-row.mjs +4 -4
- package/esm2022/chips/chip-set.mjs +4 -4
- package/esm2022/chips/chip.mjs +4 -4
- 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/line/line.mjs +8 -8
- package/esm2022/core/option/index.mjs +5 -5
- package/esm2022/core/option/optgroup.mjs +7 -7
- package/esm2022/core/option/option.mjs +10 -8
- 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 +5 -7
- 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 +25 -14
- package/esm2022/dialog/dialog-content-directives.mjs +13 -13
- package/esm2022/dialog/dialog.mjs +7 -7
- 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 +5 -5
- 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/legacy-autocomplete/autocomplete-module.mjs +5 -5
- package/esm2022/legacy-autocomplete/autocomplete-origin.mjs +4 -4
- package/esm2022/legacy-autocomplete/autocomplete-trigger.mjs +4 -4
- package/esm2022/legacy-autocomplete/autocomplete.mjs +4 -4
- package/esm2022/legacy-button/button-module.mjs +5 -5
- package/esm2022/legacy-button/button.mjs +7 -7
- package/esm2022/legacy-card/card-module.mjs +5 -5
- package/esm2022/legacy-card/card.mjs +43 -43
- package/esm2022/legacy-checkbox/checkbox-module.mjs +5 -5
- package/esm2022/legacy-checkbox/checkbox.mjs +4 -4
- package/esm2022/legacy-chips/chip-input.mjs +4 -4
- package/esm2022/legacy-chips/chip-list.mjs +4 -4
- package/esm2022/legacy-chips/chip.mjs +13 -13
- package/esm2022/legacy-chips/chips-module.mjs +5 -5
- package/esm2022/legacy-core/option/index.mjs +5 -5
- package/esm2022/legacy-core/option/optgroup.mjs +4 -4
- package/esm2022/legacy-core/option/option.mjs +4 -4
- package/esm2022/legacy-dialog/dialog-container.mjs +4 -4
- package/esm2022/legacy-dialog/dialog-content-directives.mjs +13 -13
- package/esm2022/legacy-dialog/dialog-module.mjs +5 -5
- package/esm2022/legacy-dialog/dialog.mjs +4 -4
- package/esm2022/legacy-form-field/error.mjs +4 -4
- package/esm2022/legacy-form-field/form-field-module.mjs +5 -5
- package/esm2022/legacy-form-field/form-field.mjs +4 -4
- package/esm2022/legacy-form-field/hint.mjs +4 -4
- package/esm2022/legacy-form-field/label.mjs +4 -4
- package/esm2022/legacy-form-field/placeholder.mjs +4 -4
- package/esm2022/legacy-form-field/prefix.mjs +4 -4
- package/esm2022/legacy-form-field/suffix.mjs +4 -4
- package/esm2022/legacy-input/input-module.mjs +5 -5
- package/esm2022/legacy-input/input.mjs +4 -4
- package/esm2022/legacy-list/list-module.mjs +5 -5
- package/esm2022/legacy-list/list.mjs +19 -19
- package/esm2022/legacy-list/selection-list.mjs +7 -7
- package/esm2022/legacy-menu/menu-content.mjs +4 -4
- package/esm2022/legacy-menu/menu-item.mjs +4 -4
- package/esm2022/legacy-menu/menu-module.mjs +5 -5
- package/esm2022/legacy-menu/menu-trigger.mjs +4 -4
- package/esm2022/legacy-menu/menu.mjs +4 -4
- package/esm2022/legacy-paginator/paginator-module.mjs +5 -5
- package/esm2022/legacy-paginator/paginator.mjs +4 -4
- package/esm2022/legacy-progress-bar/progress-bar-module.mjs +5 -5
- package/esm2022/legacy-progress-bar/progress-bar.mjs +4 -4
- package/esm2022/legacy-progress-spinner/progress-spinner-module.mjs +5 -5
- package/esm2022/legacy-progress-spinner/progress-spinner.mjs +16 -7
- package/esm2022/legacy-radio/radio-module.mjs +5 -5
- package/esm2022/legacy-radio/radio.mjs +7 -7
- package/esm2022/legacy-select/select-module.mjs +5 -5
- package/esm2022/legacy-select/select.mjs +7 -7
- package/esm2022/legacy-slide-toggle/slide-toggle-module.mjs +5 -5
- package/esm2022/legacy-slide-toggle/slide-toggle.mjs +4 -4
- package/esm2022/legacy-slider/slider-module.mjs +5 -5
- package/esm2022/legacy-slider/slider.mjs +4 -4
- package/esm2022/legacy-snack-bar/simple-snack-bar.mjs +4 -4
- package/esm2022/legacy-snack-bar/snack-bar-container.mjs +4 -4
- package/esm2022/legacy-snack-bar/snack-bar-module.mjs +5 -5
- package/esm2022/legacy-snack-bar/snack-bar.mjs +4 -4
- package/esm2022/legacy-table/cell.mjs +22 -22
- package/esm2022/legacy-table/row.mjs +22 -22
- package/esm2022/legacy-table/table-module.mjs +5 -5
- package/esm2022/legacy-table/table.mjs +7 -7
- package/esm2022/legacy-table/text-column.mjs +4 -4
- package/esm2022/legacy-tabs/ink-bar.mjs +4 -4
- package/esm2022/legacy-tabs/tab-body.mjs +7 -7
- package/esm2022/legacy-tabs/tab-content.mjs +4 -4
- package/esm2022/legacy-tabs/tab-group.mjs +4 -4
- package/esm2022/legacy-tabs/tab-header.mjs +4 -4
- package/esm2022/legacy-tabs/tab-label-wrapper.mjs +4 -4
- package/esm2022/legacy-tabs/tab-label.mjs +4 -4
- package/esm2022/legacy-tabs/tab-nav-bar/tab-nav-bar.mjs +10 -10
- package/esm2022/legacy-tabs/tab.mjs +4 -4
- package/esm2022/legacy-tabs/tabs-module.mjs +5 -5
- package/esm2022/legacy-tooltip/tooltip-module.mjs +5 -5
- package/esm2022/legacy-tooltip/tooltip.mjs +7 -7
- package/esm2022/list/action-list.mjs +5 -5
- package/esm2022/list/list-base.mjs +7 -7
- package/esm2022/list/list-item-sections.mjs +19 -19
- package/esm2022/list/list-module.mjs +5 -5
- package/esm2022/list/list-option.mjs +4 -4
- package/esm2022/list/list.mjs +8 -8
- package/esm2022/list/nav-list.mjs +5 -5
- package/esm2022/list/selection-list.mjs +6 -6
- package/esm2022/list/subheader.mjs +4 -4
- package/esm2022/menu/menu-content.mjs +7 -7
- package/esm2022/menu/menu-item.mjs +4 -4
- package/esm2022/menu/menu-trigger.mjs +7 -7
- package/esm2022/menu/menu.mjs +8 -8
- 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 +7 -7
- package/esm2022/progress-bar/module.mjs +5 -5
- package/esm2022/progress-bar/progress-bar.mjs +5 -5
- package/esm2022/progress-spinner/module.mjs +5 -5
- package/esm2022/progress-spinner/progress-spinner.mjs +4 -4
- package/esm2022/radio/module.mjs +5 -5
- package/esm2022/radio/radio.mjs +13 -13
- package/esm2022/select/module.mjs +5 -5
- package/esm2022/select/select.mjs +12 -12
- 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 +7 -7
- package/esm2022/slider/module.mjs +5 -5
- package/esm2022/slider/slider-input.mjs +7 -7
- package/esm2022/slider/slider-thumb.mjs +4 -4
- package/esm2022/slider/slider.mjs +5 -5
- package/esm2022/snack-bar/module.mjs +5 -5
- package/esm2022/snack-bar/simple-snack-bar.mjs +4 -4
- package/esm2022/snack-bar/snack-bar-container.mjs +8 -8
- package/esm2022/snack-bar/snack-bar-content.mjs +10 -10
- package/esm2022/snack-bar/snack-bar.mjs +7 -7
- 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/module.mjs +5 -5
- package/esm2022/tabs/paginated-tab-header.mjs +4 -4
- package/esm2022/tabs/tab-body.mjs +10 -10
- package/esm2022/tabs/tab-content.mjs +4 -4
- package/esm2022/tabs/tab-group.mjs +9 -9
- package/esm2022/tabs/tab-header.mjs +8 -8
- package/esm2022/tabs/tab-label-wrapper.mjs +7 -7
- package/esm2022/tabs/tab-label.mjs +4 -4
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +18 -18
- package/esm2022/tabs/tab.mjs +7 -7
- 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 +13 -13
- 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 +23 -23
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge.mjs +7 -7
- 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 +10 -10
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +45 -45
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -46
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +17 -17
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +40 -41
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +62 -60
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +83 -85
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog.mjs +46 -35
- 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 +35 -35
- 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/legacy-autocomplete.mjs +13 -13
- package/fesm2022/legacy-autocomplete.mjs.map +1 -1
- package/fesm2022/legacy-button.mjs +10 -10
- package/fesm2022/legacy-button.mjs.map +1 -1
- package/fesm2022/legacy-card.mjs +46 -46
- package/fesm2022/legacy-card.mjs.map +1 -1
- package/fesm2022/legacy-checkbox.mjs +7 -7
- package/fesm2022/legacy-checkbox.mjs.map +1 -1
- package/fesm2022/legacy-chips.mjs +22 -22
- package/fesm2022/legacy-chips.mjs.map +1 -1
- package/fesm2022/legacy-core.mjs +10 -10
- package/fesm2022/legacy-core.mjs.map +1 -1
- package/fesm2022/legacy-dialog.mjs +22 -22
- package/fesm2022/legacy-dialog.mjs.map +1 -1
- package/fesm2022/legacy-form-field.mjs +25 -25
- package/fesm2022/legacy-form-field.mjs.map +1 -1
- package/fesm2022/legacy-input.mjs +7 -7
- package/fesm2022/legacy-input.mjs.map +1 -1
- package/fesm2022/legacy-list.mjs +28 -28
- package/fesm2022/legacy-list.mjs.map +1 -1
- package/fesm2022/legacy-menu.mjs +16 -16
- package/fesm2022/legacy-menu.mjs.map +1 -1
- package/fesm2022/legacy-paginator.mjs +7 -7
- package/fesm2022/legacy-paginator.mjs.map +1 -1
- package/fesm2022/legacy-progress-bar.mjs +7 -7
- package/fesm2022/legacy-progress-bar.mjs.map +1 -1
- package/fesm2022/legacy-progress-spinner.mjs +19 -10
- package/fesm2022/legacy-progress-spinner.mjs.map +1 -1
- package/fesm2022/legacy-radio.mjs +10 -10
- package/fesm2022/legacy-radio.mjs.map +1 -1
- package/fesm2022/legacy-select.mjs +10 -10
- package/fesm2022/legacy-select.mjs.map +1 -1
- package/fesm2022/legacy-slide-toggle.mjs +7 -7
- package/fesm2022/legacy-slide-toggle.mjs.map +1 -1
- package/fesm2022/legacy-slider.mjs +7 -7
- package/fesm2022/legacy-slider.mjs.map +1 -1
- package/fesm2022/legacy-snack-bar.mjs +13 -13
- package/fesm2022/legacy-snack-bar.mjs.map +1 -1
- package/fesm2022/legacy-table.mjs +55 -55
- package/fesm2022/legacy-table.mjs.map +1 -1
- package/fesm2022/legacy-tabs.mjs +40 -40
- package/fesm2022/legacy-tabs.mjs.map +1 -1
- package/fesm2022/legacy-tooltip.mjs +10 -10
- package/fesm2022/legacy-tooltip.mjs.map +1 -1
- package/fesm2022/list.mjs +54 -54
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +26 -26
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +13 -13
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +8 -8
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +7 -7
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +16 -16
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +15 -15
- 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 +17 -17
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +17 -17
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +29 -29
- 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 +66 -66
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -10
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +16 -16
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree.mjs +25 -25
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_user-agent-overrides.scss +24 -0
- package/legacy-prebuilt-themes/legacy-deeppurple-amber.css +1 -1
- package/legacy-prebuilt-themes/legacy-indigo-pink.css +1 -1
- package/legacy-prebuilt-themes/legacy-pink-bluegrey.css +1 -1
- package/legacy-prebuilt-themes/legacy-purple-green.css +1 -1
- package/legacy-progress-spinner/index.d.ts +3 -2
- package/package.json +49 -49
- 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 +1 -1
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-add/setup-project.js +2 -4
- package/schematics/ng-add/setup-project.mjs +2 -4
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -5
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +21 -4
- package/schematics/ng-generate/address-form/index.js +11 -8
- package/schematics/ng-generate/address-form/index.mjs +11 -8
- package/schematics/ng-generate/address-form/schema.json +4 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +5 -6
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +18 -5
- package/schematics/ng-generate/dashboard/index.js +10 -8
- package/schematics/ng-generate/dashboard/index.mjs +10 -8
- package/schematics/ng-generate/dashboard/schema.json +4 -0
- package/schematics/ng-generate/mdc-migration/index_bundled.js +2592 -590
- package/schematics/ng-generate/mdc-migration/index_bundled.js.map +4 -4
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +5 -6
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +17 -6
- package/schematics/ng-generate/navigation/index.js +10 -8
- package/schematics/ng-generate/navigation/index.mjs +10 -8
- package/schematics/ng-generate/navigation/schema.json +4 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +6 -5
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +6 -4
- package/schematics/ng-generate/table/index.js +8 -5
- package/schematics/ng-generate/table/index.mjs +8 -5
- package/schematics/ng-generate/table/schema.json +4 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +5 -5
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +7 -3
- package/schematics/ng-generate/tree/index.js +8 -5
- package/schematics/ng-generate/tree/index.mjs +8 -5
- package/schematics/ng-generate/tree/schema.json +4 -0
- package/snack-bar/_snack-bar-theme.scss +13 -44
- package/tabs/_tabs-common.scss +195 -32
- package/tabs/_tabs-theme.scss +50 -71
package/button/_button-base.scss
CHANGED
|
@@ -30,6 +30,12 @@
|
|
|
30
30
|
border-radius: inherit;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
// This style used to be applied by the MatRipple
|
|
34
|
+
// directive, which is no longer attached to this element.
|
|
35
|
+
.mat-mdc-button-ripple {
|
|
36
|
+
overflow: hidden;
|
|
37
|
+
}
|
|
38
|
+
|
|
33
39
|
// We use ::before so that we can reuse some of MDC's theming.
|
|
34
40
|
.mat-mdc-button-persistent-ripple::before {
|
|
35
41
|
content: '';
|
|
@@ -84,16 +84,14 @@ $_icon-size: 24px;
|
|
|
84
84
|
$property-name: size,
|
|
85
85
|
);
|
|
86
86
|
|
|
87
|
-
.mat-mdc-icon-button {
|
|
88
|
-
@include mdc-icon-button-theme.theme((
|
|
89
|
-
state-layer-size: $calculated-size,
|
|
90
|
-
));
|
|
91
|
-
}
|
|
92
|
-
|
|
93
87
|
// Use `mat-mdc-button-base` to increase the specificity over the button's structural styles.
|
|
94
88
|
.mat-mdc-icon-button.mat-mdc-button-base {
|
|
95
89
|
// Match the styles that used to be present. This is necessary for backwards
|
|
96
90
|
// compat to match the previous implementations selector count (two classes).
|
|
91
|
+
@include mdc-icon-button-theme.theme((
|
|
92
|
+
state-layer-size: $calculated-size,
|
|
93
|
+
));
|
|
94
|
+
|
|
97
95
|
// TODO: Switch calculated-size to "var(--mdc-icon-button-state-layer-size)"
|
|
98
96
|
// Currently fails validation because the variable is "undefined"
|
|
99
97
|
// in the sass stack.
|
package/chips/_chips-theme.scss
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
@mixin density($config-or-theme) {
|
|
95
95
|
$density-scale: theming.get-density-config($config-or-theme);
|
|
96
96
|
$density-scale: theming.clamp-density($density-scale, -2);
|
|
97
|
-
.mat-mdc-chip {
|
|
97
|
+
.mat-mdc-chip.mat-mdc-standard-chip {
|
|
98
98
|
@include mdc-chip-theme.density($density-scale, $query: mdc-helpers.$mdc-base-styles-query);
|
|
99
99
|
}
|
|
100
100
|
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../token-utils';
|
|
3
|
+
@use '../../../theming/theming';
|
|
4
|
+
|
|
5
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
+
$prefix: (mat, snack-bar);
|
|
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
|
+
@function get-unthemable-tokens() {
|
|
11
|
+
@return ();
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
15
|
+
@function get-color-tokens($config) {
|
|
16
|
+
$is-dark: map.get($config, is-dark);
|
|
17
|
+
$accent: map.get($config, accent);
|
|
18
|
+
|
|
19
|
+
@return (
|
|
20
|
+
button-color: if($is-dark, rgba(0, 0, 0, 0.87), theming.get-color-from-palette($accent, text))
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
25
|
+
@function get-typography-tokens($config) {
|
|
26
|
+
@return ();
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
30
|
+
@function get-density-tokens($config) {
|
|
31
|
+
@return ();
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
35
|
+
// This is used to create token slots.
|
|
36
|
+
@function get-token-slots() {
|
|
37
|
+
@return token-utils.merge-all(
|
|
38
|
+
get-unthemable-tokens(),
|
|
39
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
40
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
41
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
42
|
+
);
|
|
43
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../token-utils';
|
|
3
|
+
@use '../../../theming/theming';
|
|
4
|
+
|
|
5
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
+
$prefix: (mat, tab-header-with-background);
|
|
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
|
+
@function get-unthemable-tokens() {
|
|
11
|
+
@return ();
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
15
|
+
@function get-color-tokens($config) {
|
|
16
|
+
$primary: map.get($config, primary);
|
|
17
|
+
|
|
18
|
+
@return (
|
|
19
|
+
background-color: theming.get-color-from-palette($primary, default),
|
|
20
|
+
foreground-color: theming.get-color-from-palette($primary, default-contrast),
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
25
|
+
@function get-typography-tokens($config) {
|
|
26
|
+
@return ();
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
30
|
+
@function get-density-tokens($config) {
|
|
31
|
+
@return ();
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
35
|
+
// This is used to create token slots.
|
|
36
|
+
@function get-token-slots() {
|
|
37
|
+
@return token-utils.merge-all(
|
|
38
|
+
get-unthemable-tokens(),
|
|
39
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
40
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
41
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
42
|
+
);
|
|
43
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
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, tab-header);
|
|
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
|
+
$is-dark: map.get($config, is-dark);
|
|
18
|
+
$foreground: map.get($config, foreground);
|
|
19
|
+
$primary: map.get($config, primary);
|
|
20
|
+
$inactive-label-text-color: rgba(if($is-dark, #fff, #000), 0.6);
|
|
21
|
+
$active-label-text-color: theming.get-color-from-palette($primary, default);
|
|
22
|
+
$ripple-color: theming.get-color-from-palette($primary, default);
|
|
23
|
+
|
|
24
|
+
@return (
|
|
25
|
+
disabled-ripple-color: theming.get-color-from-palette($foreground, disabled),
|
|
26
|
+
pagination-icon-color: if($is-dark, #fff, #000),
|
|
27
|
+
|
|
28
|
+
// Note: MDC has equivalents of these tokens, but they lead to much higher selector specificity.
|
|
29
|
+
inactive-label-text-color: $inactive-label-text-color,
|
|
30
|
+
active-label-text-color: $active-label-text-color,
|
|
31
|
+
|
|
32
|
+
// Tokens needed to implement the gmat styles. Externally they don't change.
|
|
33
|
+
active-ripple-color: $ripple-color,
|
|
34
|
+
inactive-ripple-color: $ripple-color,
|
|
35
|
+
inactive-focus-label-text-color: $inactive-label-text-color,
|
|
36
|
+
inactive-hover-label-text-color: $inactive-label-text-color,
|
|
37
|
+
active-focus-label-text-color: $active-label-text-color,
|
|
38
|
+
active-hover-label-text-color: $active-label-text-color,
|
|
39
|
+
active-focus-indicator-color: $active-label-text-color,
|
|
40
|
+
active-hover-indicator-color: $active-label-text-color,
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
45
|
+
@function get-typography-tokens($config) {
|
|
46
|
+
@return (
|
|
47
|
+
// Note: MDC has equivalents of these tokens, but they lead to much higher selector specificity.
|
|
48
|
+
label-text-font:
|
|
49
|
+
typography-utils.font-family($config, button) or typography-utils.font-family($config),
|
|
50
|
+
label-text-size: typography-utils.font-size($config, button),
|
|
51
|
+
label-text-letter-spacing: typography-utils.letter-spacing($config, button),
|
|
52
|
+
label-text-line-height: typography-utils.line-height($config, button),
|
|
53
|
+
label-text-weight: typography-utils.font-weight($config, button),
|
|
54
|
+
);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
58
|
+
@function get-density-tokens($config) {
|
|
59
|
+
@return ();
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
63
|
+
// This is used to create token slots.
|
|
64
|
+
@function get-token-slots() {
|
|
65
|
+
@return token-utils.merge-all(
|
|
66
|
+
get-unthemable-tokens(),
|
|
67
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
68
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
69
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
70
|
+
);
|
|
71
|
+
}
|
|
@@ -14,9 +14,14 @@ $prefix: (mdc, linear-progress);
|
|
|
14
14
|
// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
|
|
15
15
|
// our CSS.
|
|
16
16
|
@function get-unthemable-tokens() {
|
|
17
|
+
$height: 4px;
|
|
18
|
+
|
|
17
19
|
@return (
|
|
18
|
-
// The height of the progress bar track.
|
|
19
|
-
track-height
|
|
20
|
+
// The height of the progress bar track. MDC has two tokens with the goal of having
|
|
21
|
+
// `track-height` apply only to the track. In our case both are always the same.
|
|
22
|
+
// Specify both while the transition is in progress.
|
|
23
|
+
bar-and-track-height: $height,
|
|
24
|
+
track-height: $height,
|
|
20
25
|
);
|
|
21
26
|
}
|
|
22
27
|
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'sass:meta';
|
|
3
|
+
@use 'sass:color';
|
|
4
|
+
@use '../../../theming/theming';
|
|
5
|
+
@use '../../token-utils';
|
|
6
|
+
@use '../../../typography/typography-utils';
|
|
7
|
+
@use '../../../mdc-helpers/mdc-helpers';
|
|
8
|
+
|
|
9
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
10
|
+
$prefix: (mdc, snackbar);
|
|
11
|
+
|
|
12
|
+
// Tokens that can't be configured through Angular Material's current theming API,
|
|
13
|
+
// but may be in a future version of the theming API.
|
|
14
|
+
//
|
|
15
|
+
// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
|
|
16
|
+
// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
|
|
17
|
+
// our CSS.
|
|
18
|
+
@function get-unthemable-tokens() {
|
|
19
|
+
@return (
|
|
20
|
+
// Sets the snack bar border radius.
|
|
21
|
+
container-shape: 4px,
|
|
22
|
+
|
|
23
|
+
// =============================================================================================
|
|
24
|
+
// = TOKENS NOT USED IN ANGULAR MATERIAL =
|
|
25
|
+
// =============================================================================================
|
|
26
|
+
// Removed to match the previous appearance.
|
|
27
|
+
supporting-text-tracking: null,
|
|
28
|
+
|
|
29
|
+
// Excluded because they target the wrong DOM node. See the
|
|
30
|
+
// comments on the elevation of `.mat-mdc-snack-bar-container`.
|
|
31
|
+
container-elevation: null,
|
|
32
|
+
container-shadow-color: null,
|
|
33
|
+
|
|
34
|
+
action-focus-label-text-color: null,
|
|
35
|
+
action-focus-state-layer-color: null,
|
|
36
|
+
action-focus-state-layer-opacity: null,
|
|
37
|
+
action-hover-label-text-color: null,
|
|
38
|
+
action-hover-state-layer-color: null,
|
|
39
|
+
action-hover-state-layer-opacity: null,
|
|
40
|
+
action-label-text-color: null,
|
|
41
|
+
action-label-text-font: null,
|
|
42
|
+
action-label-text-size: null,
|
|
43
|
+
action-label-text-tracking: null,
|
|
44
|
+
action-label-text-weight: null,
|
|
45
|
+
action-pressed-label-text-color: null,
|
|
46
|
+
action-pressed-state-layer-color: null,
|
|
47
|
+
action-pressed-state-layer-opacity: null,
|
|
48
|
+
icon-color: null,
|
|
49
|
+
icon-focus-icon-color: null,
|
|
50
|
+
icon-focus-state-layer-color: null,
|
|
51
|
+
icon-focus-state-layer-opacity: null,
|
|
52
|
+
icon-hover-icon-color: null,
|
|
53
|
+
icon-hover-state-layer-color: null,
|
|
54
|
+
icon-hover-state-layer-opacity: null,
|
|
55
|
+
icon-pressed-icon-color: null,
|
|
56
|
+
icon-pressed-state-layer-color: null,
|
|
57
|
+
icon-pressed-state-layer-opacity: null,
|
|
58
|
+
icon-size: null,
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
63
|
+
@function get-color-tokens($config) {
|
|
64
|
+
$background-palette: map.get($config, background);
|
|
65
|
+
$is-dark: map.get($config, is-dark);
|
|
66
|
+
$surface: theming.get-color-from-palette($background-palette, card);
|
|
67
|
+
|
|
68
|
+
@return (
|
|
69
|
+
container-color: if(meta.type-of($surface) == color,
|
|
70
|
+
color.mix(if($is-dark, #fff, #000), $surface, 80%), $surface),
|
|
71
|
+
supporting-text-color: if(meta.type-of($surface) == color, rgba($surface, 0.87), $surface)
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
76
|
+
@function get-typography-tokens($config) {
|
|
77
|
+
// TODO(crisbeto): The earlier implementation of the snack bar used MDC's APIs to create the
|
|
78
|
+
// typography tokens. As a result, we unintentionally allowed `null` typography configs to be
|
|
79
|
+
// passed in. Since there a lot of apps that now depend on this pattern, we need this temporary
|
|
80
|
+
// fallback.
|
|
81
|
+
@if ($config == null) {
|
|
82
|
+
$config: mdc-helpers.private-fallback-typography-from-mdc();
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@return (
|
|
86
|
+
supporting-text-font: typography-utils.font-family($config, body-2)
|
|
87
|
+
or typography-utils.font-family($config),
|
|
88
|
+
supporting-text-line-height: typography-utils.line-height($config, body-2),
|
|
89
|
+
supporting-text-size: typography-utils.font-size($config, body-2),
|
|
90
|
+
supporting-text-weight: typography-utils.font-weight($config, body-2),
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
95
|
+
@function get-density-tokens($config) {
|
|
96
|
+
@return ();
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
100
|
+
// This is used to create token slots.
|
|
101
|
+
@function get-token-slots() {
|
|
102
|
+
@return token-utils.merge-all(
|
|
103
|
+
get-unthemable-tokens(),
|
|
104
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
105
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
106
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
107
|
+
);
|
|
108
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
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, tab-indicator);
|
|
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
|
+
active-indicator-height: 2px,
|
|
17
|
+
|
|
18
|
+
// Currently set to zero, but used by the gmat styles to make the indicator rounded.
|
|
19
|
+
active-indicator-shape: 0,
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
24
|
+
@function get-color-tokens($config) {
|
|
25
|
+
$primary: map.get($config, primary);
|
|
26
|
+
|
|
27
|
+
@return (
|
|
28
|
+
active-indicator-color: theming.get-color-from-palette($primary, default),
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
33
|
+
@function get-typography-tokens($config) {
|
|
34
|
+
@return ();
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
38
|
+
@function get-density-tokens($config) {
|
|
39
|
+
@return ();
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
43
|
+
// This is used to create token slots.
|
|
44
|
+
@function get-token-slots() {
|
|
45
|
+
@return token-utils.merge-all(
|
|
46
|
+
get-unthemable-tokens(),
|
|
47
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
48
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
49
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
50
|
+
);
|
|
51
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
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, tab);
|
|
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
|
+
// This is specified both here and in the density tokens, because it determines the size of the
|
|
17
|
+
// tab itself and there are internal tests who don't configure the theme correctly.
|
|
18
|
+
container-height: 48px,
|
|
19
|
+
|
|
20
|
+
// =============================================================================================
|
|
21
|
+
// = TOKENS NOT USED IN ANGULAR MATERIAL =
|
|
22
|
+
// =============================================================================================
|
|
23
|
+
inactive-label-text-color: null,
|
|
24
|
+
active-label-text-color: null,
|
|
25
|
+
container-color: null,
|
|
26
|
+
container-elevation: null,
|
|
27
|
+
container-shadow-color: null,
|
|
28
|
+
container-shape: null,
|
|
29
|
+
focus-label-text-color: null,
|
|
30
|
+
focus-state-layer-color: null,
|
|
31
|
+
focus-state-layer-opacity: null,
|
|
32
|
+
hover-label-text-color: null,
|
|
33
|
+
hover-state-layer-color: null,
|
|
34
|
+
hover-state-layer-opacity: null,
|
|
35
|
+
pressed-label-text-color: null,
|
|
36
|
+
pressed-state-layer-color: null,
|
|
37
|
+
pressed-state-layer-opacity: null,
|
|
38
|
+
with-icon-active-icon-color: null,
|
|
39
|
+
with-icon-focus-icon-color: null,
|
|
40
|
+
with-icon-hover-icon-color: null,
|
|
41
|
+
with-icon-inactive-icon-color: null,
|
|
42
|
+
with-icon-pressed-icon-color: null,
|
|
43
|
+
with-icon-icon-size: null,
|
|
44
|
+
label-text-font: null,
|
|
45
|
+
label-text-size: null,
|
|
46
|
+
label-text-letter-spacing: null,
|
|
47
|
+
label-text-line-height: null,
|
|
48
|
+
label-text-weight: null,
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// Tokens that can be configured through Angular Material's color theming API.
|
|
53
|
+
@function get-color-tokens($config) {
|
|
54
|
+
@return ();
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
// Tokens that can be configured through Angular Material's typography theming API.
|
|
58
|
+
@function get-typography-tokens($config) {
|
|
59
|
+
@return ();
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
63
|
+
@function get-density-tokens($config) {
|
|
64
|
+
$scale: theming.clamp-density($config, -4);
|
|
65
|
+
|
|
66
|
+
@return (
|
|
67
|
+
container-height: map.get((
|
|
68
|
+
0: 48px,
|
|
69
|
+
-1: 44px,
|
|
70
|
+
-2: 40px,
|
|
71
|
+
-3: 36px,
|
|
72
|
+
-4: 32px,
|
|
73
|
+
), $scale),
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
// Combines the tokens generated by the above functions into a single map with placeholder values.
|
|
78
|
+
// This is used to create token slots.
|
|
79
|
+
@function get-token-slots() {
|
|
80
|
+
@return token-utils.merge-all(
|
|
81
|
+
get-unthemable-tokens(),
|
|
82
|
+
get-color-tokens(token-utils.$placeholder-color-config),
|
|
83
|
+
get-typography-tokens(token-utils.$placeholder-typography-config),
|
|
84
|
+
get-density-tokens(token-utils.$placeholder-density-config)
|
|
85
|
+
);
|
|
86
|
+
}
|
package/dialog/index.d.ts
CHANGED
|
@@ -384,6 +384,8 @@ export declare class MatDialogContainer extends _MatDialogContainerBase implemen
|
|
|
384
384
|
/** Clears all dialog animation classes. */
|
|
385
385
|
private _clearAnimationClasses;
|
|
386
386
|
private _waitForAnimationToComplete;
|
|
387
|
+
/** Runs a callback in `requestAnimationFrame`, if available. */
|
|
388
|
+
private _requestAnimationFrame;
|
|
387
389
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogContainer, [null, null, { optional: true; }, null, null, null, null, { optional: true; }, null]>;
|
|
388
390
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatDialogContainer, "mat-dialog-container", never, {}, {}, never, never, false, never>;
|
|
389
391
|
}
|
|
@@ -14,11 +14,11 @@ class _MatAutocompleteOriginBase {
|
|
|
14
14
|
elementRef) {
|
|
15
15
|
this.elementRef = elementRef;
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-
|
|
18
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.2", ngImport: i0, type: _MatAutocompleteOriginBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
18
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.2", type: _MatAutocompleteOriginBase, ngImport: i0 }); }
|
|
19
19
|
}
|
|
20
20
|
export { _MatAutocompleteOriginBase };
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-rc.2", ngImport: i0, type: _MatAutocompleteOriginBase, decorators: [{
|
|
22
22
|
type: Directive
|
|
23
23
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
24
24
|
/**
|
|
@@ -26,15 +26,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7",
|
|
|
26
26
|
* as a connection point for an autocomplete panel.
|
|
27
27
|
*/
|
|
28
28
|
class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-
|
|
30
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-rc.2", ngImport: i0, type: MatAutocompleteOrigin, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-rc.2", type: MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], usesInheritance: true, ngImport: i0 }); }
|
|
31
31
|
}
|
|
32
32
|
export { MatAutocompleteOrigin };
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-rc.2", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
|
|
34
34
|
type: Directive,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: '[matAutocompleteOrigin]',
|
|
37
37
|
exportAs: 'matAutocompleteOrigin',
|
|
38
38
|
}]
|
|
39
39
|
}] });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tYXRlcmlhbC9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLW9yaWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFcEQsa0ZBQWtGO0FBQ2xGLE1BQ3NCLDBCQUEwQjtJQUM5QztJQUNFLGtFQUFrRTtJQUMzRCxVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtJQUN6QyxDQUFDO21IQUpnQiwwQkFBMEI7dUdBQTFCLDBCQUEwQjs7U0FBMUIsMEJBQTBCO2dHQUExQiwwQkFBMEI7a0JBRC9DLFNBQVM7O0FBUVY7OztHQUdHO0FBQ0gsTUFJYSxxQkFBc0IsU0FBUSwwQkFBMEI7bUhBQXhELHFCQUFxQjt1R0FBckIscUJBQXFCOztTQUFyQixxQkFBcUI7Z0dBQXJCLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUUsdUJBQXVCO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKiBCYXNlIGNsYXNzIGNvbnRhaW5pbmcgYWxsIG9mIHRoZSBmdW5jdGlvbmFsaXR5IGZvciBgTWF0QXV0b2NvbXBsZXRlT3JpZ2luYC4gKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIF9NYXRBdXRvY29tcGxldGVPcmlnaW5CYXNlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgLyoqIFJlZmVyZW5jZSB0byB0aGUgZWxlbWVudCBvbiB3aGljaCB0aGUgZGlyZWN0aXZlIGlzIGFwcGxpZWQuICovXG4gICAgcHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICApIHt9XG59XG5cbi8qKlxuICogRGlyZWN0aXZlIGFwcGxpZWQgdG8gYW4gZWxlbWVudCB0byBtYWtlIGl0IHVzYWJsZVxuICogYXMgYSBjb25uZWN0aW9uIHBvaW50IGZvciBhbiBhdXRvY29tcGxldGUgcGFuZWwuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1ttYXRBdXRvY29tcGxldGVPcmlnaW5dJyxcbiAgZXhwb3J0QXM6ICdtYXRBdXRvY29tcGxldGVPcmlnaW4nLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRBdXRvY29tcGxldGVPcmlnaW4gZXh0ZW5kcyBfTWF0QXV0b2NvbXBsZXRlT3JpZ2luQmFzZSB7fVxuIl19
|