@nldd/design-system 0.8.52 → 0.8.54

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 (517) hide show
  1. package/dist/assets/styles/slotted-reset.d.ts +51 -0
  2. package/dist/assets/styles/slotted-reset.d.ts.map +1 -0
  3. package/dist/assets/styles/slotted-reset.fixtures.d.ts +11 -0
  4. package/dist/assets/styles/slotted-reset.fixtures.d.ts.map +1 -0
  5. package/dist/assets/styles/slotted-reset.fixtures.js +20 -0
  6. package/dist/assets/styles/slotted-reset.fixtures.js.map +1 -0
  7. package/dist/assets/styles/slotted-reset.js +59 -0
  8. package/dist/assets/styles/slotted-reset.js.map +1 -0
  9. package/dist/components/actions/button/button.d.ts +11 -0
  10. package/dist/components/actions/button/button.d.ts.map +1 -1
  11. package/dist/components/actions/button/button.js +15 -1
  12. package/dist/components/actions/button/button.js.map +1 -1
  13. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  14. package/dist/components/actions/button/button.styles.js +36 -2
  15. package/dist/components/actions/button/button.styles.js.map +1 -1
  16. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  17. package/dist/components/actions/button/button.template.js +21 -0
  18. package/dist/components/actions/button/button.template.js.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.d.ts +11 -0
  20. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.js +15 -1
  22. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.styles.js +39 -2
  25. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  27. package/dist/components/actions/icon-button/icon-button.template.js +32 -5
  28. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  29. package/dist/components/{lists-and-menus → actions}/menu/menu.d.ts +3 -3
  30. package/dist/components/actions/menu/menu.d.ts.map +1 -0
  31. package/dist/components/actions/menu/menu.i18n.d.ts.map +1 -0
  32. package/dist/components/actions/menu/menu.i18n.js.map +1 -0
  33. package/dist/components/{lists-and-menus → actions}/menu/menu.js +3 -3
  34. package/dist/components/actions/menu/menu.js.map +1 -0
  35. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -0
  36. package/dist/components/{lists-and-menus → actions}/menu/menu.styles.js +5 -1
  37. package/dist/components/actions/menu/menu.styles.js.map +1 -0
  38. package/dist/components/actions/menu/menu.template.d.ts.map +1 -0
  39. package/dist/components/actions/menu/menu.template.js.map +1 -0
  40. package/dist/components/actions/split-button/split-button.d.ts +1 -1
  41. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  42. package/dist/components/actions/split-button/split-button.js +1 -1
  43. package/dist/components/actions/split-button/split-button.js.map +1 -1
  44. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  45. package/dist/components/actions/split-button/split-button.styles.js +2 -0
  46. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  47. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  48. package/dist/components/actions/toolbar/toolbar.styles.js +4 -2
  49. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  50. package/dist/components/components.js +76 -74
  51. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  52. package/dist/components/content/blockquote/blockquote.styles.js +6 -2
  53. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  54. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  55. package/dist/components/content/code-viewer/code-viewer.styles.js +4 -8
  56. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  57. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  58. package/dist/components/content/icon/icon-aliases.js +10 -5
  59. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  60. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  61. package/dist/components/content/icon/icon-registry.js +4 -2
  62. package/dist/components/content/icon/icon-registry.js.map +1 -1
  63. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  64. package/dist/components/content/image/image.styles.js +18 -6
  65. package/dist/components/content/image/image.styles.js.map +1 -1
  66. package/dist/components/content/image/lqip-encoder-element.js +1 -1
  67. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  68. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -0
  69. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  70. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  71. package/dist/components/content/tag/tag.styles.js +4 -2
  72. package/dist/components/content/tag/tag.styles.js.map +1 -1
  73. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  74. package/dist/components/content/title/title.styles.js +21 -13
  75. package/dist/components/content/title/title.styles.js.map +1 -1
  76. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  77. package/dist/components/content/tooltip/tooltip.styles.js +2 -0
  78. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  79. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  80. package/dist/components/forms/form-field/form-field.styles.js +34 -21
  81. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  82. package/dist/components/{index-DYnIl3ts.js → index-C3JellW2.js} +1839 -997
  83. package/dist/components/index.d.ts +15 -14
  84. package/dist/components/index.d.ts.map +1 -1
  85. package/dist/components/index.js +16 -15
  86. package/dist/components/index.js.map +1 -1
  87. package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
  88. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +2 -0
  89. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
  90. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
  91. package/dist/components/inputs/code-editor/code-editor.styles.js +9 -0
  92. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
  93. package/dist/components/inputs/combo-box/combo-box.d.ts +1 -1
  94. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  95. package/dist/components/inputs/combo-box/combo-box.js +1 -1
  96. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  97. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  98. package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
  99. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  100. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  101. package/dist/components/inputs/dropdown/dropdown.styles.js +16 -13
  102. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  103. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -0
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  106. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  107. package/dist/components/inputs/number-field/number-field.styles.js +2 -0
  108. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  109. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  110. package/dist/components/inputs/password-field/password-field.styles.js +2 -0
  111. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  112. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  113. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +2 -0
  114. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  115. package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts.map +1 -1
  116. package/dist/components/inputs/radio-button-group/radio-button-group.styles.js +2 -0
  117. package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map +1 -1
  118. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  119. package/dist/components/inputs/search-field/search-field.styles.js +2 -0
  120. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  121. package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -5
  122. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  123. package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
  124. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  125. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  126. package/dist/components/inputs/segmented-control/segmented-control.styles.js +15 -2
  127. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  128. package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
  129. package/dist/components/inputs/segmented-control/segmented-control.template.js +6 -3
  130. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  131. package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
  132. package/dist/components/inputs/switch-field/switch-field.styles.js +2 -0
  133. package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
  134. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  135. package/dist/components/inputs/text-field/text-field.styles.js +2 -0
  136. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  137. package/dist/components/inputs/toggle-button/toggle-button.js +3 -3
  138. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  139. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  140. package/dist/components/inputs/toggle-button/toggle-button.styles.js +2 -0
  141. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  142. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  143. package/dist/components/inputs/toggle-button/toggle-button.template.js +6 -1
  144. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  145. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  146. package/dist/components/inputs/token/token.styles.js +2 -0
  147. package/dist/components/inputs/token/token.styles.js.map +1 -1
  148. package/dist/components/layout/app-view/app-view.js +1 -1
  149. package/dist/components/layout/app-view/app-view.js.map +1 -1
  150. package/dist/components/layout/app-view/app-view.styles.js +1 -1
  151. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  152. package/dist/components/layout/card/card.styles.js +12 -0
  153. package/dist/components/layout/card/card.styles.js.map +1 -1
  154. package/dist/components/layout/page/page.styles.js +2 -2
  155. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  156. package/dist/components/layout/page-footer/page-footer.styles.js +2 -0
  157. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  158. package/dist/components/layout/popover/popover.styles.js +1 -1
  159. package/dist/components/layout/sheet/sheet.styles.js +1 -1
  160. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +2 -2
  161. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -4
  162. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +2 -2
  163. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +2 -2
  164. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +2 -2
  165. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  166. package/dist/components/layout/window/window.styles.js +3 -1
  167. package/dist/components/layout/window/window.styles.js.map +1 -1
  168. package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -0
  169. package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.js +1 -1
  170. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -0
  171. package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -0
  172. package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.js +2 -0
  173. package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -0
  174. package/dist/components/lists-and-tables/cells/cell/cell.template.d.ts.map +1 -0
  175. package/dist/components/lists-and-tables/cells/cell/cell.template.js.map +1 -0
  176. package/dist/components/lists-and-tables/cells/description-cell/description-cell.d.ts.map +1 -0
  177. package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.js +1 -1
  178. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -0
  179. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -0
  180. package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.js +18 -12
  181. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -0
  182. package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.d.ts.map +1 -0
  183. package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.js.map +1 -0
  184. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -0
  185. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +1 -0
  186. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -0
  187. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -0
  188. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -0
  189. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -0
  190. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -0
  191. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -0
  192. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -0
  193. package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.js +1 -1
  194. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -0
  195. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -0
  196. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -0
  197. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -0
  198. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -0
  199. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.d.ts.map +1 -0
  200. package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.js +1 -1
  201. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.js.map +1 -0
  202. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -0
  203. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js.map +1 -0
  204. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.d.ts.map +1 -0
  205. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.js.map +1 -0
  206. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -0
  207. package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.js +1 -1
  208. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -0
  209. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -0
  210. package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.js +2 -0
  211. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -0
  212. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -0
  213. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -0
  214. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -0
  215. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -0
  216. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -0
  217. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -0
  218. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -0
  219. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -0
  220. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -0
  221. package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.js +1 -1
  222. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -0
  223. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -0
  224. package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.js +2 -0
  225. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -0
  226. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -0
  227. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -0
  228. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -0
  229. package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -0
  230. package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -0
  231. package/dist/components/{lists-and-menus → lists-and-tables}/list/list.js +1 -1
  232. package/dist/components/lists-and-tables/list/list.js.map +1 -0
  233. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -0
  234. package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.js +3 -3
  235. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -0
  236. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -0
  237. package/dist/components/lists-and-tables/list/list.template.js.map +1 -0
  238. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -0
  239. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -0
  240. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -0
  241. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -0
  242. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -0
  243. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -0
  244. package/dist/components/lists-and-tables/table/table.d.ts +137 -0
  245. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -0
  246. package/dist/components/lists-and-tables/table/table.i18n.d.ts +6 -0
  247. package/dist/components/lists-and-tables/table/table.i18n.d.ts.map +1 -0
  248. package/dist/components/lists-and-tables/table/table.i18n.js +5 -0
  249. package/dist/components/lists-and-tables/table/table.i18n.js.map +1 -0
  250. package/dist/components/lists-and-tables/table/table.js +359 -0
  251. package/dist/components/lists-and-tables/table/table.js.map +1 -0
  252. package/dist/components/lists-and-tables/table/table.styles.d.ts +3 -0
  253. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -0
  254. package/dist/components/lists-and-tables/table/table.styles.js +120 -0
  255. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -0
  256. package/dist/components/lists-and-tables/table/table.template.d.ts +3 -0
  257. package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -0
  258. package/dist/components/lists-and-tables/table/table.template.js +34 -0
  259. package/dist/components/lists-and-tables/table/table.template.js.map +1 -0
  260. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
  261. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -0
  262. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  263. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
  264. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
  265. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +1 -1
  266. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  267. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  268. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +3 -0
  269. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  270. package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
  271. package/dist/components/navigation/link/link.styles.js +2 -0
  272. package/dist/components/navigation/link/link.styles.js.map +1 -1
  273. package/dist/components/navigation/menu-bar/menu-bar.d.ts +1 -1
  274. package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
  275. package/dist/components/navigation/menu-bar/menu-bar.js +1 -1
  276. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  277. package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
  278. package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -0
  279. package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
  280. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
  281. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  282. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
  283. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  284. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  285. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +2 -0
  286. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  287. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  288. package/dist/components/navigation/pagination/pagination.styles.js +2 -0
  289. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  290. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  291. package/dist/components/navigation/skip-link/skip-link.styles.js +4 -2
  292. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  293. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  294. package/dist/components/navigation/tab-bar/tab-bar.styles.js +4 -1
  295. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  296. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
  297. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  298. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  299. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +3 -1
  300. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  301. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  302. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +4 -2
  303. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  304. package/dist/components/{prism-python-C9GXiQLy.js → prism-python-QiimuE8j.js} +1 -1
  305. package/dist/components/{prism-rust-De_U8Otq.js → prism-rust-D4vfxUpk.js} +1 -1
  306. package/dist/components/{prism-typescript-BJbUDHsa.js → prism-typescript-Dy2F4cF2.js} +1 -1
  307. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +80 -0
  308. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -0
  309. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +5 -0
  310. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts.map +1 -0
  311. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +4 -0
  312. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -0
  313. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +163 -0
  314. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -0
  315. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts +2 -0
  316. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -0
  317. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +151 -0
  318. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -0
  319. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts +4 -0
  320. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -0
  321. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +41 -0
  322. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -0
  323. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  324. package/dist/components/status-and-feedback/badge/badge.styles.js +5 -3
  325. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  326. package/dist/components/status-and-feedback/banner/banner.d.ts +3 -3
  327. package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -1
  328. package/dist/components/status-and-feedback/banner/banner.js +3 -2
  329. package/dist/components/status-and-feedback/banner/banner.js.map +1 -1
  330. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
  331. package/dist/components/status-and-feedback/banner/banner.styles.js +12 -10
  332. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
  333. package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
  334. package/dist/components/status-and-feedback/banner/banner.template.js +2 -4
  335. package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
  336. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  337. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -0
  338. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  339. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  340. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +3 -1
  341. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  342. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +27 -22
  343. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
  344. package/dist/components/status-and-feedback/progress-bar/progress-bar.js +88 -80
  345. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  346. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts +1 -1
  347. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  348. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +88 -83
  349. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  350. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +22 -22
  351. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  352. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +31 -14
  353. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
  354. package/dist/components/status-and-feedback/progress-circle/progress-circle.js +84 -61
  355. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  356. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts +1 -1
  357. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
  358. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +97 -80
  359. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
  360. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts +6 -0
  361. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  362. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +71 -20
  363. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  364. package/dist/css/rich-text.css +43 -15
  365. package/dist/css/settings.css +234 -111
  366. package/dist/utilities/page-section-mixin.js +1 -1
  367. package/dist/utilities/page-section-mixin.js.map +1 -1
  368. package/dist/utilities/visibility-mixin.d.ts +8 -4
  369. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  370. package/dist/utilities/visibility-mixin.js +36 -8
  371. package/dist/utilities/visibility-mixin.js.map +1 -1
  372. package/package.json +32 -28
  373. package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +0 -1
  374. package/dist/components/lists-and-menus/cells/cell/cell.js.map +0 -1
  375. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +0 -1
  376. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +0 -1
  377. package/dist/components/lists-and-menus/cells/cell/cell.template.d.ts.map +0 -1
  378. package/dist/components/lists-and-menus/cells/cell/cell.template.js.map +0 -1
  379. package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +0 -1
  380. package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +0 -1
  381. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +0 -1
  382. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +0 -1
  383. package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.d.ts.map +0 -1
  384. package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.js.map +0 -1
  385. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.d.ts.map +0 -1
  386. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +0 -1
  387. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +0 -1
  388. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.js.map +0 -1
  389. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +0 -1
  390. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +0 -1
  391. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +0 -1
  392. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.js.map +0 -1
  393. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +0 -1
  394. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +0 -1
  395. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +0 -1
  396. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +0 -1
  397. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.d.ts.map +0 -1
  398. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.js.map +0 -1
  399. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +0 -1
  400. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +0 -1
  401. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +0 -1
  402. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +0 -1
  403. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.d.ts.map +0 -1
  404. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.js.map +0 -1
  405. package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +0 -1
  406. package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +0 -1
  407. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +0 -1
  408. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +0 -1
  409. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +0 -1
  410. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +0 -1
  411. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
  412. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
  413. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
  414. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
  415. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
  416. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
  417. package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +0 -1
  418. package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +0 -1
  419. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +0 -1
  420. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +0 -1
  421. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +0 -1
  422. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +0 -1
  423. package/dist/components/lists-and-menus/list/list.d.ts.map +0 -1
  424. package/dist/components/lists-and-menus/list/list.i18n.d.ts.map +0 -1
  425. package/dist/components/lists-and-menus/list/list.i18n.js.map +0 -1
  426. package/dist/components/lists-and-menus/list/list.js.map +0 -1
  427. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +0 -1
  428. package/dist/components/lists-and-menus/list/list.styles.js.map +0 -1
  429. package/dist/components/lists-and-menus/list/list.template.d.ts.map +0 -1
  430. package/dist/components/lists-and-menus/list/list.template.js.map +0 -1
  431. package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +0 -1
  432. package/dist/components/lists-and-menus/list-item/list-item.js.map +0 -1
  433. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +0 -1
  434. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +0 -1
  435. package/dist/components/lists-and-menus/list-item/list-item.template.d.ts.map +0 -1
  436. package/dist/components/lists-and-menus/list-item/list-item.template.js.map +0 -1
  437. package/dist/components/lists-and-menus/menu/menu.d.ts.map +0 -1
  438. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +0 -1
  439. package/dist/components/lists-and-menus/menu/menu.i18n.js.map +0 -1
  440. package/dist/components/lists-and-menus/menu/menu.js.map +0 -1
  441. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +0 -1
  442. package/dist/components/lists-and-menus/menu/menu.styles.js.map +0 -1
  443. package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +0 -1
  444. package/dist/components/lists-and-menus/menu/menu.template.js.map +0 -1
  445. package/dist/components/status-and-feedback/progress/progress.d.ts +0 -77
  446. package/dist/components/status-and-feedback/progress/progress.d.ts.map +0 -1
  447. package/dist/components/status-and-feedback/progress/progress.i18n.d.ts +0 -5
  448. package/dist/components/status-and-feedback/progress/progress.i18n.d.ts.map +0 -1
  449. package/dist/components/status-and-feedback/progress/progress.i18n.js +0 -4
  450. package/dist/components/status-and-feedback/progress/progress.i18n.js.map +0 -1
  451. package/dist/components/status-and-feedback/progress/progress.js +0 -137
  452. package/dist/components/status-and-feedback/progress/progress.js.map +0 -1
  453. package/dist/components/status-and-feedback/progress/progress.styles.d.ts +0 -2
  454. package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +0 -1
  455. package/dist/components/status-and-feedback/progress/progress.styles.js +0 -57
  456. package/dist/components/status-and-feedback/progress/progress.styles.js.map +0 -1
  457. package/dist/components/status-and-feedback/progress/progress.template.d.ts +0 -4
  458. package/dist/components/status-and-feedback/progress/progress.template.d.ts.map +0 -1
  459. package/dist/components/status-and-feedback/progress/progress.template.js +0 -26
  460. package/dist/components/status-and-feedback/progress/progress.template.js.map +0 -1
  461. /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.d.ts +0 -0
  462. /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.js +0 -0
  463. /package/dist/components/{lists-and-menus → actions}/menu/menu.styles.d.ts +0 -0
  464. /package/dist/components/{lists-and-menus → actions}/menu/menu.template.d.ts +0 -0
  465. /package/dist/components/{lists-and-menus → actions}/menu/menu.template.js +0 -0
  466. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.d.ts +0 -0
  467. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.d.ts +0 -0
  468. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.d.ts +0 -0
  469. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.js +0 -0
  470. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.d.ts +0 -0
  471. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.d.ts +0 -0
  472. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.d.ts +0 -0
  473. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.js +0 -0
  474. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.d.ts +0 -0
  475. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +0 -0
  476. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.js +0 -0
  477. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.js +0 -0
  478. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.d.ts +0 -0
  479. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.js +0 -0
  480. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.d.ts +0 -0
  481. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.js +0 -0
  482. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.d.ts +0 -0
  483. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.d.ts +0 -0
  484. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.js +0 -0
  485. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.d.ts +0 -0
  486. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.js +0 -0
  487. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.d.ts +0 -0
  488. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.d.ts +0 -0
  489. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.js +0 -0
  490. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.d.ts +0 -0
  491. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.js +0 -0
  492. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.d.ts +0 -0
  493. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.d.ts +0 -0
  494. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.d.ts +0 -0
  495. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.js +0 -0
  496. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.d.ts +0 -0
  497. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.js +0 -0
  498. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -0
  499. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -0
  500. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -0
  501. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.js +0 -0
  502. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.d.ts +0 -0
  503. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.d.ts +0 -0
  504. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.d.ts +0 -0
  505. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.js +0 -0
  506. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.d.ts +0 -0
  507. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.d.ts +0 -0
  508. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.js +0 -0
  509. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.d.ts +0 -0
  510. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.d.ts +0 -0
  511. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.js +0 -0
  512. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.d.ts +0 -0
  513. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.js +0 -0
  514. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.d.ts +0 -0
  515. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.js +0 -0
  516. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.d.ts +0 -0
  517. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.js +0 -0
