@angular/material 20.0.0-rc.0 → 20.0.0-rc.1

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 (153) hide show
  1. package/badge/_badge-theme.scss +27 -14
  2. package/badge/_m3-badge.scss +39 -67
  3. package/button-toggle/_m3-button-toggle.scss +1 -1
  4. package/core/color/_all-color.scss +1 -1
  5. package/core/theming/_all-theme.scss +41 -0
  6. package/core/theming/_color-api-backwards-compatibility.scss +3 -6
  7. package/core/theming/_definition.scss +72 -72
  8. package/core/theming/_inspection.scss +24 -22
  9. package/core/tokens/_m3-system.scss +112 -69
  10. package/core/tokens/_m3-tokens.scss +30 -226
  11. package/core/tokens/_m3-utils.scss +35 -0
  12. package/core/tokens/_token-utils.scss +22 -1
  13. package/core/tokens/m3/_index.scss +6 -8
  14. package/core/tokens/m3/_md-sys-color.scss +125 -137
  15. package/core/tokens/m3/_md-sys-elevation.scss +7 -7
  16. package/core/tokens/m3/_md-sys-motion.scss +27 -38
  17. package/core/tokens/m3/_md-sys-shape.scss +13 -16
  18. package/core/tokens/m3/_md-sys-state.scss +5 -5
  19. package/core/tokens/m3/_md-sys-typescale.scss +107 -306
  20. package/fesm2022/autocomplete.mjs +23 -23
  21. package/fesm2022/autocomplete.mjs.map +1 -1
  22. package/fesm2022/badge.mjs +11 -11
  23. package/fesm2022/badge.mjs.map +1 -1
  24. package/fesm2022/bottom-sheet.mjs +11 -11
  25. package/fesm2022/bottom-sheet.mjs.map +1 -1
  26. package/fesm2022/button-toggle.mjs +16 -16
  27. package/fesm2022/button-toggle.mjs.map +1 -1
  28. package/fesm2022/button.mjs +21 -21
  29. package/fesm2022/button.mjs.map +1 -1
  30. package/fesm2022/card.mjs +47 -47
  31. package/fesm2022/card.mjs.map +1 -1
  32. package/fesm2022/checkbox.mjs +11 -11
  33. package/fesm2022/checkbox.mjs.map +1 -1
  34. package/fesm2022/chips.mjs +47 -47
  35. package/fesm2022/chips.mjs.map +1 -1
  36. package/fesm2022/{common-module-DZl8g1kc.mjs → common-module-CF0eSYO4.mjs} +5 -5
  37. package/fesm2022/{common-module-DZl8g1kc.mjs.map → common-module-CF0eSYO4.mjs.map} +1 -1
  38. package/fesm2022/core.mjs +24 -24
  39. package/fesm2022/core.mjs.map +1 -1
  40. package/fesm2022/datepicker.mjs +90 -90
  41. package/fesm2022/datepicker.mjs.map +1 -1
  42. package/fesm2022/dialog/testing.mjs +2 -2
  43. package/fesm2022/dialog.mjs +2 -2
  44. package/fesm2022/divider.mjs +8 -8
  45. package/fesm2022/divider.mjs.map +1 -1
  46. package/fesm2022/{error-options-BWOa3B4G.mjs → error-options-CbAHLQL5.mjs} +7 -7
  47. package/fesm2022/{error-options-BWOa3B4G.mjs.map → error-options-CbAHLQL5.mjs.map} +1 -1
  48. package/fesm2022/expansion.mjs +27 -27
  49. package/fesm2022/expansion.mjs.map +1 -1
  50. package/fesm2022/{form-field-B3aq6ikj.mjs → form-field-sL9_TuE-.mjs} +68 -60
  51. package/fesm2022/form-field-sL9_TuE-.mjs.map +1 -0
  52. package/fesm2022/form-field.mjs +3 -3
  53. package/fesm2022/grid-list.mjs +24 -24
  54. package/fesm2022/grid-list.mjs.map +1 -1
  55. package/fesm2022/icon/testing.mjs +8 -8
  56. package/fesm2022/icon/testing.mjs.map +1 -1
  57. package/fesm2022/{icon-button-DH8TBWWr.mjs → icon-button-BASP1JI8.mjs} +10 -10
  58. package/fesm2022/{icon-button-DH8TBWWr.mjs.map → icon-button-BASP1JI8.mjs.map} +1 -1
  59. package/fesm2022/{icon-registry-Bk5cM8Z5.mjs → icon-registry-DVLYRZv3.mjs} +4 -4
  60. package/fesm2022/{icon-registry-Bk5cM8Z5.mjs.map → icon-registry-DVLYRZv3.mjs.map} +1 -1
  61. package/fesm2022/icon.mjs +10 -10
  62. package/fesm2022/icon.mjs.map +1 -1
  63. package/fesm2022/index-BNtCg9r0.mjs +22 -0
  64. package/fesm2022/{index-BHJ4tVIe.mjs.map → index-BNtCg9r0.mjs.map} +1 -1
  65. package/fesm2022/index-DxCSjCL3.mjs +20 -0
  66. package/fesm2022/{index-D2rZ0V78.mjs.map → index-DxCSjCL3.mjs.map} +1 -1
  67. package/fesm2022/input.mjs +12 -12
  68. package/fesm2022/input.mjs.map +1 -1
  69. package/fesm2022/{internal-form-field-DVvKYBKJ.mjs → internal-form-field-_OHaksOO.mjs} +4 -4
  70. package/fesm2022/{internal-form-field-DVvKYBKJ.mjs.map → internal-form-field-_OHaksOO.mjs.map} +1 -1
  71. package/fesm2022/{line-Dwrcg_t9.mjs → line-CtAKiRo6.mjs} +9 -9
  72. package/fesm2022/{line-Dwrcg_t9.mjs.map → line-CtAKiRo6.mjs.map} +1 -1
  73. package/fesm2022/list.mjs +55 -55
  74. package/fesm2022/list.mjs.map +1 -1
  75. package/fesm2022/menu.mjs +20 -20
  76. package/fesm2022/menu.mjs.map +1 -1
  77. package/fesm2022/{module-B-ci3hbc.mjs → module-ChwDH6BC.mjs} +27 -27
  78. package/fesm2022/{module-B-ci3hbc.mjs.map → module-ChwDH6BC.mjs.map} +1 -1
  79. package/fesm2022/{module-hX_hFZhs.mjs → module-DToxyW7l.mjs} +7 -7
  80. package/fesm2022/{module-hX_hFZhs.mjs.map → module-DToxyW7l.mjs.map} +1 -1
  81. package/fesm2022/{module-D9IKGg_w.mjs → module-DqTK2swA.mjs} +17 -17
  82. package/fesm2022/{module-D9IKGg_w.mjs.map → module-DqTK2swA.mjs.map} +1 -1
  83. package/fesm2022/{module-X29xYsIk.mjs → module-m5vWw9-5.mjs} +12 -12
  84. package/fesm2022/{module-X29xYsIk.mjs.map → module-m5vWw9-5.mjs.map} +1 -1
  85. package/fesm2022/{option-MOeehkAg.mjs → option-hkPAbXDN.mjs} +10 -10
  86. package/fesm2022/{option-MOeehkAg.mjs.map → option-hkPAbXDN.mjs.map} +1 -1
  87. package/fesm2022/paginator.mjs +25 -25
  88. package/fesm2022/paginator.mjs.map +1 -1
  89. package/fesm2022/progress-bar.mjs +8 -8
  90. package/fesm2022/progress-bar.mjs.map +1 -1
  91. package/fesm2022/progress-spinner.mjs +8 -8
  92. package/fesm2022/progress-spinner.mjs.map +1 -1
  93. package/fesm2022/{pseudo-checkbox-BFGIaGxz.mjs → pseudo-checkbox-Ddidc23S.mjs} +4 -4
  94. package/fesm2022/{pseudo-checkbox-BFGIaGxz.mjs.map → pseudo-checkbox-Ddidc23S.mjs.map} +1 -1
  95. package/fesm2022/pseudo-checkbox-module--am9-RIA.mjs +20 -0
  96. package/fesm2022/{pseudo-checkbox-module-Dxth-mPi.mjs.map → pseudo-checkbox-module--am9-RIA.mjs.map} +1 -1
  97. package/fesm2022/radio.mjs +15 -15
  98. package/fesm2022/radio.mjs.map +1 -1
  99. package/fesm2022/{ripple-CuyVtN3V.mjs → ripple-DUGA2BAa.mjs} +7 -7
  100. package/fesm2022/{ripple-CuyVtN3V.mjs.map → ripple-DUGA2BAa.mjs.map} +1 -1
  101. package/fesm2022/{ripple-loader-pOctSZby.mjs → ripple-loader-Xy4bv6Xh.mjs} +5 -5
  102. package/fesm2022/{ripple-loader-pOctSZby.mjs.map → ripple-loader-Xy4bv6Xh.mjs.map} +1 -1
  103. package/fesm2022/select.mjs +12 -12
  104. package/fesm2022/sidenav.mjs +23 -23
  105. package/fesm2022/sidenav.mjs.map +1 -1
  106. package/fesm2022/slide-toggle.mjs +11 -11
  107. package/fesm2022/slide-toggle.mjs.map +1 -1
  108. package/fesm2022/slider.mjs +20 -20
  109. package/fesm2022/slider.mjs.map +1 -1
  110. package/fesm2022/snack-bar.mjs +28 -28
  111. package/fesm2022/snack-bar.mjs.map +1 -1
  112. package/fesm2022/sort.mjs +15 -15
  113. package/fesm2022/sort.mjs.map +1 -1
  114. package/fesm2022/stepper.mjs +37 -37
  115. package/fesm2022/stepper.mjs.map +1 -1
  116. package/fesm2022/{structural-styles-CasigI3l.mjs → structural-styles-DA18Hchc.mjs} +4 -4
  117. package/fesm2022/{structural-styles-CasigI3l.mjs.map → structural-styles-DA18Hchc.mjs.map} +1 -1
  118. package/fesm2022/table.mjs +56 -56
  119. package/fesm2022/table.mjs.map +1 -1
  120. package/fesm2022/tabs.mjs +46 -46
  121. package/fesm2022/tabs.mjs.map +1 -1
  122. package/fesm2022/timepicker.mjs +20 -20
  123. package/fesm2022/timepicker.mjs.map +1 -1
  124. package/fesm2022/toolbar.mjs +11 -11
  125. package/fesm2022/toolbar.mjs.map +1 -1
  126. package/fesm2022/tooltip.mjs +2 -2
  127. package/fesm2022/tree.mjs +26 -26
  128. package/fesm2022/tree.mjs.map +1 -1
  129. package/form-field/index.d.ts +2 -2
  130. package/{form-field.d-CIxjiZIX.d.ts → form-field.d-C6p5uYjG.d.ts} +4 -2
  131. package/input/index.d.ts +4 -4
  132. package/{module.d-CDrqNC7Q.d.ts → module.d-D1Ym5Wf2.d.ts} +1 -1
  133. package/{module.d-DZ8DPHcV.d.ts → module.d-DMabQ4_c.d.ts} +2 -2
  134. package/package.json +2 -2
  135. package/paginator/index.d.ts +5 -5
  136. package/{paginator.d-Ci_wE-RV.d.ts → paginator.d-DuJ-oYgT.d.ts} +1 -1
  137. package/prebuilt-themes/azure-blue.css +1 -1
  138. package/prebuilt-themes/cyan-orange.css +1 -1
  139. package/prebuilt-themes/magenta-violet.css +1 -1
  140. package/prebuilt-themes/rose-red.css +1 -1
  141. package/schematics/ng-add/index.js +1 -1
  142. package/schematics/ng-generate/theme-color/index_bundled.js +2 -2
  143. package/schematics/ng-generate/theme-color/index_bundled.js.map +1 -1
  144. package/schematics/ng-update/index_bundled.js +54 -2
  145. package/schematics/ng-update/index_bundled.js.map +1 -1
  146. package/select/index.d.ts +3 -3
  147. package/table/index.d.ts +2 -2
  148. package/core/tokens/m3/_md-ref-palette.scss +0 -100
  149. package/core/tokens/m3/_md-ref-typeface.scss +0 -14
  150. package/fesm2022/form-field-B3aq6ikj.mjs.map +0 -1
  151. package/fesm2022/index-BHJ4tVIe.mjs +0 -22
  152. package/fesm2022/index-D2rZ0V78.mjs +0 -20
  153. package/fesm2022/pseudo-checkbox-module-Dxth-mPi.mjs +0 -20
