@material/web 1.0.0-pre.0 → 1.0.0-pre.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 (423) hide show
  1. package/README.md +66 -19
  2. package/autocomplete/lib/_filled-autocomplete.scss +1 -34
  3. package/autocomplete/lib/_outlined-autocomplete.scss +1 -34
  4. package/autocomplete/lib/autocomplete.d.ts +0 -4
  5. package/autocomplete/lib/autocomplete.js +5 -12
  6. package/autocomplete/lib/autocomplete.js.map +1 -1
  7. package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +2 -2
  8. package/autocomplete/lib/autocompleteitem/autocomplete-item.js +2 -2
  9. package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +1 -1
  10. package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +1 -1
  11. package/autocomplete/lib/autocompletelist/autocomplete-list.js +2 -2
  12. package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +1 -1
  13. package/autocomplete/lib/filled-styles.css.js +1 -1
  14. package/autocomplete/lib/filled-styles.css.js.map +1 -1
  15. package/autocomplete/lib/outlined-styles.css.js +1 -1
  16. package/autocomplete/lib/outlined-styles.css.js.map +1 -1
  17. package/button/lib/_elevation.scss +1 -1
  18. package/button/lib/_icon.scss +12 -29
  19. package/button/lib/_shared.scss +1 -0
  20. package/button/lib/button.d.ts +1 -14
  21. package/button/lib/button.js +6 -42
  22. package/button/lib/button.js.map +1 -1
  23. package/button/lib/filled-styles.css.js +1 -1
  24. package/button/lib/filled-styles.css.js.map +1 -1
  25. package/button/lib/link-button.d.ts +0 -1
  26. package/button/lib/link-button.js +0 -5
  27. package/button/lib/link-button.js.map +1 -1
  28. package/button/lib/shared-elevation-styles.css.js +1 -1
  29. package/button/lib/shared-elevation-styles.css.js.map +1 -1
  30. package/button/lib/shared-styles.css.js +1 -1
  31. package/button/lib/shared-styles.css.js.map +1 -1
  32. package/checkbox/checkbox.d.ts +11 -2
  33. package/checkbox/checkbox.js +11 -2
  34. package/checkbox/checkbox.js.map +1 -1
  35. package/checkbox/lib/checkbox.d.ts +28 -0
  36. package/checkbox/lib/checkbox.js +30 -1
  37. package/checkbox/lib/checkbox.js.map +1 -1
  38. package/chips/chip/lib/_chip-theme.scss +1 -1
  39. package/dialog/_dialog.scss +6 -0
  40. package/dialog/dialog.d.ts +38 -0
  41. package/dialog/dialog.js +41 -0
  42. package/dialog/dialog.js.map +1 -0
  43. package/dialog/harness.d.ts +18 -0
  44. package/dialog/harness.js +55 -0
  45. package/dialog/harness.js.map +1 -0
  46. package/dialog/lib/_dialog.scss +386 -0
  47. package/dialog/lib/_tokens.scss +86 -0
  48. package/{elevationold/lib/elevation-overlay-styles.css.d.ts → dialog/lib/dialog-styles.css.d.ts} +0 -0
  49. package/dialog/lib/dialog-styles.css.js +9 -0
  50. package/dialog/lib/dialog-styles.css.js.map +1 -0
  51. package/dialog/lib/dialog-styles.scss +8 -0
  52. package/dialog/lib/dialog.d.ts +190 -0
  53. package/dialog/lib/dialog.js +566 -0
  54. package/dialog/lib/dialog.js.map +1 -0
  55. package/divider/_divider.scss +6 -0
  56. package/divider/divider.d.ts +24 -0
  57. package/divider/divider.js +27 -0
  58. package/divider/divider.js.map +1 -0
  59. package/divider/lib/_divider.scss +54 -0
  60. package/{list/lib/divider/list-divider-styles.css.d.ts → divider/lib/divider-styles.css.d.ts} +0 -0
  61. package/divider/lib/divider-styles.css.js +9 -0
  62. package/divider/lib/divider-styles.css.js.map +1 -0
  63. package/divider/lib/divider-styles.scss +8 -0
  64. package/divider/lib/divider.d.ts +23 -0
  65. package/divider/lib/divider.js +41 -0
  66. package/divider/lib/divider.js.map +1 -0
  67. package/elevation/lib/_elevation.scss +1 -1
  68. package/elevation/lib/_md-comp-elevation.scss +1 -1
  69. package/elevation/lib/elevation-styles.css.js +1 -1
  70. package/elevation/lib/elevation-styles.css.js.map +1 -1
  71. package/fab/lib/_shared.scss +1 -1
  72. package/fab/lib/fab-shared-styles.css.js +1 -1
  73. package/fab/lib/fab-shared-styles.css.js.map +1 -1
  74. package/field/lib/_filled-field.scss +5 -2
  75. package/field/lib/_md-comp-filled-field.scss +3 -1
  76. package/field/lib/_md-comp-outlined-field.scss +1 -1
  77. package/field/lib/_shared.scss +2 -0
  78. package/field/lib/field.d.ts +0 -2
  79. package/field/lib/field.js +2 -4
  80. package/field/lib/field.js.map +1 -1
  81. package/field/lib/filled-styles.css.js +1 -1
  82. package/field/lib/filled-styles.css.js.map +1 -1
  83. package/field/lib/outlined-styles.css.js +1 -1
  84. package/field/lib/outlined-styles.css.js.map +1 -1
  85. package/field/lib/shared-styles.css.js +1 -1
  86. package/field/lib/shared-styles.css.js.map +1 -1
  87. package/focus/lib/_focus-ring.scss +3 -10
  88. package/focus/lib/focus-ring-styles.css.js +1 -1
  89. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  90. package/focus/lib/focus-ring.d.ts +1 -4
  91. package/focus/lib/focus-ring.js +2 -11
  92. package/focus/lib/focus-ring.js.map +1 -1
  93. package/icon/lib/_icon.scss +8 -5
  94. package/icon/lib/icon-styles.css.js +1 -1
  95. package/icon/lib/icon-styles.css.js.map +1 -1
  96. package/iconbutton/lib/_filled-icon-button.scss +1 -1
  97. package/iconbutton/lib/_filled-tonal-icon-button.scss +1 -1
  98. package/iconbutton/lib/_outlined-icon-button.scss +9 -22
  99. package/iconbutton/lib/_shared.scss +14 -40
  100. package/iconbutton/lib/_standard-icon-button.scss +6 -14
  101. package/iconbutton/lib/filled-styles.css.js +1 -1
  102. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  103. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  104. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  105. package/iconbutton/lib/icon-button-toggle.d.ts +13 -42
  106. package/iconbutton/lib/icon-button-toggle.js +33 -103
  107. package/iconbutton/lib/icon-button-toggle.js.map +1 -1
  108. package/iconbutton/lib/icon-button.d.ts +2 -4
  109. package/iconbutton/lib/icon-button.js +3 -9
  110. package/iconbutton/lib/icon-button.js.map +1 -1
  111. package/iconbutton/lib/outlined-styles.css.js +1 -1
  112. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  113. package/iconbutton/lib/shared-styles.css.js +1 -1
  114. package/iconbutton/lib/shared-styles.css.js.map +1 -1
  115. package/iconbutton/lib/standard-styles.css.js +1 -1
  116. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  117. package/list/lib/_list.scss +32 -40
  118. package/list/lib/avatar/_list-item-avatar.scss +1 -1
  119. package/list/lib/avatar/list-item-avatar-styles.css.js +1 -1
  120. package/list/lib/avatar/list-item-avatar-styles.css.js.map +1 -1
  121. package/list/lib/avatar/list-item-avatar.d.ts +9 -4
  122. package/list/lib/avatar/list-item-avatar.js +24 -11
  123. package/list/lib/avatar/list-item-avatar.js.map +1 -1
  124. package/list/lib/icon/_list-item-icon.scss +3 -1
  125. package/list/lib/icon/list-item-icon-styles.css.js +1 -1
  126. package/list/lib/icon/list-item-icon-styles.css.js.map +1 -1
  127. package/list/lib/icon/list-item-icon.d.ts +0 -3
  128. package/list/lib/icon/list-item-icon.js +1 -12
  129. package/list/lib/icon/list-item-icon.js.map +1 -1
  130. package/list/lib/image/_list-item-image.scss +1 -1
  131. package/list/lib/image/list-item-image-styles.css.js +1 -1
  132. package/list/lib/image/list-item-image-styles.css.js.map +1 -1
  133. package/list/lib/image/list-item-image.d.ts +11 -4
  134. package/list/lib/image/list-item-image.js +24 -13
  135. package/list/lib/image/list-item-image.js.map +1 -1
  136. package/list/lib/list-styles.css.js +1 -1
  137. package/list/lib/list-styles.css.js.map +1 -1
  138. package/list/lib/list.d.ts +99 -28
  139. package/list/lib/list.js +210 -111
  140. package/list/lib/list.js.map +1 -1
  141. package/list/lib/listitem/_list-item.scss +104 -39
  142. package/list/lib/listitem/harness.js +2 -1
  143. package/list/lib/listitem/harness.js.map +1 -1
  144. package/{menu/lib/menu-button-styles.css.d.ts → list/lib/listitem/list-item-private-styles.css.d.ts} +0 -0
  145. package/list/lib/listitem/list-item-private-styles.css.js +9 -0
  146. package/list/lib/listitem/list-item-private-styles.css.js.map +1 -0
  147. package/list/lib/listitem/list-item-private-styles.scss +8 -0
  148. package/list/lib/listitem/list-item-styles.css.js +1 -1
  149. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  150. package/list/lib/listitem/list-item.d.ts +99 -43
  151. package/list/lib/listitem/list-item.js +201 -172
  152. package/list/lib/listitem/list-item.js.map +1 -1
  153. package/list/lib/listitemlink/list-item-link.d.ts +17 -0
  154. package/list/lib/listitemlink/list-item-link.js +42 -0
  155. package/list/lib/listitemlink/list-item-link.js.map +1 -0
  156. package/list/lib/video/_list-item-video.scss +10 -4
  157. package/list/lib/video/list-item-video-styles.css.js +1 -1
  158. package/list/lib/video/list-item-video-styles.css.js.map +1 -1
  159. package/list/lib/video/list-item-video.d.ts +43 -4
  160. package/list/lib/video/list-item-video.js +90 -12
  161. package/list/lib/video/list-item-video.js.map +1 -1
  162. package/list/list-item-avatar.d.ts +2 -1
  163. package/list/list-item-avatar.js +2 -1
  164. package/list/list-item-avatar.js.map +1 -1
  165. package/list/list-item-icon.d.ts +2 -1
  166. package/list/list-item-icon.js +2 -1
  167. package/list/list-item-icon.js.map +1 -1
  168. package/list/list-item-image.d.ts +2 -1
  169. package/list/list-item-image.js +2 -1
  170. package/list/list-item-image.js.map +1 -1
  171. package/list/list-item-link.d.ts +35 -0
  172. package/list/list-item-link.js +39 -0
  173. package/list/list-item-link.js.map +1 -0
  174. package/list/list-item-video.d.ts +2 -1
  175. package/list/list-item-video.js +2 -1
  176. package/list/list-item-video.js.map +1 -1
  177. package/list/list-item.d.ts +18 -2
  178. package/list/list-item.js +20 -3
  179. package/list/list-item.js.map +1 -1
  180. package/list/list.d.ts +15 -1
  181. package/list/list.js +15 -1
  182. package/list/list.js.map +1 -1
  183. package/menu/_menu-item.scss +6 -0
  184. package/menu/_menu.scss +6 -0
  185. package/menu/harness.d.ts +5 -0
  186. package/menu/harness.js +22 -0
  187. package/menu/harness.js.map +1 -1
  188. package/menu/lib/_menu.scss +61 -62
  189. package/menu/lib/menu-styles.css.js +1 -1
  190. package/menu/lib/menu-styles.css.js.map +1 -1
  191. package/menu/lib/menu.d.ts +176 -42
  192. package/menu/lib/menu.js +506 -246
  193. package/menu/lib/menu.js.map +1 -1
  194. package/menu/lib/menuitem/_menu-item.scss +115 -0
  195. package/{tokens/v0_150/index.test.css.d.ts → menu/lib/menuitem/menu-item-private-styles.css.d.ts} +0 -0
  196. package/menu/lib/menuitem/menu-item-private-styles.css.js +9 -0
  197. package/menu/lib/menuitem/menu-item-private-styles.css.js.map +1 -0
  198. package/menu/lib/menuitem/menu-item-private-styles.scss +8 -0
  199. package/{tokens/v0_150/lib.test.css.d.ts → menu/lib/menuitem/menu-item-styles.css.d.ts} +0 -0
  200. package/menu/lib/menuitem/menu-item-styles.css.js +9 -0
  201. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -0
  202. package/menu/lib/menuitem/menu-item-styles.scss +8 -0
  203. package/menu/lib/menuitem/menu-item.d.ts +20 -3
  204. package/menu/lib/menuitem/menu-item.js +42 -3
  205. package/menu/lib/menuitem/menu-item.js.map +1 -1
  206. package/menu/lib/menuitemlink/menu-item-link.d.ts +25 -0
  207. package/menu/lib/menuitemlink/menu-item-link.js +51 -0
  208. package/menu/lib/menuitemlink/menu-item-link.js.map +1 -0
  209. package/menu/lib/shared.d.ts +134 -0
  210. package/menu/lib/shared.js +85 -0
  211. package/menu/lib/shared.js.map +1 -0
  212. package/menu/lib/submenuitem/harness.d.ts +11 -0
  213. package/menu/lib/submenuitem/harness.js +12 -0
  214. package/menu/lib/submenuitem/harness.js.map +1 -0
  215. package/menu/lib/submenuitem/sub-menu-item.d.ts +89 -0
  216. package/menu/lib/submenuitem/sub-menu-item.js +266 -0
  217. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -0
  218. package/menu/lib/surfacePositionController.d.ts +117 -0
  219. package/menu/lib/surfacePositionController.js +196 -0
  220. package/menu/lib/surfacePositionController.js.map +1 -0
  221. package/menu/lib/typeaheadController.d.ts +144 -0
  222. package/menu/lib/typeaheadController.js +242 -0
  223. package/menu/lib/typeaheadController.js.map +1 -0
  224. package/menu/menu-item-link.d.ts +33 -0
  225. package/menu/menu-item-link.js +37 -0
  226. package/menu/menu-item-link.js.map +1 -0
  227. package/menu/menu-item.d.ts +19 -2
  228. package/menu/menu-item.js +22 -4
  229. package/menu/menu-item.js.map +1 -1
  230. package/menu/menu.d.ts +45 -0
  231. package/menu/menu.js +43 -0
  232. package/menu/menu.js.map +1 -1
  233. package/menu/sub-menu-item.d.ts +60 -0
  234. package/menu/sub-menu-item.js +64 -0
  235. package/menu/sub-menu-item.js.map +1 -0
  236. package/menusurface/lib/_menu-surface.scss +1 -1
  237. package/menusurface/lib/menu-surface-styles.css.js +1 -1
  238. package/menusurface/lib/menu-surface-styles.css.js.map +1 -1
  239. package/motion/animation.d.ts +20 -3
  240. package/motion/animation.js +39 -4
  241. package/motion/animation.js.map +1 -1
  242. package/navigationbar/lib/_navigation-bar.scss +9 -9
  243. package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
  244. package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
  245. package/navigationdrawer/lib/_navigation-drawer.scss +1 -1
  246. package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
  247. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
  248. package/navigationtab/lib/_navigation-tab.scss +8 -19
  249. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  250. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  251. package/package.json +1 -8
  252. package/radio/lib/_radio.scss +21 -22
  253. package/radio/lib/radio-styles.css.js +1 -1
  254. package/radio/lib/radio-styles.css.js.map +1 -1
  255. package/radio/lib/radio.d.ts +10 -1
  256. package/radio/lib/radio.js +12 -3
  257. package/radio/lib/radio.js.map +1 -1
  258. package/radio/radio.d.ts +16 -1
  259. package/radio/radio.js +16 -1
  260. package/radio/radio.js.map +1 -1
  261. package/ripple/lib/_ripple.scss +5 -21
  262. package/ripple/lib/ripple-styles.css.js +1 -1
  263. package/ripple/lib/ripple-styles.css.js.map +1 -1
  264. package/ripple/lib/ripple.js +2 -2
  265. package/ripple/lib/ripple.js.map +1 -1
  266. package/sass/_map-ext.scss +24 -0
  267. package/sass/_string-ext.scss +23 -0
  268. package/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -2
  269. package/segmentedbuttonset/lib/segmented-button-set.js +0 -2
  270. package/segmentedbuttonset/lib/segmented-button-set.js.map +1 -1
  271. package/switch/lib/_handle.scss +56 -9
  272. package/switch/lib/_icon.scss +36 -0
  273. package/switch/lib/_switch.scss +1 -115
  274. package/switch/lib/_track.scss +39 -0
  275. package/switch/lib/switch-styles.css.js +1 -1
  276. package/switch/lib/switch-styles.css.js.map +1 -1
  277. package/switch/lib/switch.d.ts +3 -0
  278. package/switch/lib/switch.js +3 -0
  279. package/switch/lib/switch.js.map +1 -1
  280. package/textfield/lib/_filled-text-field.scss +4 -2
  281. package/textfield/lib/_outlined-text-field.scss +3 -2
  282. package/textfield/lib/filled-styles.css.js +1 -1
  283. package/textfield/lib/filled-styles.css.js.map +1 -1
  284. package/textfield/lib/outlined-styles.css.js +1 -1
  285. package/textfield/lib/outlined-styles.css.js.map +1 -1
  286. package/textfield/lib/text-field.d.ts +0 -2
  287. package/textfield/lib/text-field.js +0 -2
  288. package/textfield/lib/text-field.js.map +1 -1
  289. package/tokens/_index.scss +1 -1
  290. package/tokens/{v0_150 → v0_152}/_index.scss +1 -1
  291. package/tokens/{v0_150 → v0_152}/_md-comp-assist-chip.scss +2 -2
  292. package/tokens/{v0_150 → v0_152}/_md-comp-badge.scss +2 -2
  293. package/tokens/{v0_150 → v0_152}/_md-comp-banner.scss +2 -43
  294. package/tokens/{v0_150 → v0_152}/_md-comp-bottom-app-bar.scss +3 -4
  295. package/tokens/{v0_150 → v0_152}/_md-comp-carousel-item.scss +2 -2
  296. package/tokens/{v0_150 → v0_152}/_md-comp-checkbox.scss +2 -12
  297. package/tokens/{v0_150 → v0_152}/_md-comp-circular-progress-indicator.scss +2 -2
  298. package/tokens/{v0_150 → v0_152}/_md-comp-data-table.scss +2 -4
  299. package/tokens/{v0_150 → v0_152}/_md-comp-date-input-modal.scss +2 -2
  300. package/tokens/{v0_150 → v0_152}/_md-comp-date-picker-docked.scss +2 -2
  301. package/tokens/{v0_150 → v0_152}/_md-comp-date-picker-modal.scss +2 -2
  302. package/tokens/{v0_150 → v0_152}/_md-comp-dialog.scss +2 -25
  303. package/tokens/{v0_150 → v0_152}/_md-comp-divider.scss +2 -2
  304. package/tokens/{v0_150 → v0_152}/_md-comp-elevated-button.scss +2 -2
  305. package/tokens/{v0_150 → v0_152}/_md-comp-elevated-card.scss +2 -2
  306. package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-branded.scss +2 -2
  307. package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-primary.scss +2 -2
  308. package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-secondary.scss +2 -2
  309. package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-surface.scss +2 -2
  310. package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-tertiary.scss +2 -4
  311. package/tokens/{v0_150 → v0_152}/_md-comp-fab-branded-large.scss +2 -3
  312. package/tokens/{v0_150 → v0_152}/_md-comp-fab-branded.scss +2 -2
  313. package/tokens/{v0_150 → v0_152}/_md-comp-fab-primary-large.scss +2 -2
  314. package/tokens/{v0_150 → v0_152}/_md-comp-fab-primary-small.scss +2 -2
  315. package/tokens/{v0_150 → v0_152}/_md-comp-fab-primary.scss +2 -2
  316. package/tokens/{v0_150 → v0_152}/_md-comp-fab-secondary-large.scss +2 -2
  317. package/tokens/{v0_150 → v0_152}/_md-comp-fab-secondary-small.scss +2 -2
  318. package/tokens/{v0_150 → v0_152}/_md-comp-fab-secondary.scss +2 -2
  319. package/tokens/{v0_150 → v0_152}/_md-comp-fab-surface-large.scss +2 -2
  320. package/tokens/{v0_150 → v0_152}/_md-comp-fab-surface-small.scss +2 -2
  321. package/tokens/{v0_150 → v0_152}/_md-comp-fab-surface.scss +2 -2
  322. package/tokens/{v0_150 → v0_152}/_md-comp-fab-tertiary-large.scss +2 -2
  323. package/tokens/{v0_150 → v0_152}/_md-comp-fab-tertiary-small.scss +2 -2
  324. package/tokens/{v0_150 → v0_152}/_md-comp-fab-tertiary.scss +2 -2
  325. package/tokens/{v0_150 → v0_152}/_md-comp-filled-autocomplete.scss +2 -3
  326. package/tokens/{v0_150 → v0_152}/_md-comp-filled-button.scss +2 -8
  327. package/tokens/{v0_150 → v0_152}/_md-comp-filled-card.scss +2 -4
  328. package/tokens/{v0_150 → v0_152}/_md-comp-filled-icon-button.scss +2 -2
  329. package/tokens/{v0_150 → v0_152}/_md-comp-filled-menu-button.scss +2 -2
  330. package/tokens/{v0_150 → v0_152}/_md-comp-filled-select.scss +2 -6
  331. package/tokens/{v0_150 → v0_152}/_md-comp-filled-text-field.scss +2 -3
  332. package/tokens/{v0_150 → v0_152}/_md-comp-filled-tonal-button.scss +2 -2
  333. package/tokens/{v0_150 → v0_152}/_md-comp-filled-tonal-icon-button.scss +2 -2
  334. package/tokens/{v0_150 → v0_152}/_md-comp-filter-chip.scss +2 -30
  335. package/tokens/{v0_150 → v0_152}/_md-comp-full-screen-dialog.scss +3 -53
  336. package/tokens/{v0_150 → v0_152}/_md-comp-icon-button.scss +3 -3
  337. package/tokens/{v0_150 → v0_152}/_md-comp-input-chip.scss +2 -52
  338. package/tokens/{v0_150 → v0_152}/_md-comp-linear-progress-indicator.scss +2 -2
  339. package/tokens/{v0_150 → v0_152}/_md-comp-list.scss +3 -12
  340. package/tokens/{v0_150 → v0_152}/_md-comp-menu.scss +2 -4
  341. package/tokens/{v0_150 → v0_152}/_md-comp-navigation-bar.scss +2 -9
  342. package/tokens/{v0_150 → v0_152}/_md-comp-navigation-drawer.scss +2 -8
  343. package/tokens/{v0_150 → v0_152}/_md-comp-navigation-rail.scss +2 -39
  344. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-autocomplete.scss +2 -3
  345. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-button.scss +2 -6
  346. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-card.scss +2 -2
  347. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-icon-button.scss +2 -4
  348. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-menu-button.scss +2 -2
  349. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-segmented-button.scss +2 -2
  350. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-select.scss +2 -6
  351. package/tokens/{v0_150 → v0_152}/_md-comp-outlined-text-field.scss +2 -3
  352. package/tokens/{v0_150 → v0_152}/_md-comp-plain-tooltip.scss +2 -2
  353. package/tokens/{v0_150 → v0_152}/_md-comp-primary-navigation-tab.scss +2 -2
  354. package/tokens/{v0_150 → v0_152}/_md-comp-radio-button.scss +2 -2
  355. package/tokens/{v0_150 → v0_152}/_md-comp-rich-tooltip.scss +2 -2
  356. package/tokens/{v0_150 → v0_152}/_md-comp-scrim.scss +2 -2
  357. package/tokens/{v0_150 → v0_152}/_md-comp-search-bar.scss +2 -2
  358. package/tokens/{v0_150 → v0_152}/_md-comp-search-view.scss +2 -2
  359. package/tokens/{v0_150 → v0_152}/_md-comp-secondary-navigation-tab.scss +2 -2
  360. package/tokens/{v0_150 → v0_152}/_md-comp-sheet-bottom.scss +2 -2
  361. package/tokens/{v0_150 → v0_152}/_md-comp-sheet-floating.scss +2 -2
  362. package/tokens/{v0_150 → v0_152}/_md-comp-sheet-side.scss +4 -2
  363. package/tokens/{v0_150 → v0_152}/_md-comp-slider.scss +2 -4
  364. package/tokens/{v0_150 → v0_152}/_md-comp-snackbar.scss +2 -2
  365. package/tokens/{v0_150 → v0_152}/_md-comp-standard-menu-button.scss +2 -2
  366. package/tokens/{v0_150 → v0_152}/_md-comp-suggestion-chip.scss +2 -2
  367. package/tokens/{v0_150 → v0_152}/_md-comp-switch.scss +2 -11
  368. package/tokens/{v0_150 → v0_152}/_md-comp-text-button.scss +2 -6
  369. package/tokens/{v0_150 → v0_152}/_md-comp-time-input.scss +2 -2
  370. package/tokens/{v0_150 → v0_152}/_md-comp-time-picker.scss +2 -5
  371. package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-large.scss +2 -2
  372. package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-medium.scss +2 -2
  373. package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-small-centered.scss +2 -3
  374. package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-small.scss +2 -3
  375. package/tokens/{v0_150 → v0_152}/_md-ref-palette.scss +2 -2
  376. package/tokens/{v0_150 → v0_152}/_md-ref-typeface.scss +2 -2
  377. package/tokens/{v0_150 → v0_152}/_md-sys-color.scss +2 -20
  378. package/tokens/{v0_150 → v0_152}/_md-sys-elevation.scss +4 -13
  379. package/tokens/{v0_150 → v0_152}/_md-sys-motion.scss +2 -2
  380. package/tokens/{v0_150 → v0_152}/_md-sys-shape.scss +2 -2
  381. package/tokens/{v0_150 → v0_152}/_md-sys-state.scss +2 -2
  382. package/tokens/{v0_150 → v0_152}/_md-sys-typescale.scss +2 -3
  383. package/tokens/v0_152/index.test.css.d.ts +1 -0
  384. package/tokens/{v0_150 → v0_152}/index.test.css.js +0 -0
  385. package/tokens/{v0_150 → v0_152}/index.test.css.js.map +0 -0
  386. package/tokens/{v0_150 → v0_152}/index.test.scss +1 -1
  387. package/tokens/v0_152/lib.test.css.d.ts +1 -0
  388. package/tokens/{v0_150 → v0_152}/lib.test.css.js +0 -0
  389. package/tokens/{v0_150 → v0_152}/lib.test.css.js.map +0 -0
  390. package/tokens/{v0_150 → v0_152}/lib.test.scss +1 -1
  391. package/CHANGELOG.md +0 -141
  392. package/elevationold/lib/elevation-overlay-styles.css.js +0 -9
  393. package/elevationold/lib/elevation-overlay-styles.css.js.map +0 -1
  394. package/list/lib/_tokens.scss +0 -80
  395. package/list/lib/divider/_list-divider.scss +0 -46
  396. package/list/lib/divider/list-divider-styles.css.js +0 -9
  397. package/list/lib/divider/list-divider-styles.css.js.map +0 -1
  398. package/list/lib/divider/list-divider-styles.scss +0 -8
  399. package/list/lib/divider/list-divider.d.ts +0 -13
  400. package/list/lib/divider/list-divider.js +0 -32
  401. package/list/lib/divider/list-divider.js.map +0 -1
  402. package/list/list-divider.d.ts +0 -19
  403. package/list/list-divider.js +0 -22
  404. package/list/list-divider.js.map +0 -1
  405. package/menu/lib/_menu-button.scss +0 -14
  406. package/menu/lib/adapter.d.ts +0 -66
  407. package/menu/lib/adapter.js +0 -7
  408. package/menu/lib/adapter.js.map +0 -1
  409. package/menu/lib/constants.d.ts +0 -22
  410. package/menu/lib/constants.js +0 -23
  411. package/menu/lib/constants.js.map +0 -1
  412. package/menu/lib/foundation.d.ts +0 -49
  413. package/menu/lib/foundation.js +0 -123
  414. package/menu/lib/foundation.js.map +0 -1
  415. package/menu/lib/menu-button-styles.css.js +0 -9
  416. package/menu/lib/menu-button-styles.css.js.map +0 -1
  417. package/menu/lib/menu-button-styles.scss +0 -8
  418. package/menu/lib/menu-button.d.ts +0 -27
  419. package/menu/lib/menu-button.js +0 -93
  420. package/menu/lib/menu-button.js.map +0 -1
  421. package/menu/menu-button.d.ts +0 -14
  422. package/menu/menu-button.js +0 -17
  423. package/menu/menu-button.js.map +0 -1
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -31,53 +31,6 @@ $_default: (
31
31
 
32
32
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
33
33
  @return (
34
- 'action-bar-container-color': map.get($deps, 'md-sys-color', 'surface'),
35
- 'action-bar-container-elevation':
36
- map.get($deps, 'md-sys-elevation', 'level0'),
37
- 'action-bar-container-height': if($exclude-hardcoded-values, null, 56px),
38
- 'action-bar-focus-label-text-color':
39
- map.get($deps, 'md-sys-color', 'primary'),
40
- 'action-bar-focus-state-layer-color':
41
- map.get($deps, 'md-sys-color', 'primary'),
42
- 'action-bar-focus-state-layer-opacity':
43
- map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
44
- 'action-bar-hover-label-text-color':
45
- map.get($deps, 'md-sys-color', 'primary'),
46
- 'action-bar-hover-state-layer-color':
47
- map.get($deps, 'md-sys-color', 'primary'),
48
- 'action-bar-hover-state-layer-opacity':
49
- map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
50
- 'action-bar-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
51
- 'action-bar-label-text-font':
52
- map.get($deps, 'md-sys-typescale', 'label-large-font'),
53
- 'action-bar-label-text-line-height':
54
- map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
55
- 'action-bar-label-text-size':
56
- map.get($deps, 'md-sys-typescale', 'label-large-size'),
57
- 'action-bar-label-text-tracking':
58
- map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
59
- 'action-bar-label-text-type':
60
- if(
61
- $exclude-hardcoded-values,
62
- null,
63
- /** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.full-screen-dialog.action-bar.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
64
- map.get($deps, 'md-sys-typescale', 'label-large-weight')
65
- map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
66
- $deps,
67
- 'md-sys-typescale',
68
- 'label-large-line-height'
69
- ) map.get($deps, 'md-sys-typescale', 'label-large-font')
70
- ),
71
- 'action-bar-label-text-weight':
72
- map.get($deps, 'md-sys-typescale', 'label-large-weight'),
73
- 'action-bar-on-scroll-container-elevation':
74
- map.get($deps, 'md-sys-elevation', 'level2'),
75
- 'action-bar-pressed-label-text-color':
76
- map.get($deps, 'md-sys-color', 'primary'),
77
- 'action-bar-pressed-state-layer-color':
78
- map.get($deps, 'md-sys-color', 'primary'),
79
- 'action-bar-pressed-state-layer-opacity':
80
- map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
81
34
  'container-color': map.get($deps, 'md-sys-color', 'surface'),
82
35
  'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
83
36
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
@@ -153,9 +106,6 @@ $_default: (
153
106
  'header-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
154
107
  'header-icon-size': if($exclude-hardcoded-values, null, 24px),
155
108
  'header-on-scroll-container-elevation':
156
- map.get($deps, 'md-sys-elevation', 'level2'),
157
- 'with-divider-divider-color':
158
- map.get($deps, 'md-sys-color', 'surface-variant'),
159
- 'with-divider-divider-height': if($exclude-hardcoded-values, null, 1px)
109
+ map.get($deps, 'md-sys-elevation', 'level2')
160
110
  );
161
111
  }
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -51,7 +51,7 @@ $_default: (
51
51
  'unselected-focus-state-layer-color':
52
52
  map.get($deps, 'md-sys-color', 'on-surface-variant'),
53
53
  'unselected-focus-state-layer-opacity':
54
- map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
54
+ map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
55
55
  'unselected-hover-icon-color':
56
56
  map.get($deps, 'md-sys-color', 'on-surface-variant'),
57
57
  'unselected-hover-state-layer-color':
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -36,8 +36,6 @@ $_default: (
36
36
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
37
37
  'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
38
38
  'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
39
- 'disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
40
- 'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
41
39
  'disabled-selected-container-color':
42
40
  map.get($deps, 'md-sys-color', 'on-surface'),
43
41
  'disabled-selected-container-opacity':
@@ -47,26 +45,6 @@ $_default: (
47
45
  'disabled-unselected-outline-opacity':
48
46
  if($exclude-hardcoded-values, null, 0.12),
49
47
  'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
50
- 'dragged-label-text-color':
51
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
52
- 'dragged-state-layer-color':
53
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
54
- 'dragged-state-layer-opacity':
55
- map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
56
- 'focus-label-text-color':
57
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
58
- 'focus-outline-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
59
- 'focus-state-layer-color':
60
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
61
- 'focus-state-layer-opacity':
62
- map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
63
- 'hover-label-text-color':
64
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
65
- 'hover-state-layer-color':
66
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
67
- 'hover-state-layer-opacity':
68
- map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
69
- 'label-text-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
70
48
  'label-text-font': map.get($deps, 'md-sys-typescale', 'label-large-font'),
71
49
  'label-text-line-height':
72
50
  map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
@@ -87,14 +65,6 @@ $_default: (
87
65
  ),
88
66
  'label-text-weight':
89
67
  map.get($deps, 'md-sys-typescale', 'label-large-weight'),
90
- 'outline-color': map.get($deps, 'md-sys-color', 'outline'),
91
- 'outline-width': if($exclude-hardcoded-values, null, 1px),
92
- 'pressed-label-text-color':
93
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
94
- 'pressed-state-layer-color':
95
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
96
- 'pressed-state-layer-opacity':
97
- map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
98
68
  'selected-container-color':
99
69
  map.get($deps, 'md-sys-color', 'secondary-container'),
100
70
  'selected-dragged-label-text-color':
@@ -162,18 +132,8 @@ $_default: (
162
132
  map.get($deps, 'md-sys-color', 'on-surface'),
163
133
  'with-leading-icon-disabled-leading-icon-opacity':
164
134
  if($exclude-hardcoded-values, null, 0.38),
165
- 'with-leading-icon-dragged-leading-icon-color':
166
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
167
- 'with-leading-icon-focus-leading-icon-color':
168
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
169
- 'with-leading-icon-hover-leading-icon-color':
170
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
171
- 'with-leading-icon-leading-icon-color':
172
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
173
135
  'with-leading-icon-leading-icon-size':
174
136
  if($exclude-hardcoded-values, null, 18px),
175
- 'with-leading-icon-pressed-leading-icon-color':
176
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
177
137
  'with-leading-icon-selected-dragged-leading-icon-color':
178
138
  map.get($deps, 'md-sys-color', 'on-secondary-container'),
179
139
  'with-leading-icon-selected-focus-leading-icon-color':
@@ -198,14 +158,6 @@ $_default: (
198
158
  map.get($deps, 'md-sys-color', 'on-surface'),
199
159
  'with-trailing-icon-disabled-trailing-icon-opacity':
200
160
  if($exclude-hardcoded-values, null, 0.38),
201
- 'with-trailing-icon-dragged-trailing-icon-color':
202
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
203
- 'with-trailing-icon-focus-trailing-icon-color':
204
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
205
- 'with-trailing-icon-hover-trailing-icon-color':
206
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
207
- 'with-trailing-icon-pressed-trailing-icon-color':
208
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
209
161
  'with-trailing-icon-selected-dragged-trailing-icon-color':
210
162
  map.get($deps, 'md-sys-color', 'primary'),
211
163
  'with-trailing-icon-selected-focus-trailing-icon-color':
@@ -216,8 +168,6 @@ $_default: (
216
168
  map.get($deps, 'md-sys-color', 'on-secondary-container'),
217
169
  'with-trailing-icon-selected-trailing-icon-color':
218
170
  map.get($deps, 'md-sys-color', 'on-secondary-container'),
219
- 'with-trailing-icon-trailing-icon-color':
220
- map.get($deps, 'md-sys-color', 'on-surface-variant'),
221
171
  'with-trailing-icon-trailing-icon-size':
222
172
  if($exclude-hardcoded-values, null, 18px),
223
173
  'with-trailing-icon-unselected-dragged-trailing-icon-color':
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  // User-configured context group "Audience": "3P"
11
11
  //
12
12
 
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -31,12 +31,9 @@ $_default: (
31
31
 
32
32
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
33
33
  @return (
34
- 'divider-color': map.get($deps, 'md-sys-color', 'outline'),
35
- 'divider-height': if($exclude-hardcoded-values, null, 1px),
36
34
  'list-item-container-color': map.get($deps, 'md-sys-color', 'surface'),
37
35
  'list-item-container-elevation':
38
36
  map.get($deps, 'md-sys-elevation', 'level0'),
39
- 'list-item-container-height': if($exclude-hardcoded-values, null, 56px),
40
37
  'list-item-container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
41
38
  'list-item-disabled-label-text-color':
42
39
  map.get($deps, 'md-sys-color', 'on-surface'),
@@ -246,12 +243,6 @@ $_default: (
246
243
  'list-item-two-line-container-height':
247
244
  if($exclude-hardcoded-values, null, 72px),
248
245
  'list-item-unselected-trailing-icon-color':
249
- map.get($deps, 'md-sys-color', 'on-surface'),
250
- 'md-comp-list-list-item-one-line-container-height':
251
- if($exclude-hardcoded-values, null, 56px),
252
- 'md-comp-list-list-item-three-line-container-height':
253
- if($exclude-hardcoded-values, null, 88px),
254
- 'md-comp-list-list-item-two-line-container-height':
255
- if($exclude-hardcoded-values, null, 72px)
246
+ map.get($deps, 'md-sys-color', 'on-surface')
256
247
  );
257
248
  }
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -41,8 +41,6 @@ $_default: (
41
41
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
42
42
  'container-surface-tint-layer-color':
43
43
  map.get($deps, 'md-sys-color', 'surface-tint'),
44
- 'divider-color': map.get($deps, 'md-sys-color', 'surface-variant'),
45
- 'divider-height': if($exclude-hardcoded-values, null, 1px),
46
44
  'list-item-container-height': if($exclude-hardcoded-values, null, 48px),
47
45
  'list-item-disabled-label-text-color':
48
46
  map.get($deps, 'md-sys-color', 'on-surface'),
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -59,13 +59,9 @@ $_default: (
59
59
  map.get($deps, 'md-sys-color', 'on-surface'),
60
60
  'active-pressed-state-layer-color':
61
61
  map.get($deps, 'md-sys-color', 'on-surface'),
62
- 'badge-color': map.get($deps, 'md-sys-color', 'error'),
63
- 'badge-shape': if($exclude-hardcoded-values, null, 3px),
64
- 'badge-size': if($exclude-hardcoded-values, null, 6px),
65
62
  'container-color': map.get($deps, 'md-sys-color', 'surface'),
66
63
  'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
67
64
  'container-height': if($exclude-hardcoded-values, null, 80px),
68
- 'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
69
65
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
70
66
  'container-surface-tint-layer-color':
71
67
  map.get($deps, 'md-sys-color', 'surface-tint'),
@@ -112,9 +108,6 @@ $_default: (
112
108
  ),
113
109
  'label-text-weight':
114
110
  map.get($deps, 'md-sys-typescale', 'label-medium-weight'),
115
- 'large-badge-color': map.get($deps, 'md-sys-color', 'error'),
116
- 'large-badge-shape': if($exclude-hardcoded-values, null, 8px),
117
- 'large-badge-size': if($exclude-hardcoded-values, null, 16px),
118
111
  'pressed-state-layer-opacity':
119
112
  map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity')
120
113
  );
@@ -1,18 +1,16 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
13
13
 
14
- @use './md-ref-palette';
15
-
16
14
  @use './md-sys-color';
17
15
 
18
16
  @use './md-sys-elevation';
@@ -24,7 +22,6 @@
24
22
  @use './md-sys-typescale';
25
23
 
26
24
  $_default: (
27
- 'md-ref-palette': md-ref-palette.values(),
28
25
  'md-sys-color': md-sys-color.values-light(),
29
26
  'md-sys-elevation': md-sys-elevation.values(),
30
27
  'md-sys-shape': md-sys-shape.values(),
@@ -70,7 +67,6 @@ $_default: (
70
67
  'container-surface-tint-layer-color':
71
68
  map.get($deps, 'md-sys-color', 'surface-tint'),
72
69
  'container-width': if($exclude-hardcoded-values, null, 360px),
73
- 'divider-color': map.get($deps, 'md-sys-color', 'outline'),
74
70
  'focus-state-layer-opacity':
75
71
  map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
76
72
  'headline-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
@@ -161,8 +157,6 @@ $_default: (
161
157
  'modal-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
162
158
  'pressed-state-layer-opacity':
163
159
  map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
164
- 'scrim-color': map.get($deps, 'md-ref-palette', 'neutral-variant20'),
165
- 'scrim-opacity': if($exclude-hardcoded-values, null, 0.4),
166
160
  'standard-container-elevation': map.get($deps, 'md-sys-elevation', 'level0')
167
161
  );
168
162
  }
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -59,9 +59,6 @@ $_default: (
59
59
  map.get($deps, 'md-sys-color', 'on-surface'),
60
60
  'active-pressed-state-layer-color':
61
61
  map.get($deps, 'md-sys-color', 'on-surface'),
62
- 'badge-color': map.get($deps, 'md-sys-color', 'error'),
63
- 'badge-shape': if($exclude-hardcoded-values, null, 3px),
64
- 'badge-size': if($exclude-hardcoded-values, null, 6px),
65
62
  'container-color': map.get($deps, 'md-sys-color', 'surface'),
66
63
  'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
67
64
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
@@ -90,12 +87,6 @@ $_default: (
90
87
  'inactive-pressed-state-layer-color':
91
88
  map.get($deps, 'md-sys-color', 'on-surface'),
92
89
  'label-text-font': map.get($deps, 'md-sys-typescale', 'label-medium-font'),
93
- 'label-text-font-family':
94
- map.get($deps, 'md-sys-typescale', 'label-medium-font'),
95
- 'label-text-font-size':
96
- map.get($deps, 'md-sys-typescale', 'label-medium-size'),
97
- 'label-text-letter-spacing':
98
- map.get($deps, 'md-sys-typescale', 'label-medium-tracking'),
99
90
  'label-text-line-height':
100
91
  map.get($deps, 'md-sys-typescale', 'label-medium-line-height'),
101
92
  'label-text-size': map.get($deps, 'md-sys-typescale', 'label-medium-size'),
@@ -115,34 +106,6 @@ $_default: (
115
106
  ),
116
107
  'label-text-weight':
117
108
  map.get($deps, 'md-sys-typescale', 'label-medium-weight'),
118
- 'large-badge-label-color': map.get($deps, 'md-sys-color', 'on-error'),
119
- 'large-badge-label-font':
120
- map.get($deps, 'md-sys-typescale', 'label-small-font'),
121
- 'large-badge-label-font-family':
122
- map.get($deps, 'md-sys-typescale', 'label-small-font'),
123
- 'large-badge-label-line-height':
124
- map.get($deps, 'md-sys-typescale', 'label-small-line-height'),
125
- 'large-badge-label-size':
126
- map.get($deps, 'md-sys-typescale', 'label-small-size'),
127
- 'large-badge-label-tracking':
128
- map.get($deps, 'md-sys-typescale', 'label-small-tracking'),
129
- 'large-badge-label-type':
130
- if(
131
- $exclude-hardcoded-values,
132
- null,
133
- /** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.navigation-rail.large-badge-label.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
134
- map.get($deps, 'md-sys-typescale', 'label-small-weight')
135
- map.get($deps, 'md-sys-typescale', 'label-small-size') #{'/'} map.get(
136
- $deps,
137
- 'md-sys-typescale',
138
- 'label-small-line-height'
139
- ) map.get($deps, 'md-sys-typescale', 'label-small-font')
140
- ),
141
- 'large-badge-label-weight':
142
- map.get($deps, 'md-sys-typescale', 'label-small-weight'),
143
- 'large-badge-color': map.get($deps, 'md-sys-color', 'error'),
144
- 'large-badge-shape': if($exclude-hardcoded-values, null, 8px),
145
- 'large-badge-size': if($exclude-hardcoded-values, null, 16px),
146
109
  'menu-focus-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
147
110
  'menu-focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
148
111
  'menu-focus-state-layer-opacity':
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -73,7 +73,6 @@ $_default: (
73
73
  'text-field-caret-color': map.get($deps, 'md-sys-color', 'primary'),
74
74
  'text-field-container-color':
75
75
  map.get($deps, 'md-sys-color', 'surface-variant'),
76
- 'text-field-container-height': if($exclude-hardcoded-values, null, 56px),
77
76
  'text-field-container-shape':
78
77
  map.get($deps, 'md-sys-shape', 'corner-extra-small'),
79
78
  'text-field-disabled-input-text-color':
@@ -1,20 +1,18 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
13
13
 
14
14
  @use './md-sys-color';
15
15
 
16
- @use './md-sys-elevation';
17
-
18
16
  @use './md-sys-shape';
19
17
 
20
18
  @use './md-sys-state';
@@ -23,7 +21,6 @@
23
21
 
24
22
  $_default: (
25
23
  'md-sys-color': md-sys-color.values-light(),
26
- 'md-sys-elevation': md-sys-elevation.values(),
27
24
  'md-sys-shape': md-sys-shape.values(),
28
25
  'md-sys-state': md-sys-state.values(),
29
26
  'md-sys-typescale': md-sys-typescale.values(),
@@ -31,7 +28,6 @@ $_default: (
31
28
 
32
29
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
33
30
  @return (
34
- 'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
35
31
  'container-height': if($exclude-hardcoded-values, null, 40px),
36
32
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
37
33
  'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -29,8 +29,6 @@ $_default: (
29
29
  'container-size': if($exclude-hardcoded-values, null, 40px),
30
30
  'disabled-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
31
31
  'disabled-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
32
- 'disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
33
- 'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
34
32
  'disabled-selected-container-color':
35
33
  map.get($deps, 'md-sys-color', 'on-surface'),
36
34
  'disabled-selected-container-opacity':
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -78,10 +78,8 @@ $_default: (
78
78
  map.get($deps, 'md-sys-color', 'on-surface-variant'),
79
79
  'menu-list-item-with-trailing-icon-trailing-icon-size':
80
80
  if($exclude-hardcoded-values, null, 24px),
81
- 'text-field-caret-color': map.get($deps, 'md-sys-color', 'primary'),
82
81
  'text-field-container-color':
83
82
  map.get($deps, 'md-sys-color', 'surface-variant'),
84
- 'text-field-container-height': if($exclude-hardcoded-values, null, 56px),
85
83
  'text-field-container-shape':
86
84
  map.get($deps, 'md-sys-shape', 'corner-extra-small'),
87
85
  'text-field-disabled-input-text-color':
@@ -110,8 +108,6 @@ $_default: (
110
108
  map.get($deps, 'md-sys-color', 'on-surface'),
111
109
  'text-field-disabled-trailing-icon-opacity':
112
110
  if($exclude-hardcoded-values, null, 0.38),
113
- 'text-field-error-focus-caret-color':
114
- map.get($deps, 'md-sys-color', 'error'),
115
111
  'text-field-error-focus-input-text-color':
116
112
  map.get($deps, 'md-sys-color', 'on-surface'),
117
113
  'text-field-error-focus-label-text-color':
@@ -1,12 +1,12 @@
1
1
  //
2
- // Copyright 2022 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
  //
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.150
9
+ // Design system version: v0.152
10
10
  //
11
11
 
12
12
  @use 'sass:map';
@@ -26,7 +26,6 @@ $_default: (
26
26
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
27
27
  @return (
28
28
  'caret-color': map.get($deps, 'md-sys-color', 'primary'),
29
- 'container-height': if($exclude-hardcoded-values, null, 56px),
30
29
  'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
31
30
  'disabled-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
32
31
  'disabled-input-text-opacity': if($exclude-hardcoded-values, null, 0.38),