@nldd/design-system 0.8.70 → 0.8.72

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 (530) hide show
  1. package/README.md +12 -5
  2. package/custom-elements.json +2990 -577
  3. package/dist/assets/styles/style-resets.d.ts +1 -1
  4. package/dist/assets/styles/style-resets.js +1 -1
  5. package/dist/components/actions/button/button.d.ts +10 -5
  6. package/dist/components/actions/button/button.d.ts.map +1 -1
  7. package/dist/components/actions/button/button.i18n.d.ts +1 -1
  8. package/dist/components/actions/button/button.i18n.js +1 -1
  9. package/dist/components/actions/button/button.i18n.js.map +1 -1
  10. package/dist/components/actions/button/button.js +19 -4
  11. package/dist/components/actions/button/button.js.map +1 -1
  12. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  13. package/dist/components/actions/button/button.styles.js +13 -3
  14. package/dist/components/actions/button/button.styles.js.map +1 -1
  15. package/dist/components/actions/button/button.template.js +1 -1
  16. package/dist/components/actions/button/button.template.js.map +1 -1
  17. package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
  18. package/dist/components/actions/button-bar/button-bar.js +6 -0
  19. package/dist/components/actions/button-bar/button-bar.js.map +1 -1
  20. package/dist/components/actions/icon-button/icon-button.d.ts +26 -39
  21. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  22. package/dist/components/actions/icon-button/icon-button.i18n.d.ts +1 -1
  23. package/dist/components/actions/icon-button/icon-button.i18n.js +1 -1
  24. package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -1
  25. package/dist/components/actions/icon-button/icon-button.js +25 -38
  26. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  27. package/dist/components/actions/icon-button/icon-button.styles.js +1 -1
  28. package/dist/components/actions/icon-button/icon-button.template.js +1 -1
  29. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  30. package/dist/components/actions/menu/menu.d.ts +47 -52
  31. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  32. package/dist/components/actions/menu/menu.js +55 -54
  33. package/dist/components/actions/menu/menu.js.map +1 -1
  34. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  35. package/dist/components/actions/menu/menu.styles.js +7 -1
  36. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  37. package/dist/components/actions/menu/menu.template.js +1 -1
  38. package/dist/components/actions/menu/menu.template.js.map +1 -1
  39. package/dist/components/actions/toolbar/toolbar.d.ts +10 -4
  40. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  41. package/dist/components/actions/toolbar/toolbar.js +30 -11
  42. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  43. package/dist/components/actions/toolbar/toolbar.styles.js +3 -3
  44. package/dist/components/components.js +65 -62
  45. package/dist/components/content/avatar/avatar.d.ts +44 -12
  46. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  47. package/dist/components/content/avatar/avatar.i18n.d.ts +5 -0
  48. package/dist/components/content/avatar/avatar.i18n.d.ts.map +1 -0
  49. package/dist/components/content/avatar/avatar.i18n.js +4 -0
  50. package/dist/components/content/avatar/avatar.i18n.js.map +1 -0
  51. package/dist/components/content/avatar/avatar.js +87 -13
  52. package/dist/components/content/avatar/avatar.js.map +1 -1
  53. package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
  54. package/dist/components/content/avatar/avatar.styles.js +44 -9
  55. package/dist/components/content/avatar/avatar.styles.js.map +1 -1
  56. package/dist/components/content/avatar/avatar.template.d.ts +2 -1
  57. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  58. package/dist/components/content/avatar/avatar.template.js +53 -23
  59. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  60. package/dist/components/content/byline/byline.d.ts +6 -6
  61. package/dist/components/content/byline/byline.js +6 -6
  62. package/dist/components/content/code-viewer/code-viewer.js +2 -2
  63. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  64. package/dist/components/content/code-viewer/code-viewer.styles.js +5 -4
  65. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  66. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  67. package/dist/components/content/icon/icon-aliases.js +19 -5
  68. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  69. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  70. package/dist/components/content/icon/icon-registry.js +9 -2
  71. package/dist/components/content/icon/icon-registry.js.map +1 -1
  72. package/dist/components/content/icon/icon.d.ts +14 -16
  73. package/dist/components/content/icon/icon.d.ts.map +1 -1
  74. package/dist/components/content/icon/icon.js +13 -15
  75. package/dist/components/content/icon/icon.js.map +1 -1
  76. package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
  77. package/dist/components/content/icon/icon.styles.js +7 -4
  78. package/dist/components/content/icon/icon.styles.js.map +1 -1
  79. package/dist/components/content/image/image.d.ts +9 -9
  80. package/dist/components/content/image/image.js +9 -9
  81. package/dist/components/content/image/image.styles.js +2 -2
  82. package/dist/components/content/image/image.template.js +2 -2
  83. package/dist/components/content/image/image.template.js.map +1 -1
  84. package/dist/components/content/image/lqip-encoder.js +1 -1
  85. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -2
  86. package/dist/components/content/rich-text/rich-text.d.ts +4 -4
  87. package/dist/components/content/rich-text/rich-text.js +4 -4
  88. package/dist/components/content/token/token.d.ts +7 -7
  89. package/dist/components/content/token/token.js +7 -7
  90. package/dist/components/content/tooltip/tooltip.d.ts +4 -14
  91. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  92. package/dist/components/content/tooltip/tooltip.js +4 -14
  93. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  94. package/dist/components/forms/form/form.d.ts +10 -19
  95. package/dist/components/forms/form/form.d.ts.map +1 -1
  96. package/dist/components/forms/form/form.js +10 -19
  97. package/dist/components/forms/form/form.js.map +1 -1
  98. package/dist/components/forms/form-actions/form-actions.d.ts +2 -6
  99. package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
  100. package/dist/components/forms/form-actions/form-actions.js +2 -6
  101. package/dist/components/forms/form-actions/form-actions.js.map +1 -1
  102. package/dist/components/forms/form-field/form-field.d.ts +7 -14
  103. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  104. package/dist/components/forms/form-field/form-field.js +7 -14
  105. package/dist/components/forms/form-field/form-field.js.map +1 -1
  106. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  107. package/dist/components/forms/form-field/form-field.styles.js +15 -2
  108. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  109. package/dist/components/forms/form-section/form-section.d.ts +2 -3
  110. package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
  111. package/dist/components/forms/form-section/form-section.js +2 -3
  112. package/dist/components/forms/form-section/form-section.js.map +1 -1
  113. package/dist/components/{index-BP0XMTYa.js → index-B9_6JE9f.js} +1 -1
  114. package/dist/components/{index-Dgxr-sEe.js → index-Bt_KkJKU.js} +1 -1
  115. package/dist/components/{index-BuLJAwiB.js → index-CSxjYgj9.js} +4217 -2494
  116. package/dist/components/{index-sa60dMt-.js → index-CqbiWdc5.js} +1 -1
  117. package/dist/components/{index-CTUlN5qN.js → index-CvGdvr33.js} +1 -1
  118. package/dist/components/{index-DS-RnHMu.js → index-i1n9W3UN.js} +1 -1
  119. package/dist/components/{index-Bh_hMHn8.js → index-ipWLrQY3.js} +1 -1
  120. package/dist/components/index.d.ts +2 -0
  121. package/dist/components/index.d.ts.map +1 -1
  122. package/dist/components/index.js +2 -0
  123. package/dist/components/index.js.map +1 -1
  124. package/dist/components/inputs/checkbox/checkbox.d.ts +11 -11
  125. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  126. package/dist/components/inputs/checkbox/checkbox.js +11 -15
  127. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  128. package/dist/components/inputs/checkbox/checkbox.styles.js +1 -1
  129. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +20 -6
  130. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
  131. package/dist/components/inputs/checkbox-field/checkbox-field.js +29 -7
  132. package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
  133. package/dist/components/inputs/code-editor/code-editor.d.ts +19 -18
  134. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  135. package/dist/components/inputs/code-editor/code-editor.js +23 -23
  136. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  137. package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
  138. package/dist/components/inputs/combo-box/combo-box.d.ts +26 -29
  139. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  140. package/dist/components/inputs/combo-box/combo-box.js +74 -39
  141. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  142. package/dist/components/inputs/combo-box/combo-box.styles.js +7 -7
  143. package/dist/components/inputs/date-field/date-field.d.ts +25 -24
  144. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  145. package/dist/components/inputs/date-field/date-field.js +26 -29
  146. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  147. package/dist/components/inputs/date-field/date-field.styles.js +5 -5
  148. package/dist/components/inputs/date-picker/date-picker.d.ts +16 -13
  149. package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
  150. package/dist/components/inputs/date-picker/date-picker.js +35 -15
  151. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  152. package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
  153. package/dist/components/inputs/date-picker/date-picker.styles.js +21 -29
  154. package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
  155. package/dist/components/inputs/dropdown/dropdown.d.ts +4 -4
  156. package/dist/components/inputs/dropdown/dropdown.js +4 -4
  157. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +21 -21
  158. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  159. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +23 -26
  160. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  161. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +5 -5
  162. package/dist/components/inputs/number-field/number-field.d.ts +17 -20
  163. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  164. package/dist/components/inputs/number-field/number-field.js +20 -23
  165. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  166. package/dist/components/inputs/number-field/number-field.styles.js +4 -4
  167. package/dist/components/inputs/password-field/password-field.d.ts +25 -24
  168. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  169. package/dist/components/inputs/password-field/password-field.js +27 -29
  170. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  171. package/dist/components/inputs/password-field/password-field.styles.js +7 -7
  172. package/dist/components/inputs/radio-button/radio-button.d.ts +10 -10
  173. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  174. package/dist/components/inputs/radio-button/radio-button.js +9 -14
  175. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  176. package/dist/components/inputs/radio-button/radio-button.styles.js +2 -2
  177. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +24 -6
  178. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
  179. package/dist/components/inputs/radio-button-field/radio-button-field.js +32 -7
  180. package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
  181. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +3 -3
  182. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
  183. package/dist/components/inputs/radio-button-group/radio-button-group.js +17 -10
  184. package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
  185. package/dist/components/inputs/search-field/search-field.d.ts +15 -17
  186. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  187. package/dist/components/inputs/search-field/search-field.js +19 -22
  188. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  189. package/dist/components/inputs/search-field/search-field.styles.js +5 -5
  190. package/dist/components/inputs/segmented-control/segmented-control.d.ts +27 -29
  191. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  192. package/dist/components/inputs/segmented-control/segmented-control.js +47 -57
  193. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  194. package/dist/components/inputs/segmented-control/segmented-control.styles.js +4 -4
  195. package/dist/components/inputs/stepper/stepper.d.ts +14 -14
  196. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  197. package/dist/components/inputs/stepper/stepper.js +13 -18
  198. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  199. package/dist/components/inputs/switch/switch.d.ts +12 -13
  200. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  201. package/dist/components/inputs/switch/switch.js +13 -18
  202. package/dist/components/inputs/switch/switch.js.map +1 -1
  203. package/dist/components/inputs/switch/switch.styles.js +6 -6
  204. package/dist/components/inputs/switch-field/switch-field.d.ts +4 -4
  205. package/dist/components/inputs/switch-field/switch-field.js +4 -4
  206. package/dist/components/inputs/text-editor/text-editor.caret.d.ts +1 -1
  207. package/dist/components/inputs/text-editor/text-editor.caret.js +1 -1
  208. package/dist/components/inputs/text-editor/text-editor.commands.js +1 -1
  209. package/dist/components/inputs/text-editor/text-editor.d.ts +21 -21
  210. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  211. package/dist/components/inputs/text-editor/text-editor.js +27 -27
  212. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  213. package/dist/components/inputs/text-editor/text-editor.links.js +4 -4
  214. package/dist/components/inputs/text-editor/text-editor.markdown.js +7 -7
  215. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  216. package/dist/components/inputs/text-editor/text-editor.ordered-list.js +1 -1
  217. package/dist/components/inputs/text-editor/text-editor.styles.js +14 -14
  218. package/dist/components/inputs/text-field/text-field.d.ts +20 -19
  219. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  220. package/dist/components/inputs/text-field/text-field.js +22 -24
  221. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  222. package/dist/components/inputs/text-field/text-field.styles.js +3 -3
  223. package/dist/components/inputs/toggle-button/toggle-button.d.ts +14 -13
  224. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  225. package/dist/components/inputs/toggle-button/toggle-button.js +18 -18
  226. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  227. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +7 -7
  228. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  229. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +25 -17
  230. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  231. package/dist/components/inputs/token-field/token-field.d.ts +24 -29
  232. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  233. package/dist/components/inputs/token-field/token-field.i18n.d.ts +1 -1
  234. package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
  235. package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
  236. package/dist/components/inputs/token-field/token-field.js +35 -39
  237. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  238. package/dist/components/inputs/token-field/token-field.styles.js +4 -4
  239. package/dist/components/inputs/token-field/token-field.template.js +1 -1
  240. package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
  241. package/dist/components/layout/app-view/app-view.d.ts +16 -4
  242. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  243. package/dist/components/layout/app-view/app-view.js +18 -13
  244. package/dist/components/layout/app-view/app-view.js.map +1 -1
  245. package/dist/components/layout/box/box.d.ts +1 -1
  246. package/dist/components/layout/box/box.js +1 -1
  247. package/dist/components/layout/box/box.styles.d.ts.map +1 -1
  248. package/dist/components/layout/box/box.styles.js +8 -18
  249. package/dist/components/layout/box/box.styles.js.map +1 -1
  250. package/dist/components/layout/card/card.d.ts +26 -9
  251. package/dist/components/layout/card/card.d.ts.map +1 -1
  252. package/dist/components/layout/card/card.i18n.d.ts +1 -1
  253. package/dist/components/layout/card/card.i18n.js +1 -1
  254. package/dist/components/layout/card/card.i18n.js.map +1 -1
  255. package/dist/components/layout/card/card.js +51 -14
  256. package/dist/components/layout/card/card.js.map +1 -1
  257. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  258. package/dist/components/layout/card/card.styles.js +41 -4
  259. package/dist/components/layout/card/card.styles.js.map +1 -1
  260. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  261. package/dist/components/layout/card/card.template.js +14 -6
  262. package/dist/components/layout/card/card.template.js.map +1 -1
  263. package/dist/components/layout/collection/collection.d.ts +3 -10
  264. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  265. package/dist/components/layout/collection/collection.js +3 -10
  266. package/dist/components/layout/collection/collection.js.map +1 -1
  267. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  268. package/dist/components/layout/collection/collection.styles.js +21 -3
  269. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  270. package/dist/components/layout/container/container.d.ts +41 -41
  271. package/dist/components/layout/container/container.js +41 -41
  272. package/dist/components/layout/page/page.d.ts +1 -1
  273. package/dist/components/layout/page/page.js +2 -2
  274. package/dist/components/layout/page-footer/page-footer.d.ts +10 -12
  275. package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
  276. package/dist/components/layout/page-footer/page-footer.js +11 -13
  277. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  278. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  279. package/dist/components/layout/page-footer/page-footer.styles.js +8 -1
  280. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  281. package/dist/components/layout/page-footer/page-footer.template.js +1 -1
  282. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -3
  283. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  284. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +1 -3
  285. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  286. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -3
  287. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  288. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +1 -3
  289. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  290. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -3
  291. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  292. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +1 -3
  293. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  294. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +20 -18
  295. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  296. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +26 -20
  297. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  298. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
  299. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +20 -2
  300. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
  301. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -3
  302. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  303. package/dist/components/layout/page-sections/simple-section/simple-section.js +1 -3
  304. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  305. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -3
  306. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  307. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +1 -3
  308. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  309. package/dist/components/layout/popover/popover.d.ts +18 -47
  310. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  311. package/dist/components/layout/popover/popover.js +18 -47
  312. package/dist/components/layout/popover/popover.js.map +1 -1
  313. package/dist/components/layout/sheet/sheet.d.ts +9 -17
  314. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  315. package/dist/components/layout/sheet/sheet.js +39 -27
  316. package/dist/components/layout/sheet/sheet.js.map +1 -1
  317. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -4
  318. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -4
  319. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +17 -17
  320. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -17
  321. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +2 -2
  322. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +2 -2
  323. package/dist/components/layout/window/window.d.ts +26 -20
  324. package/dist/components/layout/window/window.d.ts.map +1 -1
  325. package/dist/components/layout/window/window.js +58 -30
  326. package/dist/components/layout/window/window.js.map +1 -1
  327. package/dist/components/layout/window/window.template.d.ts.map +1 -1
  328. package/dist/components/layout/window/window.template.js +1 -0
  329. package/dist/components/layout/window/window.template.js.map +1 -1
  330. package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -1
  331. package/dist/components/lists-and-tables/cells/cell/cell.styles.js +1 -0
  332. package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -1
  333. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  334. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +1 -0
  335. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
  336. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -1
  337. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +1 -1
  338. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js +1 -1
  339. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -1
  340. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -2
  341. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
  342. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
  343. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +1 -0
  344. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
  345. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  346. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +1 -0
  347. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
  348. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  349. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +1 -0
  350. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
  351. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +43 -9
  352. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  353. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +69 -9
  354. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  355. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -1
  356. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +100 -43
  357. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -1
  358. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -1
  359. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +19 -7
  360. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
  361. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  362. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +1 -0
  363. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
  364. package/dist/components/lists-and-tables/list/list.d.ts +77 -31
  365. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  366. package/dist/components/lists-and-tables/list/list.i18n.d.ts +4 -4
  367. package/dist/components/lists-and-tables/list/list.i18n.js +4 -4
  368. package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
  369. package/dist/components/lists-and-tables/list/list.js +202 -70
  370. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  371. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  372. package/dist/components/lists-and-tables/list/list.styles.js +29 -22
  373. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  374. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  375. package/dist/components/lists-and-tables/list/list.template.js +4 -3
  376. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  377. package/dist/components/lists-and-tables/list-item/list-item.d.ts +189 -18
  378. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  379. package/dist/components/lists-and-tables/list-item/list-item.i18n.d.ts +1 -1
  380. package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
  381. package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
  382. package/dist/components/lists-and-tables/list-item/list-item.js +467 -45
  383. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  384. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  385. package/dist/components/lists-and-tables/list-item/list-item.styles.js +133 -101
  386. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  387. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
  388. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  389. package/dist/components/lists-and-tables/list-item/list-item.template.js +51 -24
  390. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  391. package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +108 -0
  392. package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +1 -0
  393. package/dist/components/lists-and-tables/list-item-action/list-item-action.js +228 -0
  394. package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +1 -0
  395. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +2 -0
  396. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +1 -0
  397. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +145 -0
  398. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +1 -0
  399. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +3 -0
  400. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +1 -0
  401. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js +35 -0
  402. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +1 -0
  403. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
  404. package/dist/components/lists-and-tables/table/table.styles.js +4 -2
  405. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
  406. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +5 -7
  407. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  408. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +5 -7
  409. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  410. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
  411. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +15 -16
  412. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
  413. package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.d.ts +1 -1
  414. package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js +1 -1
  415. package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js.map +1 -1
  416. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +14 -15
  417. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  418. package/dist/components/navigation/link/link.d.ts +2 -2
  419. package/dist/components/navigation/link/link.i18n.d.ts +1 -1
  420. package/dist/components/navigation/link/link.i18n.js +1 -1
  421. package/dist/components/navigation/link/link.i18n.js.map +1 -1
  422. package/dist/components/navigation/link/link.template.js +1 -1
  423. package/dist/components/navigation/link/link.template.js.map +1 -1
  424. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
  425. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
  426. package/dist/components/navigation/pagination/pagination.i18n.d.ts +1 -1
  427. package/dist/components/navigation/pagination/pagination.i18n.js +1 -1
  428. package/dist/components/navigation/pagination/pagination.i18n.js.map +1 -1
  429. package/dist/components/navigation/pagination/pagination.styles.js +5 -5
  430. package/dist/components/navigation/pagination/pagination.template.js +1 -1
  431. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  432. package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -11
  433. package/dist/components/navigation/tab-bar/tab-bar.js +11 -11
  434. package/dist/components/navigation/tab-bar/tab-bar.styles.js +7 -7
  435. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +11 -11
  436. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  437. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +11 -12
  438. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  439. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  440. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +9 -4
  441. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  442. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -5
  443. package/dist/components/navigation/top-title-bar/top-title-bar.js +6 -6
  444. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  445. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +3 -3
  446. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +1 -1
  447. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +1 -1
  448. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -1
  449. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
  450. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
  451. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +6 -6
  452. package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
  453. package/dist/components/status-and-feedback/badge/badge.i18n.d.ts +1 -1
  454. package/dist/components/status-and-feedback/badge/badge.i18n.js +1 -1
  455. package/dist/components/status-and-feedback/badge/badge.i18n.js.map +1 -1
  456. package/dist/components/status-and-feedback/badge/badge.js +1 -1
  457. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  458. package/dist/components/status-and-feedback/banner/banner.d.ts +9 -9
  459. package/dist/components/status-and-feedback/banner/banner.js +9 -9
  460. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +6 -6
  461. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +6 -6
  462. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +7 -7
  463. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +8 -8
  464. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +1 -1
  465. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +22 -8
  466. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  467. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +63 -27
  468. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  469. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  470. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +1 -0
  471. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  472. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +13 -13
  473. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +2 -2
  474. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +2 -2
  475. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -1
  476. package/dist/components/status-and-feedback/progress-bar/progress-bar.js +14 -14
  477. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  478. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +1 -1
  479. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +1 -1
  480. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  481. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +15 -15
  482. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +2 -2
  483. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +2 -2
  484. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -1
  485. package/dist/components/status-and-feedback/progress-circle/progress-circle.js +20 -20
  486. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  487. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +3 -3
  488. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -4
  489. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  490. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +4 -4
  491. package/dist/components/status-and-feedback/status-bar/status-bar.js +4 -4
  492. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +124 -0
  493. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -0
  494. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +9 -0
  495. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +1 -0
  496. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +8 -0
  497. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +1 -0
  498. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +210 -0
  499. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -0
  500. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +3 -0
  501. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +1 -0
  502. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +294 -0
  503. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +1 -0
  504. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +5 -0
  505. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +1 -0
  506. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +69 -0
  507. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +1 -0
  508. package/dist/css/form.css +16 -7
  509. package/dist/css/settings.css +68 -73
  510. package/dist/types/vue.d.ts +186 -42
  511. package/dist/utilities/autofocus.d.ts +19 -0
  512. package/dist/utilities/autofocus.d.ts.map +1 -0
  513. package/dist/utilities/autofocus.js +35 -0
  514. package/dist/utilities/autofocus.js.map +1 -0
  515. package/dist/utilities/codemirror/theme.js +2 -2
  516. package/dist/utilities/codemirror/theme.js.map +1 -1
  517. package/dist/utilities/color-scheme-repaint.d.ts +2 -2
  518. package/dist/utilities/color-scheme-repaint.js +2 -2
  519. package/dist/utilities/form-associated-mixin.d.ts +33 -0
  520. package/dist/utilities/form-associated-mixin.d.ts.map +1 -0
  521. package/dist/utilities/form-associated-mixin.js +52 -0
  522. package/dist/utilities/form-associated-mixin.js.map +1 -0
  523. package/dist/utilities/input-modality.d.ts +3 -1
  524. package/dist/utilities/input-modality.d.ts.map +1 -1
  525. package/dist/utilities/input-modality.js +12 -1
  526. package/dist/utilities/input-modality.js.map +1 -1
  527. package/dist/utilities/page-section-mixin.d.ts +1 -1
  528. package/dist/utilities/page-section-mixin.js +2 -2
  529. package/dist/utilities/popup-anchor-controller.d.ts +2 -2
  530. package/package.json +9 -1