@@ -1,8 +1,6 @@
1
- @forward './md-ref-palette' as md-ref-palette-*;
2
- @forward './md-ref-typeface' as md-ref-typeface-*;
3
- @forward './md-sys-color' as md-sys-color-*;
4
- @forward './md-sys-elevation' as md-sys-elevation-*;
5
- @forward './md-sys-motion' as md-sys-motion-*;
6
- @forward './md-sys-shape' as md-sys-shape-*;
7
- @forward './md-sys-state' as md-sys-state-*;
8
- @forward './md-sys-typescale' as md-sys-typescale-*;
1
+ @forward './md-sys-color';
2
+ @forward './md-sys-elevation';
3
+ @forward './md-sys-motion';
4
+ @forward './md-sys-shape';
5
+ @forward './md-sys-state';
6
+ @forward './md-sys-typescale';
@@ -5,162 +5,150 @@
5
5
 
6
6
  @use 'sass:map';
7
7
 
8
- @use './md-ref-palette';
9
-
10
8
  // Indicates whether alternative tokens should be used
11
9
  $_alternate-tokens: false;
12
10
 
13
- $_default-dark: (
14
- 'md-ref-palette': md-ref-palette.values(),
15
- );
16
-
17
- @function values-dark($deps: $_default-dark) {
11
+ @function md-sys-color-values-dark($palettes) {
18
12
  $values: (
19
- 'background': map.get($deps, 'md-ref-palette', 'neutral6'),
20
- 'error': map.get($deps, 'md-ref-palette', 'error80'),
21
- 'error-container': map.get($deps, 'md-ref-palette', 'error30'),
22
- 'inverse-on-surface': map.get($deps, 'md-ref-palette', 'neutral20'),
23
- 'inverse-primary': map.get($deps, 'md-ref-palette', 'primary40'),
24
- 'inverse-surface': map.get($deps, 'md-ref-palette', 'neutral90'),
25
- 'on-background': map.get($deps, 'md-ref-palette', 'neutral90'),
26
- 'on-error': map.get($deps, 'md-ref-palette', 'error20'),
27
- 'on-error-container': map.get($deps, 'md-ref-palette', 'error90'),
28
- 'on-primary': map.get($deps, 'md-ref-palette', 'primary20'),
29
- 'on-primary-container': map.get($deps, 'md-ref-palette', 'primary90'),
30
- 'on-primary-fixed': map.get($deps, 'md-ref-palette', 'primary10'),
31
- 'on-primary-fixed-variant': map.get($deps, 'md-ref-palette', 'primary30'),
32
- 'on-secondary': map.get($deps, 'md-ref-palette', 'secondary20'),
33
- 'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary90'),
34
- 'on-secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary10'),
35
- 'on-secondary-fixed-variant':
36
- map.get($deps, 'md-ref-palette', 'secondary30'),
37
- 'on-surface': map.get($deps, 'md-ref-palette', 'neutral90'),
38
- 'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant90'),
39
- 'on-tertiary': map.get($deps, 'md-ref-palette', 'tertiary20'),
40
- 'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary90'),
41
- 'on-tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary10'),
42
- 'on-tertiary-fixed-variant': map.get($deps, 'md-ref-palette', 'tertiary30'),
43
- 'outline': map.get($deps, 'md-ref-palette', 'neutral-variant60'),
44
- 'outline-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
45
- 'primary': map.get($deps, 'md-ref-palette', 'primary80'),
46
- 'primary-container': map.get($deps, 'md-ref-palette', 'primary30'),
47
- 'primary-fixed': map.get($deps, 'md-ref-palette', 'primary90'),
48
- 'primary-fixed-dim': map.get($deps, 'md-ref-palette', 'primary80'),
49
- 'scrim': map.get($deps, 'md-ref-palette', 'neutral0'),
50
- 'secondary': map.get($deps, 'md-ref-palette', 'secondary80'),
51
- 'secondary-container': map.get($deps, 'md-ref-palette', 'secondary30'),
52
- 'secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary90'),
53
- 'secondary-fixed-dim': map.get($deps, 'md-ref-palette', 'secondary80'),
54
- 'shadow': map.get($deps, 'md-ref-palette', 'neutral0'),
55
- 'surface': map.get($deps, 'md-ref-palette', 'neutral6'),
56
- 'surface-bright': map.get($deps, 'md-ref-palette', 'neutral24'),
57
- 'surface-container': map.get($deps, 'md-ref-palette', 'neutral12'),
58
- 'surface-container-high': map.get($deps, 'md-ref-palette', 'neutral17'),
59
- 'surface-container-highest': map.get($deps, 'md-ref-palette', 'neutral22'),
60
- 'surface-container-low': map.get($deps, 'md-ref-palette', 'neutral10'),
61
- 'surface-container-lowest': map.get($deps, 'md-ref-palette', 'neutral4'),
62
- 'surface-dim': map.get($deps, 'md-ref-palette', 'neutral6'),
63
- 'surface-tint': map.get($deps, 'md-ref-palette', 'primary80'),
64
- 'surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
65
- 'tertiary': map.get($deps, 'md-ref-palette', 'tertiary80'),
66
- 'tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary30'),
67
- 'tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary90'),
68
- 'tertiary-fixed-dim': map.get($deps, 'md-ref-palette', 'tertiary80')
13
+ background: map.get($palettes, neutral, 6),
14
+ error: map.get($palettes, error, 80),
15
+ error-container: map.get($palettes, error, 30),
16
+ inverse-on-surface: map.get($palettes, neutral, 20),
17
+ inverse-primary: map.get($palettes, primary, 40),
18
+ inverse-surface: map.get($palettes, neutral, 90),
19
+ on-background: map.get($palettes, neutral, 90),
20
+ on-error: map.get($palettes, error, 20),
21
+ on-error-container: map.get($palettes, error, 90),
22
+ on-primary: map.get($palettes, primary, 20),
23
+ on-primary-container: map.get($palettes, primary, 90),
24
+ on-primary-fixed: map.get($palettes, primary, 10),
25
+ on-primary-fixed-variant: map.get($palettes, primary, 30),
26
+ on-secondary: map.get($palettes, secondary, 20),
27
+ on-secondary-container: map.get($palettes, secondary, 90),
28
+ on-secondary-fixed: map.get($palettes, secondary, 10),
29
+ on-secondary-fixed-variant: map.get($palettes, secondary, 30),
30
+ on-surface: map.get($palettes, neutral, 90),
31
+ on-surface-variant: map.get($palettes, neutral-variant, 90),
32
+ on-tertiary: map.get($palettes, tertiary, 20),
33
+ on-tertiary-container: map.get($palettes, tertiary, 90),
34
+ on-tertiary-fixed: map.get($palettes, tertiary, 10),
35
+ on-tertiary-fixed-variant: map.get($palettes, tertiary, 30),
36
+ outline: map.get($palettes, neutral-variant, 60),
37
+ outline-variant: map.get($palettes, neutral-variant, 30),
38
+ primary: map.get($palettes, primary, 80),
39
+ primary-container: map.get($palettes, primary, 30),
40
+ primary-fixed: map.get($palettes, primary, 90),
41
+ primary-fixed-dim: map.get($palettes, primary, 80),
42
+ scrim: map.get($palettes, neutral, 0),
43
+ secondary: map.get($palettes, secondary, 80),
44
+ secondary-container: map.get($palettes, secondary, 30),
45
+ secondary-fixed: map.get($palettes, secondary, 90),
46
+ secondary-fixed-dim: map.get($palettes, secondary, 80),
47
+ shadow: map.get($palettes, neutral, 0),
48
+ surface: map.get($palettes, neutral, 6),
49
+ surface-bright: map.get($palettes, neutral, 24),
50
+ surface-container: map.get($palettes, neutral, 12),
51
+ surface-container-high: map.get($palettes, neutral, 17),
52
+ surface-container-highest: map.get($palettes, neutral, 22),
53
+ surface-container-low: map.get($palettes, neutral, 10),
54
+ surface-container-lowest: map.get($palettes, neutral, 4),
55
+ surface-dim: map.get($palettes, neutral, 6),
56
+ surface-tint: map.get($palettes, primary, 80),
57
+ surface-variant: map.get($palettes, neutral-variant, 30),
58
+ tertiary: map.get($palettes, tertiary, 80),
59
+ tertiary-container: map.get($palettes, tertiary, 30),
60
+ tertiary-fixed: map.get($palettes, tertiary, 90),
61
+ tertiary-fixed-dim: map.get($palettes, tertiary, 80)
69
62
  );