package/dist/css/settings.css CHANGED
@@ -304,11 +304,11 @@
304
304
  --primitives-corner-radius-xxs: 3px;
305
305
  --primitives-corner-radius-xs: 4px;
306
306
  --primitives-corner-radius-sm: 6px;
307
- --primitives-corner-radius-md: 9px;
308
- --primitives-corner-radius-lg: 13px;
309
- --primitives-corner-radius-xl: 18px;
310
- --primitives-corner-radius-xxl: 24px;
311
- --primitives-corner-radius-xxxl: 31px;
307
+ --primitives-corner-radius-md: 8px;
308
+ --primitives-corner-radius-lg: 10px;
309
+ --primitives-corner-radius-xl: 12px;
310
+ --primitives-corner-radius-xxl: 16px;
311
+ --primitives-corner-radius-xxxl: 24px;
312
312
  --primitives-corner-radius-full: 9999px;
313
313
 
314
314
  /* ## Typography */
@@ -342,9 +342,9 @@
342
342
  --primitives-font-weight-body-thin: 200;
343
343
  --primitives-font-weight-body-light: 300;
344
344
  --primitives-font-weight-body-regular: 400;
345
- --primitives-font-weight-body-medium: 450;
346
- --primitives-font-weight-body-semi-bold: 475;
347
- --primitives-font-weight-body-bold: 500;
345
+ --primitives-font-weight-body-medium: 475;
346
+ --primitives-font-weight-body-semi-bold: 550;
347
+ --primitives-font-weight-body-bold: 600;
348
348
  --primitives-font-weight-body-extra-bold: 700;