package/dist/css/settings.css CHANGED
@@ -313,10 +313,8 @@
313
313
 
314
314
  --primitives-font-family-sans-serif-fallback: system-ui, sans-serif;
315
315
  --primitives-font-family-sans-serif: RijksSans, system-ui, sans-serif;
316
- --primitives-font-family-serif-fallback: serif;
317
- --primitives-font-family-serif: RijksoverheidSerif, serif;
318
- --primitives-font-family-monospace-fallback: monospace;
319
- --primitives-font-family-monospace: 'JetBrains Mono', monospace;
316
+ --primitives-font-family-monospace-fallback: ui-monospace, Menlo, Consolas, 'DejaVu Sans Mono', monospace;
317
+ --primitives-font-family-monospace: 'JetBrains Mono', ui-monospace, Menlo, Consolas, 'DejaVu Sans Mono', monospace;
320
318
  --primitives-font-family-body-fallback: var(--primitives-font-family-sans-serif-fallback);
321
319
  --primitives-font-family-body: var(--primitives-font-family-sans-serif);
322
320
  --primitives-font-family-display-fallback: var(--primitives-font-family-sans-serif-fallback);
@@ -862,6 +860,7 @@
862
860
  0px 0px 2px 0px light-dark(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.06))
863
861
  ;