70
63
 
71
64
  @if ($_alternate-tokens) {
72
65
  $values: map.merge($values, (
73
- 'background': map.get($deps, 'md-ref-palette', 'neutral10'),
74
- 'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant80'),
75
- 'surface': map.get($deps, 'md-ref-palette', 'neutral10'),
76
- 'surface-bright': #37393b,
77
- 'surface-container': #1e1f20,
78
- 'surface-container-high': #282a2c,
79
- 'surface-container-highest': #333537,
80
- 'surface-container-low': #1b1b1b,
81
- 'surface-container-lowest': #0e0e0e,
82
- 'surface-dim': #131313,
83
- 'surface-tint': #d1e1ff,
66
+ background: map.get($palettes, neutral, 10),
67
+ on-surface-variant: map.get($palettes, neutral-variant, 80),
68
+ surface: map.get($palettes, neutral, 10),
69
+ surface-bright: #37393b,
70
+ surface-container: #1e1f20,
71
+ surface-container-high: #282a2c,
72
+ surface-container-highest: #333537,
73
+ surface-container-low: #1b1b1b,
74
+ surface-container-lowest: #0e0e0e,
75
+ surface-dim: #131313,
76
+ surface-tint: #d1e1ff,
84
77
  ));
85
78
  }
86
79
 
