@api-client/ui 0.2.13 → 0.3.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 (326) hide show
  1. package/.vscode/settings.json +1 -0
  2. package/build/src/core/ModalActivity.d.ts +1 -1
  3. package/build/src/core/ModalActivity.d.ts.map +1 -1
  4. package/build/src/core/ModalActivity.js +6 -5
  5. package/build/src/core/ModalActivity.js.map +1 -1
  6. package/build/src/core/ThemeManager.d.ts +4 -2
  7. package/build/src/core/ThemeManager.d.ts.map +1 -1
  8. package/build/src/core/ThemeManager.js.map +1 -1
  9. package/build/src/demo/DemoPage.d.ts +1 -4
  10. package/build/src/demo/DemoPage.d.ts.map +1 -1
  11. package/build/src/demo/DemoPage.js +2 -5
  12. package/build/src/demo/DemoPage.js.map +1 -1
  13. package/build/src/elements/authorization/ui/CcAuthorization.d.ts +1 -1
  14. package/build/src/elements/authorization/ui/CcAuthorization.d.ts.map +1 -1
  15. package/build/src/elements/authorization/ui/CcAuthorization.js +2 -2
  16. package/build/src/elements/authorization/ui/CcAuthorization.js.map +1 -1
  17. package/build/src/elements/authorization/ui/OAuth2Authorization.d.ts +1 -1
  18. package/build/src/elements/authorization/ui/OAuth2Authorization.d.ts.map +1 -1
  19. package/build/src/elements/authorization/ui/OAuth2Authorization.js +11 -5
  20. package/build/src/elements/authorization/ui/OAuth2Authorization.js.map +1 -1
  21. package/build/src/elements/authorization/ui/OidcAuthorization.d.ts +1 -2
  22. package/build/src/elements/authorization/ui/OidcAuthorization.d.ts.map +1 -1
  23. package/build/src/elements/authorization/ui/OidcAuthorization.js +10 -8
  24. package/build/src/elements/authorization/ui/OidcAuthorization.js.map +1 -1
  25. package/build/src/elements/code/HttpSnippets.d.ts +1 -1
  26. package/build/src/elements/code/HttpSnippets.d.ts.map +1 -1
  27. package/build/src/elements/code/HttpSnippets.js +5 -5
  28. package/build/src/elements/code/HttpSnippets.js.map +1 -1
  29. package/build/src/elements/dialog/internals/ConfirmDelete.d.ts +1 -1
  30. package/build/src/elements/dialog/internals/ConfirmDelete.d.ts.map +1 -1
  31. package/build/src/elements/dialog/internals/ConfirmDelete.js +5 -5
  32. package/build/src/elements/dialog/internals/ConfirmDelete.js.map +1 -1
  33. package/build/src/elements/dialog/internals/Rename.d.ts +1 -1
  34. package/build/src/elements/dialog/internals/Rename.d.ts.map +1 -1
  35. package/build/src/elements/dialog/internals/Rename.js +6 -5
  36. package/build/src/elements/dialog/internals/Rename.js.map +1 -1
  37. package/build/src/elements/environment/EnvironmentEditor.d.ts +1 -1
  38. package/build/src/elements/environment/EnvironmentEditor.d.ts.map +1 -1
  39. package/build/src/elements/environment/EnvironmentEditor.js +5 -4
  40. package/build/src/elements/environment/EnvironmentEditor.js.map +1 -1
  41. package/build/src/elements/http/BodyEditor.d.ts +1 -3
  42. package/build/src/elements/http/BodyEditor.d.ts.map +1 -1
  43. package/build/src/elements/http/BodyEditor.js +25 -20
  44. package/build/src/elements/http/BodyEditor.js.map +1 -1
  45. package/build/src/elements/http/BodyMultipartEditor.d.ts +1 -1
  46. package/build/src/elements/http/BodyMultipartEditor.d.ts.map +1 -1
  47. package/build/src/elements/http/BodyMultipartEditor.js +3 -3
  48. package/build/src/elements/http/BodyMultipartEditor.js.map +1 -1
  49. package/build/src/elements/http/CertificateAdd.element.d.ts +1 -3
  50. package/build/src/elements/http/CertificateAdd.element.d.ts.map +1 -1
  51. package/build/src/elements/http/CertificateAdd.element.js +6 -10
  52. package/build/src/elements/http/CertificateAdd.element.js.map +1 -1
  53. package/build/src/elements/http/HeadersForm.d.ts +1 -1
  54. package/build/src/elements/http/HeadersForm.d.ts.map +1 -1
  55. package/build/src/elements/http/HeadersForm.js +3 -3
  56. package/build/src/elements/http/HeadersForm.js.map +1 -1
  57. package/build/src/elements/http/HttpAssertions.element.d.ts +1 -1
  58. package/build/src/elements/http/HttpAssertions.element.d.ts.map +1 -1
  59. package/build/src/elements/http/HttpAssertions.element.js +2 -2
  60. package/build/src/elements/http/HttpAssertions.element.js.map +1 -1
  61. package/build/src/elements/http/HttpFlows.element.d.ts +1 -1
  62. package/build/src/elements/http/HttpFlows.element.d.ts.map +1 -1
  63. package/build/src/elements/http/HttpFlows.element.js +6 -6
  64. package/build/src/elements/http/HttpFlows.element.js.map +1 -1
  65. package/build/src/elements/http/RequestEditor.d.ts +1 -3
  66. package/build/src/elements/http/RequestEditor.d.ts.map +1 -1
  67. package/build/src/elements/http/RequestEditor.js +10 -11
  68. package/build/src/elements/http/RequestEditor.js.map +1 -1
  69. package/build/src/elements/http/UrlParamsForm.d.ts +1 -1
  70. package/build/src/elements/http/UrlParamsForm.d.ts.map +1 -1
  71. package/build/src/elements/http/UrlParamsForm.js +4 -4
  72. package/build/src/elements/http/UrlParamsForm.js.map +1 -1
  73. package/build/src/elements/project/HttpProjectRequest.d.ts +1 -1
  74. package/build/src/elements/project/HttpProjectRequest.d.ts.map +1 -1
  75. package/build/src/elements/project/HttpProjectRequest.js +3 -3
  76. package/build/src/elements/project/HttpProjectRequest.js.map +1 -1
  77. package/build/src/elements/project/HttpProjectRequestHistory.d.ts +1 -2
  78. package/build/src/elements/project/HttpProjectRequestHistory.d.ts.map +1 -1
  79. package/build/src/elements/project/HttpProjectRequestHistory.js +5 -6
  80. package/build/src/elements/project/HttpProjectRequestHistory.js.map +1 -1
  81. package/build/src/elements/project/ProjectRunReport.d.ts +1 -1
  82. package/build/src/elements/project/ProjectRunReport.d.ts.map +1 -1
  83. package/build/src/elements/project/ProjectRunReport.js +7 -7
  84. package/build/src/elements/project/ProjectRunReport.js.map +1 -1
  85. package/build/src/elements/project/ProjectRunner.d.ts +1 -2
  86. package/build/src/elements/project/ProjectRunner.d.ts.map +1 -1
  87. package/build/src/elements/project/ProjectRunner.js +4 -5
  88. package/build/src/elements/project/ProjectRunner.js.map +1 -1
  89. package/build/src/md/button/internals/base.d.ts +98 -0
  90. package/build/src/md/button/internals/base.d.ts.map +1 -0
  91. package/build/src/md/button/internals/base.js +353 -0
  92. package/build/src/md/button/internals/base.js.map +1 -0
  93. package/build/src/md/button/internals/button.d.ts +7 -75
  94. package/build/src/md/button/internals/button.d.ts.map +1 -1
  95. package/build/src/md/button/internals/button.js +18 -247
  96. package/build/src/md/button/internals/button.js.map +1 -1
  97. package/build/src/md/button/internals/{button-styles.d.ts → button.styles.d.ts} +1 -1
  98. package/build/src/md/button/internals/button.styles.d.ts.map +1 -0
  99. package/build/src/md/button/internals/button.styles.js +319 -0
  100. package/build/src/md/button/internals/button.styles.js.map +1 -0
  101. package/build/src/md/button/internals/group.d.ts +54 -0
  102. package/build/src/md/button/internals/group.d.ts.map +1 -0
  103. package/build/src/md/button/internals/group.js +157 -0
  104. package/build/src/md/button/internals/group.js.map +1 -0
  105. package/build/src/md/button/internals/{text-button.styles.d.ts → group.styles.d.ts} +1 -1
  106. package/build/src/md/button/internals/group.styles.d.ts.map +1 -0
  107. package/build/src/md/button/internals/group.styles.js +102 -0
  108. package/build/src/md/button/internals/group.styles.js.map +1 -0
  109. package/build/src/md/button/ui-button-group.d.ts +11 -0
  110. package/build/src/md/button/ui-button-group.d.ts.map +1 -0
  111. package/build/src/md/{icon-button/ui-filled-icon-button.js → button/ui-button-group.js} +10 -11
  112. package/build/src/md/button/ui-button-group.js.map +1 -0
  113. package/build/src/md/button/ui-button.d.ts +14 -0
  114. package/build/src/md/button/ui-button.d.ts.map +1 -0
  115. package/build/src/md/button/{ui-text-button.js → ui-button.js} +10 -11
  116. package/build/src/md/button/ui-button.js.map +1 -0
  117. package/build/src/md/dialog/internals/Dialog.d.ts +5 -5
  118. package/build/src/md/dialog/internals/Dialog.d.ts.map +1 -1
  119. package/build/src/md/dialog/internals/Dialog.js +14 -9
  120. package/build/src/md/dialog/internals/Dialog.js.map +1 -1
  121. package/build/src/md/dropdown-list/internals/UiDropdownList.d.ts +1 -1
  122. package/build/src/md/dropdown-list/internals/UiDropdownList.js +1 -1
  123. package/build/src/md/dropdown-list/internals/UiDropdownList.js.map +1 -1
  124. package/build/src/md/icon-button/internals/IconButton.d.ts +12 -36
  125. package/build/src/md/icon-button/internals/IconButton.d.ts.map +1 -1
  126. package/build/src/md/icon-button/internals/IconButton.js +32 -144
  127. package/build/src/md/icon-button/internals/IconButton.js.map +1 -1
  128. package/build/src/md/{button/internals/filled-button.styles.d.ts → icon-button/internals/IconButton.styles.d.ts} +1 -1
  129. package/build/src/md/icon-button/internals/IconButton.styles.d.ts.map +1 -0
  130. package/build/src/md/icon-button/internals/IconButton.styles.js +286 -0
  131. package/build/src/md/icon-button/internals/IconButton.styles.js.map +1 -0
  132. package/build/src/md/icon-button/ui-icon-button.d.ts.map +1 -1
  133. package/build/src/md/icon-button/ui-icon-button.js +2 -3
  134. package/build/src/md/icon-button/ui-icon-button.js.map +1 -1
  135. package/build/src/md/input/Input.d.ts +4 -3
  136. package/build/src/md/input/Input.d.ts.map +1 -1
  137. package/build/src/md/input/Input.js +15 -11
  138. package/build/src/md/input/Input.js.map +1 -1
  139. package/build/src/md/ripple/internals/ripple.d.ts +2 -0
  140. package/build/src/md/ripple/internals/ripple.d.ts.map +1 -1
  141. package/build/src/md/ripple/internals/ripple.js +20 -10
  142. package/build/src/md/ripple/internals/ripple.js.map +1 -1
  143. package/build/src/md/ripple/internals/ripple.styles.d.ts.map +1 -1
  144. package/build/src/md/ripple/internals/ripple.styles.js +8 -20
  145. package/build/src/md/ripple/internals/ripple.styles.js.map +1 -1
  146. package/build/src/md/snackbar/internals/Snackbar.d.ts +1 -1
  147. package/build/src/md/snackbar/internals/Snackbar.d.ts.map +1 -1
  148. package/build/src/md/snackbar/internals/Snackbar.js +4 -2
  149. package/build/src/md/snackbar/internals/Snackbar.js.map +1 -1
  150. package/build/src/md/text-field/internals/common.styles.d.ts.map +1 -1
  151. package/build/src/md/text-field/internals/common.styles.js +11 -5
  152. package/build/src/md/text-field/internals/common.styles.js.map +1 -1
  153. package/build/src/md/text-field/internals/filled.styles.d.ts.map +1 -1
  154. package/build/src/md/text-field/internals/filled.styles.js +7 -0
  155. package/build/src/md/text-field/internals/filled.styles.js.map +1 -1
  156. package/build/src/md/text-field/internals/outlined.styles.d.ts.map +1 -1
  157. package/build/src/md/text-field/internals/outlined.styles.js +29 -9
  158. package/build/src/md/text-field/internals/outlined.styles.js.map +1 -1
  159. package/build/src/styles/m3/dialog.module.d.ts +2 -2
  160. package/build/src/styles/m3/dialog.module.js +2 -2
  161. package/build/src/styles/m3/dialog.module.js.map +1 -1
  162. package/build/src/styles/m3/tokens.d.ts.map +1 -1
  163. package/build/src/styles/m3/tokens.js +208 -182
  164. package/build/src/styles/m3/tokens.js.map +1 -1
  165. package/demo/elements/authorization/oauth-authorize.html +1 -1
  166. package/demo/elements/authorization/oauth-authorize.ts +1 -1
  167. package/demo/elements/environment/variables-editor.ts +2 -2
  168. package/demo/elements/http/url-editing.ts +3 -3
  169. package/demo/elements/project/request-editor.ts +4 -4
  170. package/demo/layout/index.ts +5 -5
  171. package/demo/md/buttons/button.html +121 -0
  172. package/demo/md/buttons/button.ts +246 -0
  173. package/demo/md/buttons/{index.html → group.html} +15 -2
  174. package/demo/md/buttons/group.ts +171 -0
  175. package/demo/md/checkbox/index.ts +1 -1
  176. package/demo/md/dialog/dialog.ts +8 -9
  177. package/demo/md/dropdown-list/index.ts +68 -71
  178. package/demo/md/icon-button/index.html +97 -7
  179. package/demo/md/icon-button/index.ts +97 -201
  180. package/demo/md/index.html +3 -1
  181. package/demo/md/inputs/input.html +39 -0
  182. package/demo/md/inputs/input.ts +204 -419
  183. package/demo/md/inputs/radio.ts +1 -1
  184. package/demo/md/inputs/switch.ts +1 -1
  185. package/demo/md/notification/snack.ts +5 -5
  186. package/demo/md/progress/progress.ts +4 -3
  187. package/package.json +2 -2
  188. package/src/core/ModalActivity.ts +6 -5
  189. package/src/core/ThemeManager.ts +5 -4
  190. package/src/demo/DemoPage.ts +2 -5
  191. package/src/elements/authorization/ui/CcAuthorization.ts +2 -2
  192. package/src/elements/authorization/ui/OAuth2Authorization.ts +11 -5
  193. package/src/elements/authorization/ui/OidcAuthorization.ts +10 -8
  194. package/src/elements/code/HttpSnippets.ts +5 -5
  195. package/src/elements/dialog/internals/ConfirmDelete.ts +5 -5
  196. package/src/elements/dialog/internals/Rename.ts +6 -5
  197. package/src/elements/environment/EnvironmentEditor.ts +5 -4
  198. package/src/elements/http/BodyEditor.ts +25 -20
  199. package/src/elements/http/BodyMultipartEditor.ts +3 -3
  200. package/src/elements/http/CertificateAdd.element.ts +6 -10
  201. package/src/elements/http/HeadersForm.ts +3 -3
  202. package/src/elements/http/HttpAssertions.element.ts +2 -2
  203. package/src/elements/http/HttpFlows.element.ts +6 -6
  204. package/src/elements/http/RequestEditor.ts +10 -11
  205. package/src/elements/http/UrlParamsForm.ts +4 -4
  206. package/src/elements/project/HttpProjectRequest.ts +3 -3
  207. package/src/elements/project/HttpProjectRequestHistory.ts +5 -6
  208. package/src/elements/project/ProjectRunReport.ts +7 -7
  209. package/src/elements/project/ProjectRunner.ts +4 -5
  210. package/src/md/button/internals/base.ts +299 -0
  211. package/src/md/button/internals/button.styles.ts +319 -0
  212. package/src/md/button/internals/button.ts +8 -234
  213. package/src/md/button/internals/group.styles.ts +102 -0
  214. package/src/md/button/internals/group.ts +121 -0
  215. package/src/md/button/ui-button-group.ts +15 -0
  216. package/src/md/button/ui-button.ts +18 -0
  217. package/src/md/dialog/internals/Dialog.ts +14 -9
  218. package/src/md/dropdown-list/internals/UiDropdownList.ts +1 -1
  219. package/src/md/icon-button/internals/IconButton.styles.ts +286 -0
  220. package/src/md/icon-button/internals/IconButton.ts +15 -139
  221. package/src/md/icon-button/ui-icon-button.ts +2 -3
  222. package/src/md/input/Input.ts +16 -11
  223. package/src/md/ripple/internals/ripple.styles.ts +8 -20
  224. package/src/md/ripple/internals/ripple.ts +21 -13
  225. package/src/md/snackbar/internals/Snackbar.ts +4 -2
  226. package/src/md/text-field/internals/common.styles.ts +11 -5
  227. package/src/md/text-field/internals/filled.styles.ts +7 -0
  228. package/src/md/text-field/internals/outlined.styles.ts +29 -9
  229. package/src/styles/m3/dialog.module.ts +2 -2
  230. package/src/styles/m3/native.css +270 -0
  231. package/src/styles/m3/tokens.css +208 -182
  232. package/src/styles/m3/tokens.ts +208 -182
  233. package/test/ui/button/UiButton.test.ts +51 -29
  234. package/test/ui/button/UiIconButton.test.ts +25 -19
  235. package/test/ui/dialog/UiDialog.test.ts +10 -10
  236. package/build/src/md/button/internals/button-styles.d.ts.map +0 -1
  237. package/build/src/md/button/internals/button-styles.js +0 -143
  238. package/build/src/md/button/internals/button-styles.js.map +0 -1
  239. package/build/src/md/button/internals/elevated-button.d.ts +0 -4
  240. package/build/src/md/button/internals/elevated-button.d.ts.map +0 -1
  241. package/build/src/md/button/internals/elevated-button.js +0 -4
  242. package/build/src/md/button/internals/elevated-button.js.map +0 -1
  243. package/build/src/md/button/internals/elevated-button.styles.d.ts +0 -3
  244. package/build/src/md/button/internals/elevated-button.styles.d.ts.map +0 -1
  245. package/build/src/md/button/internals/elevated-button.styles.js +0 -38
  246. package/build/src/md/button/internals/elevated-button.styles.js.map +0 -1
  247. package/build/src/md/button/internals/filled-button.d.ts +0 -4
  248. package/build/src/md/button/internals/filled-button.d.ts.map +0 -1
  249. package/build/src/md/button/internals/filled-button.js +0 -4
  250. package/build/src/md/button/internals/filled-button.js.map +0 -1
  251. package/build/src/md/button/internals/filled-button.styles.d.ts.map +0 -1
  252. package/build/src/md/button/internals/filled-button.styles.js +0 -30
  253. package/build/src/md/button/internals/filled-button.styles.js.map +0 -1
  254. package/build/src/md/button/internals/filled-tonal-button.d.ts +0 -4
  255. package/build/src/md/button/internals/filled-tonal-button.d.ts.map +0 -1
  256. package/build/src/md/button/internals/filled-tonal-button.js +0 -4
  257. package/build/src/md/button/internals/filled-tonal-button.js.map +0 -1
  258. package/build/src/md/button/internals/filled-tonal-button.styles.d.ts +0 -3
  259. package/build/src/md/button/internals/filled-tonal-button.styles.d.ts.map +0 -1
  260. package/build/src/md/button/internals/filled-tonal-button.styles.js +0 -30
  261. package/build/src/md/button/internals/filled-tonal-button.styles.js.map +0 -1
  262. package/build/src/md/button/internals/outlined-button.d.ts +0 -4
  263. package/build/src/md/button/internals/outlined-button.d.ts.map +0 -1
  264. package/build/src/md/button/internals/outlined-button.js +0 -4
  265. package/build/src/md/button/internals/outlined-button.js.map +0 -1
  266. package/build/src/md/button/internals/outlined-button.styles.d.ts +0 -3
  267. package/build/src/md/button/internals/outlined-button.styles.d.ts.map +0 -1
  268. package/build/src/md/button/internals/outlined-button.styles.js +0 -31
  269. package/build/src/md/button/internals/outlined-button.styles.js.map +0 -1
  270. package/build/src/md/button/internals/text-button.d.ts +0 -4
  271. package/build/src/md/button/internals/text-button.d.ts.map +0 -1
  272. package/build/src/md/button/internals/text-button.js +0 -4
  273. package/build/src/md/button/internals/text-button.js.map +0 -1
  274. package/build/src/md/button/internals/text-button.styles.d.ts.map +0 -1
  275. package/build/src/md/button/internals/text-button.styles.js +0 -30
  276. package/build/src/md/button/internals/text-button.styles.js.map +0 -1
  277. package/build/src/md/button/ui-elevated-button.d.ts +0 -14
  278. package/build/src/md/button/ui-elevated-button.d.ts.map +0 -1
  279. package/build/src/md/button/ui-elevated-button.js +0 -31
  280. package/build/src/md/button/ui-elevated-button.js.map +0 -1
  281. package/build/src/md/button/ui-filled-button.d.ts +0 -14
  282. package/build/src/md/button/ui-filled-button.d.ts.map +0 -1
  283. package/build/src/md/button/ui-filled-button.js +0 -31
  284. package/build/src/md/button/ui-filled-button.js.map +0 -1
  285. package/build/src/md/button/ui-filled-tonal-button.d.ts +0 -14
  286. package/build/src/md/button/ui-filled-tonal-button.d.ts.map +0 -1
  287. package/build/src/md/button/ui-filled-tonal-button.js +0 -31
  288. package/build/src/md/button/ui-filled-tonal-button.js.map +0 -1
  289. package/build/src/md/button/ui-outlined-button.d.ts +0 -14
  290. package/build/src/md/button/ui-outlined-button.d.ts.map +0 -1
  291. package/build/src/md/button/ui-outlined-button.js +0 -31
  292. package/build/src/md/button/ui-outlined-button.js.map +0 -1
  293. package/build/src/md/button/ui-text-button.d.ts +0 -14
  294. package/build/src/md/button/ui-text-button.d.ts.map +0 -1
  295. package/build/src/md/button/ui-text-button.js.map +0 -1
  296. package/build/src/md/icon-button/ui-filled-icon-button.d.ts +0 -11
  297. package/build/src/md/icon-button/ui-filled-icon-button.d.ts.map +0 -1
  298. package/build/src/md/icon-button/ui-filled-icon-button.js.map +0 -1
  299. package/build/src/md/icon-button/ui-filled-tonal-icon-button.d.ts +0 -11
  300. package/build/src/md/icon-button/ui-filled-tonal-icon-button.d.ts.map +0 -1
  301. package/build/src/md/icon-button/ui-filled-tonal-icon-button.js +0 -28
  302. package/build/src/md/icon-button/ui-filled-tonal-icon-button.js.map +0 -1
  303. package/build/src/md/icon-button/ui-outlined-icon-button.d.ts +0 -11
  304. package/build/src/md/icon-button/ui-outlined-icon-button.d.ts.map +0 -1
  305. package/build/src/md/icon-button/ui-outlined-icon-button.js +0 -28
  306. package/build/src/md/icon-button/ui-outlined-icon-button.js.map +0 -1
  307. package/demo/md/buttons/index.ts +0 -279
  308. package/src/md/button/internals/button-styles.ts +0 -143
  309. package/src/md/button/internals/elevated-button.styles.ts +0 -38
  310. package/src/md/button/internals/elevated-button.ts +0 -3
  311. package/src/md/button/internals/filled-button.styles.ts +0 -30
  312. package/src/md/button/internals/filled-button.ts +0 -3
  313. package/src/md/button/internals/filled-tonal-button.styles.ts +0 -30
  314. package/src/md/button/internals/filled-tonal-button.ts +0 -3
  315. package/src/md/button/internals/outlined-button.styles.ts +0 -31
  316. package/src/md/button/internals/outlined-button.ts +0 -3
  317. package/src/md/button/internals/text-button.styles.ts +0 -30
  318. package/src/md/button/internals/text-button.ts +0 -3
  319. package/src/md/button/ui-elevated-button.ts +0 -19
  320. package/src/md/button/ui-filled-button.ts +0 -19
  321. package/src/md/button/ui-filled-tonal-button.ts +0 -19
  322. package/src/md/button/ui-outlined-button.ts +0 -19
  323. package/src/md/button/ui-text-button.ts +0 -19
  324. package/src/md/icon-button/ui-filled-icon-button.ts +0 -16
  325. package/src/md/icon-button/ui-filled-tonal-icon-button.ts +0 -16
  326. package/src/md/icon-button/ui-outlined-icon-button.ts +0 -16