864
862
 
863
+
865
864
  /* # Semantics */
866
865
 
867
866
  /* ## Brand
@@ -873,13 +872,19 @@
873
872
  --semantics-brand-ribbon-md-width: var(--primitives-space-44);
874
873
  --semantics-brand-ribbon-lg-width: var(--primitives-space-48);
875
874
 
875
+ /* ## Dividers */
876
+
877
+ --semantics-dividers-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
878
+ --semantics-dividers-thickness: var(--primitives-border-width-thin);
879
+
876
880
  /* ## Surfaces */
877
881
 
882
+ --semantics-surfaces-border-width: var(--semantics-dividers-thickness);
883
+ --semantics-surfaces-corner-radius: var(--primitives-corner-radius-lg);
878
884
  --semantics-surfaces-base-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-100));
879
- --semantics-surfaces-base-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
885
+ --semantics-surfaces-base-border-color: var(--semantics-dividers-color);
880
886
  --semantics-surfaces-tinted-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-75));
881
- --semantics-surfaces-tinted-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
882
- --semantics-surfaces-corner-radius: var(--primitives-corner-radius-lg);
887
+ --semantics-surfaces-tinted-border-color: var(--semantics-dividers-color);
883
888
 
884
889
  /* ## Content */
885
890
 
@@ -895,11 +900,11 @@
895
900
  --semantics-content-mark-color: light-dark(var(--primitives-color-mark-900), var(--primitives-color-mark-800));
