@angular/material 18.0.2 → 18.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/_index.scss +1 -1
  2. package/autocomplete/index.d.ts +3 -0
  3. package/badge/index.d.ts +4 -1
  4. package/bottom-sheet/index.d.ts +0 -1
  5. package/button/index.d.ts +7 -1
  6. package/checkbox/index.d.ts +12 -2
  7. package/chips/index.d.ts +11 -3
  8. package/core/_core-theme.scss +8 -14
  9. package/core/_core.scss +18 -4
  10. package/core/m2/_typography.scss +1 -1
  11. package/core/theming/_palettes.scss +2 -0
  12. package/core/tokens/_density.scss +1 -0
  13. package/core/tokens/m2/mat/_app.scss +13 -1
  14. package/core/tokens/m2/mat/_menu.scss +3 -0
  15. package/core/tokens/m2/mat/_paginator.scss +1 -0
  16. package/core/tokens/m3/mat/_app.scss +9 -0
  17. package/core/tokens/m3/mat/_menu.scss +3 -0
  18. package/datepicker/index.d.ts +27 -3
  19. package/dialog/index.d.ts +0 -1
  20. package/dialog/testing/index.d.ts +1 -0
  21. package/esm2022/autocomplete/autocomplete-trigger.mjs +35 -7
  22. package/esm2022/badge/badge.mjs +5 -2
  23. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +6 -7
  24. package/esm2022/button/button-base.mjs +1 -1
  25. package/esm2022/checkbox/checkbox-config.mjs +1 -1
  26. package/esm2022/checkbox/checkbox.mjs +3 -10
  27. package/esm2022/chips/chip-grid.mjs +11 -4
  28. package/esm2022/chips/chip-row.mjs +8 -13
  29. package/esm2022/chips/chip-set.mjs +7 -3
  30. package/esm2022/chips/chip.mjs +6 -6
  31. package/esm2022/core/option/optgroup.mjs +2 -2
  32. package/esm2022/core/option/option.mjs +3 -3
  33. package/esm2022/core/version.mjs +1 -1
  34. package/esm2022/datepicker/date-range-input-parts.mjs +14 -10
  35. package/esm2022/datepicker/date-range-input.mjs +17 -7
  36. package/esm2022/datepicker/datepicker-base.mjs +18 -17
  37. package/esm2022/datepicker/datepicker-input.mjs +16 -5
  38. package/esm2022/dialog/dialog-container.mjs +1 -6
  39. package/esm2022/dialog/testing/dialog-opener.mjs +4 -3
  40. package/esm2022/form-field/form-field.mjs +12 -6
  41. package/esm2022/icon/icon.mjs +8 -2
  42. package/esm2022/list/list-option.mjs +3 -3
  43. package/esm2022/list/selection-list.mjs +9 -2
  44. package/esm2022/menu/menu.mjs +13 -4
  45. package/esm2022/paginator/paginator.mjs +3 -3
  46. package/esm2022/radio/radio.mjs +4 -3
  47. package/esm2022/slide-toggle/slide-toggle.mjs +1 -1
  48. package/esm2022/slider/slider-interface.mjs +2 -2
  49. package/esm2022/stepper/step-header.mjs +1 -1
  50. package/esm2022/stepper/stepper.mjs +1 -1
  51. package/esm2022/tabs/tab-header.mjs +3 -3
  52. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +10 -4
  53. package/esm2022/toolbar/toolbar.mjs +1 -1
  54. package/fesm2022/autocomplete.mjs +28 -0
  55. package/fesm2022/autocomplete.mjs.map +1 -1
  56. package/fesm2022/badge.mjs +4 -1
  57. package/fesm2022/badge.mjs.map +1 -1
  58. package/fesm2022/bottom-sheet.mjs +5 -6
  59. package/fesm2022/bottom-sheet.mjs.map +1 -1
  60. package/fesm2022/button.mjs.map +1 -1
  61. package/fesm2022/checkbox.mjs.map +1 -1
  62. package/fesm2022/chips.mjs +19 -13
  63. package/fesm2022/chips.mjs.map +1 -1
  64. package/fesm2022/core.mjs +5 -5
  65. package/fesm2022/core.mjs.map +1 -1
  66. package/fesm2022/datepicker.mjs +42 -9
  67. package/fesm2022/datepicker.mjs.map +1 -1
  68. package/fesm2022/dialog/testing.mjs +3 -2
  69. package/fesm2022/dialog/testing.mjs.map +1 -1
  70. package/fesm2022/dialog.mjs +0 -5
  71. package/fesm2022/dialog.mjs.map +1 -1
  72. package/fesm2022/form-field.mjs +9 -3
  73. package/fesm2022/form-field.mjs.map +1 -1
  74. package/fesm2022/icon.mjs +7 -1
  75. package/fesm2022/icon.mjs.map +1 -1
  76. package/fesm2022/list.mjs +10 -3
  77. package/fesm2022/list.mjs.map +1 -1
  78. package/fesm2022/menu.mjs +12 -3
  79. package/fesm2022/menu.mjs.map +1 -1
  80. package/fesm2022/paginator.mjs +2 -2
  81. package/fesm2022/paginator.mjs.map +1 -1
  82. package/fesm2022/radio.mjs +3 -2
  83. package/fesm2022/radio.mjs.map +1 -1
  84. package/fesm2022/slide-toggle.mjs.map +1 -1
  85. package/fesm2022/slider.mjs +1 -1
  86. package/fesm2022/slider.mjs.map +1 -1
  87. package/fesm2022/stepper.mjs.map +1 -1
  88. package/fesm2022/tabs.mjs +11 -5
  89. package/fesm2022/tabs.mjs.map +1 -1
  90. package/fesm2022/toolbar.mjs.map +1 -1
  91. package/form-field/index.d.ts +12 -2
  92. package/icon/index.d.ts +14 -2
  93. package/list/_list-theme.scss +8 -5
  94. package/list/index.d.ts +8 -1
  95. package/package.json +2 -2
  96. package/paginator/index.d.ts +7 -1
  97. package/prebuilt-themes/azure-blue.css +1 -1
  98. package/prebuilt-themes/cyan-orange.css +1 -1
  99. package/prebuilt-themes/deeppurple-amber.css +1 -1
  100. package/prebuilt-themes/indigo-pink.css +1 -1
  101. package/prebuilt-themes/magenta-violet.css +1 -1
  102. package/prebuilt-themes/pink-bluegrey.css +1 -1
  103. package/prebuilt-themes/purple-green.css +1 -1
  104. package/prebuilt-themes/rose-red.css +1 -1
  105. package/radio/_radio-common.scss +238 -0
  106. package/radio/_radio-theme.scss +25 -32
  107. package/radio/index.d.ts +7 -1
  108. package/schematics/ng-add/index.js +1 -1
  109. package/schematics/ng-add/index.mjs +1 -1
  110. package/schematics/ng-generate/m3-theme/index_bundled.js +81 -2
  111. package/schematics/ng-generate/m3-theme/index_bundled.js.map +3 -3
  112. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
  113. package/slide-toggle/index.d.ts +7 -1
  114. package/slider/index.d.ts +1 -1
  115. package/stepper/index.d.ts +21 -3
  116. package/tabs/index.d.ts +7 -1
  117. package/toolbar/index.d.ts +7 -1
