@igne-agency/react-web-ui 0.3.1 → 0.5.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 (291) hide show
  1. package/README.md +32 -1
  2. package/dist/base.css +3 -0
  3. package/dist/components/accordion/accordion.css +24 -19
  4. package/dist/components/accordion/accordion.d.ts +19 -3
  5. package/dist/components/accordion/accordion.js +86 -32
  6. package/dist/components/accordion/accordion.module.js +8 -8
  7. package/dist/components/active-filters/active-filter-describers.d.ts +1 -1
  8. package/dist/components/active-filters/active-filter-describers.js +1 -1
  9. package/dist/components/active-filters/active-filters.d.ts +35 -2
  10. package/dist/components/active-filters/active-filters.js +57 -52
  11. package/dist/components/active-filters/index.js +2 -2
  12. package/dist/components/attachment-tile/attachment-preview.d.ts +11 -9
  13. package/dist/components/attachment-tile/attachment-preview.js +102 -68
  14. package/dist/components/attachment-tile/attachment-tile.css +22 -13
  15. package/dist/components/attachment-tile/attachment-tile.d.ts +51 -6
  16. package/dist/components/attachment-tile/attachment-tile.js +209 -85
  17. package/dist/components/attachment-tile/attachment-tile.module.js +10 -10
  18. package/dist/components/attachment-tile/index.d.ts +1 -1
  19. package/dist/components/attachment-tile/index.js +2 -2
  20. package/dist/components/avatar/avatar.d.ts +5 -5
  21. package/dist/components/avatar/avatar.js +64 -37
  22. package/dist/components/avatar-group/avatar-group.js +2 -2
  23. package/dist/components/badge/badge.js +1 -1
  24. package/dist/components/breadcrumbs/breadcrumbs.d.ts +22 -7
  25. package/dist/components/breadcrumbs/breadcrumbs.js +189 -170
  26. package/dist/components/button/button.d.ts +2 -3
  27. package/dist/components/button/button.js +58 -77
  28. package/dist/components/button/close-button.d.ts +4 -2
  29. package/dist/components/button/close-button.js +9 -9
  30. package/dist/components/checkbox-field/checkbox-field.d.ts +17 -3
  31. package/dist/components/checkbox-field/checkbox-field.js +108 -131
  32. package/dist/components/checkbox-field/checkbox.css +26 -34
  33. package/dist/components/checkbox-field/checkbox.d.ts +51 -8
  34. package/dist/components/checkbox-field/checkbox.js +221 -57
  35. package/dist/components/checkbox-field/checkbox.module.js +6 -8
  36. package/dist/components/checkbox-field/index.d.ts +0 -1
  37. package/dist/components/checkbox-field/index.js +1 -2
  38. package/dist/components/checkbox-field/tsf-checkbox-field.d.ts +2 -2
  39. package/dist/components/checkbox-group-field/checkbox-group-field.d.ts +4 -1
  40. package/dist/components/checkbox-group-field/checkbox-group-field.js +54 -50
  41. package/dist/components/checkbox-group-field/checkbox-group.d.ts +7 -2
  42. package/dist/components/checkbox-group-field/checkbox-group.js +8 -3
  43. package/dist/components/collapsible/collapsible.css +23 -18
  44. package/dist/components/collapsible/collapsible.d.ts +18 -3
  45. package/dist/components/collapsible/collapsible.js +85 -32
  46. package/dist/components/collapsible/collapsible.module.js +7 -7
  47. package/dist/components/combobox-field/combobox-field.d.ts +9 -1
  48. package/dist/components/combobox-field/combobox-field.js +195 -175
  49. package/dist/components/combobox-field/combobox-items.d.ts +2 -2
  50. package/dist/components/combobox-field/combobox-items.js +4 -4
  51. package/dist/components/combobox-field/combobox.css +99 -96
  52. package/dist/components/combobox-field/combobox.d.ts +94 -15
  53. package/dist/components/combobox-field/combobox.js +484 -159
  54. package/dist/components/combobox-field/combobox.module.js +21 -21
  55. package/dist/components/combobox-field/index.d.ts +0 -1
  56. package/dist/components/combobox-field/selection.d.ts +4 -1
  57. package/dist/components/combobox-field/value-state-view.css +7 -3
  58. package/dist/components/combobox-field/value-state-view.d.ts +4 -2
  59. package/dist/components/combobox-field/value-state-view.js +15 -15
  60. package/dist/components/combobox-field/value-state-view.module.js +6 -4
  61. package/dist/components/composer/composer-attachments.d.ts +11 -3
  62. package/dist/components/composer/composer-attachments.js +61 -47
  63. package/dist/components/composer/composer-editor.d.ts +2 -1
  64. package/dist/components/composer/composer-editor.js +79 -71
  65. package/dist/components/composer/composer-mentions.js +2 -2
  66. package/dist/components/composer/composer.d.ts +42 -21
  67. package/dist/components/composer/composer.js +201 -58
  68. package/dist/components/composer/mention-text.js +3 -3
  69. package/dist/components/confirm-dialog/confirm-dialog.d.ts +8 -7
  70. package/dist/components/confirm-dialog/confirm-dialog.js +10 -9
  71. package/dist/components/conversation/conversation.context.d.ts +0 -5
  72. package/dist/components/conversation/conversation.d.ts +63 -29
  73. package/dist/components/conversation/conversation.js +193 -82
  74. package/dist/components/conversation/index.d.ts +1 -1
  75. package/dist/components/date-field/date-field.d.ts +10 -4
  76. package/dist/components/date-field/date-field.js +57 -43
  77. package/dist/components/date-field/date-input.d.ts +20 -3
  78. package/dist/components/date-field/date-input.js +28 -13
  79. package/dist/components/date-field/index.d.ts +1 -1
  80. package/dist/components/date-field/tsf-date-field.d.ts +1 -1
  81. package/dist/components/date-field/tsf-date-field.js +1 -1
  82. package/dist/components/date-range-field/date-range-field.d.ts +8 -4
  83. package/dist/components/date-range-field/date-range-field.js +57 -45
  84. package/dist/components/date-range-field/date-range-input.d.ts +20 -3
  85. package/dist/components/date-range-field/date-range-input.js +27 -12
  86. package/dist/components/date-range-field/tsf-date-range-field.d.ts +1 -1
  87. package/dist/components/date-range-field/tsf-date-range-field.js +1 -1
  88. package/dist/components/detail-list/detail-list.d.ts +28 -27
  89. package/dist/components/detail-list/detail-list.js +177 -121
  90. package/dist/components/dialog/dialog.d.ts +47 -27
  91. package/dist/components/dialog/dialog.js +101 -38
  92. package/dist/components/divider/divider.js +1 -1
  93. package/dist/components/drawer/drawer.d.ts +48 -30
  94. package/dist/components/drawer/drawer.js +113 -41
  95. package/dist/components/email-field/email-field.d.ts +5 -3
  96. package/dist/components/email-field/email-field.js +1 -3
  97. package/dist/components/email-field/tsf-email-field.d.ts +3 -2
  98. package/dist/components/empty-message/empty-message.d.ts +3 -3
  99. package/dist/components/empty-message/empty-message.js +3 -3
  100. package/dist/components/error-boundary/error-boundary.d.ts +5 -2
  101. package/dist/components/error-boundary/error-boundary.js +2 -3
  102. package/dist/components/error-message/error-message.d.ts +1 -1
  103. package/dist/components/error-message/error-message.js +1 -1
  104. package/dist/components/error-text/error-text.js +3 -3
  105. package/dist/components/field/field.d.ts +5 -5
  106. package/dist/components/field/field.js +9 -9
  107. package/dist/components/field/index.js +2 -2
  108. package/dist/components/field/input-parts.js +1 -1
  109. package/dist/components/field-placeholder/field-placeholder.d.ts +4 -1
  110. package/dist/components/field-placeholder/field-placeholder.js +41 -26
  111. package/dist/components/fieldset/field-group.js +1 -1
  112. package/dist/components/fieldset/fieldset-root.js +1 -1
  113. package/dist/components/fieldset/fieldset.js +1 -1
  114. package/dist/components/file-field/file-field.css +19 -15
  115. package/dist/components/file-field/file-field.d.ts +10 -1
  116. package/dist/components/file-field/file-field.js +130 -109
  117. package/dist/components/file-field/file-field.module.js +6 -4
  118. package/dist/components/file-field/file-input.d.ts +32 -9
  119. package/dist/components/file-field/file-input.js +94 -74
  120. package/dist/components/filter-bar/filter-bar.d.ts +79 -51
  121. package/dist/components/filter-bar/filter-bar.js +552 -216
  122. package/dist/components/form/form.d.ts +4 -6
  123. package/dist/components/form/form.js +6 -8
  124. package/dist/components/icon/icon.d.ts +5 -10
  125. package/dist/components/icon/icon.js +4 -6
  126. package/dist/components/link/link.js +1 -1
  127. package/dist/components/link-button/link-button.d.ts +1 -2
  128. package/dist/components/link-button/link-button.js +12 -22
  129. package/dist/components/loading-message/loading-message.d.ts +2 -2
  130. package/dist/components/loading-message/loading-message.js +1 -1
  131. package/dist/components/locale-provider/locale-provider.js +1 -1
  132. package/dist/components/menu/menu.d.ts +40 -22
  133. package/dist/components/menu/menu.js +100 -40
  134. package/dist/components/nav/nav-context.d.ts +0 -1
  135. package/dist/components/nav/nav-context.js +1 -2
  136. package/dist/components/nav/nav-item-view.d.ts +7 -7
  137. package/dist/components/nav/nav-item-view.js +27 -51
  138. package/dist/components/nav/nav.css +72 -60
  139. package/dist/components/nav/nav.d.ts +15 -8
  140. package/dist/components/nav/nav.js +105 -52
  141. package/dist/components/nav/nav.module.js +14 -14
  142. package/dist/components/number-field/number-field.d.ts +7 -1
  143. package/dist/components/number-field/number-field.js +98 -82
  144. package/dist/components/number-field/number-input.d.ts +53 -4
  145. package/dist/components/number-field/number-input.js +68 -21
  146. package/dist/components/number-field/tsf-number-field.d.ts +1 -1
  147. package/dist/components/number-field/tsf-number-field.js +1 -1
  148. package/dist/components/otp-field/otp-input.d.ts +25 -0
  149. package/dist/components/otp-field/otp-input.js +26 -1
  150. package/dist/components/pagination/pagination.d.ts +82 -23
  151. package/dist/components/pagination/pagination.js +656 -229
  152. package/dist/components/password-field/password-field.d.ts +7 -1
  153. package/dist/components/password-field/password-field.js +117 -126
  154. package/dist/components/password-field/password-strength.js +1 -1
  155. package/dist/components/password-field/tsf-password-field.d.ts +1 -1
  156. package/dist/components/password-field/tsf-password-field.js +1 -1
  157. package/dist/components/photo-field/photo-field.d.ts +17 -3
  158. package/dist/components/photo-field/photo-field.js +168 -89
  159. package/dist/components/photo-field/photo-input-context.d.ts +25 -0
  160. package/dist/components/photo-field/photo-input-context.js +14 -0
  161. package/dist/components/photo-field/photo-input.d.ts +58 -23
  162. package/dist/components/photo-field/photo-input.js +459 -261
  163. package/dist/components/popover/popover.d.ts +55 -23
  164. package/dist/components/popover/popover.js +205 -61
  165. package/dist/components/radio-group-field/radio-group.js +1 -1
  166. package/dist/components/search-field/search-field.d.ts +7 -5
  167. package/dist/components/search-field/search-field.js +4 -6
  168. package/dist/components/search-field/tsf-search-field.d.ts +1 -1
  169. package/dist/components/search-field/tsf-search-field.js +1 -1
  170. package/dist/components/segmented-control-field/segmented-control.js +1 -1
  171. package/dist/components/select-field/select-field.d.ts +7 -1
  172. package/dist/components/select-field/select-field.js +151 -139
  173. package/dist/components/select-field/select.d.ts +28 -6
  174. package/dist/components/select-field/select.js +234 -149
  175. package/dist/components/skeleton/skeleton.js +1 -1
  176. package/dist/components/spinner/spinner.css +47 -1
  177. package/dist/components/spinner/spinner.js +28 -11
  178. package/dist/components/spinner/spinner.module.js +18 -3
  179. package/dist/components/stale/stale.d.ts +17 -21
  180. package/dist/components/stale/stale.js +307 -129
  181. package/dist/components/status-message/status-message.css +22 -21
  182. package/dist/components/status-message/status-message.d.ts +10 -5
  183. package/dist/components/status-message/status-message.js +20 -24
  184. package/dist/components/status-message/status-message.module.js +6 -6
  185. package/dist/components/status-message/status-preset.d.ts +4 -5
  186. package/dist/components/status-message/status-preset.js +3 -3
  187. package/dist/components/switch-field/switch.js +1 -1
  188. package/dist/components/tabs/tabs.d.ts +51 -28
  189. package/dist/components/tabs/tabs.js +219 -144
  190. package/dist/components/tag/tag.css +23 -21
  191. package/dist/components/tag/tag.d.ts +17 -15
  192. package/dist/components/tag/tag.js +140 -65
  193. package/dist/components/tag/tag.module.js +3 -3
  194. package/dist/components/tag-group/tag-group.css +30 -27
  195. package/dist/components/tag-group/tag-group.d.ts +10 -4
  196. package/dist/components/tag-group/tag-group.js +47 -35
  197. package/dist/components/tag-group/tag-group.module.js +4 -4
  198. package/dist/components/text-field/text-field.d.ts +14 -3
  199. package/dist/components/text-field/text-field.js +154 -133
  200. package/dist/components/text-field/text-input.d.ts +89 -3
  201. package/dist/components/text-field/text-input.js +184 -70
  202. package/dist/components/textarea-field/textarea.js +1 -1
  203. package/dist/components/time-field/time-input.d.ts +6 -0
  204. package/dist/components/time-field/time-input.js +6 -0
  205. package/dist/components/time-zone-provider/time-zone-provider.js +1 -1
  206. package/dist/components/toast/index.js +2 -2
  207. package/dist/components/toast/toast-provider.css +38 -34
  208. package/dist/components/toast/toast-provider.d.ts +65 -3
  209. package/dist/components/toast/toast-provider.js +313 -148
  210. package/dist/components/toast/toast-provider.module.js +11 -17
  211. package/dist/components/toast/toast.d.ts +5 -1
  212. package/dist/components/toast/toast.js +2 -1
  213. package/dist/components/toggle-group-field/toggle-group.js +1 -1
  214. package/dist/components/tooltip/tooltip.d.ts +6 -6
  215. package/dist/components/tooltip/tooltip.js +7 -7
  216. package/dist/data-table/data-table-content.d.ts +18 -10
  217. package/dist/data-table/data-table-content.js +145 -290
  218. package/dist/data-table/data-table-context.d.ts +4 -2
  219. package/dist/data-table/data-table-context.js +1 -1
  220. package/dist/data-table/data-table-parts.d.ts +99 -0
  221. package/dist/data-table/data-table-parts.js +1182 -0
  222. package/dist/data-table/data-table-selection.d.ts +7 -3
  223. package/dist/data-table/data-table-selection.js +62 -37
  224. package/dist/data-table/data-table.css +100 -95
  225. package/dist/data-table/data-table.d.ts +49 -25
  226. package/dist/data-table/data-table.js +95 -83
  227. package/dist/data-table/data-table.module.js +34 -34
  228. package/dist/data-table/index.d.ts +2 -1
  229. package/dist/data-table/index.js +2 -1
  230. package/dist/data-view/use-data-view.d.ts +2 -2
  231. package/dist/data-view/use-data-view.js +2 -2
  232. package/dist/index.js +7 -8
  233. package/dist/lib/calendar/calendar-navigation.d.ts +9 -2
  234. package/dist/lib/calendar/calendar-navigation.js +72 -73
  235. package/dist/lib/calendar/calendar-year.d.ts +4 -3
  236. package/dist/lib/calendar/calendar-year.js +137 -156
  237. package/dist/lib/calendar/temporal.d.ts +18 -12
  238. package/dist/lib/calendar/temporal.js +191 -147
  239. package/dist/lib/table-storage.d.ts +2 -2
  240. package/dist/lib/table-storage.js +2 -2
  241. package/dist/lib/unsaved-changes/leave-guard.js +1 -1
  242. package/dist/terrazzo/index.d.ts +20 -3
  243. package/dist/terrazzo/index.js +110 -7
  244. package/dist/tokens.css +94 -71
  245. package/package.json +4 -3
  246. package/tokens/ref.tokens.json +0 -30
  247. package/tokens/sys.tokens.json +0 -7
  248. package/dist/assets/spinner.js +0 -28
  249. package/dist/components/checkbox-field/checkbox-glyph.d.ts +0 -12
  250. package/dist/components/checkbox-field/checkbox-glyph.js +0 -38
  251. package/dist/components/combobox-field/combobox-popup-body.d.ts +0 -34
  252. package/dist/components/combobox-field/combobox-popup-body.js +0 -142
  253. package/dist/components/conversation/conversation.context.js +0 -4
  254. package/dist/vendor/@material-design-icons/svg/outlined/add.js +0 -12
  255. package/dist/vendor/@material-design-icons/svg/outlined/arrow_downward.js +0 -12
  256. package/dist/vendor/@material-design-icons/svg/outlined/arrow_forward.js +0 -12
  257. package/dist/vendor/@material-design-icons/svg/outlined/arrow_upward.js +0 -12
  258. package/dist/vendor/@material-design-icons/svg/outlined/attach_file.js +0 -12
  259. package/dist/vendor/@material-design-icons/svg/outlined/block.js +0 -12
  260. package/dist/vendor/@material-design-icons/svg/outlined/calendar_today.js +0 -12
  261. package/dist/vendor/@material-design-icons/svg/outlined/check.js +0 -12
  262. package/dist/vendor/@material-design-icons/svg/outlined/check_circle.js +0 -12
  263. package/dist/vendor/@material-design-icons/svg/outlined/chevron_left.js +0 -12
  264. package/dist/vendor/@material-design-icons/svg/outlined/chevron_right.js +0 -12
  265. package/dist/vendor/@material-design-icons/svg/outlined/close.js +0 -12
  266. package/dist/vendor/@material-design-icons/svg/outlined/content_copy.js +0 -12
  267. package/dist/vendor/@material-design-icons/svg/outlined/date_range.js +0 -12
  268. package/dist/vendor/@material-design-icons/svg/outlined/description.js +0 -12
  269. package/dist/vendor/@material-design-icons/svg/outlined/download.js +0 -12
  270. package/dist/vendor/@material-design-icons/svg/outlined/error.js +0 -12
  271. package/dist/vendor/@material-design-icons/svg/outlined/error_outline.js +0 -12
  272. package/dist/vendor/@material-design-icons/svg/outlined/expand_less.js +0 -12
  273. package/dist/vendor/@material-design-icons/svg/outlined/expand_more.js +0 -12
  274. package/dist/vendor/@material-design-icons/svg/outlined/filter_alt.js +0 -12
  275. package/dist/vendor/@material-design-icons/svg/outlined/filter_alt_off.js +0 -12
  276. package/dist/vendor/@material-design-icons/svg/outlined/first_page.js +0 -12
  277. package/dist/vendor/@material-design-icons/svg/outlined/info.js +0 -12
  278. package/dist/vendor/@material-design-icons/svg/outlined/keyboard_arrow_down.js +0 -12
  279. package/dist/vendor/@material-design-icons/svg/outlined/last_page.js +0 -12
  280. package/dist/vendor/@material-design-icons/svg/outlined/mail.js +0 -12
  281. package/dist/vendor/@material-design-icons/svg/outlined/more_horiz.js +0 -12
  282. package/dist/vendor/@material-design-icons/svg/outlined/photo_camera.js +0 -12
  283. package/dist/vendor/@material-design-icons/svg/outlined/remove.js +0 -12
  284. package/dist/vendor/@material-design-icons/svg/outlined/restart_alt.js +0 -12
  285. package/dist/vendor/@material-design-icons/svg/outlined/restore.js +0 -12
  286. package/dist/vendor/@material-design-icons/svg/outlined/search.js +0 -12
  287. package/dist/vendor/@material-design-icons/svg/outlined/unfold_more.js +0 -12
  288. package/dist/vendor/@material-design-icons/svg/outlined/upload_file.js +0 -12
  289. package/dist/vendor/@material-design-icons/svg/outlined/visibility.js +0 -12
  290. package/dist/vendor/@material-design-icons/svg/outlined/visibility_off.js +0 -12
  291. package/dist/vendor/@material-design-icons/svg/outlined/warning_amber.js +0 -12
