@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.
- package/button/_button-base.scss +0 -6
- package/checkbox/_checkbox-common.scss +38 -4
- package/checkbox/index.d.ts +6 -1
- package/core/_core.scss +15 -18
- package/core/m2/_typography.scss +129 -2
- package/core/style/_elevation.scss +116 -27
- package/core/tokens/_m3-tokens.scss +13 -13
- package/core/tokens/_token-utils.scss +65 -2
- package/core/tokens/m2/mat/_fab-small.scss +1 -2
- package/core/tokens/m2/mat/_fab.scss +1 -2
- package/core/tokens/m2/mat/_filled-button.scss +1 -2
- package/core/tokens/m2/mat/_form-field.scss +0 -2
- package/core/tokens/m2/mat/_protected-button.scss +1 -2
- package/core/tokens/m2/mdc/_checkbox.scss +1 -2
- package/core/tokens/m2/mdc/_filled-button.scss +1 -2
- package/core/tokens/m2/mdc/_protected-button.scss +1 -2
- package/core/tokens/m3/definitions/_index.scss +94 -0
- package/core/tokens/m3/definitions/_md-comp-checkbox.scss +120 -0
- package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +27 -0
- package/core/tokens/m3/definitions/_md-comp-data-table.scss +90 -0
- package/core/tokens/m3/definitions/_md-comp-dialog.scss +123 -0
- package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +87 -0
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +53 -0
- package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +90 -0
- package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +91 -0
- package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +91 -0
- package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +59 -0
- package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +59 -0
- package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +60 -0
- package/core/tokens/m3/definitions/_md-comp-filled-button.scss +85 -0
- package/core/tokens/m3/definitions/_md-comp-filled-card.scss +52 -0
- package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +73 -0
- package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +189 -0
- package/core/tokens/m3/definitions/_md-comp-icon-button.scss +64 -0
- package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +29 -0
- package/core/tokens/m3/definitions/_md-comp-list.scss +252 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +80 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +59 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +73 -0
- package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +171 -0
- package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +51 -0
- package/core/tokens/m3/definitions/_md-comp-radio-button.scss +62 -0
- package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +80 -0
- package/core/tokens/m3/definitions/_md-comp-slider.scss +110 -0
- package/core/tokens/m3/definitions/_md-comp-snackbar.scss +125 -0
- package/core/tokens/m3/definitions/_md-comp-switch.scss +130 -0
- package/core/tokens/m3/definitions/_md-comp-text-button.scss +73 -0
- package/core/tokens/m3/definitions/_md-ref-palette.scss +100 -0
- package/core/tokens/m3/definitions/_md-ref-typeface.scss +14 -0
- package/core/tokens/m3/definitions/_md-sys-color.scss +126 -0
- package/core/tokens/m3/definitions/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/definitions/_md-sys-motion.scss +46 -0
- package/core/tokens/m3/definitions/_md-sys-shape.scss +24 -0
- package/core/tokens/m3/definitions/_md-sys-state.scss +13 -0
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +308 -0
- package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +105 -0
- package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +54 -0
- package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +71 -0
- package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +29 -0
- package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +87 -0
- package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +248 -0
- package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +313 -0
- package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +19 -0
- package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +82 -0
- package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +86 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +54 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +54 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +60 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +58 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +58 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +58 -0
- package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +60 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +269 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +94 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +274 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-button.scss +95 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +80 -0
- package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +205 -0
- package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +109 -0
- package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +180 -0
- package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +31 -0
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +110 -0
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +162 -0
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +127 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +259 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +90 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +108 -0
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +264 -0
- package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +117 -0
- package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +121 -0
- package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +19 -0
- package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +97 -0
- package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +91 -0
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +39 -0
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +28 -0
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +87 -0
- package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +94 -0
- package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +121 -0
- package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +222 -0
- package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +268 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +59 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +62 -0
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +60 -0
- package/esm2022/autocomplete/animations.mjs +1 -2
- package/esm2022/checkbox/checkbox-config.mjs +2 -1
- package/esm2022/checkbox/checkbox.mjs +11 -5
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/dialog/dialog-container.mjs +1 -4
- package/esm2022/form-field/form-field.mjs +4 -1
- package/esm2022/input/input.mjs +36 -3
- package/esm2022/list/list-option.mjs +3 -3
- package/esm2022/list/testing/selection-list-harness.mjs +2 -2
- package/esm2022/tabs/testing/tab-harness.mjs +2 -2
- package/esm2022/tooltip/tooltip.mjs +4 -1
- package/fesm2022/autocomplete.mjs +0 -1
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +11 -4
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/core.mjs +1 -1
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/dialog.mjs +0 -3
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/form-field.mjs +3 -0
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/input.mjs +35 -2
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list/testing.mjs +1 -1
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +2 -2
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +3 -0
- package/fesm2022/tooltip.mjs.map +1 -1
- package/form-field/_form-field-focus-overlay.scss +1 -1
- package/input/index.d.ts +13 -1
- package/list/testing/index.d.ts +1 -1
- package/package.json +3 -51
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
- package/schematics/ng-update/index_bundled.js +31 -31
- package/tabs/testing/index.d.ts +1 -1
- package/tooltip/index.d.ts +5 -0
- 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
|
-
}
|