@@ -1,4 +1,4 @@
1
- <div class="mat-elevation-z8">
1
+ <div class="mat-elevation-z2">
2
2
  <table mat-table class="full-width-table" matSort aria-label="Elements">
3
3
  <!-- Id Column -->
4
4
  <ng-container matColumnDef="id">
@@ -89,7 +89,13 @@ export declare class MatSlideToggle implements OnDestroy, AfterContentInit, OnCh
89
89
  ariaDescribedby: string;
90
90
  /** Whether the slide-toggle is required. */
91
91
  required: boolean;
92
- /** Palette color of slide toggle. */
92
+ /**
93
+ * Theme color of the slide toggle. This API is supported in M2 themes only,
94
+ * it has no effect in M3 themes.
95
+ *
96
+ * For information on applying color variants in M3, see
97
+ * https://material.angular.io/guide/theming#using-component-color-variants.
98
+ */
93
99
  color: string | undefined;
94
100
  /** Whether the slide toggle is disabled. */
95
101
  disabled: boolean;
package/slider/index.d.ts CHANGED
@@ -266,7 +266,7 @@ declare interface _MatSlider {
266
266
 
267
267
  /**
268
268
  * A simple change event emitted by the MatSlider component.
269
- * @deprecated Use event bindings directly on the MatSliderThumbs for `change` and `input` events. See https://material.angular.io/guide/mdc-migration for information about migrating.
269
+ * @deprecated Use event bindings directly on the MatSliderThumbs for `change` and `input` events. See https://v17.material.angular.io/guide/mdc-migration for information about migrating.
270
270
  * @breaking-change 17.0.0
271
271
  */
272
272
  export declare class MatSliderChange {
@@ -91,7 +91,13 @@ export declare class MatStep extends CdkStep implements ErrorStateMatcher, After
91
91
  private _isSelected;
92
92
  /** Content for step label given by `<ng-template matStepLabel>`. */
93
93
  stepLabel: MatStepLabel;
94
- /** Theme color for the particular step. */
94
+ /**
95
+ * Theme color for the particular step. This API is supported in M2 themes
96
+ * only, it has no effect in M3 themes.
97
+ *
98
+ * For information on applying color variants in M3, see
99
+ * https://material.angular.io/guide/theming#using-component-color-variants.
100
+ */
95
101
  color: ThemePalette;
96
102
  /** Content that will be rendered lazily. */
97
103
  _lazyContent: MatStepContent;
@@ -140,7 +146,13 @@ export declare class MatStepHeader extends CdkStepHeader implements AfterViewIni
140
146
  optional: boolean;
141
147
  /** Whether the ripple should be disabled. */
142
148
  disableRipple: boolean;
143
- /** Theme palette color of the step header. */
149
+ /**
150
+ * Theme color of the step header. This API is supported in M2 themes only, it
151
+ * has no effect in M3 themes.
152
+ *
153
+ * For information on applying color variants in M3, see
154
+ * https://material.angular.io/guide/theming#using-component-color-variants.
155
+ */
144
156
  color: ThemePalette;
145
157
  constructor(_intl: MatStepperIntl, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef);
146
158
  ngAfterViewInit(): void;
@@ -178,7 +190,13 @@ export declare class MatStepper extends CdkStepper implements AfterContentInit {
178
190
  readonly animationDone: EventEmitter<void>;
179
191
  /** Whether ripples should be disabled for the step headers. */
180
192
  disableRipple: boolean;
181
- /** Theme color for all of the steps in stepper. */
193
+ /**
194
+ * Theme color for all of the steps in stepper. This API is supported in M2
195
+ * themes only, it has no effect in M3 themes.
196
+ *
197
+ * For information on applying color variants in M3, see
198
+ * https://material.angular.io/guide/theming#using-component-color-variants.
199
+ */
182
200
  color: ThemePalette;
183
201
  /**
184
202
  * Whether the label should display in bottom or end position.
package/tabs/index.d.ts CHANGED
@@ -827,7 +827,13 @@ export declare class MatTabNav extends MatPaginatedTabHeader implements AfterCon
827
827
  private _backgroundColor;
828
828
  /** Whether the ripple effect is disabled or not. */
829
829
  disableRipple: boolean;
830
- /** Theme color of the nav bar. */
830
+ /**
831
+ * Theme color of the nav bar. This API is supported in M2 themes only, it has
832
+ * no effect in M3 themes.
833
+ *
834
+ * For information on applying color variants in M3, see
835
+ * https://material.angular.io/guide/theming#using-component-color-variants.
836
+ */
831
837
  color: ThemePalette;
832
838
  /**
833
839
  * Associated tab panel controlled by the nav bar. If not provided, then the nav bar
@@ -16,7 +16,13 @@ declare namespace i2 {
16
16
  export declare class MatToolbar implements AfterViewInit {
17
17
  protected _elementRef: ElementRef;
18
18
  private _platform;
19
- /** Palette color of the toolbar. */
19
+ /**
20
+ * Theme color of the toolbar. This API is supported in M2 themes only, it has
21
+ * no effect in M3 themes.
22
+ *
23
+ * For information on applying color variants in M3, see
24
+ * https://material.angular.io/guide/theming#using-component-color-variants.
25
+ */
20
26
  color?: string | null;
21
27
  private _document;
22
28
  /** Reference to all toolbar row elements that have been projected. */