package/src/styles/m3/tokens.css CHANGED
@@ -11,19 +11,19 @@ html {
11
11
  --md-sys-color-surface-tint-light: rgb(0 104 116);
12
12
  --md-sys-color-on-primary-light: rgb(255 255 255);
13
13
  --md-sys-color-primary-container-light: rgb(158 239 254);
14
- --md-sys-color-on-primary-container-light: rgb(0 31 36);
15
- --md-sys-color-secondary-light: rgb(74 98 103);
14
+ --md-sys-color-on-primary-container-light: rgb(0 79 88);
15
+ --md-sys-color-secondary-light: rgb(0 104 116);
16
16
  --md-sys-color-on-secondary-light: rgb(255 255 255);
17
- --md-sys-color-secondary-container-light: rgb(205 231 236);
18
- --md-sys-color-on-secondary-container-light: rgb(5 31 35);
17
+ --md-sys-color-secondary-container-light: rgb(158 239 253);
18
+ --md-sys-color-on-secondary-container-light: rgb(0 79 87);
19
19
  --md-sys-color-tertiary-light: rgb(83 94 125);
20
20
  --md-sys-color-on-tertiary-light: rgb(255 255 255);
21
21
  --md-sys-color-tertiary-container-light: rgb(218 226 255);
22
- --md-sys-color-on-tertiary-container-light: rgb(15 26 55);
22
+ --md-sys-color-on-tertiary-container-light: rgb(59 70 101);
23
23
  --md-sys-color-error-light: rgb(186 26 26);
24
24
  --md-sys-color-on-error-light: rgb(255 255 255);
25
25
  --md-sys-color-error-container-light: rgb(255 218 214);
26
- --md-sys-color-on-error-container-light: rgb(65 0 2);
26
+ --md-sys-color-on-error-container-light: rgb(147 0 10);
27
27
  --md-sys-color-background-light: rgb(245 250 251);
28
28
  --md-sys-color-on-background-light: rgb(23 29 30);
29
29
  --md-sys-color-surface-light: rgb(245 250 251);
@@ -41,10 +41,10 @@ html {
41
41
  --md-sys-color-on-primary-fixed-light: rgb(0 31 36);
42
42
  --md-sys-color-primary-fixed-dim-light: rgb(130 211 225);
43
43
  --md-sys-color-on-primary-fixed-variant-light: rgb(0 79 88);
44
- --md-sys-color-secondary-fixed-light: rgb(205 231 236);
45
- --md-sys-color-on-secondary-fixed-light: rgb(5 31 35);
46
- --md-sys-color-secondary-fixed-dim-light: rgb(177 203 208);
47
- --md-sys-color-on-secondary-fixed-variant-light: rgb(51 75 79);
44
+ --md-sys-color-secondary-fixed-light: rgb(158 239 253);
45
+ --md-sys-color-on-secondary-fixed-light: rgb(0 31 36);
46
+ --md-sys-color-secondary-fixed-dim-light: rgb(129 211 224);
47
+ --md-sys-color-on-secondary-fixed-variant-light: rgb(0 79 87);
48
48
  --md-sys-color-tertiary-fixed-light: rgb(218 226 255);
49
49
  --md-sys-color-on-tertiary-fixed-light: rgb(15 26 55);
50
50
  --md-sys-color-tertiary-fixed-dim-light: rgb(187 198 234);
@@ -59,119 +59,118 @@ html {
59
59
 
60
60
  /* light high contrast */
61
61
  /* Custom */
62
- --md-sys-color-primary-light-hc-05a: rgba(0 39 44, 0.05);
63
- --md-sys-color-primary-light-hc-08a: rgba(0 39 44, 0.08);
64
- --md-sys-color-primary-light-hc-11a: rgba(0 39 44, 0.11);
65
- --md-sys-color-primary-light-hc-12a: rgba(0 39 44, 0.12);
66
- --md-sys-color-primary-light-hc-13a: rgba(0 39 44, 0.13);
62
+ --md-sys-color-primary-light-hc-05a: rgba(0 49 56, 0.05);
63
+ --md-sys-color-primary-light-hc-08a: rgba(0 49 56, 0.08);
64
+ --md-sys-color-primary-light-hc-11a: rgba(0 49 56, 0.11);
65
+ --md-sys-color-primary-light-hc-12a: rgba(0 49 56, 0.12);
66
+ --md-sys-color-primary-light-hc-13a: rgba(0 49 56, 0.13);
67
67
  /* M3 Generated */
68
- --md-sys-color-primary-light-hc: rgb(0 39 44);
68
+ --md-sys-color-primary-light-hc: rgb(0 49 56);
69
69
  --md-sys-color-surface-tint-light-hc: rgb(0 104 116);
70
70
  --md-sys-color-on-primary-light-hc: rgb(255 255 255);
71
- --md-sys-color-primary-container-light-hc: rgb(0 74 83);
71
+ --md-sys-color-primary-container-light-hc: rgb(0 81 91);
72
72
  --md-sys-color-on-primary-container-light-hc: rgb(255 255 255);
73
- --md-sys-color-secondary-light-hc: rgb(12 38 42);
73
+ --md-sys-color-secondary-light-hc: rgb(0 50 55);
74
74
  --md-sys-color-on-secondary-light-hc: rgb(255 255 255);
75
- --md-sys-color-secondary-container-light-hc: rgb(47 71 75);
75
+ --md-sys-color-secondary-container-light-hc: rgb(0 81 90);
76
76
  --md-sys-color-on-secondary-container-light-hc: rgb(255 255 255);
77
- --md-sys-color-tertiary-light-hc: rgb(22 33 62);
77
+ --md-sys-color-tertiary-light-hc: rgb(32 43 72);
78
78
  --md-sys-color-on-tertiary-light-hc: rgb(255 255 255);
79
- --md-sys-color-tertiary-container-light-hc: rgb(55 66 96);
79
+ --md-sys-color-tertiary-container-light-hc: rgb(61 72 103);
80
80
  --md-sys-color-on-tertiary-container-light-hc: rgb(255 255 255);
81
- --md-sys-color-error-light-hc: rgb(78 0 2);
81
+ --md-sys-color-error-light-hc: rgb(96 0 4);
82
82
  --md-sys-color-on-error-light-hc: rgb(255 255 255);
83
- --md-sys-color-error-container-light-hc: rgb(140 0 9);
83
+ --md-sys-color-error-container-light-hc: rgb(152 0 10);
84
84
  --md-sys-color-on-error-container-light-hc: rgb(255 255 255);
85
85
  --md-sys-color-background-light-hc: rgb(245 250 251);
86
86
  --md-sys-color-on-background-light-hc: rgb(23 29 30);
87
87
  --md-sys-color-surface-light-hc: rgb(245 250 251);
88
88
  --md-sys-color-on-surface-light-hc: rgb(0 0 0);
89
89
  --md-sys-color-surface-variant-light-hc: rgb(219 228 230);
90
- --md-sys-color-on-surface-variant-light-hc: rgb(28 37 39);
91
- --md-sys-color-outline-light-hc: rgb(59 68 70);
92
- --md-sys-color-outline-variant-light-hc: rgb(59 68 70);
90
+ --md-sys-color-on-surface-variant-light-hc: rgb(0 0 0);
91
+ --md-sys-color-outline-light-hc: rgb(37 46 47);
92
+ --md-sys-color-outline-variant-light-hc: rgb(66 75 77);
93
93
  --md-sys-color-shadow-light-hc: rgb(0 0 0);
94
94
  --md-sys-color-scrim-light-hc: rgb(0 0 0);
95
95
  --md-sys-color-inverse-surface-light-hc: rgb(43 49 51);
96
96
  --md-sys-color-inverse-on-surface-light-hc: rgb(255 255 255);
97
- --md-sys-color-inverse-primary-light-hc: rgb(192 245 255);
98
- --md-sys-color-primary-fixed-light-hc: rgb(0 74 83);
97
+ --md-sys-color-inverse-primary-light-hc: rgb(130 211 225);
98
+ --md-sys-color-primary-fixed-light-hc: rgb(0 81 91);
99
99
  --md-sys-color-on-primary-fixed-light-hc: rgb(255 255 255);
100
- --md-sys-color-primary-fixed-dim-light-hc: rgb(0 50 57);
100
+ --md-sys-color-primary-fixed-dim-light-hc: rgb(0 57 64);
101
101
  --md-sys-color-on-primary-fixed-variant-light-hc: rgb(255 255 255);
102
- --md-sys-color-secondary-fixed-light-hc: rgb(47 71 75);
102
+ --md-sys-color-secondary-fixed-light-hc: rgb(0 81 90);
103
103
  --md-sys-color-on-secondary-fixed-light-hc: rgb(255 255 255);
104
- --md-sys-color-secondary-fixed-dim-light-hc: rgb(24 48 52);
104
+ --md-sys-color-secondary-fixed-dim-light-hc: rgb(0 57 63);
105
105
  --md-sys-color-on-secondary-fixed-variant-light-hc: rgb(255 255 255);
106
- --md-sys-color-tertiary-fixed-light-hc: rgb(55 66 96);
106
+ --md-sys-color-tertiary-fixed-light-hc: rgb(61 72 103);
107
107
  --md-sys-color-on-tertiary-fixed-light-hc: rgb(255 255 255);
108
- --md-sys-color-tertiary-fixed-dim-light-hc: rgb(33 44 73);
108
+ --md-sys-color-tertiary-fixed-dim-light-hc: rgb(39 50 79);
109
109
  --md-sys-color-on-tertiary-fixed-variant-light-hc: rgb(255 255 255);
110
- --md-sys-color-surface-dim-light-hc: rgb(213 219 220);
110
+ --md-sys-color-surface-dim-light-hc: rgb(180 186 187);
111
111
  --md-sys-color-surface-bright-light-hc: rgb(245 250 251);
112
112
  --md-sys-color-surface-container-lowest-light-hc: rgb(255 255 255);
113
- --md-sys-color-surface-container-low-light-hc: rgb(239 245 246);
114
- --md-sys-color-surface-container-light-hc: rgb(233 239 240);
115
- --md-sys-color-surface-container-high-light-hc: rgb(227 233 234);
116
- --md-sys-color-surface-container-highest-light-hc: rgb(222 227 229);
117
-
113
+ --md-sys-color-surface-container-low-light-hc: rgb(236 242 243);
114
+ --md-sys-color-surface-container-light-hc: rgb(222 227 229);
115
+ --md-sys-color-surface-container-high-light-hc: rgb(208 213 215);
116
+ --md-sys-color-surface-container-highest-light-hc: rgb(194 199 201);
118
117
  /* light medium contrast */
119
118
  /* Custom */
120
- --md-sys-color-primary-light-mc-05a: rgba(0 74 83, 0.05);
121
- --md-sys-color-primary-light-mc-08a: rgba(0 74 83, 0.08);
122
- --md-sys-color-primary-light-mc-11a: rgba(0 74 83, 0.11);
123
- --md-sys-color-primary-light-mc-12a: rgba(0 74 83, 0.12);
124
- --md-sys-color-primary-light-mc-13a: rgba(0 74 83, 0.13);
119
+ --md-sys-color-primary-light-mc-05a: rgba(0 60 68, 0.05);
120
+ --md-sys-color-primary-light-mc-08a: rgba(0 60 68, 0.08);
121
+ --md-sys-color-primary-light-mc-11a: rgba(0 60 68, 0.11);
122
+ --md-sys-color-primary-light-mc-12a: rgba(0 60 68, 0.12);
123
+ --md-sys-color-primary-light-mc-13a: rgba(0 60 68, 0.13);
125
124
  /* M3 Generated */
126
- --md-sys-color-primary-light-mc: rgb(0 74 83);
125
+ --md-sys-color-primary-light-mc: rgb(0 60 68);
127
126
  --md-sys-color-surface-tint-light-mc: rgb(0 104 116);
128
127
  --md-sys-color-on-primary-light-mc: rgb(255 255 255);
129
- --md-sys-color-primary-container-light-mc: rgb(37 127 140);
128
+ --md-sys-color-primary-container-light-mc: rgb(25 120 133);
130
129
  --md-sys-color-on-primary-container-light-mc: rgb(255 255 255);
131
- --md-sys-color-secondary-light-mc: rgb(47 71 75);
130
+ --md-sys-color-secondary-light-mc: rgb(0 61 68);
132
131
  --md-sys-color-on-secondary-light-mc: rgb(255 255 255);
133
- --md-sys-color-secondary-container-light-mc: rgb(96 121 125);
132
+ --md-sys-color-secondary-container-light-mc: rgb(24 120 132);
134
133
  --md-sys-color-on-secondary-container-light-mc: rgb(255 255 255);
135
- --md-sys-color-tertiary-light-mc: rgb(55 66 96);
134
+ --md-sys-color-tertiary-light-mc: rgb(42 53 83);
136
135
  --md-sys-color-on-tertiary-light-mc: rgb(255 255 255);
137
- --md-sys-color-tertiary-container-light-mc: rgb(105 116 149);
136
+ --md-sys-color-tertiary-container-light-mc: rgb(97 108 141);
138
137
  --md-sys-color-on-tertiary-container-light-mc: rgb(255 255 255);
139
- --md-sys-color-error-light-mc: rgb(140 0 9);
138
+ --md-sys-color-error-light-mc: rgb(116 0 6);
140
139
  --md-sys-color-on-error-light-mc: rgb(255 255 255);
141
- --md-sys-color-error-container-light-mc: rgb(218 52 46);
140
+ --md-sys-color-error-container-light-mc: rgb(207 44 39);
142
141
  --md-sys-color-on-error-container-light-mc: rgb(255 255 255);
143
142
  --md-sys-color-background-light-mc: rgb(245 250 251);
144
143
  --md-sys-color-on-background-light-mc: rgb(23 29 30);
145
144
  --md-sys-color-surface-light-mc: rgb(245 250 251);
146
- --md-sys-color-on-surface-light-mc: rgb(23 29 30);
145
+ --md-sys-color-on-surface-light-mc: rgb(12 18 19);
147
146
  --md-sys-color-surface-variant-light-mc: rgb(219 228 230);
148
- --md-sys-color-on-surface-variant-light-mc: rgb(59 68 70);
149
- --md-sys-color-outline-light-mc: rgb(87 97 99);
150
- --md-sys-color-outline-variant-light-mc: rgb(115 124 126);
147
+ --md-sys-color-on-surface-variant-light-mc: rgb(47 56 57);
148
+ --md-sys-color-outline-light-mc: rgb(75 84 86);
149
+ --md-sys-color-outline-variant-light-mc: rgb(101 111 113);
151
150
  --md-sys-color-shadow-light-mc: rgb(0 0 0);
152
151
  --md-sys-color-scrim-light-mc: rgb(0 0 0);
153
152
  --md-sys-color-inverse-surface-light-mc: rgb(43 49 51);
154
153
  --md-sys-color-inverse-on-surface-light-mc: rgb(236 242 243);
155
154
  --md-sys-color-inverse-primary-light-mc: rgb(130 211 225);
156
- --md-sys-color-primary-fixed-light-mc: rgb(37 127 140);
155
+ --md-sys-color-primary-fixed-light-mc: rgb(25 120 133);
157
156
  --md-sys-color-on-primary-fixed-light-mc: rgb(255 255 255);
158
- --md-sys-color-primary-fixed-dim-light-mc: rgb(0 102 114);
157
+ --md-sys-color-primary-fixed-dim-light-mc: rgb(0 94 105);
159
158
  --md-sys-color-on-primary-fixed-variant-light-mc: rgb(255 255 255);
160
- --md-sys-color-secondary-fixed-light-mc: rgb(96 121 125);
159
+ --md-sys-color-secondary-fixed-light-mc: rgb(24 120 132);
161
160
  --md-sys-color-on-secondary-fixed-light-mc: rgb(255 255 255);
162
- --md-sys-color-secondary-fixed-dim-light-mc: rgb(72 96 100);
161
+ --md-sys-color-secondary-fixed-dim-light-mc: rgb(0 94 104);
163
162
  --md-sys-color-on-secondary-fixed-variant-light-mc: rgb(255 255 255);
164
- --md-sys-color-tertiary-fixed-light-mc: rgb(105 116 149);
163
+ --md-sys-color-tertiary-fixed-light-mc: rgb(97 108 141);
165
164
  --md-sys-color-on-tertiary-fixed-light-mc: rgb(255 255 255);
166
- --md-sys-color-tertiary-fixed-dim-light-mc: rgb(80 91 123);
165
+ --md-sys-color-tertiary-fixed-dim-light-mc: rgb(73 84 115);
167
166
  --md-sys-color-on-tertiary-fixed-variant-light-mc: rgb(255 255 255);
168
- --md-sys-color-surface-dim-light-mc: rgb(213 219 220);
167
+ --md-sys-color-surface-dim-light-mc: rgb(194 199 201);
169
168
  --md-sys-color-surface-bright-light-mc: rgb(245 250 251);
170
169
  --md-sys-color-surface-container-lowest-light-mc: rgb(255 255 255);
171
170
  --md-sys-color-surface-container-low-light-mc: rgb(239 245 246);
172
- --md-sys-color-surface-container-light-mc: rgb(233 239 240);
173
- --md-sys-color-surface-container-high-light-mc: rgb(227 233 234);
174
- --md-sys-color-surface-container-highest-light-mc: rgb(222 227 229);
171
+ --md-sys-color-surface-container-light-mc: rgb(227 233 234);
172
+ --md-sys-color-surface-container-high-light-mc: rgb(216 222 223);
173
+ --md-sys-color-surface-container-highest-light-mc: rgb(205 211 212);
175
174
 
176
175
  /* dark */
177
176
  /* Custom */
@@ -187,10 +186,10 @@ html {
187
186
  --md-sys-color-on-primary-dark: rgb(0 54 61);
188
187
  --md-sys-color-primary-container-dark: rgb(0 79 88);
189
188
  --md-sys-color-on-primary-container-dark: rgb(158 239 254);
190
- --md-sys-color-secondary-dark: rgb(177 203 208);
191
- --md-sys-color-on-secondary-dark: rgb(28 52 56);
192
- --md-sys-color-secondary-container-dark: rgb(51 75 79);
193
- --md-sys-color-on-secondary-container-dark: rgb(205 231 236);
189
+ --md-sys-color-secondary-dark: rgb(129 211 224);
190
+ --md-sys-color-on-secondary-dark: rgb(0 54 61);
191
+ --md-sys-color-secondary-container-dark: rgb(0 79 87);
192
+ --md-sys-color-on-secondary-container-dark: rgb(158 239 253);
194
193
  --md-sys-color-tertiary-dark: rgb(187 198 234);
195
194
  --md-sys-color-on-tertiary-dark: rgb(36 48 77);
196
195
  --md-sys-color-tertiary-container-dark: rgb(59 70 101);
@@ -216,10 +215,10 @@ html {
216
215
  --md-sys-color-on-primary-fixed-dark: rgb(0 31 36);
217
216
  --md-sys-color-primary-fixed-dim-dark: rgb(130 211 225);
218
217
  --md-sys-color-on-primary-fixed-variant-dark: rgb(0 79 88);
219
- --md-sys-color-secondary-fixed-dark: rgb(205 231 236);
220
- --md-sys-color-on-secondary-fixed-dark: rgb(5 31 35);
221
- --md-sys-color-secondary-fixed-dim-dark: rgb(177 203 208);
222
- --md-sys-color-on-secondary-fixed-variant-dark: rgb(51 75 79);
218
+ --md-sys-color-secondary-fixed-dark: rgb(158 239 253);
219
+ --md-sys-color-on-secondary-fixed-dark: rgb(0 31 36);
220
+ --md-sys-color-secondary-fixed-dim-dark: rgb(129 211 224);
221
+ --md-sys-color-on-secondary-fixed-variant-dark: rgb(0 79 87);
223
222
  --md-sys-color-tertiary-fixed-dark: rgb(218 226 255);
224
223
  --md-sys-color-on-tertiary-fixed-dark: rgb(15 26 55);
225
224
  --md-sys-color-tertiary-fixed-dim-dark: rgb(187 198 234);
@@ -234,61 +233,61 @@ html {
234
233
 
235
234
  /* dark high contrast */
236
235
  /* Custom */
237
- --md-sys-color-primary-dark-hc-05a: rgba(242 253 255, 0.05);
238
- --md-sys-color-primary-dark-hc-08a: rgba(242 253 255, 0.08);
239
- --md-sys-color-primary-dark-hc-11a: rgba(242 253 255, 0.11);
240
- --md-sys-color-primary-dark-hc-12a: rgba(242 253 255, 0.12);
241
- --md-sys-color-primary-dark-hc-13a: rgba(242 253 255, 0.13);
236
+ --md-sys-color-primary-dark-hc-05a: rgba(206 247 255, 0.05);
237
+ --md-sys-color-primary-dark-hc-08a: rgba(206 247 255, 0.08);
238
+ --md-sys-color-primary-dark-hc-11a: rgba(206 247 255, 0.11);
239
+ --md-sys-color-primary-dark-hc-12a: rgba(206 247 255, 0.12);
240
+ --md-sys-color-primary-dark-hc-13a: rgba(206 247 255, 0.13);
242
241
  /* M3 Generated */
243
- --md-sys-color-primary-dark-hc: rgb(242 253 255);
242
+ --md-sys-color-primary-dark-hc: rgb(206 247 255);
244
243
  --md-sys-color-surface-tint-dark-hc: rgb(130 211 225);
245
244
  --md-sys-color-on-primary-dark-hc: rgb(0 0 0);
246
- --md-sys-color-primary-container-dark-hc: rgb(134 215 229);
247
- --md-sys-color-on-primary-container-dark-hc: rgb(0 0 0);
248
- --md-sys-color-secondary-dark-hc: rgb(242 253 255);
245
+ --md-sys-color-primary-container-dark-hc: rgb(126 207 221);
246
+ --md-sys-color-on-primary-container-dark-hc: rgb(0 14 16);
247
+ --md-sys-color-secondary-dark-hc: rgb(205 248 255);
249
248
  --md-sys-color-on-secondary-dark-hc: rgb(0 0 0);
250
- --md-sys-color-secondary-container-dark-hc: rgb(181 207 212);
251
- --md-sys-color-on-secondary-container-dark-hc: rgb(0 0 0);
252
- --md-sys-color-tertiary-dark-hc: rgb(252 250 255);
249
+ --md-sys-color-secondary-container-dark-hc: rgb(126 207 220);
250
+ --md-sys-color-on-secondary-container-dark-hc: rgb(0 14 16);
251
+ --md-sys-color-tertiary-dark-hc: rgb(237 239 255);
253
252
  --md-sys-color-on-tertiary-dark-hc: rgb(0 0 0);
254
- --md-sys-color-tertiary-container-dark-hc: rgb(191 202 239);
255
- --md-sys-color-on-tertiary-container-dark-hc: rgb(0 0 0);
256
- --md-sys-color-error-dark-hc: rgb(255 249 249);
253
+ --md-sys-color-tertiary-container-dark-hc: rgb(183 194 230);
254
+ --md-sys-color-on-tertiary-container-dark-hc: rgb(0 9 38);
255
+ --md-sys-color-error-dark-hc: rgb(255 236 233);
257
256
  --md-sys-color-on-error-dark-hc: rgb(0 0 0);
258
- --md-sys-color-error-container-dark-hc: rgb(255 186 177);
259
- --md-sys-color-on-error-container-dark-hc: rgb(0 0 0);
257
+ --md-sys-color-error-container-dark-hc: rgb(255 174 164);
258
+ --md-sys-color-on-error-container-dark-hc: rgb(34 0 1);
260
259
  --md-sys-color-background-dark-hc: rgb(14 20 21);
261
260
  --md-sys-color-on-background-dark-hc: rgb(222 227 229);
262
261
  --md-sys-color-surface-dark-hc: rgb(14 20 21);
263
262
  --md-sys-color-on-surface-dark-hc: rgb(255 255 255);
264
263
  --md-sys-color-surface-variant-dark-hc: rgb(63 72 74);
265
- --md-sys-color-on-surface-variant-dark-hc: rgb(243 252 254);
266
- --md-sys-color-outline-dark-hc: rgb(195 204 206);
267
- --md-sys-color-outline-variant-dark-hc: rgb(195 204 206);
264
+ --md-sys-color-on-surface-variant-dark-hc: rgb(255 255 255);
265
+ --md-sys-color-outline-dark-hc: rgb(232 242 244);
266
+ --md-sys-color-outline-variant-dark-hc: rgb(187 196 198);
268
267
  --md-sys-color-shadow-dark-hc: rgb(0 0 0);
269
268
  --md-sys-color-scrim-dark-hc: rgb(0 0 0);
270
269
  --md-sys-color-inverse-surface-dark-hc: rgb(222 227 229);
271
270
  --md-sys-color-inverse-on-surface-dark-hc: rgb(0 0 0);
272
- --md-sys-color-inverse-primary-dark-hc: rgb(0 47 53);
273
- --md-sys-color-primary-fixed-dark-hc: rgb(172 242 255);
271
+ --md-sys-color-inverse-primary-dark-hc: rgb(0 80 89);
272
+ --md-sys-color-primary-fixed-dark-hc: rgb(158 239 254);
274
273
  --md-sys-color-on-primary-fixed-dark-hc: rgb(0 0 0);
275
- --md-sys-color-primary-fixed-dim-dark-hc: rgb(134 215 229);
276
- --md-sys-color-on-primary-fixed-variant-dark-hc: rgb(0 26 30);
277
- --md-sys-color-secondary-fixed-dark-hc: rgb(209 236 241);
274
+ --md-sys-color-primary-fixed-dim-dark-hc: rgb(130 211 225);
275
+ --md-sys-color-on-primary-fixed-variant-dark-hc: rgb(0 20 23);
276
+ --md-sys-color-secondary-fixed-dark-hc: rgb(158 239 253);
278
277
  --md-sys-color-on-secondary-fixed-dark-hc: rgb(0 0 0);
279
- --md-sys-color-secondary-fixed-dim-dark-hc: rgb(181 207 212);
280
- --md-sys-color-on-secondary-fixed-variant-dark-hc: rgb(1 26 29);
281
- --md-sys-color-tertiary-fixed-dark-hc: rgb(224 230 255);
278
+ --md-sys-color-secondary-fixed-dim-dark-hc: rgb(129 211 224);
279
+ --md-sys-color-on-secondary-fixed-variant-dark-hc: rgb(0 20 23);
280
+ --md-sys-color-tertiary-fixed-dark-hc: rgb(218 226 255);
282
281
  --md-sys-color-on-tertiary-fixed-dark-hc: rgb(0 0 0);
283
- --md-sys-color-tertiary-fixed-dim-dark-hc: rgb(191 202 239);
284
- --md-sys-color-on-tertiary-fixed-variant-dark-hc: rgb(9 21 49);
282
+ --md-sys-color-tertiary-fixed-dim-dark-hc: rgb(187 198 234);
283
+ --md-sys-color-on-tertiary-fixed-variant-dark-hc: rgb(4 16 44);
285
284
  --md-sys-color-surface-dim-dark-hc: rgb(14 20 21);
286
- --md-sys-color-surface-bright-dark-hc: rgb(52 58 59);
287
- --md-sys-color-surface-container-lowest-dark-hc: rgb(9 15 16);
288
- --md-sys-color-surface-container-low-dark-hc: rgb(23 29 30);
289
- --md-sys-color-surface-container-dark-hc: rgb(27 33 34);
290
- --md-sys-color-surface-container-high-dark-hc: rgb(37 43 44);
291
- --md-sys-color-surface-container-highest-dark-hc: rgb(48 54 55);
285
+ --md-sys-color-surface-bright-dark-hc: rgb(75 81 82);
286
+ --md-sys-color-surface-container-lowest-dark-hc: rgb(0 0 0);
287
+ --md-sys-color-surface-container-low-dark-hc: rgb(27 33 34);
288
+ --md-sys-color-surface-container-dark-hc: rgb(43 49 51);
289
+ --md-sys-color-surface-container-high-dark-hc: rgb(54 60 62);
290
+ --md-sys-color-surface-container-highest-dark-hc: rgb(66 72 73);
292
291
 
293
292
  /* dark medium contrast */
294
293
  /* Custom */
@@ -298,31 +297,31 @@ html {
298
297
  --md-sys-color-primary-dark-mc-12a: rgba(134 215 229, 0.12);
299
298
  --md-sys-color-primary-dark-mc-13a: rgba(134 215 229, 0.13);
300
299
  /* M3 Generated */
301
- --md-sys-color-primary-dark-mc: rgb(134 215 229);
300
+ --md-sys-color-primary-dark-mc: rgb(152 233 247);
302
301
  --md-sys-color-surface-tint-dark-mc: rgb(130 211 225);
303
- --md-sys-color-on-primary-dark-mc: rgb(0 26 30);
302
+ --md-sys-color-on-primary-dark-mc: rgb(0 42 48);
304
303
  --md-sys-color-primary-container-dark-mc: rgb(73 156 169);
305
304
  --md-sys-color-on-primary-container-dark-mc: rgb(0 0 0);
306
- --md-sys-color-secondary-dark-mc: rgb(181 207 212);
307
- --md-sys-color-on-secondary-dark-mc: rgb(1 26 29);
308
- --md-sys-color-secondary-container-dark-mc: rgb(124 149 154);
305
+ --md-sys-color-secondary-dark-mc: rgb(152 233 246);
306
+ --md-sys-color-on-secondary-dark-mc: rgb(0 42 48);
307
+ --md-sys-color-secondary-container-dark-mc: rgb(72 156 169);
309
308
  --md-sys-color-on-secondary-container-dark-mc: rgb(0 0 0);
310
- --md-sys-color-tertiary-dark-mc: rgb(191 202 239);
311
- --md-sys-color-on-tertiary-dark-mc: rgb(9 21 49);
309
+ --md-sys-color-tertiary-dark-mc: rgb(209 219 255);
310
+ --md-sys-color-on-tertiary-dark-mc: rgb(25 37 65);
312
311
  --md-sys-color-tertiary-container-dark-mc: rgb(133 144 178);
313
312
  --md-sys-color-on-tertiary-container-dark-mc: rgb(0 0 0);
314
- --md-sys-color-error-dark-mc: rgb(255 186 177);
315
- --md-sys-color-on-error-dark-mc: rgb(55 0 1);
313
+ --md-sys-color-error-dark-mc: rgb(255 210 204);
314
+ --md-sys-color-on-error-dark-mc: rgb(84 0 3);
316
315
  --md-sys-color-error-container-dark-mc: rgb(255 84 73);
317
316
  --md-sys-color-on-error-container-dark-mc: rgb(0 0 0);
318
317
  --md-sys-color-background-dark-mc: rgb(14 20 21);
319
318
  --md-sys-color-on-background-dark-mc: rgb(222 227 229);
320
319
  --md-sys-color-surface-dark-mc: rgb(14 20 21);
321
- --md-sys-color-on-surface-dark-mc: rgb(246 252 253);
320
+ --md-sys-color-on-surface-dark-mc: rgb(255 255 255);
322
321
  --md-sys-color-surface-variant-dark-mc: rgb(63 72 74);
323
- --md-sys-color-on-surface-variant-dark-mc: rgb(195 204 206);
324
- --md-sys-color-outline-dark-mc: rgb(155 165 166);
325
- --md-sys-color-outline-variant-dark-mc: rgb(123 133 135);
322
+ --md-sys-color-on-surface-variant-dark-mc: rgb(212 222 224);
323
+ --md-sys-color-outline-dark-mc: rgb(170 180 181);
324
+ --md-sys-color-outline-variant-dark-mc: rgb(136 146 148);
326
325
  --md-sys-color-shadow-dark-mc: rgb(0 0 0);
327
326
  --md-sys-color-scrim-dark-mc: rgb(0 0 0);
328
327
  --md-sys-color-inverse-surface-dark-mc: rgb(222 227 229);
@@ -332,116 +331,120 @@ html {
332
331
  --md-sys-color-on-primary-fixed-dark-mc: rgb(0 20 23);
333
332
  --md-sys-color-primary-fixed-dim-dark-mc: rgb(130 211 225);
334
333
  --md-sys-color-on-primary-fixed-variant-dark-mc: rgb(0 60 68);
335
- --md-sys-color-secondary-fixed-dark-mc: rgb(205 231 236);
334
+ --md-sys-color-secondary-fixed-dark-mc: rgb(158 239 253);
336
335
  --md-sys-color-on-secondary-fixed-dark-mc: rgb(0 20 23);
337
- --md-sys-color-secondary-fixed-dim-dark-mc: rgb(177 203 208);
338
- --md-sys-color-on-secondary-fixed-variant-dark-mc: rgb(34 58 62);
336
+ --md-sys-color-secondary-fixed-dim-dark-mc: rgb(129 211 224);
337
+ --md-sys-color-on-secondary-fixed-variant-dark-mc: rgb(0 61 68);
339
338
  --md-sys-color-tertiary-fixed-dark-mc: rgb(218 226 255);
340
339
  --md-sys-color-on-tertiary-fixed-dark-mc: rgb(4 16 44);
341
340
  --md-sys-color-tertiary-fixed-dim-dark-mc: rgb(187 198 234);
342
341
  --md-sys-color-on-tertiary-fixed-variant-dark-mc: rgb(42 53 83);
343
342
  --md-sys-color-surface-dim-dark-mc: rgb(14 20 21);
344
- --md-sys-color-surface-bright-dark-mc: rgb(52 58 59);
345
- --md-sys-color-surface-container-lowest-dark-mc: rgb(9 15 16);
346
- --md-sys-color-surface-container-low-dark-mc: rgb(23 29 30);
347
- --md-sys-color-surface-container-dark-mc: rgb(27 33 34);
348
- --md-sys-color-surface-container-high-dark-mc: rgb(37 43 44);
349
- --md-sys-color-surface-container-highest-dark-mc: rgb(48 54 55);
343
+ --md-sys-color-surface-bright-dark-mc: rgb(63 70 71);
344
+ --md-sys-color-surface-container-lowest-dark-mc: rgb(4 8 9);
345
+ --md-sys-color-surface-container-low-dark-mc: rgb(25 31 32);
346
+ --md-sys-color-surface-container-dark-mc: rgb(35 41 42);
347
+ --md-sys-color-surface-container-high-dark-mc: rgb(45 52 53);
348
+ --md-sys-color-surface-container-highest-dark-mc: rgb(57 63 64);
350
349
 
351
350
  /* Typeface */
352
351
  --md-ref-typeface-brand: Roboto, system-ui, -apple-system, 'Segoe UI', Ubuntu, Cantarell, 'Noto Sans', sans-serif;
353
352
 
353
+ --md-ref-typeface-weight-regular: 400;
354
+ --md-ref-typeface-weight-medium: 500;
355
+ --md-ref-typeface-weight-bold: 700;
356
+
354
357
  /* display - large */
355
358
  --md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);
356
- --md-sys-typescale-display-large-weight: 400;
357
- --md-sys-typescale-display-large-size: 57px;
358
- --md-sys-typescale-display-large-height: 64px;
359
+ --md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);
360
+ --md-sys-typescale-display-large-size: 3.5625rem; /* 57pt */
361
+ --md-sys-typescale-display-large-height: 4rem; /* 64pt */
359
362
  --md-sys-typescale-display-large-tracking: -0.25px;
360
363
  /* display - medium */
361
364
  --md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);
362
- --md-sys-typescale-display-medium-weight: 400;
363
- --md-sys-typescale-display-medium-size: 45px;
364
- --md-sys-typescale-display-medium-height: 52px;
365
+ --md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);
366
+ --md-sys-typescale-display-medium-size: 2.8125rem; /* 45pt */
367
+ --md-sys-typescale-display-medium-height: 3.25rem; /* 52pt */
365
368
  --md-sys-typescale-display-medium-tracking: 0px;
366
369
  /* display - small */
367
370
  --md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);
368
- --md-sys-typescale-display-small-weight: 400;
369
- --md-sys-typescale-display-small-size: 36px;
370
- --md-sys-typescale-display-small-height: 44px;
371
+ --md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);
372
+ --md-sys-typescale-display-small-size: 2.25rem; /* 36pt */
373
+ --md-sys-typescale-display-small-height: 2.75rem; /* 44pt */
371
374
  --md-sys-typescale-display-small-tracking: 0px;
372
375
  /* headline - large */
373
376
  --md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);
374
- --md-sys-typescale-headline-large-weight: 400;
375
- --md-sys-typescale-headline-large-size: 32px;
376
- --md-sys-typescale-headline-large-height: 40px;
377
+ --md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);
378
+ --md-sys-typescale-headline-large-size: 2rem; /* 32pt */
379
+ --md-sys-typescale-headline-large-height: 2.5rem; /* 40pt */
377
380
  --md-sys-typescale-headline-large-tracking: 0px;