896
901
 
897
902
  /* ## Categories
898
- Distinguishing colors voor groep-onderscheid, per kleur in drie stijlen:
899
- - filled: verzadigd vlak (badges, progress-bar segmenten)
900
- - tinted: zachte tint met gekleurde tekst (tags, banner)
901
- - reference: de echte rijkshuisstijl-merkkleur, gelijk in light en dark (hero)
902
- Elke stijl: background, highlight-border, primary- en secondary-content. */
903
+ Distinguishing colors that tell groups apart, per color in three styles:
904
+ - filled: saturated field (badges, progress-bar segments)
905
+ - tinted: soft tint with colored text (tags, banner)
906
+ - reference: the actual rijkshuisstijl brand color, identical in light and dark (hero)
907
+ Every style has a background, a highlight-border and primary and secondary content. */
903
908
 
904
909
  /* neutral */
905
910
  --semantics-categories-neutral-filled-background-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-450));
@@ -966,7 +971,7 @@
966
971
  --semantics-categories-success-tinted-highlight-border-color: light-dark(var(--primitives-color-success-100), var(--primitives-color-success-150));
967
972
  --semantics-categories-success-tinted-content-color: var(--primitives-color-success-650);
968
973
  --semantics-categories-success-tinted-content-secondary-color: var(--primitives-color-success-650);