349
349
  --primitives-font-weight-body-black: 800;
350
350
 
@@ -352,9 +352,9 @@
352
352
  --primitives-font-weight-display-thin: 200;
353
353
  --primitives-font-weight-display-light: 300;
354
354
  --primitives-font-weight-display-regular: 400;
355
- --primitives-font-weight-display-medium: 450;
356
- --primitives-font-weight-display-semi-bold: 475;
357
- --primitives-font-weight-display-bold: 500;
355
+ --primitives-font-weight-display-medium: 475;
356
+ --primitives-font-weight-display-semi-bold: 550;
357
+ --primitives-font-weight-display-bold: 600;
358
358
  --primitives-font-weight-display-extra-bold: 700;
359
359
  --primitives-font-weight-display-black: 800;
360
360
 
@@ -383,6 +383,26 @@
383
383
  var(--primitives-font-size-200) / var(--primitives-line-height-flat)
384
384
  var(--primitives-font-family-body)
385
385
  ;
386
+ --primitives-font-body-lg-medium-loose:
387
+ var(--primitives-font-weight-body-medium)
388
+ var(--primitives-font-size-200) / var(--primitives-line-height-loose)
389
+ var(--primitives-font-family-body)
390
+ ;
391
+ --primitives-font-body-lg-medium-snug:
392
+ var(--primitives-font-weight-body-medium)
393
+ var(--primitives-font-size-200) / var(--primitives-line-height-snug)
394
+ var(--primitives-font-family-body)
395
+ ;
396
+ --primitives-font-body-lg-medium-tight:
397
+ var(--primitives-font-weight-body-medium)
398
+ var(--primitives-font-size-200) / var(--primitives-line-height-tight)
399
+ var(--primitives-font-family-body)
400
+ ;
401
+ --primitives-font-body-lg-medium-flat:
402
+ var(--primitives-font-weight-body-medium)
403
+ var(--primitives-font-size-200) / var(--primitives-line-height-flat)
404
+ var(--primitives-font-family-body)
405
+ ;
386
406
  --primitives-font-body-lg-bold-loose:
387
407
  var(--primitives-font-weight-body-bold)
388
408
  var(--primitives-font-size-200) / var(--primitives-line-height-loose)
@@ -423,6 +443,26 @@
423
443
  var(--primitives-font-size-100) / var(--primitives-line-height-flat)
424
444
  var(--primitives-font-family-body)
425
445
  ;
