@material/web 0.1.0-alpha.1 → 1.0.0-pre.0

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 (247) hide show
  1. package/CHANGELOG.md +141 -0
  2. package/autocomplete/lib/_filled-autocomplete.scss +3 -4
  3. package/autocomplete/lib/_outlined-autocomplete.scss +3 -3
  4. package/autocomplete/lib/_shared.scss +2 -7
  5. package/autocomplete/lib/filled-styles.css.js +1 -1
  6. package/autocomplete/lib/filled-styles.css.js.map +1 -1
  7. package/autocomplete/lib/outlined-styles.css.js +1 -1
  8. package/autocomplete/lib/outlined-styles.css.js.map +1 -1
  9. package/button/lib/_elevated-button.scss +6 -0
  10. package/button/lib/_elevation.scss +30 -28
  11. package/button/lib/_filled-button.scss +6 -0
  12. package/button/lib/_outlined-button.scss +10 -1
  13. package/button/lib/_shared.scss +18 -8
  14. package/button/lib/_text-button.scss +6 -0
  15. package/button/lib/_tonal-button.scss +6 -0
  16. package/button/lib/elevated-styles.css.js +1 -1
  17. package/button/lib/elevated-styles.css.js.map +1 -1
  18. package/button/lib/filled-styles.css.js +1 -1
  19. package/button/lib/filled-styles.css.js.map +1 -1
  20. package/button/lib/outlined-styles.css.js +1 -1
  21. package/button/lib/outlined-styles.css.js.map +1 -1
  22. package/button/lib/shared-elevation-styles.css.js +1 -1
  23. package/button/lib/shared-elevation-styles.css.js.map +1 -1
  24. package/button/lib/shared-styles.css.js +1 -1
  25. package/button/lib/shared-styles.css.js.map +1 -1
  26. package/button/lib/text-styles.css.js +1 -1
  27. package/button/lib/text-styles.css.js.map +1 -1
  28. package/button/lib/tonal-styles.css.js +1 -1
  29. package/button/lib/tonal-styles.css.js.map +1 -1
  30. package/checkbox/lib/_checkbox.scss +5 -1
  31. package/checkbox/lib/checkbox-styles.css.js +1 -1
  32. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  33. package/chips/chip/lib/_chip-theme.scss +29 -33
  34. package/chips/chip/lib/_chip.scss +2 -4
  35. package/chips/chip/lib/_input-chip-theme.scss +16 -26
  36. package/chips/chip/lib/chip.d.ts +1 -0
  37. package/chips/chip/lib/chip.js +2 -1
  38. package/chips/chip/lib/chip.js.map +1 -1
  39. package/fab/fab-extended.js +1 -2
  40. package/fab/fab-extended.js.map +1 -1
  41. package/fab/fab.js +1 -2
  42. package/fab/fab.js.map +1 -1
  43. package/fab/lib/_shared.scss +13 -11
  44. package/fab/lib/fab-shared-styles.css.js +1 -1
  45. package/fab/lib/fab-shared-styles.css.js.map +1 -1
  46. package/field/lib/filled-styles.css.js +1 -1
  47. package/field/lib/filled-styles.css.js.map +1 -1
  48. package/iconbutton/lib/_filled-icon-button.scss +18 -4
  49. package/iconbutton/lib/_filled-tonal-icon-button.scss +18 -4
  50. package/iconbutton/lib/_outlined-icon-button.scss +17 -3
  51. package/iconbutton/lib/_shared.scss +20 -1
  52. package/iconbutton/lib/_standard-icon-button.scss +25 -3
  53. package/iconbutton/lib/filled-styles.css.js +1 -1
  54. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  55. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  56. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  57. package/iconbutton/lib/icon-button-toggle.js +1 -1
  58. package/iconbutton/lib/icon-button-toggle.js.map +1 -1
  59. package/iconbutton/lib/icon-button.js +1 -1
  60. package/iconbutton/lib/icon-button.js.map +1 -1
  61. package/iconbutton/lib/outlined-styles.css.js +1 -1
  62. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  63. package/iconbutton/lib/shared-styles.css.js +1 -1
  64. package/iconbutton/lib/shared-styles.css.js.map +1 -1
  65. package/iconbutton/lib/standard-styles.css.js +1 -1
  66. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  67. package/list/lib/_list.scss +20 -14
  68. package/list/lib/divider/list-divider.js +2 -0
  69. package/list/lib/divider/list-divider.js.map +1 -1
  70. package/list/lib/list-styles.css.js +1 -1
  71. package/list/lib/list-styles.css.js.map +1 -1
  72. package/list/lib/list.d.ts +1 -0
  73. package/list/lib/list.js +4 -1
  74. package/list/lib/list.js.map +1 -1
  75. package/list/lib/listitem/list-item.js +2 -0
  76. package/list/lib/listitem/list-item.js.map +1 -1
  77. package/menu/lib/_menu.scss +7 -10
  78. package/menu/lib/menu-styles.css.js +1 -1
  79. package/menu/lib/menu-styles.css.js.map +1 -1
  80. package/menusurface/lib/_md-comp-menu-surface.scss +6 -14
  81. package/menusurface/lib/_menu-surface.scss +8 -4
  82. package/menusurface/lib/menu-surface-styles.css.js +1 -1
  83. package/menusurface/lib/menu-surface-styles.css.js.map +1 -1
  84. package/menusurface/lib/menu-surface.d.ts +1 -0
  85. package/menusurface/lib/menu-surface.js +2 -0
  86. package/menusurface/lib/menu-surface.js.map +1 -1
  87. package/navigationdrawer/lib/_navigation-drawer-modal.scss +7 -22
  88. package/navigationdrawer/lib/_navigation-drawer.scss +15 -18
  89. package/navigationdrawer/lib/_shared.scss +2 -7
  90. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +1 -1
  91. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -1
  92. package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
  93. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
  94. package/navigationdrawer/lib/navigation-drawer.d.ts +1 -0
  95. package/navigationdrawer/lib/navigation-drawer.js +3 -2
  96. package/navigationdrawer/lib/navigation-drawer.js.map +1 -1
  97. package/navigationtab/lib/_navigation-tab.scss +3 -3
  98. package/package.json +8 -1
  99. package/radio/_radio.scss +6 -1
  100. package/radio/lib/_radio.scss +128 -92
  101. package/radio/lib/forced-colors-styles.css.d.ts +1 -0
  102. package/radio/lib/forced-colors-styles.css.js +9 -0
  103. package/radio/lib/forced-colors-styles.css.js.map +1 -0
  104. package/radio/lib/forced-colors-styles.scss +27 -0
  105. package/radio/lib/radio-styles.css.js +1 -1
  106. package/radio/lib/radio-styles.css.js.map +1 -1
  107. package/radio/lib/radio-styles.scss +1 -7
  108. package/radio/lib/radio.d.ts +30 -69
  109. package/radio/lib/radio.js +104 -235
  110. package/radio/lib/radio.js.map +1 -1
  111. package/radio/lib/single-selection-controller.d.ts +51 -138
  112. package/radio/lib/single-selection-controller.js +153 -249
  113. package/radio/lib/single-selection-controller.js.map +1 -1
  114. package/radio/radio.js +2 -1
  115. package/radio/radio.js.map +1 -1
  116. package/ripple/lib/_ripple.scss +21 -4
  117. package/ripple/lib/ripple-styles.css.js +1 -1
  118. package/ripple/lib/ripple-styles.css.js.map +1 -1
  119. package/ripple/lib/ripple.js +4 -1
  120. package/ripple/lib/ripple.js.map +1 -1
  121. package/segmentedbutton/lib/_shared.scss +3 -3
  122. package/switch/lib/_handle.scss +4 -3
  123. package/switch/lib/switch-styles.css.js +1 -1
  124. package/switch/lib/switch-styles.css.js.map +1 -1
  125. package/switch/lib/switch.d.ts +17 -21
  126. package/switch/lib/switch.js +54 -57
  127. package/switch/lib/switch.js.map +1 -1
  128. package/textfield/filled-text-field.d.ts +1 -0
  129. package/textfield/filled-text-field.js.map +1 -1
  130. package/textfield/lib/_shared.scss +1 -0
  131. package/textfield/lib/filled-styles.css.js +1 -1
  132. package/textfield/lib/filled-styles.css.js.map +1 -1
  133. package/textfield/lib/shared-styles.css.js +1 -1
  134. package/textfield/lib/shared-styles.css.js.map +1 -1
  135. package/textfield/lib/text-field.js +3 -0
  136. package/textfield/lib/text-field.js.map +1 -1
  137. package/textfield/outlined-text-field.d.ts +1 -0
  138. package/textfield/outlined-text-field.js.map +1 -1
  139. package/tokens/_index.scss +1 -1
  140. package/tokens/{v0_144 → v0_150}/_index.scss +0 -0
  141. package/tokens/{v0_144 → v0_150}/_md-comp-assist-chip.scss +1 -1
  142. package/tokens/{v0_144 → v0_150}/_md-comp-badge.scss +1 -1
  143. package/tokens/{v0_144 → v0_150}/_md-comp-banner.scss +1 -1
  144. package/tokens/{v0_144 → v0_150}/_md-comp-bottom-app-bar.scss +1 -1
  145. package/tokens/{v0_144 → v0_150}/_md-comp-carousel-item.scss +1 -1
  146. package/tokens/{v0_144 → v0_150}/_md-comp-checkbox.scss +1 -1
  147. package/tokens/{v0_144 → v0_150}/_md-comp-circular-progress-indicator.scss +1 -1
  148. package/tokens/{v0_144 → v0_150}/_md-comp-data-table.scss +1 -1
  149. package/tokens/{v0_144 → v0_150}/_md-comp-date-input-modal.scss +1 -1
  150. package/tokens/{v0_144 → v0_150}/_md-comp-date-picker-docked.scss +1 -1
  151. package/tokens/{v0_144 → v0_150}/_md-comp-date-picker-modal.scss +1 -1
  152. package/tokens/{v0_144 → v0_150}/_md-comp-dialog.scss +1 -1
  153. package/tokens/{v0_144 → v0_150}/_md-comp-divider.scss +1 -1
  154. package/tokens/{v0_144 → v0_150}/_md-comp-elevated-button.scss +1 -1
  155. package/tokens/{v0_144 → v0_150}/_md-comp-elevated-card.scss +1 -1
  156. package/tokens/{v0_144 → v0_150}/_md-comp-extended-fab-branded.scss +1 -1
  157. package/tokens/{v0_144 → v0_150}/_md-comp-extended-fab-primary.scss +1 -1
  158. package/tokens/{v0_144 → v0_150}/_md-comp-extended-fab-secondary.scss +1 -1
  159. package/tokens/{v0_144 → v0_150}/_md-comp-extended-fab-surface.scss +1 -1
  160. package/tokens/{v0_144 → v0_150}/_md-comp-extended-fab-tertiary.scss +1 -1
  161. package/tokens/{v0_144 → v0_150}/_md-comp-fab-branded-large.scss +1 -1
  162. package/tokens/{v0_144 → v0_150}/_md-comp-fab-branded.scss +1 -1
  163. package/tokens/{v0_144 → v0_150}/_md-comp-fab-primary-large.scss +1 -1
  164. package/tokens/{v0_144 → v0_150}/_md-comp-fab-primary-small.scss +1 -1
  165. package/tokens/{v0_144 → v0_150}/_md-comp-fab-primary.scss +1 -1
  166. package/tokens/{v0_144 → v0_150}/_md-comp-fab-secondary-large.scss +1 -1
  167. package/tokens/{v0_144 → v0_150}/_md-comp-fab-secondary-small.scss +1 -1
  168. package/tokens/{v0_144 → v0_150}/_md-comp-fab-secondary.scss +1 -1
  169. package/tokens/{v0_144 → v0_150}/_md-comp-fab-surface-large.scss +1 -1
  170. package/tokens/{v0_144 → v0_150}/_md-comp-fab-surface-small.scss +1 -1
  171. package/tokens/{v0_144 → v0_150}/_md-comp-fab-surface.scss +1 -1
  172. package/tokens/{v0_144 → v0_150}/_md-comp-fab-tertiary-large.scss +1 -1
  173. package/tokens/{v0_144 → v0_150}/_md-comp-fab-tertiary-small.scss +1 -1
  174. package/tokens/{v0_144 → v0_150}/_md-comp-fab-tertiary.scss +1 -1
  175. package/tokens/{v0_144 → v0_150}/_md-comp-filled-autocomplete.scss +1 -1
  176. package/tokens/{v0_144 → v0_150}/_md-comp-filled-button.scss +1 -1
  177. package/tokens/{v0_144 → v0_150}/_md-comp-filled-card.scss +1 -1
  178. package/tokens/{v0_144 → v0_150}/_md-comp-filled-icon-button.scss +1 -1
  179. package/tokens/{v0_144 → v0_150}/_md-comp-filled-menu-button.scss +1 -1
  180. package/tokens/{v0_144 → v0_150}/_md-comp-filled-select.scss +1 -1
  181. package/tokens/{v0_144 → v0_150}/_md-comp-filled-text-field.scss +2 -2
  182. package/tokens/{v0_144 → v0_150}/_md-comp-filled-tonal-button.scss +1 -1
  183. package/tokens/{v0_144 → v0_150}/_md-comp-filled-tonal-icon-button.scss +1 -1
  184. package/tokens/{v0_144 → v0_150}/_md-comp-filter-chip.scss +2 -1
  185. package/tokens/{v0_144 → v0_150}/_md-comp-full-screen-dialog.scss +1 -1
  186. package/tokens/{v0_144 → v0_150}/_md-comp-icon-button.scss +1 -1
  187. package/tokens/{v0_144 → v0_150}/_md-comp-input-chip.scss +1 -1
  188. package/tokens/{v0_144 → v0_150}/_md-comp-linear-progress-indicator.scss +1 -1
  189. package/tokens/{v0_144 → v0_150}/_md-comp-list.scss +1 -1
  190. package/tokens/{v0_144 → v0_150}/_md-comp-menu.scss +1 -1
  191. package/tokens/{v0_144 → v0_150}/_md-comp-navigation-bar.scss +1 -1
  192. package/tokens/{v0_144 → v0_150}/_md-comp-navigation-drawer.scss +1 -1
  193. package/tokens/{v0_144 → v0_150}/_md-comp-navigation-rail.scss +1 -1
  194. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-autocomplete.scss +1 -1
  195. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-button.scss +1 -1
  196. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-card.scss +5 -5
  197. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-icon-button.scss +1 -1
  198. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-menu-button.scss +1 -1
  199. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-segmented-button.scss +1 -1
  200. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-select.scss +1 -1
  201. package/tokens/{v0_144 → v0_150}/_md-comp-outlined-text-field.scss +1 -1
  202. package/tokens/{v0_144 → v0_150}/_md-comp-plain-tooltip.scss +2 -2
  203. package/tokens/{v0_144 → v0_150}/_md-comp-primary-navigation-tab.scss +1 -1
  204. package/tokens/{v0_144 → v0_150}/_md-comp-radio-button.scss +1 -1
  205. package/tokens/{v0_144 → v0_150}/_md-comp-rich-tooltip.scss +1 -1
  206. package/tokens/{v0_144 → v0_150}/_md-comp-scrim.scss +1 -1
  207. package/tokens/{v0_144 → v0_150}/_md-comp-search-bar.scss +1 -1
  208. package/tokens/{v0_144 → v0_150}/_md-comp-search-view.scss +1 -1
  209. package/tokens/{v0_144 → v0_150}/_md-comp-secondary-navigation-tab.scss +1 -1
  210. package/tokens/{v0_144 → v0_150}/_md-comp-sheet-bottom.scss +1 -1
  211. package/tokens/{v0_144 → v0_150}/_md-comp-sheet-floating.scss +1 -1
  212. package/tokens/{v0_144 → v0_150}/_md-comp-sheet-side.scss +1 -1
  213. package/tokens/{v0_144 → v0_150}/_md-comp-slider.scss +1 -1
  214. package/tokens/{v0_144 → v0_150}/_md-comp-snackbar.scss +25 -1
  215. package/tokens/{v0_144 → v0_150}/_md-comp-standard-menu-button.scss +1 -1
  216. package/tokens/{v0_144 → v0_150}/_md-comp-suggestion-chip.scss +6 -6
  217. package/tokens/{v0_144 → v0_150}/_md-comp-switch.scss +1 -1
  218. package/tokens/{v0_144 → v0_150}/_md-comp-text-button.scss +1 -1
  219. package/tokens/{v0_144 → v0_150}/_md-comp-time-input.scss +1 -1
  220. package/tokens/{v0_144 → v0_150}/_md-comp-time-picker.scss +2 -2
  221. package/tokens/{v0_144 → v0_150}/_md-comp-top-app-bar-large.scss +1 -1
  222. package/tokens/{v0_144 → v0_150}/_md-comp-top-app-bar-medium.scss +1 -1
  223. package/tokens/{v0_144 → v0_150}/_md-comp-top-app-bar-small-centered.scss +1 -1
  224. package/tokens/{v0_144 → v0_150}/_md-comp-top-app-bar-small.scss +1 -1
  225. package/tokens/{v0_144 → v0_150}/_md-ref-palette.scss +1 -1
  226. package/tokens/{v0_144 → v0_150}/_md-ref-typeface.scss +1 -1
  227. package/tokens/{v0_144 → v0_150}/_md-sys-color.scss +1 -1
  228. package/tokens/{v0_144 → v0_150}/_md-sys-elevation.scss +1 -1
  229. package/tokens/{v0_144 → v0_150}/_md-sys-motion.scss +1 -1
  230. package/tokens/{v0_144 → v0_150}/_md-sys-shape.scss +1 -1
  231. package/tokens/{v0_144 → v0_150}/_md-sys-state.scss +1 -1
  232. package/tokens/{v0_144 → v0_150}/_md-sys-typescale.scss +1 -1
  233. package/tokens/v0_150/index.test.css.d.ts +1 -0
  234. package/tokens/v0_150/index.test.css.js +9 -0
  235. package/tokens/v0_150/index.test.css.js.map +1 -0
  236. package/tokens/v0_150/index.test.scss +584 -0
  237. package/tokens/v0_150/lib.test.css.d.ts +1 -0
  238. package/tokens/v0_150/lib.test.css.js +9 -0
  239. package/tokens/v0_150/lib.test.css.js.map +1 -0
  240. package/tokens/v0_150/lib.test.scss +663 -0
  241. package/elevationold/lib/_elevation-overlay-theme.scss +0 -31
  242. package/elevationold/lib/_elevation-overlay.scss +0 -18
  243. package/elevationold/lib/_elevation-theme.scss +0 -74
  244. package/elevationold/lib/_surface.scss +0 -15
  245. package/elevationold/lib/elevation-overlay-styles.scss +0 -9
  246. package/radio/lib/_radio-theme.scss +0 -377
  247. package/ripple/_ripple-theme.scss +0 -17
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -159,7 +159,7 @@ $_default: (
159
159
  ),