378
381
  /* headline - medium */
379
382
  --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);
380
- --md-sys-typescale-headline-medium-weight: 400;
381
- --md-sys-typescale-headline-medium-size: 28px;
382
- --md-sys-typescale-headline-medium-height: 36px;
383
+ --md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);
384
+ --md-sys-typescale-headline-medium-size: 1.75rem; /* 28pt */
385
+ --md-sys-typescale-headline-medium-height: 2.25rem; /* 36pt */
383
386
  --md-sys-typescale-headline-medium-tracking: 0px;
384
387
  /* headline - small */
385
388
  --md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);
386
- --md-sys-typescale-headline-small-weight: 400;
387
- --md-sys-typescale-headline-small-size: 24px;
388
- --md-sys-typescale-headline-small-height: 32px;
389
+ --md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);
390
+ --md-sys-typescale-headline-small-size: 1.5rem; /* 24pt */
391
+ --md-sys-typescale-headline-small-height: 2rem; /* 32pt */
389
392
  --md-sys-typescale-headline-small-tracking: 0px;
390
393
  /* title - large */
391
394
  --md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);
392
- --md-sys-typescale-title-large-weight: 400;
393
- --md-sys-typescale-title-large-size: 22px;
394
- --md-sys-typescale-title-large-height: 28px;
395
+ --md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);
396
+ --md-sys-typescale-title-large-size: 1.375rem; /* 22pt */
397
+ --md-sys-typescale-title-large-height: 1.75rem; /* 28pt */
395
398
  --md-sys-typescale-title-large-tracking: 0px;