87
80
  @return $values;
88
81
  }
89
82
 
90
- $_default-light: (
91
- 'md-ref-palette': md-ref-palette.values(),
92
- );
93
-
94
- @function values-light($deps: $_default-light) {
83
+ @function md-sys-color-values-light($palettes) {
95
84
  $values: (
96
- 'background': map.get($deps, 'md-ref-palette', 'neutral98'),
97
- 'error': map.get($deps, 'md-ref-palette', 'error40'),
98
- 'error-container': map.get($deps, 'md-ref-palette', 'error90'),
99
- 'inverse-on-surface': map.get($deps, 'md-ref-palette', 'neutral95'),
100
- 'inverse-primary': map.get($deps, 'md-ref-palette', 'primary80'),
101
- 'inverse-surface': map.get($deps, 'md-ref-palette', 'neutral20'),
102
- 'on-background': map.get($deps, 'md-ref-palette', 'neutral10'),
103
- 'on-error': map.get($deps, 'md-ref-palette', 'error100'),
104
- 'on-error-container': map.get($deps, 'md-ref-palette', 'error30'),
105
- 'on-primary': map.get($deps, 'md-ref-palette', 'primary100'),
106
- 'on-primary-container': map.get($deps, 'md-ref-palette', 'primary30'),
107
- 'on-primary-fixed': map.get($deps, 'md-ref-palette', 'primary10'),
108
- 'on-primary-fixed-variant': map.get($deps, 'md-ref-palette', 'primary30'),
109
- 'on-secondary': map.get($deps, 'md-ref-palette', 'secondary100'),
110
- 'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary30'),
111
- 'on-secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary10'),
112
- 'on-secondary-fixed-variant':
113
- map.get($deps, 'md-ref-palette', 'secondary30'),
114
- 'on-surface': map.get($deps, 'md-ref-palette', 'neutral10'),
115
- 'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
116
- 'on-tertiary': map.get($deps, 'md-ref-palette', 'tertiary100'),
117
- 'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary30'),
118
- 'on-tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary10'),
119
- 'on-tertiary-fixed-variant': map.get($deps, 'md-ref-palette', 'tertiary30'),
120
- 'outline': map.get($deps, 'md-ref-palette', 'neutral-variant50'),
121
- 'outline-variant': map.get($deps, 'md-ref-palette', 'neutral-variant80'),
122
- 'primary': map.get($deps, 'md-ref-palette', 'primary40'),
123
- 'primary-container': map.get($deps, 'md-ref-palette', 'primary90'),
124
- 'primary-fixed': map.get($deps, 'md-ref-palette', 'primary90'),
125
- 'primary-fixed-dim': map.get($deps, 'md-ref-palette', 'primary80'),
126
- 'scrim': map.get($deps, 'md-ref-palette', 'neutral0'),
127
- 'secondary': map.get($deps, 'md-ref-palette', 'secondary40'),
128
- 'secondary-container': map.get($deps, 'md-ref-palette', 'secondary90'),
129
- 'secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary90'),
130
- 'secondary-fixed-dim': map.get($deps, 'md-ref-palette', 'secondary80'),
131
- 'shadow': map.get($deps, 'md-ref-palette', 'neutral0'),
132
- 'surface': map.get($deps, 'md-ref-palette', 'neutral98'),
133
- 'surface-bright': map.get($deps, 'md-ref-palette', 'neutral98'),
134
- 'surface-container': map.get($deps, 'md-ref-palette', 'neutral94'),
135
- 'surface-container-high': map.get($deps, 'md-ref-palette', 'neutral92'),
136
- 'surface-container-highest': map.get($deps, 'md-ref-palette', 'neutral90'),
137
- 'surface-container-low': map.get($deps, 'md-ref-palette', 'neutral96'),
138
- 'surface-container-lowest': map.get($deps, 'md-ref-palette', 'neutral100'),
139
- 'surface-dim': map.get($deps, 'md-ref-palette', 'neutral87'),
140
- 'surface-tint': map.get($deps, 'md-ref-palette', 'primary40'),
141
- 'surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant90'),
142
- 'tertiary': map.get($deps, 'md-ref-palette', 'tertiary40'),
143
- 'tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary90'),
144
- 'tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary90'),
145
- 'tertiary-fixed-dim': map.get($deps, 'md-ref-palette', 'tertiary80')
85
+ background: map.get($palettes, neutral, 98),
86
+ error: map.get($palettes, error, 40),
87
+ error-container: map.get($palettes, error, 90),
88
+ inverse-on-surface: map.get($palettes, neutral, 95),
89
+ inverse-primary: map.get($palettes, primary, 80),
90
+ inverse-surface: map.get($palettes, neutral, 20),
91
+ on-background: map.get($palettes, neutral, 10),
92
+ on-error: map.get($palettes, error, 100),
93
+ on-error-container: map.get($palettes, error, 30),
94
+ on-primary: map.get($palettes, primary, 100),
95
+ on-primary-container: map.get($palettes, primary, 30),
96
+ on-primary-fixed: map.get($palettes, primary, 10),
97
+ on-primary-fixed-variant: map.get($palettes, primary, 30),
98
+ on-secondary: map.get($palettes, secondary, 100),
99
+ on-secondary-container: map.get($palettes, secondary, 30),
100
+ on-secondary-fixed: map.get($palettes, secondary, 10),
101
+ on-secondary-fixed-variant: map.get($palettes, secondary, 30),
102
+ on-surface: map.get($palettes, neutral, 10),
103
+ on-surface-variant: map.get($palettes, neutral-variant, 30),
104
+ on-tertiary: map.get($palettes, tertiary, 100),
105
+ on-tertiary-container: map.get($palettes, tertiary, 30),
106
+ on-tertiary-fixed: map.get($palettes, tertiary, 10),
107
+ on-tertiary-fixed-variant: map.get($palettes, tertiary, 30),
108
+ outline: map.get($palettes, neutral-variant, 50),
109
+ outline-variant: map.get($palettes, neutral-variant, 80),
110
+ primary: map.get($palettes, primary, 40),
111
+ primary-container: map.get($palettes, primary, 90),
112
+ primary-fixed: map.get($palettes, primary, 90),
113
+ primary-fixed-dim: map.get($palettes, primary, 80),
114
+ scrim: map.get($palettes, neutral, 0),
115
+ secondary: map.get($palettes, secondary, 40),
116
+ secondary-container: map.get($palettes, secondary, 90),
117
+ secondary-fixed: map.get($palettes, secondary, 90),
118
+ secondary-fixed-dim: map.get($palettes, secondary, 80),
119
+ shadow: map.get($palettes, neutral, 0),
120
+ surface: map.get($palettes, neutral, 98),
121
+ surface-bright: map.get($palettes, neutral, 98),
122
+ surface-container: map.get($palettes, neutral, 94),
123
+ surface-container-high: map.get($palettes, neutral, 92),
124
+ surface-container-highest: map.get($palettes, neutral, 90),
125
+ surface-container-low: map.get($palettes, neutral, 96),
126
+ surface-container-lowest: map.get($palettes, neutral, 100),
127
+ surface-dim: map.get($palettes, neutral, 87),
128
+ surface-tint: map.get($palettes, primary, 40),
129
+ surface-variant: map.get($palettes, neutral-variant, 90),
130
+ tertiary: map.get($palettes, tertiary, 40),
131
+ tertiary-container: map.get($palettes, tertiary, 90),
132
+ tertiary-fixed: map.get($palettes, tertiary, 90),
133
+ tertiary-fixed-dim: map.get($palettes, tertiary, 80)
146
134
  );
