@angular/material 16.0.0-next.2 → 16.0.0-next.3

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 (51) hide show
  1. package/_index.scss +0 -2
  2. package/card/_card-theme.scss +11 -14
  3. package/checkbox/_checkbox-theme.scss +31 -70
  4. package/core/tokens/_token-utils.scss +33 -20
  5. package/core/tokens/m2/mdc/_checkbox.scss +131 -0
  6. package/core/tokens/m2/mdc/_elevated-card.scss +33 -28
  7. package/core/tokens/m2/mdc/_outlined-card.scss +38 -34
  8. package/datepicker/index.d.ts +2 -0
  9. package/esm2020/card/card.mjs +2 -2
  10. package/esm2020/checkbox/checkbox.mjs +2 -2
  11. package/esm2020/core/option/option.mjs +4 -4
  12. package/esm2020/core/version.mjs +1 -1
  13. package/esm2020/datepicker/date-range-input.mjs +11 -3
  14. package/esm2020/list/list-option.mjs +2 -2
  15. package/esm2020/tooltip/tooltip.mjs +2 -2
  16. package/fesm2015/card.mjs +2 -2
  17. package/fesm2015/card.mjs.map +1 -1
  18. package/fesm2015/checkbox.mjs +2 -2
  19. package/fesm2015/checkbox.mjs.map +1 -1
  20. package/fesm2015/core.mjs +4 -4
  21. package/fesm2015/core.mjs.map +1 -1
  22. package/fesm2015/datepicker.mjs +9 -1
  23. package/fesm2015/datepicker.mjs.map +1 -1
  24. package/fesm2015/list.mjs +2 -2
  25. package/fesm2015/list.mjs.map +1 -1
  26. package/fesm2015/tooltip.mjs +2 -2
  27. package/fesm2015/tooltip.mjs.map +1 -1
  28. package/fesm2020/card.mjs +2 -2
  29. package/fesm2020/card.mjs.map +1 -1
  30. package/fesm2020/checkbox.mjs +2 -2
  31. package/fesm2020/checkbox.mjs.map +1 -1
  32. package/fesm2020/core.mjs +4 -4
  33. package/fesm2020/core.mjs.map +1 -1
  34. package/fesm2020/datepicker.mjs +9 -1
  35. package/fesm2020/datepicker.mjs.map +1 -1
  36. package/fesm2020/list.mjs +2 -2
  37. package/fesm2020/list.mjs.map +1 -1
  38. package/fesm2020/tooltip.mjs +2 -2
  39. package/fesm2020/tooltip.mjs.map +1 -1
  40. package/list/_list-theme.import.scss +0 -3
  41. package/list/_list-theme.scss +40 -16
  42. package/package.json +2 -2
  43. package/prebuilt-themes/deeppurple-amber.css +1 -1
  44. package/prebuilt-themes/indigo-pink.css +1 -1
  45. package/prebuilt-themes/pink-bluegrey.css +1 -1
  46. package/prebuilt-themes/purple-green.css +1 -1
  47. package/schematics/ng-add/index.js +1 -1
  48. package/schematics/ng-add/index.mjs +1 -1
  49. package/checkbox/_checkbox-private.scss +0 -54
  50. package/list/_list-option-theme.import.scss +0 -2
  51. package/list/_list-option-theme.scss +0 -13
package/checkbox/_checkbox-private.scss DELETED
@@ -1,54 +0,0 @@
1
- @use 'sass:map';
2
- @use 'sass:color';
3
- @use '@material/checkbox/checkbox-theme' as mdc-checkbox-theme;
4
- @use '@material/theme/theme-color' as mdc-theme-color;
5
- @use '../core/theming/theming';
6
- @use '../core/theming/palette';
7
-
8
- // Configuration used to define the theme-related CSS variables.
9
- $private-checkbox-theme-config: map.merge(mdc-checkbox-theme.$light-theme, (
10
- // Exclude all of the ripple-related styles.
11
- selected-focus-state-layer-color: null,
12
- selected-focus-state-layer-opacity: null,
13
- selected-hover-state-layer-color: null,
14
- selected-hover-state-layer-opacity: null,
15
- selected-pressed-state-layer-color: null,
16
- selected-pressed-state-layer-opacity: null,
17
- unselected-focus-state-layer-color: null,
18
- unselected-focus-state-layer-opacity: null,
19
- unselected-hover-state-layer-color: null,
20
- unselected-hover-state-layer-opacity: null,
21
- unselected-pressed-state-layer-color: null,
22
- unselected-pressed-state-layer-opacity: null,
23
- ));
24
-
25
- // Mixin that includes the checkbox theme styles with a given palette.
26
- // By default, the MDC checkbox always uses the `secondary` palette.
27
- @mixin private-checkbox-styles-with-color($color-config, $color, $mdc-color) {
28
- $is-dark: map.get($color-config, is-dark);
29
- $on-surface: mdc-theme-color.prop-value(on-surface);
30
- $border-color: rgba($on-surface, color.opacity(mdc-checkbox-theme.$border-color));
31
- $disabled-color: rgba($on-surface, color.opacity(mdc-checkbox-theme.$disabled-color));
32
- $active-border-color: if(
33
- $is-dark,
34
- theming.get-color-from-palette(palette.$gray-palette, 200),
35
- theming.get-color-from-palette(palette.$gray-palette, 900)
36
- );
37
-
38
- @include mdc-checkbox-theme.theme((
39
- selected-checkmark-color: mdc-theme-color.prop-value(on-#{$mdc-color}),
40
-
41
- selected-focus-icon-color: $color,
42
- selected-hover-icon-color: $color,
43
- selected-icon-color: $color,
44
- selected-pressed-icon-color: $color,
45
- unselected-focus-icon-color: $active-border-color,
46
- unselected-hover-icon-color: $active-border-color,
47
-
48
- disabled-selected-icon-color: $disabled-color,
49
- disabled-unselected-icon-color: $disabled-color,
50
-
51
- unselected-icon-color: $border-color,
52
- unselected-pressed-icon-color: $border-color,
53
- ));
54
- }
package/list/_list-option-theme.import.scss DELETED
@@ -1,2 +0,0 @@
1
- @forward 'list-option-theme' as mat-mdc-*;
2
-
package/list/_list-option-theme.scss DELETED
@@ -1,13 +0,0 @@
1
- @use '../checkbox/checkbox-private';
2
- @use '../radio/radio-private';
3
-
4
- // Mixin that overrides the selected item and toggle indicator colors for list
5
- // options. By default, the MDC list uses the `primary` color for list items.
6
- // The MDC radio/checkbox inside list options by default uses the `primary`
7
- // color too.
8
- @mixin private-list-option-color-override($color-config, $color, $mdc-color) {
9
- & .mdc-list-item__start, & .mdc-list-item__end {
10
- @include checkbox-private.private-checkbox-styles-with-color($color-config, $color, $mdc-color);
11
- @include radio-private.private-radio-color($color-config, $color);
12
- }
13
- }