969
- --semantics-categories-success-reference-background-color: light-dark(var(--primitives-color-success-500), var(--primitives-color-success-500));
974
+ --semantics-categories-success-reference-background-color: var(--primitives-color-success-500);
970
975
  --semantics-categories-success-reference-highlight-border-color: light-dark(var(--primitives-color-success-550), var(--primitives-color-success-450));
971
976
  --semantics-categories-success-reference-content-color: light-dark(var(--primitives-color-success-0), var(--primitives-color-success-1000));
972
977
  --semantics-categories-success-reference-content-secondary-color: light-dark(var(--primitives-color-success-0), var(--primitives-color-success-1000));
@@ -1008,7 +1013,7 @@
1008
1013
  --semantics-categories-hemelblauw-tinted-highlight-border-color: light-dark(var(--primitives-color-hemelblauw-100), var(--primitives-color-hemelblauw-150));
1009
1014
  --semantics-categories-hemelblauw-tinted-content-color: var(--primitives-color-hemelblauw-650);
1010
1015
  --semantics-categories-hemelblauw-tinted-content-secondary-color: var(--primitives-color-hemelblauw-650);
1011
- --semantics-categories-hemelblauw-reference-background-color: light-dark(var(--primitives-color-hemelblauw-500), var(--primitives-color-hemelblauw-500));
1016
+ --semantics-categories-hemelblauw-reference-background-color: var(--primitives-color-hemelblauw-500);
1012
1017
  --semantics-categories-hemelblauw-reference-highlight-border-color: light-dark(var(--primitives-color-hemelblauw-550), var(--primitives-color-hemelblauw-450));
1013
1018
  --semantics-categories-hemelblauw-reference-content-color: light-dark(var(--primitives-color-hemelblauw-0), var(--primitives-color-hemelblauw-1000));
1014
1019
  --semantics-categories-hemelblauw-reference-content-secondary-color: light-dark(var(--primitives-color-hemelblauw-0), var(--primitives-color-hemelblauw-1000));
@@ -1162,7 +1167,7 @@
1162
1167
  --semantics-categories-bruin-tinted-highlight-border-color: light-dark(var(--primitives-color-bruin-100), var(--primitives-color-bruin-150));
1163
1168
  --semantics-categories-bruin-tinted-content-color: var(--primitives-color-bruin-700);
1164
1169
  --semantics-categories-bruin-tinted-content-secondary-color: var(--primitives-color-bruin-700);
1165
- --semantics-categories-bruin-reference-background-color: light-dark(var(--primitives-color-bruin-500), var(--primitives-color-bruin-500));
1170
+ --semantics-categories-bruin-reference-background-color: var(--primitives-color-bruin-500);
1166
1171
  --semantics-categories-bruin-reference-highlight-border-color: light-dark(var(--primitives-color-bruin-550), var(--primitives-color-bruin-450));
1167
1172
  --semantics-categories-bruin-reference-content-color: light-dark(var(--primitives-color-bruin-0), var(--primitives-color-bruin-1000));
1168
1173
  --semantics-categories-bruin-reference-content-secondary-color: light-dark(var(--primitives-color-bruin-0), var(--primitives-color-bruin-1000));
@@ -1190,7 +1195,7 @@
1190
1195
  --semantics-categories-groen-tinted-highlight-border-color: light-dark(var(--primitives-color-groen-100), var(--primitives-color-groen-150));
1191
1196
  --semantics-categories-groen-tinted-content-color: var(--primitives-color-groen-650);
1192
1197
  --semantics-categories-groen-tinted-content-secondary-color: var(--primitives-color-groen-650);
1193
- --semantics-categories-groen-reference-background-color: light-dark(var(--primitives-color-groen-500), var(--primitives-color-groen-500));
1198
+ --semantics-categories-groen-reference-background-color: var(--primitives-color-groen-500);
1194
1199
  --semantics-categories-groen-reference-highlight-border-color: light-dark(var(--primitives-color-groen-550), var(--primitives-color-groen-450));
1195
1200
  --semantics-categories-groen-reference-content-color: light-dark(var(--primitives-color-groen-0), var(--primitives-color-groen-1000));
1196
1201
  --semantics-categories-groen-reference-content-secondary-color: light-dark(var(--primitives-color-groen-0), var(--primitives-color-groen-1000));
@@ -1204,7 +1209,7 @@
1204
1209
  --semantics-categories-mosgroen-tinted-highlight-border-color: light-dark(var(--primitives-color-mosgroen-100), var(--primitives-color-mosgroen-150));
1205
1210
  --semantics-categories-mosgroen-tinted-content-color: var(--primitives-color-mosgroen-650);
1206
1211
  --semantics-categories-mosgroen-tinted-content-secondary-color: var(--primitives-color-mosgroen-650);
1207
- --semantics-categories-mosgroen-reference-background-color: light-dark(var(--primitives-color-mosgroen-500), var(--primitives-color-mosgroen-500));
1212
+ --semantics-categories-mosgroen-reference-background-color: var(--primitives-color-mosgroen-500);
1208
1213
  --semantics-categories-mosgroen-reference-highlight-border-color: light-dark(var(--primitives-color-mosgroen-550), var(--primitives-color-mosgroen-450));
1209
1214
  --semantics-categories-mosgroen-reference-content-color: light-dark(var(--primitives-color-mosgroen-0), var(--primitives-color-mosgroen-1000));
1210
1215
  --semantics-categories-mosgroen-reference-content-secondary-color: light-dark(var(--primitives-color-mosgroen-0), var(--primitives-color-mosgroen-1000));
@@ -1273,11 +1278,11 @@
1273
1278
  --semantics-controls-lg-corner-radius: var(--primitives-corner-radius-md);
1274
1279
 
1275
1280
  --semantics-controls-is-highlighted-indicator-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1276