147
135
 
148
136
  @if ($_alternate-tokens) {
149
137
  $values: map.merge($values, (
150
- 'background': map.get($deps, 'md-ref-palette', 'neutral100'),
151
- 'on-error-container': map.get($deps, 'md-ref-palette', 'error10'),
152
- 'on-primary-container': map.get($deps, 'md-ref-palette', 'primary10'),
153
- 'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary10'),
154
- 'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary10'),
155
- 'surface': map.get($deps, 'md-ref-palette', 'neutral100'),
156
- 'surface-bright': map.get($deps, 'md-ref-palette', 'neutral100'),
157
- 'surface-container': #f0f4f9,
158
- 'surface-container-high': #e9eef6,
159
- 'surface-container-highest': #dde3ea,
160
- 'surface-container-low': #f8fafd,
161
- 'surface-container-lowest': map.get($deps, 'md-ref-palette', 'primary100'),
162
- 'surface-dim': #d3dbe5,
163
- 'surface-tint': #6991d6,
138
+ background: map.get($palettes, neutral, 100),
139
+ on-error-container: map.get($palettes, error, 10),
140
+ on-primary-container: map.get($palettes, primary, 10),
141
+ on-secondary-container: map.get($palettes, secondary, 10),
142
+ on-tertiary-container: map.get($palettes, tertiary, 10),
143
+ surface: map.get($palettes, neutral, 100),
144
+ surface-bright: map.get($palettes, neutral, 100),
145
+ surface-container: #f0f4f9,
146
+ surface-container-high: #e9eef6,
147
+ surface-container-highest: #dde3ea,
148
+ surface-container-low: #f8fafd,
149
+ surface-container-lowest: map.get($palettes, primary, 100),
150
+ surface-dim: #d3dbe5,
151
+ surface-tint: #6991d6,
164
152
  ));
