@angular/material 18.2.0-next.1 → 18.2.0-next.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.
Files changed (155) hide show
  1. package/button/_button-base.scss +0 -6
  2. package/checkbox/_checkbox-common.scss +38 -4
  3. package/checkbox/index.d.ts +6 -1
  4. package/core/_core.scss +15 -18
  5. package/core/m2/_typography.scss +129 -2
  6. package/core/style/_elevation.scss +116 -27
  7. package/core/tokens/_m3-tokens.scss +13 -13
  8. package/core/tokens/_token-utils.scss +65 -2
  9. package/core/tokens/m2/mat/_fab-small.scss +1 -2
  10. package/core/tokens/m2/mat/_fab.scss +1 -2
  11. package/core/tokens/m2/mat/_filled-button.scss +1 -2
  12. package/core/tokens/m2/mat/_form-field.scss +0 -2
  13. package/core/tokens/m2/mat/_protected-button.scss +1 -2
  14. package/core/tokens/m2/mdc/_checkbox.scss +1 -2
  15. package/core/tokens/m2/mdc/_filled-button.scss +1 -2
  16. package/core/tokens/m2/mdc/_protected-button.scss +1 -2
  17. package/core/tokens/m3/definitions/_index.scss +94 -0
  18. package/core/tokens/m3/definitions/_md-comp-checkbox.scss +120 -0
  19. package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +27 -0
  20. package/core/tokens/m3/definitions/_md-comp-data-table.scss +90 -0
  21. package/core/tokens/m3/definitions/_md-comp-dialog.scss +123 -0
  22. package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +87 -0
  23. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +53 -0
  24. package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +90 -0
  25. package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +91 -0
  26. package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +91 -0
  27. package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +59 -0
  28. package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +59 -0
  29. package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +60 -0
  30. package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +60 -0
  31. package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +60 -0
  32. package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +60 -0
  33. package/core/tokens/m3/definitions/_md-comp-filled-button.scss +85 -0
  34. package/core/tokens/m3/definitions/_md-comp-filled-card.scss +52 -0
  35. package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +73 -0
  36. package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +189 -0
  37. package/core/tokens/m3/definitions/_md-comp-icon-button.scss +64 -0
  38. package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +29 -0
  39. package/core/tokens/m3/definitions/_md-comp-list.scss +252 -0
  40. package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +80 -0
  41. package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +59 -0
  42. package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +73 -0
  43. package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +171 -0
  44. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +51 -0
  45. package/core/tokens/m3/definitions/_md-comp-radio-button.scss +62 -0
  46. package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +80 -0
  47. package/core/tokens/m3/definitions/_md-comp-slider.scss +110 -0
  48. package/core/tokens/m3/definitions/_md-comp-snackbar.scss +125 -0
  49. package/core/tokens/m3/definitions/_md-comp-switch.scss +130 -0
  50. package/core/tokens/m3/definitions/_md-comp-text-button.scss +73 -0
  51. package/core/tokens/m3/definitions/_md-ref-palette.scss +100 -0
  52. package/core/tokens/m3/definitions/_md-ref-typeface.scss +14 -0
  53. package/core/tokens/m3/definitions/_md-sys-color.scss +126 -0
  54. package/core/tokens/m3/definitions/_md-sys-elevation.scss +15 -0
  55. package/core/tokens/m3/definitions/_md-sys-motion.scss +46 -0
  56. package/core/tokens/m3/definitions/_md-sys-shape.scss +24 -0
  57. package/core/tokens/m3/definitions/_md-sys-state.scss +13 -0
  58. package/core/tokens/m3/definitions/_md-sys-typescale.scss +308 -0
  59. package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +105 -0
  60. package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +54 -0
  61. package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +71 -0
  62. package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +29 -0
  63. package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +59 -0
  64. package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +87 -0
  65. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +248 -0
  66. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +313 -0
  67. package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +19 -0
  68. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +82 -0
  69. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +86 -0
  70. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +54 -0
  71. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +54 -0
  72. package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +59 -0
  73. package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +60 -0
  74. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +58 -0
  75. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +58 -0
  76. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +58 -0
  77. package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +60 -0
  78. package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +269 -0
  79. package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +94 -0
  80. package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +274 -0
  81. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-button.scss +95 -0
  82. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +80 -0
  83. package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +205 -0
  84. package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +109 -0
  85. package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +180 -0
  86. package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +31 -0
  87. package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +110 -0
  88. package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +162 -0
  89. package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +127 -0
  90. package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +259 -0
  91. package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +90 -0
  92. package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +108 -0
  93. package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +264 -0
  94. package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +117 -0
  95. package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +121 -0
  96. package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +19 -0
  97. package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +97 -0
  98. package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +91 -0
  99. package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +39 -0
  100. package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +28 -0
  101. package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +87 -0
  102. package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +94 -0
  103. package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +121 -0
  104. package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +222 -0
  105. package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +268 -0
  106. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +59 -0
  107. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +59 -0
  108. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +62 -0
  109. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +60 -0
  110. package/esm2022/autocomplete/animations.mjs +1 -2
  111. package/esm2022/checkbox/checkbox-config.mjs +2 -1
  112. package/esm2022/checkbox/checkbox.mjs +11 -5
  113. package/esm2022/core/version.mjs +1 -1
  114. package/esm2022/dialog/dialog-container.mjs +1 -4
  115. package/esm2022/form-field/form-field.mjs +4 -1
  116. package/esm2022/input/input.mjs +36 -3
  117. package/esm2022/list/list-option.mjs +3 -3
  118. package/esm2022/list/testing/selection-list-harness.mjs +2 -2
  119. package/esm2022/tabs/testing/tab-harness.mjs +2 -2
  120. package/esm2022/tooltip/tooltip.mjs +4 -1
  121. package/fesm2022/autocomplete.mjs +0 -1
  122. package/fesm2022/autocomplete.mjs.map +1 -1
  123. package/fesm2022/checkbox.mjs +11 -4
  124. package/fesm2022/checkbox.mjs.map +1 -1
  125. package/fesm2022/core.mjs +1 -1
  126. package/fesm2022/core.mjs.map +1 -1
  127. package/fesm2022/dialog.mjs +0 -3
  128. package/fesm2022/dialog.mjs.map +1 -1
  129. package/fesm2022/form-field.mjs +3 -0
  130. package/fesm2022/form-field.mjs.map +1 -1
  131. package/fesm2022/input.mjs +35 -2
  132. package/fesm2022/input.mjs.map +1 -1
  133. package/fesm2022/list/testing.mjs +1 -1
  134. package/fesm2022/list/testing.mjs.map +1 -1
  135. package/fesm2022/list.mjs +2 -2
  136. package/fesm2022/list.mjs.map +1 -1
  137. package/fesm2022/tabs/testing.mjs +1 -1
  138. package/fesm2022/tabs/testing.mjs.map +1 -1
  139. package/fesm2022/tooltip.mjs +3 -0
  140. package/fesm2022/tooltip.mjs.map +1 -1
  141. package/form-field/_form-field-focus-overlay.scss +1 -1
  142. package/input/index.d.ts +13 -1
  143. package/list/testing/index.d.ts +1 -1
  144. package/package.json +3 -51
  145. package/prebuilt-themes/azure-blue.css +1 -1
  146. package/prebuilt-themes/cyan-orange.css +1 -1
  147. package/prebuilt-themes/magenta-violet.css +1 -1
  148. package/prebuilt-themes/rose-red.css +1 -1
  149. package/schematics/ng-add/index.js +1 -1
  150. package/schematics/ng-add/index.mjs +1 -1
  151. package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
  152. package/schematics/ng-update/index_bundled.js +31 -31
  153. package/tabs/testing/index.d.ts +1 -1
  154. package/tooltip/index.d.ts +5 -0
  155. package/core/mdc-helpers/_mdc-helpers.scss +0 -60