160
160
  'label-text-weight': map.get($deps, 'md-sys-typescale', 'body-large-weight'),
161
161
  'leading-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
162
- 'leading-icon-size': if($exclude-hardcoded-values, null, 20px),
162
+ 'leading-icon-size': if($exclude-hardcoded-values, null, 24px),
163
163
  'supporting-text-color':
164
164
  map.get($deps, 'md-sys-color', 'on-surface-variant'),
165
165
  'supporting-text-font':
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -40,6 +40,7 @@ $_default: (
40
40
  'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
41
41
  'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
42
42
  'elevated-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
43
+ 'elevated-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
43
44
  'elevated-disabled-container-color':
44
45
  map.get($deps, 'md-sys-color', 'on-surface'),
45
46
  'elevated-disabled-container-elevation':
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  // User-configured context group "Audience": "3P"
11
11
  //
12
12
 
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -38,7 +38,7 @@ $_default: (
38
38
  'disabled-outline-color': map.get($deps, 'md-sys-color', 'outline'),
39
39
  'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
40
40
  'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
41
- 'dragged-outline-color': map.get($deps, 'md-sys-color', 'outline'),
41
+ 'dragged-outline-color': map.get($deps, 'md-sys-color', 'outline-variant'),
42
42
  'dragged-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
43
43
  'dragged-state-layer-opacity':
44
44
  map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
@@ -48,16 +48,16 @@ $_default: (
48
48
  'focus-state-layer-opacity':
49
49
  map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
50
50
  'hover-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
51
- 'hover-outline-color': map.get($deps, 'md-sys-color', 'outline'),
51
+ 'hover-outline-color': map.get($deps, 'md-sys-color', 'outline-variant'),
52
52
  'hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
53
53
  'hover-state-layer-opacity':
54
54
  map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
55
55
  'icon-color': map.get($deps, 'md-sys-color', 'primary'),
56
56
  'icon-size': if($exclude-hardcoded-values, null, 24px),
57
- 'outline-color': map.get($deps, 'md-sys-color', 'outline'),
57
+ 'outline-color': map.get($deps, 'md-sys-color', 'outline-variant'),
58
58
  'outline-width': if($exclude-hardcoded-values, null, 1px),
59
59
  'pressed-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
60
- 'pressed-outline-color': map.get($deps, 'md-sys-color', 'outline'),
60
+ 'pressed-outline-color': map.get($deps, 'md-sys-color', 'outline-variant'),
61
61
  'pressed-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
62
62
  'pressed-state-layer-opacity':
63
63
  map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity')
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -26,7 +26,7 @@ $_default: (
26
26
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
27
27
  @return (
28
28
  'container-color': map.get($deps, 'md-sys-color', 'inverse-surface'),
29
- 'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
29
+ 'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
30
30
  'supporting-text-color':
31
31
  map.get($deps, 'md-sys-color', 'inverse-on-surface'),
32
32
  'supporting-text-font':
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -52,6 +52,18 @@ $_default: (
52
52
  map.get($deps, 'md-sys-typescale', 'label-large-size'),
53
53
  'action-label-text-tracking':
54
54
  map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
55
+ 'action-label-text-type':
56
+ if(
57
+ $exclude-hardcoded-values,
58
+ null,
59
+ /** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.snackbar.action.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
60
+ map.get($deps, 'md-sys-typescale', 'label-large-weight')
61
+ map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
62
+ $deps,
63
+ 'md-sys-typescale',
64
+ 'label-large-line-height'
65
+ ) map.get($deps, 'md-sys-typescale', 'label-large-font')
66
+ ),
55
67
  'action-label-text-weight':
56
68
  map.get($deps, 'md-sys-typescale', 'label-large-weight'),
57
69
  'action-pressed-label-text-color':
@@ -94,6 +106,18 @@ $_default: (
94
106
  map.get($deps, 'md-sys-typescale', 'body-medium-size'),
95
107
  'supporting-text-tracking':
96
108
  map.get($deps, 'md-sys-typescale', 'body-medium-tracking'),
109
+ 'supporting-text-type':
110
+ if(
111
+ $exclude-hardcoded-values,
112
+ null,
113
+ /** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.snackbar.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
114
+ map.get($deps, 'md-sys-typescale', 'body-medium-weight')
115
+ map.get($deps, 'md-sys-typescale', 'body-medium-size') #{'/'} map.get(
116
+ $deps,
117
+ 'md-sys-typescale',
118
+ 'body-medium-line-height'
119
+ ) map.get($deps, 'md-sys-typescale', 'body-medium-font')
120
+ ),
97
121
  'supporting-text-weight':
98
122
  map.get($deps, 'md-sys-typescale', 'body-medium-weight'),
99
123
  'with-single-line-container-height':
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -110,16 +110,16 @@ $_default: (
110
110
  'with-leading-icon-disabled-leading-icon-opacity':
111
111
  if($exclude-hardcoded-values, null, 0.38),
112
112
  'with-leading-icon-dragged-leading-icon-color':
113
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
113
+ map.get($deps, 'md-sys-color', 'primary'),
114
114
  'with-leading-icon-focus-leading-icon-color':
115
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
115
+ map.get($deps, 'md-sys-color', 'primary'),
116
116
  'with-leading-icon-hover-leading-icon-color':
117
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
117
+ map.get($deps, 'md-sys-color', 'primary'),
118
118
  'with-leading-icon-leading-icon-color':
119
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
119
+ map.get($deps, 'md-sys-color', 'primary'),
120
120
  'with-leading-icon-leading-icon-size':
121
121
  if($exclude-hardcoded-values, null, 18px),
122
122
  'with-leading-icon-pressed-leading-icon-color':
123
- map.get($deps, 'md-sys-color', 'on-surface-variant')
123
+ map.get($deps, 'md-sys-color', 'primary')
124
124
  );
125
125
  }
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -31,7 +31,7 @@ $_default: (
31
31
 
32
32
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
33
33
  @return (
34
- 'clock-dial-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
34
+ 'clock-dial-color': map.get($deps, 'md-sys-color', 'surface-variant'),
35
35
  'clock-dial-color-ignore':
36
36
  map.get($deps, 'md-sys-color', 'on-surface-variant'),
37
37
  'clock-dial-container-size': if($exclude-hardcoded-values, null, 256px),
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -6,7 +6,7 @@
6
6
  // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
7
7
  // !!! DO NOT MODIFY IT BY HAND !!!
8
8
  // Design system display name: Google Material 3
9
- // Design system version: v0.144
9
+ // Design system version: v0.150
10
10
  // User-configured context group "Audience": "3P"
11
11
  //
12
12