446
+ --primitives-font-body-md-medium-loose:
447
+ var(--primitives-font-weight-body-medium)
448
+ var(--primitives-font-size-100) / var(--primitives-line-height-loose)
449
+ var(--primitives-font-family-body)
450
+ ;
451
+ --primitives-font-body-md-medium-snug:
452
+ var(--primitives-font-weight-body-medium)
453
+ var(--primitives-font-size-100) / var(--primitives-line-height-snug)
454
+ var(--primitives-font-family-body)
455
+ ;
456
+ --primitives-font-body-md-medium-tight:
457
+ var(--primitives-font-weight-body-medium)
458
+ var(--primitives-font-size-100) / var(--primitives-line-height-tight)
459
+ var(--primitives-font-family-body)
460
+ ;
461
+ --primitives-font-body-md-medium-flat:
462
+ var(--primitives-font-weight-body-medium)
463
+ var(--primitives-font-size-100) / var(--primitives-line-height-flat)
464
+ var(--primitives-font-family-body)
465
+ ;
426
466
  --primitives-font-body-md-bold-loose:
427
467
  var(--primitives-font-weight-body-bold)
428
468
  var(--primitives-font-size-100) / var(--primitives-line-height-loose)
@@ -463,6 +503,26 @@
463
503
  var(--primitives-font-size-90) / var(--primitives-line-height-flat)
464
504
  var(--primitives-font-family-body)
465
505
  ;
506
+ --primitives-font-body-sm-medium-loose:
507
+ var(--primitives-font-weight-body-medium)
508
+ var(--primitives-font-size-90) / var(--primitives-line-height-loose)
509
+ var(--primitives-font-family-body)
510
+ ;
511
+ --primitives-font-body-sm-medium-snug:
512
+ var(--primitives-font-weight-body-medium)
513
+ var(--primitives-font-size-90) / var(--primitives-line-height-snug)
514
+ var(--primitives-font-family-body)
515
+ ;
516
+ --primitives-font-body-sm-medium-tight:
517
+ var(--primitives-font-weight-body-medium)
518
+ var(--primitives-font-size-90) / var(--primitives-line-height-tight)
519
+ var(--primitives-font-family-body)
520
+ ;
521
+ --primitives-font-body-sm-medium-flat:
522
+ var(--primitives-font-weight-body-medium)
523
+ var(--primitives-font-size-90) / var(--primitives-line-height-flat)
524
+ var(--primitives-font-family-body)
525
+ ;
466
526
  --primitives-font-body-sm-bold-loose:
467
527
  var(--primitives-font-weight-body-bold)
468
528
  var(--primitives-font-size-90) / var(--primitives-line-height-loose)
@@ -503,6 +563,26 @@
503
563
  var(--primitives-font-size-80) / var(--primitives-line-height-flat)
504
564
  var(--primitives-font-family-body)
505
565
  ;
566
+ --primitives-font-body-xs-medium-loose:
567
+ var(--primitives-font-weight-body-medium)
568
+ var(--primitives-font-size-80) / var(--primitives-line-height-loose)
569
+ var(--primitives-font-family-body)
570
+ ;
571
+ --primitives-font-body-xs-medium-snug:
572
+ var(--primitives-font-weight-body-medium)
573
+ var(--primitives-font-size-80) / var(--primitives-line-height-snug)
574
+ var(--primitives-font-family-body)
575
+ ;
576
+ --primitives-font-body-xs-medium-tight:
577
+ var(--primitives-font-weight-body-medium)
578
+ var(--primitives-font-size-80) / var(--primitives-line-height-tight)
579
+ var(--primitives-font-family-body)
580
+ ;
581
+ --primitives-font-body-xs-medium-flat:
582
+ var(--primitives-font-weight-body-medium)
583
+ var(--primitives-font-size-80) / var(--primitives-line-height-flat)
584
+ var(--primitives-font-family-body)
585
+ ;
506
586
  --primitives-font-body-xs-bold-loose:
507
587
  var(--primitives-font-weight-body-bold)
508
588
  var(--primitives-font-size-80) / var(--primitives-line-height-loose)
@@ -548,6 +628,26 @@
548
628
  var(--primitives-font-size-70) / var(--primitives-line-height-flat)
549
629
  var(--primitives-font-family-body)
550
630
  ;
631
+ --primitives-font-body-xxs-medium-loose:
632
+ var(--primitives-font-weight-body-medium)
633
+ var(--primitives-font-size-70) / var(--primitives-line-height-loose)
634
+ var(--primitives-font-family-body)
635
+ ;
636
+ --primitives-font-body-xxs-medium-snug:
637
+ var(--primitives-font-weight-body-medium)
638
+ var(--primitives-font-size-70) / var(--primitives-line-height-snug)
639
+ var(--primitives-font-family-body)
640
+ ;
641
+ --primitives-font-body-xxs-medium-tight:
642
+ var(--primitives-font-weight-body-medium)
643
+ var(--primitives-font-size-70) / var(--primitives-line-height-tight)
644
+ var(--primitives-font-family-body)
645
+ ;
646
+ --primitives-font-body-xxs-medium-flat:
647
+ var(--primitives-font-weight-body-medium)
648
+ var(--primitives-font-size-70) / var(--primitives-line-height-flat)
649
+ var(--primitives-font-family-body)
650
+ ;
551
651
  --primitives-font-body-xxs-bold-loose:
552
652
  var(--primitives-font-weight-body-bold)
553
653
  var(--primitives-font-size-70) / var(--primitives-line-height-loose)
@@ -769,10 +869,11 @@
769
869
 
770
870
  /* ## Surfaces */
771
871
 
772
- --semantics-surfaces-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-100));
773
- --semantics-surfaces-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
872
+ --semantics-surfaces-base-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-100));
873
+ --semantics-surfaces-base-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
774
874
  --semantics-surfaces-tinted-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-75));
775
875
  --semantics-surfaces-tinted-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
876
+ --semantics-surfaces-corner-radius: var(--primitives-corner-radius-lg);
776
877
 
777
878
  /* ## Content */
778
879
 
@@ -820,14 +921,6 @@
820
921
  --semantics-controls-md-min-size: var(--primitives-space-44);
821
922
  --semantics-controls-lg-min-size: var(--primitives-space-56);
822
923
 
823
- --semantics-buttons-xs-icon-size: var(--primitives-space-16);
824
- --semantics-buttons-sm-icon-size: var(--primitives-space-18);
825
- --semantics-buttons-md-icon-size: var(--primitives-space-20);
826
-
827
- --semantics-buttons-xs-icon-only-icon-size: var(--primitives-space-16);
828
- --semantics-buttons-sm-icon-only-icon-size: var(--primitives-space-20);
829
- --semantics-buttons-md-icon-only-icon-size: var(--primitives-space-24);
830
-
831
924
  --semantics-controls-md-inline-padding: var(--primitives-space-12);
832
925
  --semantics-controls-sm-inline-padding: var(--primitives-space-10);
833
926
  --semantics-controls-xs-inline-padding: var(--primitives-space-6);
@@ -854,17 +947,25 @@
854
947
 
855
948
  /* ## Buttons */
856
949
 
857
- --semantics-buttons-md-font: var(--primitives-font-body-md-bold-flat);
858
- --semantics-buttons-sm-font: var(--primitives-font-body-sm-bold-flat);
859
- --semantics-buttons-xs-font: var(--primitives-font-body-xs-bold-flat);
950
+ --semantics-buttons-xs-font: var(--primitives-font-body-xs-medium-flat);
951
+ --semantics-buttons-sm-font: var(--primitives-font-body-sm-medium-flat);
952
+ --semantics-buttons-md-font: var(--primitives-font-body-md-medium-flat);
860
953
 
861
954
  --semantics-buttons-xs-divider-length: var(--primitives-space-14);
862
955
  --semantics-buttons-sm-divider-length: var(--primitives-space-20);
863
956
  --semantics-buttons-md-divider-length: var(--primitives-space-28);
864
957
 
865
- --semantics-buttons-md-gap: var(--primitives-space-4);
866
- --semantics-buttons-sm-gap: var(--primitives-space-3);
867
958
  --semantics-buttons-xs-gap: var(--primitives-space-2);