@@ -1,60 +0,0 @@
1
- // TODO(mmalerba): this file should be split into separate cohesive partials for things like
2
- // "theming", "typography", "core".
3
- @use 'sass:string';
4
- @use '../typography/typography';
5
- @use '@material/feature-targeting' as mdc-feature-targeting;
6
- @use '@material/theme/theme-color' as mdc-theme-color;
7
- @use '@material/theme/css' as mdc-theme-css;
8
-
9
- // A set of standard queries to use with MDC's queryable mixins.
10
- $mdc-base-styles-query: mdc-feature-targeting.without(mdc-feature-targeting.any(color, typography));
11
- $mdc-base-styles-without-animation-query:
12
- mdc-feature-targeting.all($mdc-base-styles-query, mdc-feature-targeting.without(animation));
13
- $mdc-theme-styles-query: color;
14
- $mdc-typography-styles-query: typography;
15
-
16
- // MDC logs a warning if the `contrast-tone` function is called with a CSS variable.
17
- // This function falls back to determining the tone based on whether the theme is light or dark.
18
- @function variable-safe-contrast-tone($value, $is-dark) {
19
- @if ($value == 'dark' or $value == 'light' or type-of($value) == 'color') {
20
- @return mdc-theme-color.contrast-tone($value);
21
- }
22
-
23
- @return if($is-dark, 'light', 'dark');
24
- }
25
-
26
- // Function to create an Angular Material typography config from MDC's predefined typography levels.
27
- // This is used for components where we accidentally ended up supporting null typography configs
28
- // that were silently falling back to MDC's typography. At the moment of writing this includes
29
- // `dialog`, `slider` and `tooltip`.
30
- // Important! We shouldn't introduce any new usages of this pattern and we should eventually clean
31
- // up any existing usages.
32
- @function private-fallback-typography-from-mdc() {
33
- // This is very close to what we have in `define-typography-config`, but we can't use it here,
34
- // because it would cause a circular import and moving it here doesn't make sense.
35
- $font-family: string.unquote('Roboto, sans-serif');
36
- @return (
37
- font-family: $font-family,
38
- headline-1: typography.typography-config-level-from-mdc(headline1, $font-family),
39
- headline-2: typography.typography-config-level-from-mdc(headline2, $font-family),
40
- headline-3: typography.typography-config-level-from-mdc(headline3, $font-family),
41
- headline-4: typography.typography-config-level-from-mdc(headline4, $font-family),
42
- headline-5: typography.typography-config-level-from-mdc(headline5, $font-family),
43
- headline-6: typography.typography-config-level-from-mdc(headline6, $font-family),
44
- subtitle-1: typography.typography-config-level-from-mdc(subtitle1, $font-family),
45
- subtitle-2: typography.typography-config-level-from-mdc(subtitle2, $font-family),
46
- body-1: typography.typography-config-level-from-mdc(body1, $font-family),
47
- body-2: typography.typography-config-level-from-mdc(body2, $font-family),
48
- caption: typography.typography-config-level-from-mdc(caption, $font-family),
49
- button: typography.typography-config-level-from-mdc(button, $font-family),
50
- overline: typography.typography-config-level-from-mdc(overline, $font-family),
51
- );
52
- }
53
-
54
- // Disables MDC's CSS custom property fallbacks for the specified mixin content.
55
- @mixin disable-mdc-fallback-declarations {
56
- $previous-value: mdc-theme-css.$enable-fallback-declarations;
57
- mdc-theme-css.$enable-fallback-declarations: false;
58
- @content;
59
- mdc-theme-css.$enable-fallback-declarations: $previous-value;
60
- }