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