959
+ --semantics-buttons-sm-gap: var(--primitives-space-3);
960
+ --semantics-buttons-md-gap: var(--primitives-space-4);
961
+
962
+ --semantics-buttons-xs-icon-size: var(--primitives-space-16);
963
+ --semantics-buttons-sm-icon-size: var(--primitives-space-18);
964
+ --semantics-buttons-md-icon-size: var(--primitives-space-20);
965
+
966
+ --semantics-buttons-xs-icon-only-icon-size: var(--primitives-space-16);
967
+ --semantics-buttons-sm-icon-only-icon-size: var(--primitives-space-20);
968
+ --semantics-buttons-md-icon-only-icon-size: var(--primitives-space-24);
868
969
 
869
970
  --semantics-buttons-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
870
971
  --semantics-buttons-neutral-tinted-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
@@ -933,7 +1034,7 @@
933
1034
  --semantics-input-fields-border-thickness: var(--primitives-border-width-regular);
934
1035
  --semantics-input-fields-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
935
1036
  --semantics-input-fields-border: var(--semantics-input-fields-border-thickness) solid var(--semantics-input-fields-border-color);
936
- --semantics-input-fields-background-color: var(--semantics-surfaces-background-color);
1037
+ --semantics-input-fields-background-color: var(--semantics-surfaces-base-background-color);
937
1038
  --semantics-input-fields-placeholder-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
938
1039
  --semantics-input-fields-is-valid-border-color: light-dark(var(--primitives-color-success-550), var(--primitives-color-success-650));
939
1040
  --semantics-input-fields-is-valid-icon-color: light-dark(var(--primitives-color-success-550), var(--primitives-color-success-650));
@@ -975,6 +1076,18 @@
975
1076
  --semantics-dividers-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
976
1077
  --semantics-dividers-thickness: var(--primitives-border-width-thin);
977
1078
 
1079
+ /* ## Tables */
1080
+
1081
+ --semantics-tables-corner-radius: var(--semantics-surfaces-corner-radius);
1082
+ --semantics-tables-border-color: var(--semantics-dividers-color);
1083
+ --semantics-tables-border-width: var(--semantics-dividers-thickness);
1084
+ --semantics-tables-column-gap: var(--primitives-space-8);
1085
+ --semantics-tables-row-min-height: var(--semantics-controls-md-min-size);
1086
+ --semantics-tables-row-padding-block: var(--primitives-space-8);
1087
+ --semantics-tables-row-padding-inline: var(--primitives-space-12);
1088
+ --semantics-tables-row-is-selected-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
1089
+ --semantics-tables-row-is-selected-content-color: var(--primitives-color-neutral-1000);
1090
+
978
1091
  /* ## Page sections */
979
1092
 
980
1093
  --semantics-page-sections-body-max-width: var(--primitives-area-1280);
@@ -1010,7 +1123,7 @@
1010
1123
 
1011
1124
  --semantics-focus-ring-outline: var(--primitives-border-width-regular) solid var(--primitives-color-accent-600);
1012
1125
  --semantics-focus-ring-outline-offset: var(--primitives-border-width-regular);
1013
- --semantics-focus-ring-box-shadow: 0 0 0 calc(var(--primitives-border-width-regular) * 3) var(--semantics-surfaces-background-color);
1126
+ --semantics-focus-ring-box-shadow: 0 0 0 calc(var(--primitives-border-width-regular) * 3) var(--semantics-surfaces-base-background-color);
1014
1127
 
1015
1128
 
1016
1129
  /* ## Categories — filled
@@ -1181,30 +1294,33 @@
1181
1294
 
1182
1295
  /* ## Banner */
1183
1296
 
1184
- --components-banner-corner-radius: var(--primitives-corner-radius-lg);
1185
- --components-banner-padding: var(--primitives-space-16);
1297
+ --components-banner-corner-radius: var(--semantics-surfaces-corner-radius);
1298
+ --components-banner-padding: var(--primitives-space-12);
1186
1299
  --components-banner-content-color: var(--semantics-content-color);
1187
1300
  --components-banner-content-secondary-color: var(--semantics-content-secondary-color);
1188
1301
  --components-banner-neutral-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-75));
1189
- --components-banner-success-background-color: light-dark(var(--primitives-color-success-50), var(--primitives-color-success-75));
1190
- --components-banner-warning-background-color: light-dark(var(--primitives-color-warning-50), var(--primitives-color-warning-75));
1191
- --components-banner-critical-background-color: light-dark(var(--primitives-color-critical-50), var(--primitives-color-critical-75));
1192
1302
  --components-banner-neutral-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-150));
1303
+ --components-banner-neutral-icon-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-550));
1304
+ --components-banner-accent-background-color: light-dark(var(--primitives-color-accent-50), var(--primitives-color-accent-75));
1305
+ --components-banner-accent-border-color: light-dark(var(--primitives-color-accent-100), var(--primitives-color-accent-150));
1306
+ --components-banner-accent-icon-color: light-dark(var(--primitives-color-accent-600), var(--primitives-color-accent-500));
1307
+ --components-banner-success-background-color: light-dark(var(--primitives-color-success-50), var(--primitives-color-success-75));
1193
1308
  --components-banner-success-border-color: light-dark(var(--primitives-color-success-100), var(--primitives-color-success-150));
1194
- --components-banner-warning-border-color: light-dark(var(--primitives-color-warning-100), var(--primitives-color-warning-150));
1195
- --components-banner-critical-border-color: light-dark(var(--primitives-color-critical-100), var(--primitives-color-critical-150));
1196
- --components-banner-neutral-icon-color: var(--semantics-content-color);
1197
1309
  --components-banner-success-icon-color: light-dark(var(--primitives-color-success-500), var(--primitives-color-success-600));
1310
+ --components-banner-warning-background-color: light-dark(var(--primitives-color-warning-50), var(--primitives-color-warning-75));
1311
+ --components-banner-warning-border-color: light-dark(var(--primitives-color-warning-100), var(--primitives-color-warning-150));
1198
1312
  --components-banner-warning-icon-color: light-dark(var(--primitives-color-warning-450), var(--primitives-color-warning-700));
1313
+ --components-banner-critical-background-color: light-dark(var(--primitives-color-critical-50), var(--primitives-color-critical-75));
1314
+ --components-banner-critical-border-color: light-dark(var(--primitives-color-critical-100), var(--primitives-color-critical-150));
1199
1315
  --components-banner-critical-icon-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-600));
1200
1316
 
1201
1317
  /* ## Box */
1202
1318
 
1203
1319
  --components-box-background-color: var(--semantics-surfaces-tinted-background-color);
1204
- --components-box-base-background-color: var(--semantics-surfaces-background-color);
1320
+ --components-box-base-background-color: var(--semantics-surfaces-base-background-color);
1205
1321
  --components-box-border-color: var(--semantics-surfaces-tinted-border-color);
1206
- --components-box-base-border-color: var(--semantics-surfaces-border-color);
1207
- --components-box-corner-radius: var(--primitives-corner-radius-xl);
1322
+ --components-box-base-border-color: var(--semantics-surfaces-base-border-color);
1323
+ --components-box-corner-radius: var(--semantics-surfaces-corner-radius);
1208
1324
  --components-box-padding: var(--primitives-space-16);
1209
1325
 
1210
1326
  /* ## Button group */
@@ -1215,14 +1331,19 @@
1215
1331
  /* ## Card */
1216
1332
 
1217
1333
  --components-card-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-75));
1218
- --components-card-corner-radius: var(--primitives-corner-radius-none);
1219
- --components-card-box-shadow: var(--primitives-box-shadows-level-2);
1334
+ --components-card-corner-radius: var(--semantics-surfaces-corner-radius);
1335
+ --components-card-box-shadow: var(--primitives-box-shadows-level-1);
1336
+ --components-card-highlight-border-width: var(--primitives-border-width-thin);
1337
+ --components-card-highlight-border-color: light-dark(
1338
+ color-mix(in srgb, var(--primitives-color-neutral-0) 25%, transparent),
1339
+ color-mix(in srgb, var(--primitives-color-neutral-1000) 10%, transparent)
1340
+ );
1220
1341
 
1221
1342
  /* ## Checkbox */
1222
1343
 
1223
1344
  --components-checkbox-border-thickness: var(--primitives-border-width-regular);
1224
1345
  --components-checkbox-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1225