396
399
  /* title - medium */
397
400
  --md-sys-typescale-title-medium-font: var(--md-ref-typeface-brand);
398
- --md-sys-typescale-title-medium-weight: 500;
399
- --md-sys-typescale-title-medium-size: 16px;
400
- --md-sys-typescale-title-medium-height: 24px;
401
+ --md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);
402
+ --md-sys-typescale-title-medium-size: 1rem; /* 16pt */
403
+ --md-sys-typescale-title-medium-height: 1.5rem; /* 24pt */
401
404
  --md-sys-typescale-title-medium-tracking: 0.15px;
402
405
  /* title - small */
403
406
  --md-sys-typescale-title-small-font: var(--md-ref-typeface-brand);
404
- --md-sys-typescale-title-small-weight: 500;
405
- --md-sys-typescale-title-small-size: 14px;
406
- --md-sys-typescale-title-small-height: 20px;
407
+ --md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);
408
+ --md-sys-typescale-title-small-size: 0.875rem; /* 14pt */
409
+ --md-sys-typescale-title-small-height: 1.25rem; /* 20pt */
407
410
  --md-sys-typescale-title-small-tracking: 0.1px;
408
411
  /* body - large */
409
412
  --md-sys-typescale-body-large-font: var(--md-ref-typeface-brand);