package/dist/tokens.css CHANGED
@@ -6,7 +6,8 @@
6
6
  * ------------------------------------------- */
7
7
 
8
8
  :root {
9
- color-scheme: light;
9
+ --sys-font-family-body: system-ui, sans-serif;
10
+ --sys-font-family-heading: var(--sys-font-family-body);
10
11
  --ref-blue-0: oklch(100% 0 234.03);
11
12
  --ref-blue-10: oklch(99.01% 0.0022 234.03);
12
13
  --ref-blue-25: oklch(97.52% 0.0053 234.03);
@@ -33,181 +34,181 @@
33
34
  --ref-blue-990: oklch(1.01% 0.0021 234.03);
34
35
  --ref-blue-1000: oklch(0% 0 234.03);
35
36
  --ref-font-body-bold-1: var(--ref-font-body-bold-1-font-weight) var(--ref-font-body-bold-1-font-size)/var(--ref-font-body-bold-1-line-height) var(--ref-font-body-bold-1-font-family);
36
- --ref-font-body-bold-1-font-family: "Roboto", sans-serif;
37
+ --ref-font-body-bold-1-font-family: var(--sys-font-family-body);
37
38
  --ref-font-body-bold-1-font-size: 1rem;
38
39
  --ref-font-body-bold-1-font-weight: 700;
39
40
  --ref-font-body-bold-1-letter-spacing: 0px;
40
41
  --ref-font-body-bold-1-line-height: 1.4;
41
42
  --ref-font-body-bold-2: var(--ref-font-body-bold-2-font-weight) var(--ref-font-body-bold-2-font-size)/var(--ref-font-body-bold-2-line-height) var(--ref-font-body-bold-2-font-family);
42
- --ref-font-body-bold-2-font-family: "Roboto", sans-serif;
43
+ --ref-font-body-bold-2-font-family: var(--sys-font-family-body);
43
44
  --ref-font-body-bold-2-font-size: 1.167rem;
44
45
  --ref-font-body-bold-2-font-weight: 700;
45
46
  --ref-font-body-bold-2-letter-spacing: 0px;
46
47
  --ref-font-body-bold-2-line-height: 1.4;
47
48
  --ref-font-body-bold-3: var(--ref-font-body-bold-3-font-weight) var(--ref-font-body-bold-3-font-size)/var(--ref-font-body-bold-3-line-height) var(--ref-font-body-bold-3-font-family);
48
- --ref-font-body-bold-3-font-family: "Roboto", sans-serif;
49
+ --ref-font-body-bold-3-font-family: var(--sys-font-family-body);
49
50
  --ref-font-body-bold-3-font-size: 1.333rem;
50
51
  --ref-font-body-bold-3-font-weight: 700;
51
52
  --ref-font-body-bold-3-letter-spacing: 0px;
52
53
  --ref-font-body-bold-3-line-height: 1.4;
53
54
  --ref-font-body-bold-4: var(--ref-font-body-bold-4-font-weight) var(--ref-font-body-bold-4-font-size)/var(--ref-font-body-bold-4-line-height) var(--ref-font-body-bold-4-font-family);
54
- --ref-font-body-bold-4-font-family: "Roboto", sans-serif;
55
+ --ref-font-body-bold-4-font-family: var(--sys-font-family-body);
55
56
  --ref-font-body-bold-4-font-size: 1.5rem;
56
57
  --ref-font-body-bold-4-font-weight: 700;
57
58
  --ref-font-body-bold-4-letter-spacing: 0px;
58
59
  --ref-font-body-bold-4-line-height: 1.4;
59
60
  --ref-font-body-bold-5: var(--ref-font-body-bold-5-font-weight) var(--ref-font-body-bold-5-font-size)/var(--ref-font-body-bold-5-line-height) var(--ref-font-body-bold-5-font-family);
60
- --ref-font-body-bold-5-font-family: "Roboto", sans-serif;
61
+ --ref-font-body-bold-5-font-family: var(--sys-font-family-body);
61
62
  --ref-font-body-bold-5-font-size: 1.667rem;
62
63
  --ref-font-body-bold-5-font-weight: 700;
63
64
  --ref-font-body-bold-5-letter-spacing: 0px;
64
65
  --ref-font-body-bold-5-line-height: 1.4;
65
66
  --ref-font-body-extrabold-1: var(--ref-font-body-extrabold-1-font-weight) var(--ref-font-body-extrabold-1-font-size)/var(--ref-font-body-extrabold-1-line-height) var(--ref-font-body-extrabold-1-font-family);
66
- --ref-font-body-extrabold-1-font-family: "Roboto", sans-serif;
67
+ --ref-font-body-extrabold-1-font-family: var(--sys-font-family-body);
67
68
  --ref-font-body-extrabold-1-font-size: 1rem;
68
69
  --ref-font-body-extrabold-1-font-weight: 800;
69
70
  --ref-font-body-extrabold-1-letter-spacing: 0px;
70
71
  --ref-font-body-extrabold-1-line-height: 1.4;
71
72
  --ref-font-body-extrabold-2: var(--ref-font-body-extrabold-2-font-weight) var(--ref-font-body-extrabold-2-font-size)/var(--ref-font-body-extrabold-2-line-height) var(--ref-font-body-extrabold-2-font-family);
72
- --ref-font-body-extrabold-2-font-family: "Roboto", sans-serif;
73
+ --ref-font-body-extrabold-2-font-family: var(--sys-font-family-body);
73
74
  --ref-font-body-extrabold-2-font-size: 1.167rem;
74
75
  --ref-font-body-extrabold-2-font-weight: 800;
75
76
  --ref-font-body-extrabold-2-letter-spacing: 0px;
76
77
  --ref-font-body-extrabold-2-line-height: 1.4;
77
78
  --ref-font-body-extrabold-3: var(--ref-font-body-extrabold-3-font-weight) var(--ref-font-body-extrabold-3-font-size)/var(--ref-font-body-extrabold-3-line-height) var(--ref-font-body-extrabold-3-font-family);
78
- --ref-font-body-extrabold-3-font-family: "Roboto", sans-serif;
79
+ --ref-font-body-extrabold-3-font-family: var(--sys-font-family-body);
79
80
  --ref-font-body-extrabold-3-font-size: 1.333rem;
80
81
  --ref-font-body-extrabold-3-font-weight: 800;
81
82
  --ref-font-body-extrabold-3-letter-spacing: 0px;
82
83
  --ref-font-body-extrabold-3-line-height: 1.4;
83
84
  --ref-font-body-extrabold-4: var(--ref-font-body-extrabold-4-font-weight) var(--ref-font-body-extrabold-4-font-size)/var(--ref-font-body-extrabold-4-line-height) var(--ref-font-body-extrabold-4-font-family);
84
- --ref-font-body-extrabold-4-font-family: "Roboto", sans-serif;
85
+ --ref-font-body-extrabold-4-font-family: var(--sys-font-family-body);
85
86
  --ref-font-body-extrabold-4-font-size: 1.5rem;
86
87
  --ref-font-body-extrabold-4-font-weight: 800;
87
88
  --ref-font-body-extrabold-4-letter-spacing: 0px;
88
89
  --ref-font-body-extrabold-4-line-height: 1.4;
89
90
  --ref-font-body-extrabold-5: var(--ref-font-body-extrabold-5-font-weight) var(--ref-font-body-extrabold-5-font-size)/var(--ref-font-body-extrabold-5-line-height) var(--ref-font-body-extrabold-5-font-family);
90
- --ref-font-body-extrabold-5-font-family: "Roboto", sans-serif;
91
+ --ref-font-body-extrabold-5-font-family: var(--sys-font-family-body);
91
92
  --ref-font-body-extrabold-5-font-size: 1.667rem;
92
93
  --ref-font-body-extrabold-5-font-weight: 800;
93
94
  --ref-font-body-extrabold-5-letter-spacing: 0px;
94
95
  --ref-font-body-extrabold-5-line-height: 1.4;
95
96
  --ref-font-body-regular-1: var(--ref-font-body-regular-1-font-weight) var(--ref-font-body-regular-1-font-size)/var(--ref-font-body-regular-1-line-height) var(--ref-font-body-regular-1-font-family);
96
- --ref-font-body-regular-1-font-family: "Roboto", sans-serif;
97
+ --ref-font-body-regular-1-font-family: var(--sys-font-family-body);
97
98
  --ref-font-body-regular-1-font-size: 1rem;
98
99
  --ref-font-body-regular-1-font-weight: 400;
99
100
  --ref-font-body-regular-1-letter-spacing: 0px;
100
101
  --ref-font-body-regular-1-line-height: 1.4;
101
102
  --ref-font-body-regular-2: var(--ref-font-body-regular-2-font-weight) var(--ref-font-body-regular-2-font-size)/var(--ref-font-body-regular-2-line-height) var(--ref-font-body-regular-2-font-family);
102
- --ref-font-body-regular-2-font-family: "Roboto", sans-serif;
103
+ --ref-font-body-regular-2-font-family: var(--sys-font-family-body);
103
104
  --ref-font-body-regular-2-font-size: 1.167rem;
104
105
  --ref-font-body-regular-2-font-weight: 400;
105
106
  --ref-font-body-regular-2-letter-spacing: 0px;
106
107
  --ref-font-body-regular-2-line-height: 1.4;
107
108
  --ref-font-body-regular-3: var(--ref-font-body-regular-3-font-weight) var(--ref-font-body-regular-3-font-size)/var(--ref-font-body-regular-3-line-height) var(--ref-font-body-regular-3-font-family);
108
- --ref-font-body-regular-3-font-family: "Roboto", sans-serif;
109
+ --ref-font-body-regular-3-font-family: var(--sys-font-family-body);
109
110
  --ref-font-body-regular-3-font-size: 1.333rem;
110
111
  --ref-font-body-regular-3-font-weight: 400;
111
112
  --ref-font-body-regular-3-letter-spacing: 0px;
112
113
  --ref-font-body-regular-3-line-height: 1.4;
113
114
  --ref-font-body-regular-4: var(--ref-font-body-regular-4-font-weight) var(--ref-font-body-regular-4-font-size)/var(--ref-font-body-regular-4-line-height) var(--ref-font-body-regular-4-font-family);
114
- --ref-font-body-regular-4-font-family: "Roboto", sans-serif;
115
+ --ref-font-body-regular-4-font-family: var(--sys-font-family-body);
115
116
  --ref-font-body-regular-4-font-size: 1.5rem;
116
117
  --ref-font-body-regular-4-font-weight: 400;
117
118
  --ref-font-body-regular-4-letter-spacing: 0px;
118
119
  --ref-font-body-regular-4-line-height: 1.4;
119
120
  --ref-font-body-regular-5: var(--ref-font-body-regular-5-font-weight) var(--ref-font-body-regular-5-font-size)/var(--ref-font-body-regular-5-line-height) var(--ref-font-body-regular-5-font-family);
120
- --ref-font-body-regular-5-font-family: "Roboto", sans-serif;
121
+ --ref-font-body-regular-5-font-family: var(--sys-font-family-body);
121
122
  --ref-font-body-regular-5-font-size: 1.667rem;
122
123
  --ref-font-body-regular-5-font-weight: 400;
123
124
  --ref-font-body-regular-5-letter-spacing: 0px;
124
125
  --ref-font-body-regular-5-line-height: 1.4;
125
126
  --ref-font-body-semibold-1: var(--ref-font-body-semibold-1-font-weight) var(--ref-font-body-semibold-1-font-size)/var(--ref-font-body-semibold-1-line-height) var(--ref-font-body-semibold-1-font-family);
126
- --ref-font-body-semibold-1-font-family: "Roboto", sans-serif;
127
+ --ref-font-body-semibold-1-font-family: var(--sys-font-family-body);
127
128
  --ref-font-body-semibold-1-font-size: 1rem;
128
129
  --ref-font-body-semibold-1-font-weight: 600;
129
130
  --ref-font-body-semibold-1-letter-spacing: 0px;
130
131
  --ref-font-body-semibold-1-line-height: 1.4;
131
132
  --ref-font-body-semibold-2: var(--ref-font-body-semibold-2-font-weight) var(--ref-font-body-semibold-2-font-size)/var(--ref-font-body-semibold-2-line-height) var(--ref-font-body-semibold-2-font-family);
132
- --ref-font-body-semibold-2-font-family: "Roboto", sans-serif;
133
+ --ref-font-body-semibold-2-font-family: var(--sys-font-family-body);
133
134
  --ref-font-body-semibold-2-font-size: 1.167rem;
134
135
  --ref-font-body-semibold-2-font-weight: 600;
135
136
  --ref-font-body-semibold-2-letter-spacing: 0px;
136
137
  --ref-font-body-semibold-2-line-height: 1.4;
137
138
  --ref-font-body-semibold-3: var(--ref-font-body-semibold-3-font-weight) var(--ref-font-body-semibold-3-font-size)/var(--ref-font-body-semibold-3-line-height) var(--ref-font-body-semibold-3-font-family);
138
- --ref-font-body-semibold-3-font-family: "Roboto", sans-serif;
139
+ --ref-font-body-semibold-3-font-family: var(--sys-font-family-body);
139
140
  --ref-font-body-semibold-3-font-size: 1.333rem;
140
141
  --ref-font-body-semibold-3-font-weight: 600;
141
142
  --ref-font-body-semibold-3-letter-spacing: 0px;
142
143
  --ref-font-body-semibold-3-line-height: 1.4;
143
144
  --ref-font-body-semibold-4: var(--ref-font-body-semibold-4-font-weight) var(--ref-font-body-semibold-4-font-size)/var(--ref-font-body-semibold-4-line-height) var(--ref-font-body-semibold-4-font-family);
144
- --ref-font-body-semibold-4-font-family: "Roboto", sans-serif;
145
+ --ref-font-body-semibold-4-font-family: var(--sys-font-family-body);
145
146
  --ref-font-body-semibold-4-font-size: 1.5rem;
146
147
  --ref-font-body-semibold-4-font-weight: 600;
147
148
  --ref-font-body-semibold-4-letter-spacing: 0px;
148
149
  --ref-font-body-semibold-4-line-height: 1.4;
149
150
  --ref-font-body-semibold-5: var(--ref-font-body-semibold-5-font-weight) var(--ref-font-body-semibold-5-font-size)/var(--ref-font-body-semibold-5-line-height) var(--ref-font-body-semibold-5-font-family);
150
- --ref-font-body-semibold-5-font-family: "Roboto", sans-serif;
151
+ --ref-font-body-semibold-5-font-family: var(--sys-font-family-body);
151
152
  --ref-font-body-semibold-5-font-size: 1.667rem;
152
153
  --ref-font-body-semibold-5-font-weight: 600;
153
154
  --ref-font-body-semibold-5-letter-spacing: 0px;
154
155
  --ref-font-body-semibold-5-line-height: 1.4;
155
156
  --ref-font-heading-bold-1: var(--ref-font-heading-bold-1-font-weight) var(--ref-font-heading-bold-1-font-size)/var(--ref-font-heading-bold-1-line-height) var(--ref-font-heading-bold-1-font-family);
156
- --ref-font-heading-bold-1-font-family: "Satoshi", sans-serif;
157
+ --ref-font-heading-bold-1-font-family: var(--sys-font-family-heading);
157
158
  --ref-font-heading-bold-1-font-size: 1.5rem;
158
159
  --ref-font-heading-bold-1-font-weight: 700;
159
160
  --ref-font-heading-bold-1-letter-spacing: 0px;
160
161
  --ref-font-heading-bold-1-line-height: 1.4;
161
162
  --ref-font-heading-bold-2: var(--ref-font-heading-bold-2-font-weight) var(--ref-font-heading-bold-2-font-size)/var(--ref-font-heading-bold-2-line-height) var(--ref-font-heading-bold-2-font-family);
162
- --ref-font-heading-bold-2-font-family: "Satoshi", sans-serif;
163
+ --ref-font-heading-bold-2-font-family: var(--sys-font-family-heading);
163
164
  --ref-font-heading-bold-2-font-size: 1.833rem;
164
165
  --ref-font-heading-bold-2-font-weight: 700;
165
166
  --ref-font-heading-bold-2-letter-spacing: 0px;
166
167
  --ref-font-heading-bold-2-line-height: 1.4;
167
168
  --ref-font-heading-bold-3: var(--ref-font-heading-bold-3-font-weight) var(--ref-font-heading-bold-3-font-size)/var(--ref-font-heading-bold-3-line-height) var(--ref-font-heading-bold-3-font-family);
168
- --ref-font-heading-bold-3-font-family: "Satoshi", sans-serif;
169
+ --ref-font-heading-bold-3-font-family: var(--sys-font-family-heading);
169
170
  --ref-font-heading-bold-3-font-size: 2.25rem;
170
171
  --ref-font-heading-bold-3-font-weight: 700;
171
172
  --ref-font-heading-bold-3-letter-spacing: 0px;
172
173
  --ref-font-heading-bold-3-line-height: 1.4;
173
174
  --ref-font-heading-bold-4: var(--ref-font-heading-bold-4-font-weight) var(--ref-font-heading-bold-4-font-size)/var(--ref-font-heading-bold-4-line-height) var(--ref-font-heading-bold-4-font-family);
174
- --ref-font-heading-bold-4-font-family: "Satoshi", sans-serif;
175
+ --ref-font-heading-bold-4-font-family: var(--sys-font-family-heading);
175
176
  --ref-font-heading-bold-4-font-size: 2.75rem;
176
177
  --ref-font-heading-bold-4-font-weight: 700;
177
178
  --ref-font-heading-bold-4-letter-spacing: 0px;
178
179
  --ref-font-heading-bold-4-line-height: 1.4;
179
180
  --ref-font-heading-bold-5: var(--ref-font-heading-bold-5-font-weight) var(--ref-font-heading-bold-5-font-size)/var(--ref-font-heading-bold-5-line-height) var(--ref-font-heading-bold-5-font-family);
180
- --ref-font-heading-bold-5-font-family: "Satoshi", sans-serif;
181
+ --ref-font-heading-bold-5-font-family: var(--sys-font-family-heading);
181
182
  --ref-font-heading-bold-5-font-size: 3.333rem;
182
183
  --ref-font-heading-bold-5-font-weight: 700;
183
184
  --ref-font-heading-bold-5-letter-spacing: 0px;
184
185
  --ref-font-heading-bold-5-line-height: 1.4;
185
186
  --ref-font-heading-regular-1: var(--ref-font-heading-regular-1-font-weight) var(--ref-font-heading-regular-1-font-size)/var(--ref-font-heading-regular-1-line-height) var(--ref-font-heading-regular-1-font-family);
186
- --ref-font-heading-regular-1-font-family: "Satoshi", sans-serif;
187
+ --ref-font-heading-regular-1-font-family: var(--sys-font-family-heading);
187
188
  --ref-font-heading-regular-1-font-size: 1.5rem;
188
189
  --ref-font-heading-regular-1-font-weight: 400;
189
190
  --ref-font-heading-regular-1-letter-spacing: 0px;
190
191
  --ref-font-heading-regular-1-line-height: 1.4;
191
192
  --ref-font-heading-regular-2: var(--ref-font-heading-regular-2-font-weight) var(--ref-font-heading-regular-2-font-size)/var(--ref-font-heading-regular-2-line-height) var(--ref-font-heading-regular-2-font-family);
192
- --ref-font-heading-regular-2-font-family: "Satoshi", sans-serif;
193
+ --ref-font-heading-regular-2-font-family: var(--sys-font-family-heading);
193
194
  --ref-font-heading-regular-2-font-size: 1.833rem;
194
195
  --ref-font-heading-regular-2-font-weight: 400;
195
196
  --ref-font-heading-regular-2-letter-spacing: 0px;
196
197
  --ref-font-heading-regular-2-line-height: 1.4;
197
198
  --ref-font-heading-regular-3: var(--ref-font-heading-regular-3-font-weight) var(--ref-font-heading-regular-3-font-size)/var(--ref-font-heading-regular-3-line-height) var(--ref-font-heading-regular-3-font-family);
198
- --ref-font-heading-regular-3-font-family: "Satoshi", sans-serif;
199
+ --ref-font-heading-regular-3-font-family: var(--sys-font-family-heading);
199
200
  --ref-font-heading-regular-3-font-size: 2.25rem;
200
201
  --ref-font-heading-regular-3-font-weight: 400;
201
202
  --ref-font-heading-regular-3-letter-spacing: 0px;
202
203
  --ref-font-heading-regular-3-line-height: 1.4;
203
204
  --ref-font-heading-regular-4: var(--ref-font-heading-regular-4-font-weight) var(--ref-font-heading-regular-4-font-size)/var(--ref-font-heading-regular-4-line-height) var(--ref-font-heading-regular-4-font-family);
204
- --ref-font-heading-regular-4-font-family: "Satoshi", sans-serif;
205
+ --ref-font-heading-regular-4-font-family: var(--sys-font-family-heading);
205
206
  --ref-font-heading-regular-4-font-size: 2.75rem;
206
207
  --ref-font-heading-regular-4-font-weight: 400;
207
208
  --ref-font-heading-regular-4-letter-spacing: 0px;
208
209
  --ref-font-heading-regular-4-line-height: 1.4;
209
210
  --ref-font-heading-regular-5: var(--ref-font-heading-regular-5-font-weight) var(--ref-font-heading-regular-5-font-size)/var(--ref-font-heading-regular-5-line-height) var(--ref-font-heading-regular-5-font-family);
210
- --ref-font-heading-regular-5-font-family: "Satoshi", sans-serif;
211
+ --ref-font-heading-regular-5-font-family: var(--sys-font-family-heading);
211
212
  --ref-font-heading-regular-5-font-size: 3.333rem;
212
213
  --ref-font-heading-regular-5-font-weight: 400;
213
214
  --ref-font-heading-regular-5-letter-spacing: 0px;
@@ -337,14 +338,24 @@
337
338
  --ref-sand-975: oklch(2.83% 0.0012 17.89);
338
339
  --ref-sand-990: oklch(1.13% 0.0005 17.89);
339
340
  --ref-sand-1000: oklch(0% 0 17.89);
341
+ }
342
+
343
+ :root,
344
+ [data-theme="light"] {
345
+ color-scheme: light;
346
+ /* The page behind everything */
340
347
  --sys-color-bg: var(--ref-neutral-25);
348
+ /* The quiet hairline that separation rations */
341
349
  --sys-color-border: var(--ref-neutral-150);
350
+ /* The fill of a control or button that cannot be used */
342
351
  --sys-color-disabled-bg: var(--ref-neutral-100);
352
+ /* The ink of a control that cannot be used: its text, icons and the marks of its choice */
343
353
  --sys-color-disabled-fg: var(--ref-neutral-300);
344
354
  --sys-color-error-bg: var(--ref-red-50);
345
355
  --sys-color-error-border: var(--ref-red-200);
346
356
  --sys-color-error-fg: var(--ref-red-700);
347
357
  --sys-color-error-outline: var(--ref-red-250);
358
+ /* Keyboard focus, on every focusable element */
348
359
  --sys-color-focus-ring: var(--sys-color-primary);
349
360
  --sys-color-identity-1-bg: oklch(96.02% 0.0119 84);
350
361
  --sys-color-identity-1-fg: oklch(24.08% 0.0472 84);
@@ -362,23 +373,35 @@
362
373
  --sys-color-neutral-fg: var(--ref-neutral-700);
363
374
  --sys-color-on-primary: var(--ref-neutral-0);
364
375
  --sys-color-on-primary-container: var(--ref-neutral-800);
376
+ /* A mark that has to be found: grab bars, scroll thumbs, control outlines */
365
377
  --sys-color-outline: var(--ref-neutral-200);
378
+ /* Primary buttons and links */
366
379
  --sys-color-primary: var(--ref-neutral-750);
380
+ /* Avatar fallbacks, mention pills, brand tints */
367
381
  --sys-color-primary-container: var(--ref-neutral-50);
368
382
  --sys-color-selection-bg: var(--ref-neutral-100);
369
383
  --sys-color-selection-fg: var(--ref-neutral-800);
370
384
  --sys-color-success-bg: var(--ref-green-50);
371
385
  --sys-color-success-border: var(--ref-green-200);
372
386
  --sys-color-success-fg: var(--ref-green-700);
387
+ /* The default card */
373
388
  --sys-color-surface: var(--ref-neutral-0);
389
+ /* A fill nested in a card */
374
390
  --sys-color-surface-high: var(--ref-neutral-50);
391
+ /* The deepest recess: fields, placeholders */
375
392
  --sys-color-surface-highest: var(--ref-neutral-100);
393
+ /* The dimmest card: a table's sub-rows */
376
394
  --sys-color-surface-lowest: var(--ref-neutral-10);
395
+ /* Popups and tooltips */
377
396
  --sys-color-surface-overlay: var(--ref-neutral-0);
397
+ /* Toasts */
378
398
  --sys-color-surface-overlay-high: var(--ref-neutral-0);
399
+ /* Body copy and headings */
379
400
  --sys-color-text: var(--ref-neutral-500);
380
401
  --sys-color-text-inverse: var(--ref-neutral-0);
402
+ /* Captions, help text and anything passive */
381
403
  --sys-color-text-muted: var(--ref-neutral-450);
404
+ /* The hint text an empty field shows */
382
405
  --sys-color-text-placeholder: var(--ref-neutral-400);
383
406
  --sys-color-warning-bg: var(--ref-orange-50);
384
407
  --sys-color-warning-border: var(--ref-orange-200);
@@ -394,79 +417,79 @@
394
417
  --sys-focus-ring-offset: 2px;
395
418
  --sys-focus-ring-width: 3px;
396
419
  --sys-font-body-large: var(--sys-font-body-large-font-weight) var(--sys-font-body-large-font-size)/var(--sys-font-body-large-line-height) var(--sys-font-body-large-font-family);
397
- --sys-font-body-large-font-family: var(--ref-font-body-regular-2-font-family);
420
+ --sys-font-body-large-font-family: var(--sys-font-family-body);
398
421
  --sys-font-body-large-font-size: var(--ref-font-body-regular-2-font-size);
399
422
  --sys-font-body-large-font-weight: var(--ref-font-body-regular-2-font-weight);
400
423
  --sys-font-body-large-letter-spacing: var(--ref-font-body-regular-2-letter-spacing);
401
424
  --sys-font-body-large-line-height: var(--ref-font-body-regular-2-line-height);
402
425
  --sys-font-body-medium: var(--sys-font-body-medium-font-weight) var(--sys-font-body-medium-font-size)/var(--sys-font-body-medium-line-height) var(--sys-font-body-medium-font-family);
403
- --sys-font-body-medium-font-family: var(--ref-font-body-regular-1-font-family);
426
+ --sys-font-body-medium-font-family: var(--sys-font-family-body);
404
427
  --sys-font-body-medium-font-size: var(--ref-font-body-regular-1-font-size);
405
428
  --sys-font-body-medium-font-weight: var(--ref-font-body-regular-1-font-weight);
406
429
  --sys-font-body-medium-letter-spacing: var(--ref-font-body-regular-1-letter-spacing);
407
430
  --sys-font-body-medium-line-height: var(--ref-font-body-regular-1-line-height);
408
431
  --sys-font-body-medium-strong: var(--sys-font-body-medium-strong-font-weight) var(--sys-font-body-medium-strong-font-size)/var(--sys-font-body-medium-strong-line-height) var(--sys-font-body-medium-strong-font-family);
409
- --sys-font-body-medium-strong-font-family: var(--ref-font-body-semibold-1-font-family);
432
+ --sys-font-body-medium-strong-font-family: var(--sys-font-family-body);
410
433
  --sys-font-body-medium-strong-font-size: var(--ref-font-body-semibold-1-font-size);
411
434
  --sys-font-body-medium-strong-font-weight: var(--ref-font-body-semibold-1-font-weight);
412
435
  --sys-font-body-medium-strong-letter-spacing: var(--ref-font-body-semibold-1-letter-spacing);
413
436
  --sys-font-body-medium-strong-line-height: var(--ref-font-body-semibold-1-line-height);
414
437
  --sys-font-body-small: var(--sys-font-body-small-font-weight) var(--sys-font-body-small-font-size)/var(--sys-font-body-small-line-height) var(--sys-font-body-small-font-family);
415
- --sys-font-body-small-font-family: "Roboto", sans-serif;
438
+ --sys-font-body-small-font-family: var(--sys-font-family-body);
416
439
  --sys-font-body-small-font-size: 0.917rem;
417
440
  --sys-font-body-small-font-weight: 400;
418
441
  --sys-font-body-small-letter-spacing: 0px;
419
442
  --sys-font-body-small-line-height: 1.4;
420
443
  --sys-font-heading-large: var(--sys-font-heading-large-font-weight) var(--sys-font-heading-large-font-size)/var(--sys-font-heading-large-line-height) var(--sys-font-heading-large-font-family);
421
- --sys-font-heading-large-font-family: var(--ref-font-heading-bold-3-font-family);
444
+ --sys-font-heading-large-font-family: var(--sys-font-family-heading);
422
445
  --sys-font-heading-large-font-size: var(--ref-font-heading-bold-3-font-size);
423
446
  --sys-font-heading-large-font-weight: var(--ref-font-heading-bold-3-font-weight);
424
447
  --sys-font-heading-large-letter-spacing: var(--ref-font-heading-bold-3-letter-spacing);
425
448
  --sys-font-heading-large-line-height: var(--ref-font-heading-bold-3-line-height);
426
449
  --sys-font-heading-medium: var(--sys-font-heading-medium-font-weight) var(--sys-font-heading-medium-font-size)/var(--sys-font-heading-medium-line-height) var(--sys-font-heading-medium-font-family);
427
- --sys-font-heading-medium-font-family: var(--ref-font-heading-bold-2-font-family);
450
+ --sys-font-heading-medium-font-family: var(--sys-font-family-heading);
428
451
  --sys-font-heading-medium-font-size: var(--ref-font-heading-bold-2-font-size);
429
452
  --sys-font-heading-medium-font-weight: var(--ref-font-heading-bold-2-font-weight);
430
453
  --sys-font-heading-medium-letter-spacing: var(--ref-font-heading-bold-2-letter-spacing);
431
454
  --sys-font-heading-medium-line-height: var(--ref-font-heading-bold-2-line-height);
432
455
  --sys-font-heading-small: var(--sys-font-heading-small-font-weight) var(--sys-font-heading-small-font-size)/var(--sys-font-heading-small-line-height) var(--sys-font-heading-small-font-family);
433
- --sys-font-heading-small-font-family: var(--ref-font-heading-bold-1-font-family);
456
+ --sys-font-heading-small-font-family: var(--sys-font-family-heading);
434
457
  --sys-font-heading-small-font-size: var(--ref-font-heading-bold-1-font-size);
435
458
  --sys-font-heading-small-font-weight: var(--ref-font-heading-bold-1-font-weight);
436
459
  --sys-font-heading-small-letter-spacing: var(--ref-font-heading-bold-1-letter-spacing);
437
460
  --sys-font-heading-small-line-height: var(--ref-font-heading-bold-1-line-height);
438
461
  --sys-font-label-large: var(--sys-font-label-large-font-weight) var(--sys-font-label-large-font-size)/var(--sys-font-label-large-line-height) var(--sys-font-label-large-font-family);
439
- --sys-font-label-large-font-family: "Roboto", sans-serif;
462
+ --sys-font-label-large-font-family: var(--sys-font-family-body);
440
463
  --sys-font-label-large-font-size: 1.167rem;
441
464
  --sys-font-label-large-font-weight: 700;
442
465
  --sys-font-label-large-letter-spacing: 0px;
443
466
  --sys-font-label-large-line-height: 1.2;
444
467
  --sys-font-label-large-strong: var(--sys-font-label-large-strong-font-weight) var(--sys-font-label-large-strong-font-size)/var(--sys-font-label-large-strong-line-height) var(--sys-font-label-large-strong-font-family);
445
- --sys-font-label-large-strong-font-family: "Roboto", sans-serif;
468
+ --sys-font-label-large-strong-font-family: var(--sys-font-family-body);
446
469
  --sys-font-label-large-strong-font-size: 1.167rem;
447
470
  --sys-font-label-large-strong-font-weight: 800;
448
471
  --sys-font-label-large-strong-letter-spacing: 0px;
449
472
  --sys-font-label-large-strong-line-height: 1.2;
450
473
  --sys-font-label-medium: var(--sys-font-label-medium-font-weight) var(--sys-font-label-medium-font-size)/var(--sys-font-label-medium-line-height) var(--sys-font-label-medium-font-family);
451
- --sys-font-label-medium-font-family: "Roboto", sans-serif;
474
+ --sys-font-label-medium-font-family: var(--sys-font-family-body);
452
475
  --sys-font-label-medium-font-size: 1rem;
453
476
  --sys-font-label-medium-font-weight: 600;
454
477
  --sys-font-label-medium-letter-spacing: 0px;
455
478
  --sys-font-label-medium-line-height: 1.2;
456
479
  --sys-font-label-medium-strong: var(--sys-font-label-medium-strong-font-weight) var(--sys-font-label-medium-strong-font-size)/var(--sys-font-label-medium-strong-line-height) var(--sys-font-label-medium-strong-font-family);
457
- --sys-font-label-medium-strong-font-family: "Roboto", sans-serif;
480
+ --sys-font-label-medium-strong-font-family: var(--sys-font-family-body);
458
481
  --sys-font-label-medium-strong-font-size: 1rem;
459
482
  --sys-font-label-medium-strong-font-weight: 800;
460
483
  --sys-font-label-medium-strong-letter-spacing: 0px;
461
484
  --sys-font-label-medium-strong-line-height: 1.2;
462
485
  --sys-font-label-small: var(--sys-font-label-small-font-weight) var(--sys-font-label-small-font-size)/var(--sys-font-label-small-line-height) var(--sys-font-label-small-font-family);
463
- --sys-font-label-small-font-family: "Roboto", sans-serif;
486
+ --sys-font-label-small-font-family: var(--sys-font-family-body);
464
487
  --sys-font-label-small-font-size: 0.917rem;
465
488
  --sys-font-label-small-font-weight: 600;
466
489
  --sys-font-label-small-letter-spacing: 0px;
467
490
  --sys-font-label-small-line-height: 1.2;
468
491
  --sys-font-label-small-strong: var(--sys-font-label-small-strong-font-weight) var(--sys-font-label-small-strong-font-size)/var(--sys-font-label-small-strong-line-height) var(--sys-font-label-small-strong-font-family);
469
- --sys-font-label-small-strong-font-family: "Roboto", sans-serif;
492
+ --sys-font-label-small-strong-font-family: var(--sys-font-family-body);
470
493
  --sys-font-label-small-strong-font-size: 0.917rem;
471
494
  --sys-font-label-small-strong-font-weight: 800;
472
495
  --sys-font-label-small-strong-letter-spacing: 0px;
@@ -578,7 +601,7 @@
578
601
  --sys-unit-64: 8rem;
579
602
  }