- --components-checkbox-background-color: var(--semantics-surfaces-background-color);
1346
+ --components-checkbox-background-color: var(--semantics-surfaces-base-background-color);
1226
1347
  --components-checkbox-is-hovered-border-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-700));
1227
1348
  --components-checkbox-is-active-border-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-750));
1228
1349
  --components-checkbox-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
@@ -1243,7 +1364,7 @@
1243
1364
 
1244
1365
  /* ## Document tab bar */
1245
1366
 
1246
- --components-document-tab-bar-tab-title-font: var(--primitives-font-body-sm-bold-flat);
1367
+ --components-document-tab-bar-tab-title-font: var(--primitives-font-body-sm-medium-flat);
1247
1368
 
1248
1369
  /* ## Icon — rijkskleuren
1249
1370
 
@@ -1339,7 +1460,7 @@
1339
1460
 
1340
1461
  /* ## List */
1341
1462
 
1342
- --components-list-corner-radius: var(--semantics-controls-md-corner-radius);
1463
+ --components-list-corner-radius: var(--semantics-surfaces-corner-radius);
1343
1464
  --components-list-drag-placeholder-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1344
1465
 
1345
1466
  --components-list-item-sm-padding-block: var(--primitives-space-6);
@@ -1365,7 +1486,7 @@
1365
1486
 
1366
1487
  /* ## Menu bar */
1367
1488
 
1368
- --components-menu-bar-item-font: var(--primitives-font-body-md-bold-flat);
1489
+ --components-menu-bar-item-font: var(--primitives-font-body-md-medium-flat);
1369
1490
  --components-menu-bar-item-inline-padding: var(--primitives-space-8);
1370
1491
  --components-menu-bar-item-content-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-750));
1371
1492
  --components-menu-bar-item-is-hovered-indicator-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
@@ -1388,84 +1509,86 @@
1388
1509
 
1389
1510
  --components-progress-bar-corner-radius: var(--primitives-corner-radius-full);
1390
1511
  --components-progress-bar-distribution-corner-radius: var(--primitives-corner-radius-xxs);
1391
- --components-progress-bar-track-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1512
+ --components-progress-bar-track-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1392
1513
  --components-progress-bar-track-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
1393
1514
  --components-progress-bar-track-border-width: var(--primitives-border-width-thin);
1394
- --components-progress-bar-progress-segment-gap: var(--primitives-space-1);
1395
- --components-progress-bar-distribution-segment-gap: var(--primitives-space-2);
1396
- --components-progress-bar-segment-min-width: var(--primitives-space-2);
1515
+ --components-progress-bar-progress-segment-indicator-gap: var(--primitives-space-1);
1516
+ --components-progress-bar-distribution-segment-indicator-gap: var(--primitives-space-2);
1517
+ --components-progress-bar-segment-indicator-min-width: var(--primitives-space-2);
1397
1518
  --components-progress-bar-sm-height: var(--primitives-space-4);
1398
1519
  --components-progress-bar-md-height: var(--primitives-space-8);
1399
1520
  --components-progress-bar-lg-height: var(--primitives-space-16);
1400
- --components-progress-bar-header-gap: var(--primitives-space-6);
1401
- --components-progress-bar-header-text-color: var(--semantics-content-color);
1402
- --components-progress-bar-header-value-color: var(--semantics-content-secondary-color);
1403
- --components-progress-bar-header-text-font: var(--primitives-font-body-md-regular-tight);
1404
- --components-progress-bar-header-value-font: var(--primitives-font-body-md-regular-tight);
1521
+ --components-progress-bar-caption-gap: var(--primitives-space-6);
1522
+ --components-progress-bar-text-color: var(--semantics-content-color);
1523
+ --components-progress-bar-supporting-text-color: var(--semantics-content-secondary-color);
1524
+ --components-progress-bar-text-font: var(--primitives-font-body-md-regular-tight);
1525
+ --components-progress-bar-supporting-text-font: var(--primitives-font-body-md-regular-tight);
1405
1526
 
1406
1527
  /* ### Progress bar — semantic variants */
1407
1528
 
1408
- --components-progress-bar-segment-border-width: var(--primitives-border-width-thin);
1529
+ --components-progress-bar-segment-indicator-border-width: var(--primitives-border-width-thin);
1409
1530
 
1410
- --components-progress-bar-neutral-fill-color: var(--semantics-categories-filled-neutral-background-color);
1531
+ --components-progress-bar-neutral-background-color: var(--semantics-categories-filled-neutral-background-color);
1411
1532
  --components-progress-bar-neutral-border-color: var(--semantics-categories-filled-neutral-border-color);
1412
- --components-progress-bar-accent-fill-color: var(--semantics-categories-filled-accent-background-color);
1533
+ --components-progress-bar-accent-background-color: var(--semantics-categories-filled-accent-background-color);
1413
1534
  --components-progress-bar-accent-border-color: var(--semantics-categories-filled-accent-border-color);
1414
- --components-progress-bar-success-fill-color: var(--semantics-categories-filled-success-background-color);
1535
+ --components-progress-bar-success-background-color: var(--semantics-categories-filled-success-background-color);
1415
1536
  --components-progress-bar-success-border-color: var(--semantics-categories-filled-success-border-color);
1416
- --components-progress-bar-warning-fill-color: var(--semantics-categories-filled-warning-background-color);
1537
+ --components-progress-bar-warning-background-color: var(--semantics-categories-filled-warning-background-color);
1417
1538
  --components-progress-bar-warning-border-color: var(--semantics-categories-filled-warning-border-color);
1418
- --components-progress-bar-critical-fill-color: var(--semantics-categories-filled-critical-background-color);
1539
+ --components-progress-bar-critical-background-color: var(--semantics-categories-filled-critical-background-color);
1419
1540
  --components-progress-bar-critical-border-color: var(--semantics-categories-filled-critical-border-color);
1420
1541
 
1421
1542
  /* ### Progress bar — rijkskleuren */
1422
1543
 
1423
- --components-progress-bar-coolgray-fill-color: var(--semantics-categories-filled-coolgray-background-color);
1544
+ --components-progress-bar-coolgray-background-color: var(--semantics-categories-filled-coolgray-background-color);
1424
1545
  --components-progress-bar-coolgray-border-color: var(--semantics-categories-filled-coolgray-border-color);
1425
- --components-progress-bar-lintblauw-fill-color: var(--semantics-categories-filled-lintblauw-background-color);
1546
+ --components-progress-bar-lintblauw-background-color: var(--semantics-categories-filled-lintblauw-background-color);
1426
1547
  --components-progress-bar-lintblauw-border-color: var(--semantics-categories-filled-lintblauw-border-color);
1427
- --components-progress-bar-donkerblauw-fill-color: var(--semantics-categories-filled-donkerblauw-background-color);
1548
+ --components-progress-bar-donkerblauw-background-color: var(--semantics-categories-filled-donkerblauw-background-color);
1428
1549
  --components-progress-bar-donkerblauw-border-color: var(--semantics-categories-filled-donkerblauw-border-color);
1429
- --components-progress-bar-hemelblauw-fill-color: var(--semantics-categories-filled-hemelblauw-background-color);
1550
+ --components-progress-bar-hemelblauw-background-color: var(--semantics-categories-filled-hemelblauw-background-color);
1430
1551
  --components-progress-bar-hemelblauw-border-color: var(--semantics-categories-filled-hemelblauw-border-color);
1431
- --components-progress-bar-lichtblauw-fill-color: var(--semantics-categories-filled-lichtblauw-background-color);
1552
+ --components-progress-bar-lichtblauw-background-color: var(--semantics-categories-filled-lichtblauw-background-color);
1432
1553
  --components-progress-bar-lichtblauw-border-color: var(--semantics-categories-filled-lichtblauw-border-color);
1433
- --components-progress-bar-paars-fill-color: var(--semantics-categories-filled-paars-background-color);
1554
+ --components-progress-bar-paars-background-color: var(--semantics-categories-filled-paars-background-color);
1434
1555
  --components-progress-bar-paars-border-color: var(--semantics-categories-filled-paars-border-color);