410
- --md-sys-typescale-body-large-weight: 400;
411
- --md-sys-typescale-body-large-size: 16px;
412
- --md-sys-typescale-body-large-height: 24px;
413
+ --md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);
414
+ --md-sys-typescale-body-large-size: 1rem; /* 16pt */
415
+ --md-sys-typescale-body-large-height: 1.5rem; /* 24pt */
413
416
  --md-sys-typescale-body-large-tracking: 0.5px;
414
417
  /* body - medium */
415
418
  --md-sys-typescale-body-medium-font: var(--md-ref-typeface-brand);
416
- --md-sys-typescale-body-medium-weight: 400;
417
- --md-sys-typescale-body-medium-size: 14px;
418
- --md-sys-typescale-body-medium-height: 20px;
419
+ --md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);
420
+ --md-sys-typescale-body-medium-size: 0.875rem; /* 14pt */
421
+ --md-sys-typescale-body-medium-height: 1.25rem; /* 20pt */
419
422
  --md-sys-typescale-body-medium-tracking: 0.25px;
420
423
  /* body - small */
421
424
  --md-sys-typescale-body-small-font: var(--md-ref-typeface-brand);
422
- --md-sys-typescale-body-small-weight: 400;
423
- --md-sys-typescale-body-small-size: 12px;
424
- --md-sys-typescale-body-small-height: 16px;
425
+ --md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);
426
+ --md-sys-typescale-body-small-size: 0.75rem; /* 12pt */
427
+ --md-sys-typescale-body-small-height: 1rem; /* 16pt */
425
428
  --md-sys-typescale-body-small-tracking: 0.4px;