165
153
  }
166
154
 
@@ -3,13 +3,13 @@
3
3
  // Design system version: v0.161
4
4
  //
5
5
 
6
- @function values($exclude-hardcoded-values: false) {
6
+ @function md-sys-elevation-values() {
7
7
  @return (
8
- 'level0': if($exclude-hardcoded-values, null, 0),
9
- 'level1': if($exclude-hardcoded-values, null, 1),
10
- 'level2': if($exclude-hardcoded-values, null, 3),
11
- 'level3': if($exclude-hardcoded-values, null, 6),
12
- 'level4': if($exclude-hardcoded-values, null, 8),
13
- 'level5': if($exclude-hardcoded-values, null, 12)
8
+ level0: 0,
9
+ level1: 1,
10
+ level2: 3,
11
+ level3: 6,
12
+ level4: 8,
13
+ level5: 12
14
14
  );
15
15
  }
@@ -3,44 +3,33 @@
3
3
  // Design system version: v0.161
4
4
  //
5
5
 
6
- @function values($exclude-hardcoded-values: false) {
6
+ @function md-sys-motion-values() {
7
7
  @return (
8
- 'duration-extra-long1': if($exclude-hardcoded-values, null, 700ms),
9
- 'duration-extra-long2': if($exclude-hardcoded-values, null, 800ms),
10
- 'duration-extra-long3': if($exclude-hardcoded-values, null, 900ms),
11
- 'duration-extra-long4': if($exclude-hardcoded-values, null, 1000ms),
12
- 'duration-long1': if($exclude-hardcoded-values, null, 450ms),
13
- 'duration-long2': if($exclude-hardcoded-values, null, 500ms),
14
- 'duration-long3': if($exclude-hardcoded-values, null, 550ms),
15
- 'duration-long4': if($exclude-hardcoded-values, null, 600ms),
16
- 'duration-medium1': if($exclude-hardcoded-values, null, 250ms),
17
- 'duration-medium2': if($exclude-hardcoded-values, null, 300ms),
18
- 'duration-medium3': if($exclude-hardcoded-values, null, 350ms),
19
- 'duration-medium4': if($exclude-hardcoded-values, null, 400ms),
20
- 'duration-short1': if($exclude-hardcoded-values, null, 50ms),
21
- 'duration-short2': if($exclude-hardcoded-values, null, 100ms),
22
- 'duration-short3': if($exclude-hardcoded-values, null, 150ms),
23
- 'duration-short4': if($exclude-hardcoded-values, null, 200ms),
24
- 'easing-emphasized':
25
- if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
26
- 'easing-emphasized-accelerate':
27
- if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 0.8, 0.15)),
28
- 'easing-emphasized-decelerate':
29
- if($exclude-hardcoded-values, null, cubic-bezier(0.05, 0.7, 0.1, 1)),
30
- 'easing-legacy':
31
- if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 0.2, 1)),
32
- 'easing-legacy-accelerate':
33
- if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 1, 1)),
34
- 'easing-legacy-decelerate':
35
- if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0.2, 1)),
36
- 'easing-linear':
37
- if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 1, 1)),
38
- 'easing-standard':
39
- if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
40
- 'easing-standard-accelerate':
41
- if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 1, 1)),
42
- 'easing-standard-decelerate':
43
- if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0, 1)),
44
- 'path': /** TODO: type "motion_path" is not supported. */ null
8
+ duration-extra-long1: 700ms,
9
+ duration-extra-long2: 800ms,
10
+ duration-extra-long3: 900ms,
11
+ duration-extra-long4: 1000ms,
12
+ duration-long1: 450ms,
13
+ duration-long2: 500ms,
14
+ duration-long3: 550ms,
15
+ duration-long4: 600ms,
16
+ duration-medium1: 250ms,
17
+ duration-medium2: 300ms,
18
+ duration-medium3: 350ms,
19
+ duration-medium4: 400ms,
20
+ duration-short1: 50ms,
21
+ duration-short2: 100ms,
22
+ duration-short3: 150ms,
23
+ duration-short4: 200ms,
24
+ easing-emphasized: cubic-bezier(0.2, 0, 0, 1),
25
+ easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15),
26
+ easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1),
27
+ easing-legacy: cubic-bezier(0.4, 0, 0.2, 1),
28
+ easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1),
29
+ easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1),
30
+ easing-linear: cubic-bezier(0, 0, 1, 1),
31
+ easing-standard: cubic-bezier(0.2, 0, 0, 1),
32
+ easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1),
33
+ easing-standard-decelerate: cubic-bezier(0, 0, 0, 1)
45
34
  );