1435
- --components-progress-bar-violet-fill-color: var(--semantics-categories-filled-violet-background-color);
1556
+ --components-progress-bar-violet-background-color: var(--semantics-categories-filled-violet-background-color);
1436
1557
  --components-progress-bar-violet-border-color: var(--semantics-categories-filled-violet-border-color);
1437
- --components-progress-bar-robijnrood-fill-color: var(--semantics-categories-filled-robijnrood-background-color);
1558
+ --components-progress-bar-robijnrood-background-color: var(--semantics-categories-filled-robijnrood-background-color);
1438
1559
  --components-progress-bar-robijnrood-border-color: var(--semantics-categories-filled-robijnrood-border-color);
1439
- --components-progress-bar-roze-fill-color: var(--semantics-categories-filled-roze-background-color);
1560
+ --components-progress-bar-roze-background-color: var(--semantics-categories-filled-roze-background-color);
1440
1561
  --components-progress-bar-roze-border-color: var(--semantics-categories-filled-roze-border-color);
1441
- --components-progress-bar-rood-fill-color: var(--semantics-categories-filled-rood-background-color);
1562
+ --components-progress-bar-rood-background-color: var(--semantics-categories-filled-rood-background-color);
1442
1563
  --components-progress-bar-rood-border-color: var(--semantics-categories-filled-rood-border-color);
1443
- --components-progress-bar-oranje-fill-color: var(--semantics-categories-filled-oranje-background-color);
1564
+ --components-progress-bar-oranje-background-color: var(--semantics-categories-filled-oranje-background-color);
1444
1565
  --components-progress-bar-oranje-border-color: var(--semantics-categories-filled-oranje-border-color);
1445
- --components-progress-bar-donkergeel-fill-color: var(--semantics-categories-filled-donkergeel-background-color);
1566
+ --components-progress-bar-donkergeel-background-color: var(--semantics-categories-filled-donkergeel-background-color);
1446
1567
  --components-progress-bar-donkergeel-border-color: var(--semantics-categories-filled-donkergeel-border-color);
1447
- --components-progress-bar-geel-fill-color: var(--semantics-categories-filled-geel-background-color);
1568
+ --components-progress-bar-geel-background-color: var(--semantics-categories-filled-geel-background-color);
1448
1569
  --components-progress-bar-geel-border-color: var(--semantics-categories-filled-geel-border-color);
1449
- --components-progress-bar-donkerbruin-fill-color: var(--semantics-categories-filled-donkerbruin-background-color);
1570
+ --components-progress-bar-donkerbruin-background-color: var(--semantics-categories-filled-donkerbruin-background-color);
1450
1571
  --components-progress-bar-donkerbruin-border-color: var(--semantics-categories-filled-donkerbruin-border-color);
1451
- --components-progress-bar-bruin-fill-color: var(--semantics-categories-filled-bruin-background-color);
1572
+ --components-progress-bar-bruin-background-color: var(--semantics-categories-filled-bruin-background-color);
1452
1573
  --components-progress-bar-bruin-border-color: var(--semantics-categories-filled-bruin-border-color);
1453
- --components-progress-bar-donkergroen-fill-color: var(--semantics-categories-filled-donkergroen-background-color);
1574
+ --components-progress-bar-donkergroen-background-color: var(--semantics-categories-filled-donkergroen-background-color);
1454
1575
  --components-progress-bar-donkergroen-border-color: var(--semantics-categories-filled-donkergroen-border-color);
1455
- --components-progress-bar-groen-fill-color: var(--semantics-categories-filled-groen-background-color);
1576
+ --components-progress-bar-groen-background-color: var(--semantics-categories-filled-groen-background-color);
1456
1577
  --components-progress-bar-groen-border-color: var(--semantics-categories-filled-groen-border-color);
1457
- --components-progress-bar-mosgroen-fill-color: var(--semantics-categories-filled-mosgroen-background-color);
1578
+ --components-progress-bar-mosgroen-background-color: var(--semantics-categories-filled-mosgroen-background-color);
1458
1579
  --components-progress-bar-mosgroen-border-color: var(--semantics-categories-filled-mosgroen-border-color);
1459
- --components-progress-bar-mintgroen-fill-color: var(--semantics-categories-filled-mintgroen-background-color);
1580
+ --components-progress-bar-mintgroen-background-color: var(--semantics-categories-filled-mintgroen-background-color);
1460
1581
  --components-progress-bar-mintgroen-border-color: var(--semantics-categories-filled-mintgroen-border-color);
1461
1582
 
1462
1583
  /* ## Progress circle */
1463
1584
 
1464
- --components-progress-circle-track-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1585
+ --components-progress-circle-track-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1465
1586
  --components-progress-circle-track-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
1466
- --components-progress-circle-label-gap: var(--primitives-space-8);
1467
- --components-progress-circle-label-color: var(--semantics-content-color);
1468
- --components-progress-circle-label-font: var(--primitives-font-body-md-regular-tight);
1587
+ --components-progress-circle-caption-gap: var(--primitives-space-8);
1588
+ --components-progress-circle-text-color: var(--semantics-content-color);
1589
+ --components-progress-circle-text-font: var(--primitives-font-body-md-regular-tight);
1590
+ --components-progress-circle-supporting-text-color: var(--semantics-content-secondary-color);
1591
+ --components-progress-circle-supporting-text-font: var(--primitives-font-body-sm-regular-tight);
1469
1592
  /* Segment gap is intentionally hard-coded in progress-circle.ts as 1px /
1470
1593
  2px (visual gap) and scaled per render into SVG user units, so that the
1471
1594
  gap stays a consistent pixel width across every host size. Exposing it
@@ -1475,63 +1598,63 @@
1475
1598
 
1476
1599
  /* ### Progress circle — semantic variants */
1477
1600
 
1478
- --components-progress-circle-neutral-fill-color: var(--semantics-categories-filled-neutral-background-color);
1601
+ --components-progress-circle-neutral-background-color: var(--semantics-categories-filled-neutral-background-color);
1479
1602
  --components-progress-circle-neutral-border-color: var(--semantics-categories-filled-neutral-border-color);
1480
- --components-progress-circle-accent-fill-color: var(--semantics-categories-filled-accent-background-color);
1603
+ --components-progress-circle-accent-background-color: var(--semantics-categories-filled-accent-background-color);
1481
1604
  --components-progress-circle-accent-border-color: var(--semantics-categories-filled-accent-border-color);
1482
- --components-progress-circle-success-fill-color: var(--semantics-categories-filled-success-background-color);
1605
+ --components-progress-circle-success-background-color: var(--semantics-categories-filled-success-background-color);
1483
1606
  --components-progress-circle-success-border-color: var(--semantics-categories-filled-success-border-color);
1484
- --components-progress-circle-warning-fill-color: var(--semantics-categories-filled-warning-background-color);
1607
+ --components-progress-circle-warning-background-color: var(--semantics-categories-filled-warning-background-color);
1485
1608
  --components-progress-circle-warning-border-color: var(--semantics-categories-filled-warning-border-color);
1486
- --components-progress-circle-critical-fill-color: var(--semantics-categories-filled-critical-background-color);
1609
+ --components-progress-circle-critical-background-color: var(--semantics-categories-filled-critical-background-color);
1487
1610
  --components-progress-circle-critical-border-color: var(--semantics-categories-filled-critical-border-color);
1488
1611
 
1489
1612
  /* ### Progress circle — rijkskleuren */
1490
1613
 
1491
- --components-progress-circle-coolgray-fill-color: var(--semantics-categories-filled-coolgray-background-color);
1614
+ --components-progress-circle-coolgray-background-color: var(--semantics-categories-filled-coolgray-background-color);
1492
1615
  --components-progress-circle-coolgray-border-color: var(--semantics-categories-filled-coolgray-border-color);
1493
- --components-progress-circle-lintblauw-fill-color: var(--semantics-categories-filled-lintblauw-background-color);
1616
+ --components-progress-circle-lintblauw-background-color: var(--semantics-categories-filled-lintblauw-background-color);
1494
1617
  --components-progress-circle-lintblauw-border-color: var(--semantics-categories-filled-lintblauw-border-color);