426
429
  /* label - large */
427
430
  --md-sys-typescale-label-large-font: var(--md-ref-typeface-brand);
428
- --md-sys-typescale-label-large-weight: 500;
429
- --md-sys-typescale-label-large-weight-prominent: 700;
430
- --md-sys-typescale-label-large-size: 14px;
431
- --md-sys-typescale-label-large-height: 20px;
431
+ --md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);
432
+ --md-sys-typescale-label-large-weight-prominent: var(--md-ref-typeface-weight-bold);
433
+ --md-sys-typescale-label-large-size: 0.875rem; /* 14pt */
434
+ --md-sys-typescale-label-large-height: 1.25rem; /* 20pt */
432
435
  --md-sys-typescale-label-large-tracking: 0.1px;
433
436
  /* label - medium */
434
437
  --md-sys-typescale-label-medium-font: var(--md-ref-typeface-brand);
435
- --md-sys-typescale-label-medium-weight: 500;
436
- --md-sys-typescale-label-medium-weight-prominent: 700;
437
- --md-sys-typescale-label-medium-size: 12px;
438
- --md-sys-typescale-label-medium-height: 16px;
438
+ --md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);
439
+ --md-sys-typescale-label-medium-weight-prominent: var(--md-ref-typeface-weight-bold);
440
+ --md-sys-typescale-label-medium-size: 0.75rem; /* 12pt */
441
+ --md-sys-typescale-label-medium-height: 1rem; /* 16pt */
439
442
  --md-sys-typescale-label-medium-tracking: 0.5px;