46
35
  }
@@ -3,22 +3,19 @@
3
3
  // Design system version: v0.161
4
4
  //
5
5
 
6
- @function values($exclude-hardcoded-values: false) {
6
+ @function md-sys-shape-values() {
7
7
  @return (
8
- 'corner-extra-large': if($exclude-hardcoded-values, null, 28px),
9
- 'corner-extra-large-top':
10
- if($exclude-hardcoded-values, null, (28px 28px 0 0)),
11
- 'corner-extra-small': if($exclude-hardcoded-values, null, 4px),
12
- 'corner-extra-small-top':
13
- if($exclude-hardcoded-values, null, (4px 4px 0 0)),
14
- 'corner-full': if($exclude-hardcoded-values, null, 9999px),
15
- 'corner-large': if($exclude-hardcoded-values, null, 16px),
16
- 'corner-large-end': if($exclude-hardcoded-values, null, (0 16px 16px 0)),
17
- 'corner-large-start':
18
- if($exclude-hardcoded-values, null, (16px 0 0 16px)),
19
- 'corner-large-top': if($exclude-hardcoded-values, null, (16px 16px 0 0)),
20
- 'corner-medium': if($exclude-hardcoded-values, null, 12px),
21
- 'corner-none': if($exclude-hardcoded-values, null, 0),
22
- 'corner-small': if($exclude-hardcoded-values, null, 8px)
8
+ corner-extra-large: 28px,
9
+ corner-extra-large-top: (28px 28px 0 0),
10
+ corner-extra-small: 4px,
11
+ corner-extra-small-top: (4px 4px 0 0),
12
+ corner-full: 9999px,
13
+ corner-large: 16px,
14
+ corner-large-end: (0 16px 16px 0),
15
+ corner-large-start: (16px 0 0 16px),
16
+ corner-large-top: (16px 16px 0 0),
17
+ corner-medium: 12px,
18
+ corner-none: 0,
19
+ corner-small: 8px
23
20
  );
24
21
  }
@@ -3,11 +3,11 @@
3
3
  // Design system version: v0.161
4
4
  //
5
5
 
6
- @function values($exclude-hardcoded-values: false) {
6
+ @function md-sys-state-values($exclude-hardcoded-values: false) {
7
7
  @return (
8
- 'dragged-state-layer-opacity': if($exclude-hardcoded-values, null, 0.16),
9
- 'focus-state-layer-opacity': if($exclude-hardcoded-values, null, 0.12),
10
- 'hover-state-layer-opacity': if($exclude-hardcoded-values, null, 0.08),
11
- 'pressed-state-layer-opacity': if($exclude-hardcoded-values, null, 0.12)
8
+ dragged-state-layer-opacity: 0.16,
9
+ focus-state-layer-opacity: 0.12,
10
+ hover-state-layer-opacity: 0.08,
11
+ pressed-state-layer-opacity: 0.12
12
12
  );
13
13
  }