580
603
 
581
- html[data-theme="dark"] {
604
+ [data-theme="dark"] {
582
605
  color-scheme: dark;
583
606
  /* The page behind everything */
584
607
  --sys-color-bg: var(--ref-neutral-800);
@@ -654,79 +677,79 @@ html[data-theme="dark"] {
654
677
  --sys-focus-ring-offset: 2px;
655
678
  --sys-focus-ring-width: 3px;
656
679
  --sys-font-body-large: var(--sys-font-body-large-font-weight) var(--sys-font-body-large-font-size)/var(--sys-font-body-large-line-height) var(--sys-font-body-large-font-family);
657
- --sys-font-body-large-font-family: var(--ref-font-body-regular-2-font-family);
680
+ --sys-font-body-large-font-family: var(--sys-font-family-body);
658
681
  --sys-font-body-large-font-size: var(--ref-font-body-regular-2-font-size);
659
682
  --sys-font-body-large-font-weight: var(--ref-font-body-regular-2-font-weight);
660
683
  --sys-font-body-large-letter-spacing: var(--ref-font-body-regular-2-letter-spacing);
661
684
  --sys-font-body-large-line-height: var(--ref-font-body-regular-2-line-height);
662
685
  --sys-font-body-medium: var(--sys-font-body-medium-font-weight) var(--sys-font-body-medium-font-size)/var(--sys-font-body-medium-line-height) var(--sys-font-body-medium-font-family);
663
- --sys-font-body-medium-font-family: var(--ref-font-body-regular-1-font-family);
686
+ --sys-font-body-medium-font-family: var(--sys-font-family-body);
664
687
  --sys-font-body-medium-font-size: var(--ref-font-body-regular-1-font-size);
665
688
  --sys-font-body-medium-font-weight: var(--ref-font-body-regular-1-font-weight);
666
689
  --sys-font-body-medium-letter-spacing: var(--ref-font-body-regular-1-letter-spacing);
667
690
  --sys-font-body-medium-line-height: var(--ref-font-body-regular-1-line-height);
668
691
  --sys-font-body-medium-strong: var(--sys-font-body-medium-strong-font-weight) var(--sys-font-body-medium-strong-font-size)/var(--sys-font-body-medium-strong-line-height) var(--sys-font-body-medium-strong-font-family);
669
- --sys-font-body-medium-strong-font-family: var(--ref-font-body-semibold-1-font-family);
692
+ --sys-font-body-medium-strong-font-family: var(--sys-font-family-body);
670
693
  --sys-font-body-medium-strong-font-size: var(--ref-font-body-semibold-1-font-size);
671
694
  --sys-font-body-medium-strong-font-weight: var(--ref-font-body-semibold-1-font-weight);
672
695
  --sys-font-body-medium-strong-letter-spacing: var(--ref-font-body-semibold-1-letter-spacing);
673
696
  --sys-font-body-medium-strong-line-height: var(--ref-font-body-semibold-1-line-height);
674
697
  --sys-font-body-small: var(--sys-font-body-small-font-weight) var(--sys-font-body-small-font-size)/var(--sys-font-body-small-line-height) var(--sys-font-body-small-font-family);
675
- --sys-font-body-small-font-family: "Roboto", sans-serif;
698
+ --sys-font-body-small-font-family: var(--sys-font-family-body);
676
699
  --sys-font-body-small-font-size: 0.917rem;
677
700
  --sys-font-body-small-font-weight: 400;
678
701
  --sys-font-body-small-letter-spacing: 0px;
679
702
  --sys-font-body-small-line-height: 1.4;
680
703
  --sys-font-heading-large: var(--sys-font-heading-large-font-weight) var(--sys-font-heading-large-font-size)/var(--sys-font-heading-large-line-height) var(--sys-font-heading-large-font-family);
681
- --sys-font-heading-large-font-family: var(--ref-font-heading-bold-3-font-family);
704
+ --sys-font-heading-large-font-family: var(--sys-font-family-heading);
682
705
  --sys-font-heading-large-font-size: var(--ref-font-heading-bold-3-font-size);
683
706
  --sys-font-heading-large-font-weight: var(--ref-font-heading-bold-3-font-weight);
684
707
  --sys-font-heading-large-letter-spacing: var(--ref-font-heading-bold-3-letter-spacing);
685
708
  --sys-font-heading-large-line-height: var(--ref-font-heading-bold-3-line-height);
686
709
  --sys-font-heading-medium: var(--sys-font-heading-medium-font-weight) var(--sys-font-heading-medium-font-size)/var(--sys-font-heading-medium-line-height) var(--sys-font-heading-medium-font-family);
687
- --sys-font-heading-medium-font-family: var(--ref-font-heading-bold-2-font-family);
710
+ --sys-font-heading-medium-font-family: var(--sys-font-family-heading);
688
711
  --sys-font-heading-medium-font-size: var(--ref-font-heading-bold-2-font-size);
689
712
  --sys-font-heading-medium-font-weight: var(--ref-font-heading-bold-2-font-weight);
690
713
  --sys-font-heading-medium-letter-spacing: var(--ref-font-heading-bold-2-letter-spacing);
691
714
  --sys-font-heading-medium-line-height: var(--ref-font-heading-bold-2-line-height);
692
715
  --sys-font-heading-small: var(--sys-font-heading-small-font-weight) var(--sys-font-heading-small-font-size)/var(--sys-font-heading-small-line-height) var(--sys-font-heading-small-font-family);
693
- --sys-font-heading-small-font-family: var(--ref-font-heading-bold-1-font-family);
716
+ --sys-font-heading-small-font-family: var(--sys-font-family-heading);
694
717
  --sys-font-heading-small-font-size: var(--ref-font-heading-bold-1-font-size);
695
718
  --sys-font-heading-small-font-weight: var(--ref-font-heading-bold-1-font-weight);
696
719
  --sys-font-heading-small-letter-spacing: var(--ref-font-heading-bold-1-letter-spacing);
697
720
  --sys-font-heading-small-line-height: var(--ref-font-heading-bold-1-line-height);
698
721
  --sys-font-label-large: var(--sys-font-label-large-font-weight) var(--sys-font-label-large-font-size)/var(--sys-font-label-large-line-height) var(--sys-font-label-large-font-family);
699
- --sys-font-label-large-font-family: "Roboto", sans-serif;
722
+ --sys-font-label-large-font-family: var(--sys-font-family-body);
700
723
  --sys-font-label-large-font-size: 1.167rem;
701
724
  --sys-font-label-large-font-weight: 700;
702
725
  --sys-font-label-large-letter-spacing: 0px;
703
726
  --sys-font-label-large-line-height: 1.2;
704
727
  --sys-font-label-large-strong: var(--sys-font-label-large-strong-font-weight) var(--sys-font-label-large-strong-font-size)/var(--sys-font-label-large-strong-line-height) var(--sys-font-label-large-strong-font-family);
705
- --sys-font-label-large-strong-font-family: "Roboto", sans-serif;
728
+ --sys-font-label-large-strong-font-family: var(--sys-font-family-body);
706
729
  --sys-font-label-large-strong-font-size: 1.167rem;
707
730
  --sys-font-label-large-strong-font-weight: 800;
708
731
  --sys-font-label-large-strong-letter-spacing: 0px;
709
732
  --sys-font-label-large-strong-line-height: 1.2;
710
733
  --sys-font-label-medium: var(--sys-font-label-medium-font-weight) var(--sys-font-label-medium-font-size)/var(--sys-font-label-medium-line-height) var(--sys-font-label-medium-font-family);
711
- --sys-font-label-medium-font-family: "Roboto", sans-serif;
734
+ --sys-font-label-medium-font-family: var(--sys-font-family-body);
712
735
  --sys-font-label-medium-font-size: 1rem;
713
736
  --sys-font-label-medium-font-weight: 600;
714
737
  --sys-font-label-medium-letter-spacing: 0px;
715
738
  --sys-font-label-medium-line-height: 1.2;
716
739
  --sys-font-label-medium-strong: var(--sys-font-label-medium-strong-font-weight) var(--sys-font-label-medium-strong-font-size)/var(--sys-font-label-medium-strong-line-height) var(--sys-font-label-medium-strong-font-family);
717
- --sys-font-label-medium-strong-font-family: "Roboto", sans-serif;
740
+ --sys-font-label-medium-strong-font-family: var(--sys-font-family-body);
718
741
  --sys-font-label-medium-strong-font-size: 1rem;
719
742
  --sys-font-label-medium-strong-font-weight: 800;
720
743
  --sys-font-label-medium-strong-letter-spacing: 0px;
721
744
  --sys-font-label-medium-strong-line-height: 1.2;
722
745
  --sys-font-label-small: var(--sys-font-label-small-font-weight) var(--sys-font-label-small-font-size)/var(--sys-font-label-small-line-height) var(--sys-font-label-small-font-family);
723
- --sys-font-label-small-font-family: "Roboto", sans-serif;
746
+ --sys-font-label-small-font-family: var(--sys-font-family-body);
724
747
  --sys-font-label-small-font-size: 0.917rem;
725
748
  --sys-font-label-small-font-weight: 600;
726
749
  --sys-font-label-small-letter-spacing: 0px;
727
750
  --sys-font-label-small-line-height: 1.2;
728
751
  --sys-font-label-small-strong: var(--sys-font-label-small-strong-font-weight) var(--sys-font-label-small-strong-font-size)/var(--sys-font-label-small-strong-line-height) var(--sys-font-label-small-strong-font-family);
729
- --sys-font-label-small-strong-font-family: "Roboto", sans-serif;
752
+ --sys-font-label-small-strong-font-family: var(--sys-font-family-body);
730
753
  --sys-font-label-small-strong-font-size: 0.917rem;
731
754
  --sys-font-label-small-strong-font-weight: 800;
732
755
  --sys-font-label-small-strong-letter-spacing: 0px;
@@ -915,79 +938,79 @@ html[data-theme="dark"] {
915
938
  --sys-focus-ring-offset: 2px;
916
939
  --sys-focus-ring-width: 3px;
917
940
  --sys-font-body-large: var(--sys-font-body-large-font-weight) var(--sys-font-body-large-font-size)/var(--sys-font-body-large-line-height) var(--sys-font-body-large-font-family);
918
- --sys-font-body-large-font-family: var(--ref-font-body-regular-2-font-family);
941
+ --sys-font-body-large-font-family: var(--sys-font-family-body);
919
942
  --sys-font-body-large-font-size: var(--ref-font-body-regular-2-font-size);
920
943
  --sys-font-body-large-font-weight: var(--ref-font-body-regular-2-font-weight);
921
944
  --sys-font-body-large-letter-spacing: var(--ref-font-body-regular-2-letter-spacing);
922
945
  --sys-font-body-large-line-height: var(--ref-font-body-regular-2-line-height);
923
946
  --sys-font-body-medium: var(--sys-font-body-medium-font-weight) var(--sys-font-body-medium-font-size)/var(--sys-font-body-medium-line-height) var(--sys-font-body-medium-font-family);
924
- --sys-font-body-medium-font-family: var(--ref-font-body-regular-1-font-family);
947
+ --sys-font-body-medium-font-family: var(--sys-font-family-body);
925
948
  --sys-font-body-medium-font-size: var(--ref-font-body-regular-1-font-size);
926
949
  --sys-font-body-medium-font-weight: var(--ref-font-body-regular-1-font-weight);
927
950
  --sys-font-body-medium-letter-spacing: var(--ref-font-body-regular-1-letter-spacing);
928
951
  --sys-font-body-medium-line-height: var(--ref-font-body-regular-1-line-height);
929
952
  --sys-font-body-medium-strong: var(--sys-font-body-medium-strong-font-weight) var(--sys-font-body-medium-strong-font-size)/var(--sys-font-body-medium-strong-line-height) var(--sys-font-body-medium-strong-font-family);
930
- --sys-font-body-medium-strong-font-family: var(--ref-font-body-semibold-1-font-family);
953
+ --sys-font-body-medium-strong-font-family: var(--sys-font-family-body);
931
954
  --sys-font-body-medium-strong-font-size: var(--ref-font-body-semibold-1-font-size);
932
955
  --sys-font-body-medium-strong-font-weight: var(--ref-font-body-semibold-1-font-weight);
933
956
  --sys-font-body-medium-strong-letter-spacing: var(--ref-font-body-semibold-1-letter-spacing);
934
957
  --sys-font-body-medium-strong-line-height: var(--ref-font-body-semibold-1-line-height);
935
958
  --sys-font-body-small: var(--sys-font-body-small-font-weight) var(--sys-font-body-small-font-size)/var(--sys-font-body-small-line-height) var(--sys-font-body-small-font-family);
936
- --sys-font-body-small-font-family: "Roboto", sans-serif;
959
+ --sys-font-body-small-font-family: var(--sys-font-family-body);
937
960
  --sys-font-body-small-font-size: 0.917rem;
938
961
  --sys-font-body-small-font-weight: 400;
939
962
  --sys-font-body-small-letter-spacing: 0px;
940
963
  --sys-font-body-small-line-height: 1.4;
941
964
  --sys-font-heading-large: var(--sys-font-heading-large-font-weight) var(--sys-font-heading-large-font-size)/var(--sys-font-heading-large-line-height) var(--sys-font-heading-large-font-family);
942
- --sys-font-heading-large-font-family: var(--ref-font-heading-bold-3-font-family);
965
+ --sys-font-heading-large-font-family: var(--sys-font-family-heading);
943
966
  --sys-font-heading-large-font-size: var(--ref-font-heading-bold-3-font-size);
944
967
  --sys-font-heading-large-font-weight: var(--ref-font-heading-bold-3-font-weight);
945
968
  --sys-font-heading-large-letter-spacing: var(--ref-font-heading-bold-3-letter-spacing);
946
969
  --sys-font-heading-large-line-height: var(--ref-font-heading-bold-3-line-height);
947
970
  --sys-font-heading-medium: var(--sys-font-heading-medium-font-weight) var(--sys-font-heading-medium-font-size)/var(--sys-font-heading-medium-line-height) var(--sys-font-heading-medium-font-family);
948
- --sys-font-heading-medium-font-family: var(--ref-font-heading-bold-2-font-family);
971
+ --sys-font-heading-medium-font-family: var(--sys-font-family-heading);
949
972
  --sys-font-heading-medium-font-size: var(--ref-font-heading-bold-2-font-size);
950
973
  --sys-font-heading-medium-font-weight: var(--ref-font-heading-bold-2-font-weight);
951
974
  --sys-font-heading-medium-letter-spacing: var(--ref-font-heading-bold-2-letter-spacing);
952
975
  --sys-font-heading-medium-line-height: var(--ref-font-heading-bold-2-line-height);
953
976
  --sys-font-heading-small: var(--sys-font-heading-small-font-weight) var(--sys-font-heading-small-font-size)/var(--sys-font-heading-small-line-height) var(--sys-font-heading-small-font-family);
954
- --sys-font-heading-small-font-family: var(--ref-font-heading-bold-1-font-family);
977
+ --sys-font-heading-small-font-family: var(--sys-font-family-heading);
955
978
  --sys-font-heading-small-font-size: var(--ref-font-heading-bold-1-font-size);
956
979
  --sys-font-heading-small-font-weight: var(--ref-font-heading-bold-1-font-weight);
957
980
  --sys-font-heading-small-letter-spacing: var(--ref-font-heading-bold-1-letter-spacing);
958
981
  --sys-font-heading-small-line-height: var(--ref-font-heading-bold-1-line-height);
959
982
  --sys-font-label-large: var(--sys-font-label-large-font-weight) var(--sys-font-label-large-font-size)/var(--sys-font-label-large-line-height) var(--sys-font-label-large-font-family);
960
- --sys-font-label-large-font-family: "Roboto", sans-serif;
983
+ --sys-font-label-large-font-family: var(--sys-font-family-body);
961
984
  --sys-font-label-large-font-size: 1.167rem;
962
985
  --sys-font-label-large-font-weight: 700;
963
986
  --sys-font-label-large-letter-spacing: 0px;
964
987
  --sys-font-label-large-line-height: 1.2;
965
988
  --sys-font-label-large-strong: var(--sys-font-label-large-strong-font-weight) var(--sys-font-label-large-strong-font-size)/var(--sys-font-label-large-strong-line-height) var(--sys-font-label-large-strong-font-family);
966
- --sys-font-label-large-strong-font-family: "Roboto", sans-serif;
989
+ --sys-font-label-large-strong-font-family: var(--sys-font-family-body);
967
990
  --sys-font-label-large-strong-font-size: 1.167rem;
968
991
  --sys-font-label-large-strong-font-weight: 800;
969
992
  --sys-font-label-large-strong-letter-spacing: 0px;
970
993
  --sys-font-label-large-strong-line-height: 1.2;
971
994
  --sys-font-label-medium: var(--sys-font-label-medium-font-weight) var(--sys-font-label-medium-font-size)/var(--sys-font-label-medium-line-height) var(--sys-font-label-medium-font-family);
972
- --sys-font-label-medium-font-family: "Roboto", sans-serif;
995
+ --sys-font-label-medium-font-family: var(--sys-font-family-body);
973
996
  --sys-font-label-medium-font-size: 1rem;
974
997
  --sys-font-label-medium-font-weight: 600;
975
998
  --sys-font-label-medium-letter-spacing: 0px;
976
999
  --sys-font-label-medium-line-height: 1.2;
977
1000
  --sys-font-label-medium-strong: var(--sys-font-label-medium-strong-font-weight) var(--sys-font-label-medium-strong-font-size)/var(--sys-font-label-medium-strong-line-height) var(--sys-font-label-medium-strong-font-family);
978
- --sys-font-label-medium-strong-font-family: "Roboto", sans-serif;
1001
+ --sys-font-label-medium-strong-font-family: var(--sys-font-family-body);
979
1002
  --sys-font-label-medium-strong-font-size: 1rem;
980
1003
  --sys-font-label-medium-strong-font-weight: 800;
981
1004
  --sys-font-label-medium-strong-letter-spacing: 0px;
982
1005
  --sys-font-label-medium-strong-line-height: 1.2;
983
1006
  --sys-font-label-small: var(--sys-font-label-small-font-weight) var(--sys-font-label-small-font-size)/var(--sys-font-label-small-line-height) var(--sys-font-label-small-font-family);
984
- --sys-font-label-small-font-family: "Roboto", sans-serif;
1007
+ --sys-font-label-small-font-family: var(--sys-font-family-body);
985
1008
  --sys-font-label-small-font-size: 0.917rem;
986
1009
  --sys-font-label-small-font-weight: 600;
987
1010
  --sys-font-label-small-letter-spacing: 0px;
988
1011
  --sys-font-label-small-line-height: 1.2;
989
1012
  --sys-font-label-small-strong: var(--sys-font-label-small-strong-font-weight) var(--sys-font-label-small-strong-font-size)/var(--sys-font-label-small-strong-line-height) var(--sys-font-label-small-strong-font-family);
990
- --sys-font-label-small-strong-font-family: "Roboto", sans-serif;
1013
+ --sys-font-label-small-strong-font-family: var(--sys-font-family-body);
991
1014
  --sys-font-label-small-strong-font-size: 0.917rem;
992
1015
  --sys-font-label-small-strong-font-weight: 800;
993
1016
  --sys-font-label-small-strong-letter-spacing: 0px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@igne-agency/react-web-ui",
3
- "version": "0.3.1",
3
+ "version": "0.5.0",
4
4
  "description": "IGNE's React web component kit: primitives and the presets over them, form controls in three tiers with a TanStack Form bridge, and DTCG tokens themed per app.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -330,7 +330,7 @@
330
330
  },
331
331
  "scripts": {
332
332
  "fix": "bun run tokens && oxfmt . && oxlint --fix .",
333
- "check": "bun run tokens && oxfmt --check . && oxlint .",
333
+ "check": "bun run tokens && oxfmt --check . && oxlint . && bun tools/check-docs-tokens.ts",
334
334
  "tokens": "tz build",
335
335
  "build": "bun run tokens && vite build && tsc -p tsconfig.build.json && tsc -p tsconfig.terrazzo.json",
336
336
  "check:exports": "bun tools/check-exports.ts",
@@ -341,7 +341,6 @@
341
341
  "docs:links": "bun .storybook/docs-links/report.ts"
342
342
  },
343
343
  "dependencies": {
344
- "@material-design-icons/svg": "^0.14.15",
345
344
  "@tanstack/react-virtual": "^3.14.26",
346
345
  "@zxcvbn-ts/core": "^4.2.0",
347
346
  "@zxcvbn-ts/language-common": "^4.1.3",
@@ -356,6 +355,7 @@
356
355
  "@lexical/history": "^0.53.0",
357
356
  "@lexical/plain-text": "^0.53.0",
358
357
  "@lexical/react": "^0.53.0",
358
+ "@material-design-icons/svg": "^0.14.15",
359
359
  "@shikijs/rehype": "^4.6.0",
360
360
  "@storybook/addon-a11y": "^10.6.5",
361
361
  "@storybook/addon-docs": "^10.6.5",
@@ -390,6 +390,7 @@
390
390
  "playwright": "^1.64.1",
391
391
  "react": "^19.3.1",
392
392
  "react-aria-components": "^1.22.1",
393
+ "react-docgen": "^8.0.4",
393
394
  "react-dom": "^19.3.1",
394
395
  "remark-gfm": "^4.0.1",
395
396
  "remark-mdx": "^3.1.1",