440
443
  /* label - small */
441
444
  --md-sys-typescale-label-small-font: var(--md-ref-typeface-brand);
442
- --md-sys-typescale-label-small-weight: 500;
443
- --md-sys-typescale-label-small-size: 11px;
444
- --md-sys-typescale-label-small-height: 16px;
445
+ --md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);
446
+ --md-sys-typescale-label-small-size: 0.6875rem; /* 11pt */
447
+ --md-sys-typescale-label-small-height: 1rem; /* 16pt */
445
448
  --md-sys-typescale-label-small-tracking: 0.5px;
446
449
 
447
450
  /* CUSTOM!!! */
@@ -459,9 +462,9 @@ html {
459
462
  --md-sys-elevation-4-dark: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);
460
463
  --md-sys-elevation-5-dark: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);
461
464
  /* State layer */
462
- --md-sys-state-hover-state-layer-opacity: 0.1;
463
- --md-sys-state-focus-state-layer-opacity: 0.12;
464
- --md-sys-state-pressed-state-layer-opacity: 0.14;
465
+ --md-sys-state-hover-state-layer-opacity: 0.08;
466
+ --md-sys-state-focus-state-layer-opacity: 0.1;
467
+ --md-sys-state-pressed-state-layer-opacity: 0.1;
465
468
  --md-sys-state-dragged-state-layer-opacity: 0.16;
