@api-client/ui 0.2.13 → 0.3.0

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