- --semantics-controls-is-highlighted-contrast-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-0));
1281
+ --semantics-controls-is-highlighted-contrast-color: var(--primitives-color-neutral-0);
1277
1282
  --semantics-controls-is-highlighted-is-hovered-indicator-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1278
- --semantics-controls-is-highlighted-is-hovered-contrast-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-0));
1283
+ --semantics-controls-is-highlighted-is-hovered-contrast-color: var(--primitives-color-neutral-0);
1279
1284
  --semantics-controls-is-highlighted-is-active-indicator-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1280
- --semantics-controls-is-highlighted-is-active-contrast-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-0));
1285
+ --semantics-controls-is-highlighted-is-active-contrast-color: var(--primitives-color-neutral-0);
1281
1286
 
1282
1287
  --semantics-controls-is-dragging-opacity: var(--primitives-opacity-40);
1283
1288
 
@@ -1335,29 +1340,29 @@
1335
1340
  --semantics-buttons-lg-is-icon-only-inline-padding: calc((var(--semantics-controls-lg-min-size) - var(--semantics-buttons-lg-is-icon-only-icon-size)) / 2);
1336
1341
 
1337
1342
  --semantics-buttons-neutral-base-background-color: var(--semantics-surfaces-base-background-color);
1338
- --semantics-buttons-neutral-base-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
1343
+ --semantics-buttons-neutral-base-content-color: var(--primitives-color-neutral-900);
1339
1344
  --semantics-buttons-neutral-base-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1340
- --semantics-buttons-neutral-base-divider-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-200));
1345
+ --semantics-buttons-neutral-base-divider-color: var(--primitives-color-neutral-200);
1341
1346
  --semantics-buttons-neutral-base-highlight-border-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
1342
1347
  --semantics-buttons-neutral-base-is-hovered-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-150));
1343
1348
  --semantics-buttons-neutral-base-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
1344
- --semantics-buttons-neutral-base-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1349
+ --semantics-buttons-neutral-base-is-hovered-content-color: var(--primitives-color-neutral-1000);
1345
1350
  --semantics-buttons-neutral-base-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-700));
1346
1351
  --semantics-buttons-neutral-base-is-active-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
1347
1352
  --semantics-buttons-neutral-base-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
1348
- --semantics-buttons-neutral-base-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1353
+ --semantics-buttons-neutral-base-is-active-content-color: var(--primitives-color-neutral-1000);
1349
1354
  --semantics-buttons-neutral-base-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
1350
1355
  --semantics-buttons-neutral-base-is-expanded-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
1351
1356
  --semantics-buttons-neutral-base-is-expanded-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-300));
1352
- --semantics-buttons-neutral-base-is-expanded-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1357
+ --semantics-buttons-neutral-base-is-expanded-content-color: var(--primitives-color-neutral-1000);
1353
1358
  --semantics-buttons-neutral-base-is-expanded-content-secondary-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
1354
1359
  --semantics-buttons-neutral-base-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-250));
1355
1360
  --semantics-buttons-neutral-base-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-350));
1356
- --semantics-buttons-neutral-base-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1361
+ --semantics-buttons-neutral-base-is-expanded-is-hovered-content-color: var(--primitives-color-neutral-1000);
1357
1362
  --semantics-buttons-neutral-base-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-800));
1358
1363
  --semantics-buttons-neutral-base-is-expanded-is-active-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-300));
1359
1364
  --semantics-buttons-neutral-base-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-300), var(--primitives-color-neutral-400));
1360
- --semantics-buttons-neutral-base-is-expanded-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1365
+ --semantics-buttons-neutral-base-is-expanded-is-active-content-color: var(--primitives-color-neutral-1000);
1361
1366
  --semantics-buttons-neutral-base-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-850));
1362
1367
  --semantics-buttons-neutral-base-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
1363
1368
  --semantics-buttons-neutral-base-is-selected-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
@@ -1373,29 +1378,29 @@
1373
1378
  --semantics-buttons-neutral-base-is-selected-is-active-content-secondary-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
1374
1379
 
1375
1380
  --semantics-buttons-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
1376
- --semantics-buttons-neutral-tinted-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
1377
- --semantics-buttons-neutral-tinted-content-secondary-color: light-dark(var(--primitives-color-neutral-750), var(--primitives-color-neutral-750));
1381
+ --semantics-buttons-neutral-tinted-content-color: var(--primitives-color-neutral-900);
1382
+ --semantics-buttons-neutral-tinted-content-secondary-color: var(--primitives-color-neutral-750);
1378
1383
  --semantics-buttons-neutral-tinted-divider-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-350));
1379
1384
  --semantics-buttons-neutral-tinted-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-250));
1380
1385
  --semantics-buttons-neutral-tinted-is-hovered-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
1381
1386
  --semantics-buttons-neutral-tinted-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
1382
- --semantics-buttons-neutral-tinted-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1387
+ --semantics-buttons-neutral-tinted-is-hovered-content-color: var(--primitives-color-neutral-1000);
1383
1388
  --semantics-buttons-neutral-tinted-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-800));
1384
1389
  --semantics-buttons-neutral-tinted-is-active-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
1385
1390
  --semantics-buttons-neutral-tinted-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
1386
- --semantics-buttons-neutral-tinted-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1391
+ --semantics-buttons-neutral-tinted-is-active-content-color: var(--primitives-color-neutral-1000);
1387
1392
  --semantics-buttons-neutral-tinted-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
1388
1393
  --semantics-buttons-neutral-tinted-is-expanded-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
1389
1394
  --semantics-buttons-neutral-tinted-is-expanded-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
1390
- --semantics-buttons-neutral-tinted-is-expanded-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1395
+ --semantics-buttons-neutral-tinted-is-expanded-content-color: var(--primitives-color-neutral-1000);
1391
1396
  --semantics-buttons-neutral-tinted-is-expanded-content-secondary-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
1392
1397
  --semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
1393
1398
  --semantics-buttons-neutral-tinted-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
1394
- --semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1399
+ --semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color: var(--primitives-color-neutral-1000);
1395
1400
  --semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
1396
1401
  --semantics-buttons-neutral-tinted-is-expanded-is-active-background-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
1397
1402
  --semantics-buttons-neutral-tinted-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-300), var(--primitives-color-neutral-450));
1398
- --semantics-buttons-neutral-tinted-is-expanded-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1403
+ --semantics-buttons-neutral-tinted-is-expanded-is-active-content-color: var(--primitives-color-neutral-1000);
1399
1404
  --semantics-buttons-neutral-tinted-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-750), var(--primitives-color-neutral-900));
1400
1405
  --semantics-buttons-neutral-tinted-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
1401
1406
  --semantics-buttons-neutral-tinted-is-selected-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
@@ -1410,37 +1415,37 @@
1410
1415
  --semantics-buttons-neutral-tinted-is-selected-is-active-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
1411
1416
  --semantics-buttons-neutral-tinted-is-selected-is-active-content-secondary-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