1495
- --components-progress-circle-donkerblauw-fill-color: var(--semantics-categories-filled-donkerblauw-background-color);
1618
+ --components-progress-circle-donkerblauw-background-color: var(--semantics-categories-filled-donkerblauw-background-color);
1496
1619
  --components-progress-circle-donkerblauw-border-color: var(--semantics-categories-filled-donkerblauw-border-color);
1497
- --components-progress-circle-hemelblauw-fill-color: var(--semantics-categories-filled-hemelblauw-background-color);
1620
+ --components-progress-circle-hemelblauw-background-color: var(--semantics-categories-filled-hemelblauw-background-color);
1498
1621
  --components-progress-circle-hemelblauw-border-color: var(--semantics-categories-filled-hemelblauw-border-color);
1499
- --components-progress-circle-lichtblauw-fill-color: var(--semantics-categories-filled-lichtblauw-background-color);
1622
+ --components-progress-circle-lichtblauw-background-color: var(--semantics-categories-filled-lichtblauw-background-color);
1500
1623
  --components-progress-circle-lichtblauw-border-color: var(--semantics-categories-filled-lichtblauw-border-color);
1501
- --components-progress-circle-paars-fill-color: var(--semantics-categories-filled-paars-background-color);
1624
+ --components-progress-circle-paars-background-color: var(--semantics-categories-filled-paars-background-color);
1502
1625
  --components-progress-circle-paars-border-color: var(--semantics-categories-filled-paars-border-color);
1503
- --components-progress-circle-violet-fill-color: var(--semantics-categories-filled-violet-background-color);
1626
+ --components-progress-circle-violet-background-color: var(--semantics-categories-filled-violet-background-color);
1504
1627
  --components-progress-circle-violet-border-color: var(--semantics-categories-filled-violet-border-color);
1505
- --components-progress-circle-robijnrood-fill-color: var(--semantics-categories-filled-robijnrood-background-color);
1628
+ --components-progress-circle-robijnrood-background-color: var(--semantics-categories-filled-robijnrood-background-color);
1506
1629
  --components-progress-circle-robijnrood-border-color: var(--semantics-categories-filled-robijnrood-border-color);
1507
- --components-progress-circle-roze-fill-color: var(--semantics-categories-filled-roze-background-color);
1630
+ --components-progress-circle-roze-background-color: var(--semantics-categories-filled-roze-background-color);
1508
1631
  --components-progress-circle-roze-border-color: var(--semantics-categories-filled-roze-border-color);
1509
- --components-progress-circle-rood-fill-color: var(--semantics-categories-filled-rood-background-color);
1632
+ --components-progress-circle-rood-background-color: var(--semantics-categories-filled-rood-background-color);
1510
1633
  --components-progress-circle-rood-border-color: var(--semantics-categories-filled-rood-border-color);
1511
- --components-progress-circle-oranje-fill-color: var(--semantics-categories-filled-oranje-background-color);
1634
+ --components-progress-circle-oranje-background-color: var(--semantics-categories-filled-oranje-background-color);
1512
1635
  --components-progress-circle-oranje-border-color: var(--semantics-categories-filled-oranje-border-color);
1513
- --components-progress-circle-donkergeel-fill-color: var(--semantics-categories-filled-donkergeel-background-color);
1636
+ --components-progress-circle-donkergeel-background-color: var(--semantics-categories-filled-donkergeel-background-color);
1514
1637
  --components-progress-circle-donkergeel-border-color: var(--semantics-categories-filled-donkergeel-border-color);
1515
- --components-progress-circle-geel-fill-color: var(--semantics-categories-filled-geel-background-color);
1638
+ --components-progress-circle-geel-background-color: var(--semantics-categories-filled-geel-background-color);
1516
1639
  --components-progress-circle-geel-border-color: var(--semantics-categories-filled-geel-border-color);
1517
- --components-progress-circle-donkerbruin-fill-color: var(--semantics-categories-filled-donkerbruin-background-color);
1640
+ --components-progress-circle-donkerbruin-background-color: var(--semantics-categories-filled-donkerbruin-background-color);
1518
1641
  --components-progress-circle-donkerbruin-border-color: var(--semantics-categories-filled-donkerbruin-border-color);
1519
- --components-progress-circle-bruin-fill-color: var(--semantics-categories-filled-bruin-background-color);
1642
+ --components-progress-circle-bruin-background-color: var(--semantics-categories-filled-bruin-background-color);
1520
1643
  --components-progress-circle-bruin-border-color: var(--semantics-categories-filled-bruin-border-color);
1521
- --components-progress-circle-donkergroen-fill-color: var(--semantics-categories-filled-donkergroen-background-color);
1644
+ --components-progress-circle-donkergroen-background-color: var(--semantics-categories-filled-donkergroen-background-color);
1522
1645
  --components-progress-circle-donkergroen-border-color: var(--semantics-categories-filled-donkergroen-border-color);
1523
- --components-progress-circle-groen-fill-color: var(--semantics-categories-filled-groen-background-color);
1646
+ --components-progress-circle-groen-background-color: var(--semantics-categories-filled-groen-background-color);
1524
1647
  --components-progress-circle-groen-border-color: var(--semantics-categories-filled-groen-border-color);
1525
- --components-progress-circle-mosgroen-fill-color: var(--semantics-categories-filled-mosgroen-background-color);
1648
+ --components-progress-circle-mosgroen-background-color: var(--semantics-categories-filled-mosgroen-background-color);
1526
1649
  --components-progress-circle-mosgroen-border-color: var(--semantics-categories-filled-mosgroen-border-color);
1527
- --components-progress-circle-mintgroen-fill-color: var(--semantics-categories-filled-mintgroen-background-color);
1650
+ --components-progress-circle-mintgroen-background-color: var(--semantics-categories-filled-mintgroen-background-color);
1528
1651
  --components-progress-circle-mintgroen-border-color: var(--semantics-categories-filled-mintgroen-border-color);
1529
1652
 
1530
1653
  /* ## Radio button */
1531
1654
 
1532
1655
  --components-radio-button-border-thickness: var(--primitives-border-width-regular);
1533
1656
  --components-radio-button-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1534
- --components-radio-button-background-color: var(--semantics-surfaces-background-color);
1657
+ --components-radio-button-background-color: var(--semantics-surfaces-base-background-color);
1535
1658
  --components-radio-button-is-hovered-border-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-700));
1536
1659
  --components-radio-button-is-active-border-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-750));
1537
1660
  --components-radio-button-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
@@ -1560,10 +1683,10 @@
1560
1683
 
1561
1684
  --components-switch-border-thickness: var(--primitives-border-width-regular);
1562
1685
  --components-switch-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1563
- --components-switch-background-color: var(--semantics-surfaces-background-color);
1686
+ --components-switch-background-color: var(--semantics-surfaces-base-background-color);
1564
1687
  --components-switch-thumb-border-thickness: var(--primitives-border-width-regular);
1565
1688
  --components-switch-thumb-border-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1566
- --components-switch-thumb-background-color: var(--semantics-surfaces-background-color);
1689
+ --components-switch-thumb-background-color: var(--semantics-surfaces-base-background-color);
1567
1690
  --components-switch-icon-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1568
1691
  --components-switch-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
1569
1692
  --components-switch-is-selected-thumb-background-color: var(--semantics-controls-is-highlighted-contrast-color);
@@ -1628,7 +1751,7 @@
1628
1751
  /* ## Timeline track cell */
1629
1752
 
1630
1753
  --components-timeline-track-cell-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1631
- --components-timeline-track-cell-future-background-color: var(--semantics-surfaces-background-color);
1754
+ --components-timeline-track-cell-future-background-color: var(--semantics-surfaces-base-background-color);
1632
1755
 
1633
1756
  /* ## Title */
1634
1757
 
package/dist/utilities/page-section-mixin.js CHANGED
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  import { property } from 'lit/decorators.js';
8
8
  import { onColorSchemeChange } from './color-scheme-repaint.js';
9
9
  const BACKGROUND_TOKEN = {
10
- base: 'var(--semantics-surfaces-background-color)',
10
+ base: 'var(--semantics-surfaces-base-background-color)',
11
11
  tinted: 'var(--semantics-surfaces-tinted-background-color)',
12
12
  };
13
13
  function paddingToValue(size) {