466
469
  /* Rounding */
467
470
  --md-sys-shape-corner-none: 0;
@@ -483,4 +486,27 @@ html {
483
486
  --md-sys-animation-easing-acceleration: cubic-bezier(0.4, 0, 1, 1);
484
487
  --md-sys-animation-easing-deceleration: cubic-bezier(0, 0, 0.2, 1);
485
488
  --md-sys-animation-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1);
489
+
490
+ /* Motion */
491
+ --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
492
+ --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
493
+ --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
494
+ --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
495
+ --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
496
+ --md-sys-motion-duration-short1: 50ms;
497
+ --md-sys-motion-duration-short2: 100ms;
498
+ --md-sys-motion-duration-short3: 150ms;
499
+ --md-sys-motion-duration-short4: 200ms;
500
+ --md-sys-motion-duration-medium1: 250ms;
501
+ --md-sys-motion-duration-medium2: 300ms;
502
+ --md-sys-motion-duration-medium3: 350ms;
503
+ --md-sys-motion-duration-medium4: 400ms;
504
+ --md-sys-motion-duration-long1: 450ms;
505
+ --md-sys-motion-duration-long2: 500ms;
506
+ --md-sys-motion-duration-long3: 550ms;
507
+ --md-sys-motion-duration-long4: 600ms;
508
+ --md-sys-motion-duration-extra-long1: 700ms;
509
+ --md-sys-motion-duration-extra-long2: 800ms;
510
+ --md-sys-motion-duration-extra-long3: 900ms;
511
+ --md-sys-motion-duration-extra-long4: 1000ms;
486
512
  }