1412
1417
 
1413
- --semantics-buttons-neutral-transparent-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
1418
+ --semantics-buttons-neutral-transparent-content-color: var(--primitives-color-neutral-900);
1414
1419
  --semantics-buttons-neutral-transparent-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1415
- --semantics-buttons-neutral-transparent-is-hovered-content-color: light-dark(var(--primitives-color-neutral-950), var(--primitives-color-neutral-950));
1420
+ --semantics-buttons-neutral-transparent-is-hovered-content-color: var(--primitives-color-neutral-950);
1416
1421
  --semantics-buttons-neutral-transparent-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1417
- --semantics-buttons-neutral-transparent-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1422
+ --semantics-buttons-neutral-transparent-is-active-content-color: var(--primitives-color-neutral-1000);
1418
1423
  --semantics-buttons-neutral-transparent-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1419
1424
 
1420
1425
  --semantics-buttons-accent-filled-background-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1421
- --semantics-buttons-accent-filled-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1426
+ --semantics-buttons-accent-filled-content-color: var(--primitives-color-accent-0);
1422
1427
  --semantics-buttons-accent-filled-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1423
1428
  --semantics-buttons-accent-filled-divider-color: light-dark(var(--primitives-color-accent-500), var(--primitives-color-accent-450));
1424
1429
  --semantics-buttons-accent-filled-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1425
1430
  --semantics-buttons-accent-filled-is-hovered-background-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1426
1431
  --semantics-buttons-accent-filled-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1427
- --semantics-buttons-accent-filled-is-hovered-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1432
+ --semantics-buttons-accent-filled-is-hovered-content-color: var(--primitives-color-accent-0);
1428
1433
  --semantics-buttons-accent-filled-is-hovered-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1429
1434
  --semantics-buttons-accent-filled-is-active-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1430
1435
  --semantics-buttons-accent-filled-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1431
- --semantics-buttons-accent-filled-is-active-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1436
+ --semantics-buttons-accent-filled-is-active-content-color: var(--primitives-color-accent-0);
1432
1437
  --semantics-buttons-accent-filled-is-active-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1433
1438
  --semantics-buttons-accent-filled-is-expanded-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1434
1439
  --semantics-buttons-accent-filled-is-expanded-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1435
- --semantics-buttons-accent-filled-is-expanded-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1440
+ --semantics-buttons-accent-filled-is-expanded-content-color: var(--primitives-color-accent-0);
1436
1441
  --semantics-buttons-accent-filled-is-expanded-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1437
1442
  --semantics-buttons-accent-filled-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1438
1443
  --semantics-buttons-accent-filled-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-950), var(--primitives-color-accent-850));
1439
- --semantics-buttons-accent-filled-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1444
+ --semantics-buttons-accent-filled-is-expanded-is-hovered-content-color: var(--primitives-color-accent-0);
1440
1445
  --semantics-buttons-accent-filled-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1441
1446
  --semantics-buttons-accent-filled-is-expanded-is-active-background-color: light-dark(var(--primitives-color-accent-950), var(--primitives-color-accent-850));
1442
1447
  --semantics-buttons-accent-filled-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-1000), var(--primitives-color-accent-900));
1443
- --semantics-buttons-accent-filled-is-expanded-is-active-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1448
+ --semantics-buttons-accent-filled-is-expanded-is-active-content-color: var(--primitives-color-accent-0);
1444
1449
  --semantics-buttons-accent-filled-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1445
1450
 
1446
1451
  --semantics-buttons-accent-transparent-content-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
@@ -1542,9 +1547,9 @@
1542
1547
 
1543
1548
  /* ## Input fields */
1544
1549
 
1545
- --semantics-input-fields-border-thickness: var(--primitives-border-width-regular);
1550
+ --semantics-input-fields-border-width: var(--primitives-border-width-regular);
1546
1551
  --semantics-input-fields-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1547
- --semantics-input-fields-border: var(--semantics-input-fields-border-thickness) solid var(--semantics-input-fields-border-color);
1552
+ --semantics-input-fields-border: var(--semantics-input-fields-border-width) solid var(--semantics-input-fields-border-color);
1548
1553
  --semantics-input-fields-background-color: var(--semantics-surfaces-base-background-color);
1549
1554
  --semantics-input-fields-placeholder-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1550
1555
  --semantics-input-fields-is-valid-border-color: light-dark(var(--primitives-color-success-550), var(--primitives-color-success-650));
@@ -1583,11 +1588,6 @@
1583
1588
  --semantics-grab-handles-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
1584
1589
  --semantics-grab-handles-grip-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
1585
1590
 
1586
- /* ## Dividers */
1587
-
1588
- --semantics-dividers-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
1589
- --semantics-dividers-thickness: var(--primitives-border-width-thin);
1590
-
1591
1591
  /* ## Tables */
1592
1592
 
1593
1593
  --semantics-tables-corner-radius: var(--semantics-surfaces-corner-radius);
@@ -1661,9 +1661,9 @@
1661
1661
 
1662
1662
  --components-box-background-color: var(--semantics-surfaces-tinted-background-color);
1663
1663
  --components-box-base-background-color: var(--semantics-surfaces-base-background-color);
1664
+ --components-box-border-width: var(--semantics-surfaces-border-width);
1664
1665
  --components-box-border-color: var(--semantics-surfaces-tinted-border-color);
1665
1666
  --components-box-base-border-color: var(--semantics-surfaces-base-border-color);
1666
- --components-box-corner-radius: var(--semantics-surfaces-corner-radius);
1667
1667
  --components-box-padding: var(--primitives-space-16);
1668
1668
 
1669
1669
  /* ## Button group */
@@ -1673,18 +1673,15 @@
1673
1673
 
1674
1674
  /* ## Card */
1675
1675
 
1676
- --components-card-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-75));
1677
- --components-card-corner-radius: var(--primitives-corner-radius-none);
1678
- --components-card-box-shadow: var(--primitives-box-shadows-level-1);
1679
- --components-card-highlight-border-width: var(--primitives-border-width-thin);
1680
- --components-card-highlight-border-color: light-dark(
1681
- color-mix(in srgb, var(--primitives-color-neutral-0) 25%, transparent),
1682
- color-mix(in srgb, var(--primitives-color-neutral-1000) 10%, transparent)
1683
- );
1676
+ --components-card-background-color: var(--semantics-surfaces-base-background-color);
1677
+ --components-card-corner-radius: var(--semantics-surfaces-corner-radius);
1678
+ --components-card-box-shadow: none;
1679
+ --components-card-highlight-border-width: var(--semantics-surfaces-border-width);
1680
+ --components-card-highlight-border-color: var(--semantics-surfaces-base-border-color);
1684
1681
 
1685
1682
  /* ## Checkbox */
1686
1683
 
1687
- --components-checkbox-border-thickness: var(--primitives-border-width-regular);
1684
+ --components-checkbox-border-width: var(--primitives-border-width-regular);
1688
1685
  --components-checkbox-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1689
1686
  --components-checkbox-background-color: var(--semantics-surfaces-base-background-color);
1690
1687
  --components-checkbox-is-hovered-border-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-700));
@@ -1754,9 +1751,9 @@
1754
1751
  --components-inline-dialog-icon-color: var(--semantics-content-color);
1755
1752
  --components-inline-dialog-icon-secondary-color: var(--semantics-content-secondary-color);
1756
1753
  --components-inline-dialog-icon-accent-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1757
- --components-inline-dialog-icon-critical-color: light-dark(var(--primitives-color-critical-500), var(--primitives-color-critical-500));
1754
+ --components-inline-dialog-icon-critical-color: var(--primitives-color-critical-500);
1758
1755
  --components-inline-dialog-icon-warning-color: light-dark(var(--primitives-color-warning-350), var(--primitives-color-warning-650));
1759
- --components-inline-dialog-icon-success-color: light-dark(var(--primitives-color-success-500), var(--primitives-color-success-500));
1756
+ --components-inline-dialog-icon-success-color: var(--primitives-color-success-500);
1760
1757
 
1761
1758
  /* ## Keyboard shortcut */
1762
1759
 
@@ -1765,7 +1762,7 @@
1765
1762
  --components-keyboard-shortcut-background-color: var(--semantics-surfaces-tinted-background-color);
1766
1763
  --components-keyboard-shortcut-content-color: var(--semantics-content-color);
1767
1764
  --components-keyboard-shortcut-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-250));
1768
- --components-keyboard-shortcut-border-thickness: var(--primitives-border-width-thin);
1765
+ --components-keyboard-shortcut-border-width: var(--primitives-border-width-thin);
1769
1766
  --components-keyboard-shortcut-corner-radius: var(--primitives-corner-radius-xs);
1770
1767
  --components-keyboard-shortcut-separator-color: var(--semantics-content-secondary-color);
1771
1768
 
@@ -1804,13 +1801,12 @@
1804
1801
 
1805
1802
  /* ## List */
1806
1803
 
1807
- --components-list-corner-radius: var(--semantics-surfaces-corner-radius);
1808
1804
  --components-list-drag-placeholder-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1809
1805
 
1810
1806
  --components-list-item-sm-padding-block: var(--primitives-space-6);
1811
1807
  --components-list-item-md-padding-block: var(--primitives-space-10);
1812
- --components-list-item-indicator-corner-radius: var(--primitives-corner-radius-md);
1813
- --components-list-item-indicator-inline-inset: max(var(--primitives-space-8), var(--components-list-item-indicator-corner-radius));
1808
+ --components-list-item-indicator-corner-radius: var(--primitives-corner-radius-sm);
1809
+ --components-list-item-indicator-inline-inset: var(--primitives-space-8);
1814
1810
  --components-list-item-is-hovered-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1815
1811
  --components-list-item-is-hovered-content-color: var(--primitives-color-neutral-1000);
1816
1812
  --components-list-item-is-selected-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
@@ -1833,7 +1829,7 @@
1833
1829
 
1834
1830
  --components-menu-bar-item-font: var(--primitives-font-body-md-medium-flat);
1835
1831
  --components-menu-bar-item-inline-padding: var(--primitives-space-8);
1836
- --components-menu-bar-item-content-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-750));
1832
+ --components-menu-bar-item-content-color: var(--primitives-color-accent-750);
1837
1833
  --components-menu-bar-item-is-hovered-indicator-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
1838
1834
  --components-menu-bar-item-is-expanded-indicator-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-250));
1839
1835
  --components-menu-bar-item-is-expanded-is-hovered-indicator-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-300));
@@ -1889,14 +1885,14 @@
1889
1885
 
1890
1886
  /* ## Radio button */
1891
1887
 
1892
- --components-radio-button-border-thickness: var(--primitives-border-width-regular);
1888
+ --components-radio-button-border-width: var(--primitives-border-width-regular);
1893
1889
  --components-radio-button-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1894
1890
  --components-radio-button-background-color: var(--semantics-surfaces-base-background-color);
1895
1891
  --components-radio-button-is-hovered-border-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-700));
1896
1892
  --components-radio-button-is-active-border-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-750));
1897
1893
  --components-radio-button-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
1898
1894
  --components-radio-button-is-selected-border-color: var(--semantics-controls-is-highlighted-indicator-color);
1899
- --components-radio-button-is-selected-inner-shape-border-thickness: var(--primitives-border-width-regular);
1895
+ --components-radio-button-is-selected-inner-shape-border-width: var(--primitives-border-width-regular);
1900
1896
  --components-radio-button-is-selected-inner-shape-border-color: var(--semantics-controls-is-highlighted-contrast-color);
1901
1897
  --components-radio-button-is-selected-is-hovered-background-color: var(--semantics-controls-is-highlighted-is-hovered-indicator-color);
1902
1898
  --components-radio-button-is-selected-is-hovered-border-color: var(--semantics-controls-is-highlighted-is-hovered-indicator-color);
@@ -1920,7 +1916,6 @@
1920
1916
 
1921
1917
  --components-sidebar-section-sidebar-box-background-color: var(--semantics-surfaces-tinted-background-color);
1922
1918
  --components-sidebar-section-sidebar-box-highlight-border-color: var(--semantics-surfaces-tinted-border-color);
1923
- --components-sidebar-section-sidebar-box-corner-radius: var(--semantics-surfaces-corner-radius);
1924
1919
 
1925
1920
  /* ## Status bar */
1926
1921
 
@@ -1953,10 +1948,10 @@
1953
1948
 
1954
1949
  /* ## Switch */
1955
1950
 
1956
- --components-switch-border-thickness: var(--primitives-border-width-regular);
1951
+ --components-switch-border-width: var(--primitives-border-width-regular);
1957
1952
  --components-switch-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1958
1953
  --components-switch-background-color: var(--semantics-surfaces-base-background-color);
1959
- --components-switch-thumb-border-thickness: var(--primitives-border-width-regular);
1954
+ --components-switch-thumb-border-width: var(--primitives-border-width-regular);
1960
1955
  --components-switch-thumb-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1961
1956
  --components-switch-thumb-background-color: var(--semantics-surfaces-base-background-color);
1962
1957
  --components-switch-icon-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
@@ -1972,7 +1967,7 @@
1972
1967
  /* ## Timeline track cell */
1973
1968
 
1974
1969
  --components-timeline-track-cell-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1975
- --components-timeline-track-cell-future-background-color: var(--semantics-surfaces-base-background-color);
1970
+ --components-timeline-track-cell-future-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
1976
1971
 
1977
1972
  /* ## Title */
1978
1973