@nldd/design-system 0.8.95 → 0.8.97

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 (468) hide show
  1. package/README.md +20 -19
  2. package/custom-elements.json +781 -379
  3. package/dist/assets/styles/shadow-resets.d.ts +1 -1
  4. package/dist/assets/styles/shadow-resets.js +1 -1
  5. package/dist/components/actions/button/button.js +3 -3
  6. package/dist/components/actions/button/button.js.map +1 -1
  7. package/dist/components/actions/button/button.styles.js +273 -273
  8. package/dist/components/actions/button-bar/button-bar.styles.js +34 -34
  9. package/dist/components/actions/button-group/button-group.styles.js +11 -11
  10. package/dist/components/actions/icon-button/icon-button.js +3 -3
  11. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  12. package/dist/components/actions/icon-button/icon-button.styles.js +203 -203
  13. package/dist/components/actions/menu/menu.d.ts +3 -3
  14. package/dist/components/actions/menu/menu.js +15 -15
  15. package/dist/components/actions/menu/menu.js.map +1 -1
  16. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  17. package/dist/components/actions/menu/menu.styles.js +46 -41
  18. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  19. package/dist/components/actions/split-button/split-button.js +3 -3
  20. package/dist/components/actions/split-button/split-button.js.map +1 -1
  21. package/dist/components/actions/split-button/split-button.styles.js +30 -30
  22. package/dist/components/actions/toolbar/toolbar.d.ts +5 -0
  23. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  24. package/dist/components/actions/toolbar/toolbar.js +28 -18
  25. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  26. package/dist/components/actions/toolbar/toolbar.styles.js +55 -55
  27. package/dist/components/components.js +4682 -4158
  28. package/dist/components/content/avatar/avatar.d.ts +1 -1
  29. package/dist/components/content/avatar/avatar.js +3 -3
  30. package/dist/components/content/avatar/avatar.js.map +1 -1
  31. package/dist/components/content/avatar/avatar.styles.js +39 -39
  32. package/dist/components/content/avatar-group/avatar-group.styles.js +36 -36
  33. package/dist/components/content/blockquote/blockquote.styles.js +14 -14
  34. package/dist/components/content/code-viewer/code-viewer.js +1 -1
  35. package/dist/components/content/code-viewer/code-viewer.styles.js +36 -36
  36. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  37. package/dist/components/content/icon/icon-aliases.js +17 -1
  38. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  39. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  40. package/dist/components/content/icon/icon-gallery-status.js +25 -42
  41. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  42. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  43. package/dist/components/content/icon/icon-registry.js +24 -12
  44. package/dist/components/content/icon/icon-registry.js.map +1 -1
  45. package/dist/components/content/icon/icon.js +2 -2
  46. package/dist/components/content/icon/icon.js.map +1 -1
  47. package/dist/components/content/icon/icon.styles.js +48 -48
  48. package/dist/components/content/identity/identity.styles.js +17 -17
  49. package/dist/components/content/image/image.d.ts +19 -3
  50. package/dist/components/content/image/image.d.ts.map +1 -1
  51. package/dist/components/content/image/image.js +28 -7
  52. package/dist/components/content/image/image.js.map +1 -1
  53. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  54. package/dist/components/content/image/image.styles.js +189 -153
  55. package/dist/components/content/image/image.styles.js.map +1 -1
  56. package/dist/components/content/image/image.template.d.ts.map +1 -1
  57. package/dist/components/content/image/image.template.js +13 -1
  58. package/dist/components/content/image/image.template.js.map +1 -1
  59. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  60. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +42 -40
  61. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  62. package/dist/components/content/rich-text/rich-text.d.ts +25 -12
  63. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  64. package/dist/components/content/rich-text/rich-text.js +25 -12
  65. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  66. package/dist/components/content/tag/tag.styles.js +95 -95
  67. package/dist/components/content/text/text.styles.js +23 -23
  68. package/dist/components/content/title/title.styles.js +38 -38
  69. package/dist/components/content/token/token.styles.js +4 -4
  70. package/dist/components/content/tooltip/tooltip.js +5 -5
  71. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  72. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  73. package/dist/components/content/tooltip/tooltip.styles.js +21 -18
  74. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  75. package/dist/components/forms/form-field/form-field.styles.js +5 -5
  76. package/dist/components/forms/validation-list/validation-list.styles.js +7 -7
  77. package/dist/components/{icon-Typdp4av.js → icon-D_ZGezHx.js} +83 -63
  78. package/dist/components/{icon-button-9mo3oIyL.js → icon-button-NN0SrgS3.js} +278 -275
  79. package/dist/components/index.d.ts +3 -3
  80. package/dist/components/index.d.ts.map +1 -1
  81. package/dist/components/index.js +3 -3
  82. package/dist/components/index.js.map +1 -1
  83. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  84. package/dist/components/inputs/checkbox/checkbox.styles.js +31 -16
  85. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  86. package/dist/components/inputs/code-editor/code-editor.js +2 -2
  87. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  88. package/dist/components/inputs/code-editor/code-editor.styles.js +30 -30
  89. package/dist/components/inputs/combo-box/combo-box.js +2 -2
  90. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  91. package/dist/components/inputs/combo-box/combo-box.styles.js +30 -30
  92. package/dist/components/inputs/date-field/date-field.js +4 -4
  93. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  94. package/dist/components/inputs/date-field/date-field.styles.js +46 -46
  95. package/dist/components/inputs/date-picker/date-picker.js +3 -3
  96. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  97. package/dist/components/inputs/date-picker/date-picker.styles.js +65 -65
  98. package/dist/components/inputs/dropdown/dropdown.js +2 -2
  99. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  100. package/dist/components/inputs/dropdown/dropdown.styles.js +66 -66
  101. package/dist/components/inputs/file-field/file-field.styles.d.ts.map +1 -1
  102. package/dist/components/inputs/file-field/file-field.styles.js +33 -30
  103. package/dist/components/inputs/file-field/file-field.styles.js.map +1 -1
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -3
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  106. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +30 -30
  107. package/dist/components/inputs/number-field/number-field.js +3 -3
  108. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  109. package/dist/components/inputs/number-field/number-field.styles.js +18 -18
  110. package/dist/components/inputs/password-field/password-field.js +2 -2
  111. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  112. package/dist/components/inputs/password-field/password-field.styles.js +37 -37
  113. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  114. package/dist/components/inputs/radio-button/radio-button.styles.js +29 -13
  115. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  116. package/dist/components/inputs/search-field/search-field.js +2 -2
  117. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  118. package/dist/components/inputs/search-field/search-field.styles.js +30 -30
  119. package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
  120. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  121. package/dist/components/inputs/segmented-control/segmented-control.styles.js +108 -108
  122. package/dist/components/inputs/stepper/stepper.styles.js +10 -10
  123. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  124. package/dist/components/inputs/switch/switch.styles.js +39 -31
  125. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  126. package/dist/components/inputs/text-editor/text-editor.js +2 -2
  127. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  128. package/dist/components/inputs/text-editor/text-editor.markdown.js +2 -2
  129. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  130. package/dist/components/inputs/text-editor/text-editor.mentions.js +7 -7
  131. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  132. package/dist/components/inputs/text-editor/text-editor.styles.js +138 -138
  133. package/dist/components/inputs/text-field/text-field.js +2 -2
  134. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  135. package/dist/components/inputs/text-field/text-field.styles.js +27 -27
  136. package/dist/components/inputs/time-field/time-field.js +4 -4
  137. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  138. package/dist/components/inputs/time-field/time-field.styles.js +40 -40
  139. package/dist/components/inputs/time-picker/time-picker.js +4 -4
  140. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  141. package/dist/components/inputs/time-picker/time-picker.styles.js +30 -30
  142. package/dist/components/inputs/toggle-button/toggle-button.d.ts +1 -1
  143. package/dist/components/inputs/toggle-button/toggle-button.js +1 -1
  144. package/dist/components/inputs/toggle-button/toggle-button.styles.js +145 -145
  145. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.d.ts.map +1 -1
  146. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js +7 -3
  147. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js.map +1 -1
  148. package/dist/components/inputs/token-field/token-field.styles.js +28 -28
  149. package/dist/components/layout/box/box.d.ts +1 -1
  150. package/dist/components/layout/box/box.js +1 -1
  151. package/dist/components/layout/box/box.styles.js +13 -13
  152. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  153. package/dist/components/layout/card/card.styles.js +24 -21
  154. package/dist/components/layout/card/card.styles.js.map +1 -1
  155. package/dist/components/layout/collection/collection.js +6 -6
  156. package/dist/components/layout/collection/collection.js.map +1 -1
  157. package/dist/components/layout/collection/collection.styles.js +19 -19
  158. package/dist/components/layout/container/container.d.ts +2 -2
  159. package/dist/components/layout/container/container.d.ts.map +1 -1
  160. package/dist/components/layout/container/container.js +32 -31
  161. package/dist/components/layout/container/container.js.map +1 -1
  162. package/dist/components/layout/container/container.styles.js +125 -125
  163. package/dist/components/layout/page/page.d.ts +9 -3
  164. package/dist/components/layout/page/page.d.ts.map +1 -1
  165. package/dist/components/layout/page/page.js +41 -18
  166. package/dist/components/layout/page/page.js.map +1 -1
  167. package/dist/components/layout/page/page.styles.js +21 -21
  168. package/dist/components/layout/page-footer/page-footer.js +4 -4
  169. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  170. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  171. package/dist/components/layout/page-footer/page-footer.styles.js +26 -26
  172. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  173. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +2 -0
  174. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  175. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +6 -4
  176. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  177. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
  178. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +22 -17
  179. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  180. package/dist/components/layout/page-sections/hero/hero.d.ts +57 -11
  181. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  182. package/dist/components/layout/page-sections/hero/hero.js +164 -21
  183. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  184. package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -1
  185. package/dist/components/layout/page-sections/hero/hero.styles.js +159 -105
  186. package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -1
  187. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +4 -0
  188. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  189. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +11 -4
  190. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  191. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  192. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +30 -17
  193. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  194. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +4 -0
  195. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  196. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +11 -4
  197. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  198. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  199. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +34 -17
  200. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  201. package/dist/components/layout/page-sections/page-section-controls.d.ts +11 -1
  202. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  203. package/dist/components/layout/page-sections/page-section-controls.js +11 -2
  204. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  205. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +5 -1
  206. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  207. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +11 -7
  208. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  209. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
  210. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +37 -34
  211. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
  212. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +2 -0
  213. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  214. package/dist/components/layout/page-sections/simple-section/simple-section.js +6 -5
  215. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  216. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +19 -19
  217. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +4 -0
  218. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  219. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +11 -4
  220. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  221. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  222. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +34 -17
  223. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  224. package/dist/components/layout/popover/popover.d.ts +1 -1
  225. package/dist/components/layout/popover/popover.js +5 -5
  226. package/dist/components/layout/popover/popover.js.map +1 -1
  227. package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
  228. package/dist/components/layout/popover/popover.styles.js +4 -3
  229. package/dist/components/layout/popover/popover.styles.js.map +1 -1
  230. package/dist/components/layout/sheet/sheet.js +5 -5
  231. package/dist/components/layout/sheet/sheet.js.map +1 -1
  232. package/dist/components/layout/sheet/sheet.styles.js +8 -8
  233. package/dist/components/layout/{app-view/app-view.d.ts → shell/shell.d.ts} +11 -11
  234. package/dist/components/layout/shell/shell.d.ts.map +1 -0
  235. package/dist/components/layout/{app-view/app-view.js → shell/shell.js} +24 -24
  236. package/dist/components/layout/shell/shell.js.map +1 -0
  237. package/dist/components/layout/shell/shell.styles.d.ts +2 -0
  238. package/dist/components/layout/shell/shell.styles.d.ts.map +1 -0
  239. package/dist/components/layout/{app-view/app-view.styles.js → shell/shell.styles.js} +8 -8
  240. package/dist/components/layout/shell/shell.styles.js.map +1 -0
  241. package/dist/components/layout/shell/shell.template.d.ts +4 -0
  242. package/dist/components/layout/shell/shell.template.d.ts.map +1 -0
  243. package/dist/components/layout/shell/shell.template.js +9 -0
  244. package/dist/components/layout/shell/shell.template.js.map +1 -0
  245. package/dist/components/layout/spacer/spacer.styles.js +76 -76
  246. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +1 -1
  247. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  248. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +5 -5
  249. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +1 -1
  250. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +5 -5
  251. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  252. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +12 -12
  253. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +1 -1
  254. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +2 -2
  255. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  256. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
  257. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
  258. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +4 -4
  259. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +1 -1
  260. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
  261. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +6 -6
  262. package/dist/components/layout/window/window.d.ts +1 -1
  263. package/dist/components/layout/window/window.js +1 -1
  264. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  265. package/dist/components/layout/window/window.styles.js +3 -1
  266. package/dist/components/layout/window/window.styles.js.map +1 -1
  267. package/dist/components/lists-and-tables/cells/cell/cell.js +8 -8
  268. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  269. package/dist/components/lists-and-tables/cells/cell/cell.styles.js +9 -9
  270. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js +8 -8
  271. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -1
  272. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +10 -10
  273. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
  274. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +14 -14
  275. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js +20 -20
  276. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.d.ts → step-cell/step-cell.d.ts} +18 -17
  277. package/dist/components/lists-and-tables/cells/step-cell/step-cell.d.ts.map +1 -0
  278. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.js → step-cell/step-cell.js} +33 -32
  279. package/dist/components/lists-and-tables/cells/step-cell/step-cell.js.map +1 -0
  280. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts +2 -0
  281. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts.map +1 -0
  282. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js +184 -0
  283. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js.map +1 -0
  284. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts +4 -0
  285. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts.map +1 -0
  286. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.template.js → step-cell/step-cell.template.js} +10 -10
  287. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.js.map +1 -0
  288. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +9 -9
  289. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  290. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  291. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +39 -37
  292. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
  293. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +8 -8
  294. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  295. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  296. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +39 -37
  297. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
  298. package/dist/components/lists-and-tables/list/list.js +7 -7
  299. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  300. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  301. package/dist/components/lists-and-tables/list/list.styles.js +49 -48
  302. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  303. package/dist/components/lists-and-tables/list-item/list-item.d.ts +16 -6
  304. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  305. package/dist/components/lists-and-tables/list-item/list-item.js +29 -16
  306. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  307. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  308. package/dist/components/lists-and-tables/list-item/list-item.styles.js +69 -67
  309. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  310. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +4 -1
  311. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  312. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +8 -2
  313. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  314. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +30 -30
  315. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
  316. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  317. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +1 -1
  318. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  319. package/dist/components/lists-and-tables/table/table.js +2 -2
  320. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  321. package/dist/components/lists-and-tables/table/table.styles.js +21 -21
  322. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -3
  323. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  324. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
  325. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +12 -12
  326. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  327. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  328. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +51 -49
  329. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  330. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +5 -0
  331. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  332. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +13 -1
  333. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  334. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  335. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +35 -19
  336. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  337. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
  338. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +11 -10
  339. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
  340. package/dist/components/navigation/pagination/pagination.styles.js +29 -29
  341. package/dist/components/navigation/skip-link/skip-link.styles.js +8 -8
  342. package/dist/components/navigation/tab-bar/tab-bar.styles.js +53 -53
  343. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
  344. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  345. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  346. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +35 -32
  347. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  348. package/dist/components/navigation/top-title-bar/top-title-bar.js +1 -1
  349. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  350. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  351. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +3 -1
  352. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  353. package/dist/components/{shadow-resets-aG-rgyNQ.js → shadow-resets-CPa58rmc.js} +1 -1
  354. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +46 -46
  355. package/dist/components/status-and-feedback/badge/badge.js +2 -2
  356. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  357. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  358. package/dist/components/status-and-feedback/badge/badge.styles.js +120 -119
  359. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  360. package/dist/components/status-and-feedback/banner/banner.styles.js +49 -49
  361. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +19 -19
  362. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +12 -12
  363. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
  364. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +58 -58
  365. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +6 -6
  366. package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -1
  367. package/dist/components/status-and-feedback/notification/notification.styles.js +45 -39
  368. package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -1
  369. package/dist/components/status-and-feedback/notification/notifications-area.js +2 -2
  370. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -1
  371. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  372. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +121 -119
  373. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  374. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +58 -58
  375. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
  376. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  377. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +10 -0
  378. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
  379. package/dist/components/status-and-feedback/status-bar/status-bar.js +21 -0
  380. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
  381. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +36 -36
  382. package/dist/components/status-and-feedback/{step-indicator/step-indicator.d.ts → step-bar/step-bar.d.ts} +32 -32
  383. package/dist/components/status-and-feedback/step-bar/step-bar.d.ts.map +1 -0
  384. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts +9 -0
  385. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts.map +1 -0
  386. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js +8 -0
  387. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js.map +1 -0
  388. package/dist/components/status-and-feedback/{step-indicator/step-indicator.js → step-bar/step-bar.js} +46 -46
  389. package/dist/components/status-and-feedback/step-bar/step-bar.js.map +1 -0
  390. package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts +3 -0
  391. package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts.map +1 -0
  392. package/dist/components/status-and-feedback/step-bar/step-bar.styles.js +294 -0
  393. package/dist/components/status-and-feedback/step-bar/step-bar.styles.js.map +1 -0
  394. package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts +5 -0
  395. package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts.map +1 -0
  396. package/dist/components/status-and-feedback/step-bar/step-bar.template.js +69 -0
  397. package/dist/components/status-and-feedback/step-bar/step-bar.template.js.map +1 -0
  398. package/dist/css/document-reset.css +3 -3
  399. package/dist/css/rich-text.css +71 -122
  400. package/dist/css/variables.css +54 -410
  401. package/dist/nldd.min.js +4607 -4331
  402. package/dist/translations/en-US.js +5 -5
  403. package/dist/translations/en-US.js.map +1 -1
  404. package/dist/translations/fy.js +5 -5
  405. package/dist/translations/fy.js.map +1 -1
  406. package/dist/translations/nl.generated.d.ts +5 -5
  407. package/dist/translations/nl.generated.js +2 -2
  408. package/dist/translations/nl.generated.js.map +1 -1
  409. package/dist/translations/pap-AW.js +5 -5
  410. package/dist/translations/pap-AW.js.map +1 -1
  411. package/dist/translations/pap-CW.js +5 -5
  412. package/dist/translations/pap-CW.js.map +1 -1
  413. package/dist/types/vue.d.ts +125 -82
  414. package/dist/utilities/codemirror/theme.js +17 -17
  415. package/dist/utilities/codemirror/theme.js.map +1 -1
  416. package/dist/utilities/page-section-mixin.d.ts +5 -0
  417. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  418. package/dist/utilities/page-section-mixin.js +13 -4
  419. package/dist/utilities/page-section-mixin.js.map +1 -1
  420. package/dist/utilities/scroll-mode-controller.d.ts +29 -13
  421. package/dist/utilities/scroll-mode-controller.d.ts.map +1 -1
  422. package/dist/utilities/scroll-mode-controller.js +48 -13
  423. package/dist/utilities/scroll-mode-controller.js.map +1 -1
  424. package/dist/utilities/spacing-scale.d.ts +1 -1
  425. package/dist/utilities/spacing-scale.js +1 -1
  426. package/package.json +13 -11
  427. package/dist/components/layout/app-view/app-view.d.ts.map +0 -1
  428. package/dist/components/layout/app-view/app-view.js.map +0 -1
  429. package/dist/components/layout/app-view/app-view.styles.d.ts +0 -2
  430. package/dist/components/layout/app-view/app-view.styles.d.ts.map +0 -1
  431. package/dist/components/layout/app-view/app-view.styles.js.map +0 -1
  432. package/dist/components/layout/app-view/app-view.template.d.ts +0 -4
  433. package/dist/components/layout/app-view/app-view.template.d.ts.map +0 -1
  434. package/dist/components/layout/app-view/app-view.template.js +0 -9
  435. package/dist/components/layout/app-view/app-view.template.js.map +0 -1
  436. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
  437. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
  438. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -2
  439. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
  440. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -184
  441. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
  442. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -4
  443. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
  444. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
  445. package/dist/components/palettes.html +0 -245
  446. package/dist/components/sample-images/butterfly-1200.jpg +0 -0
  447. package/dist/components/sample-images/butterfly-1600.jpg +0 -0
  448. package/dist/components/sample-images/butterfly-480.jpg +0 -0
  449. package/dist/components/sample-images/butterfly-960.jpg +0 -0
  450. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +0 -1
  451. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +0 -9
  452. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +0 -1
  453. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +0 -8
  454. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +0 -1
  455. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +0 -1
  456. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +0 -3
  457. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +0 -1
  458. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +0 -294
  459. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +0 -1
  460. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +0 -5
  461. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +0 -1
  462. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +0 -69
  463. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +0 -1
  464. package/dist/palettes.html +0 -245
  465. package/dist/sample-images/butterfly-1200.jpg +0 -0
  466. package/dist/sample-images/butterfly-1600.jpg +0 -0
  467. package/dist/sample-images/butterfly-480.jpg +0 -0
  468. package/dist/sample-images/butterfly-960.jpg +0 -0
@@ -14,12 +14,15 @@ export const topNavigationBarStyles = css `
14
14
  /* # Host */
15
15
 
16
16
  :host {
17
- --_logo-width: var(--semantics-brand-ribbon-sm-width);
18
- --_logo-offset: 0px;
19
- --_logo-background-color: #154273;
20
- --_wordmark-content-color: light-dark(var(--primitives-color-reference-lintblauw), var(--primitives-color-neutral-1000));
21
- --_wordmark-max-width: 280px;
22
- --_max-width: var(--semantics-page-sections-body-max-width);
17
+ --_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-sm-width);
18
+ --_top-navigation-bar-logo-offset: 0px;
19
+ --_top-navigation-bar-logo-background-color: var(--semantics-brand-ribbon-color);
20
+ --_top-navigation-bar-wordmark-content-color: light-dark(var(--primitives-color-reference-lintblauw), var(--primitives-color-neutral-1000));
21
+ --_top-navigation-bar-wordmark-max-width: 280px;
22
+ --_top-navigation-bar-max-width: var(--semantics-page-sections-body-max-width);
23
+ --_top-navigation-bar-title-sm-font: var(--primitives-font-display-6-sm);
24
+ --_top-navigation-bar-title-md-font: var(--primitives-font-display-5-sm);
25
+ --_top-navigation-bar-title-lg-font: var(--primitives-font-display-4-sm);
23
26
 
24
27
  ${inheritedTextReset}
25
28
  container-type: inline-size;
@@ -38,18 +41,18 @@ export const topNavigationBarStyles = css `
38
41
  /* The ribbon's width, and with it everything measured against the ribbon:
39
42
  its own height and the wordmark beside it. Here rather than on :host,
40
43
  because a container query cannot measure the container it sits on. */
41
- --_logo-height: calc(var(--_logo-width) * 2);
44
+ --_top-navigation-bar-logo-height: calc(var(--_top-navigation-bar-logo-width) * 2);
42
45
 
43
46
  @container (max-width: ${smMax}) {
44
- --_logo-width: var(--semantics-brand-ribbon-sm-width);
47
+ --_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-sm-width);
45
48
  }
46
49
 
47
50
  @container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
48
- --_logo-width: var(--semantics-brand-ribbon-md-width);
51
+ --_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-md-width);
49
52
  }
50
53
 
51
54
  @container (min-width: ${lgMin}) {
52
- --_logo-width: var(--semantics-brand-ribbon-lg-width);
55
+ --_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-lg-width);
53
56
  }
54
57
 
55
58
  box-sizing: border-box;
@@ -75,7 +78,7 @@ export const topNavigationBarStyles = css `
75
78
  }
76
79
 
77
80
  :host([width="full"]) {
78
- --_max-width: none;
81
+ --_top-navigation-bar-max-width: none;
79
82
  }
80
83
 
81
84
 
@@ -87,15 +90,15 @@ export const topNavigationBarStyles = css `
87
90
  gap: var(--primitives-space-8);
88
91
  align-items: center;
89
92
  width: 100%;
90
- max-width: var(--_max-width);
93
+ max-width: var(--_top-navigation-bar-max-width);
91
94
  }
92
95
 
93
96
  /* ## Logo */
94
97
 
95
98
  .top-navigation-bar__logo {
96
99
  display: flex;
97
- width: var(--_logo-width);
98
- height: var(--_logo-height);
100
+ width: var(--_top-navigation-bar-logo-width);
101
+ height: var(--_top-navigation-bar-logo-height);
99
102
  grid-column: 2;
100
103
  align-self: start;
101
104
  align-items: center;
@@ -114,11 +117,11 @@ export const topNavigationBarStyles = css `
114
117
  .top-navigation-bar__logo::before {
115
118
  content: '';
116
119
  position: absolute;
117
- bottom: calc(100% + var(--_logo-offset));
120
+ bottom: calc(100% + var(--_top-navigation-bar-logo-offset));
118
121
  left: 0;
119
122
  width: 100%;
120
123
  height: 100lvh;
121
- background-color: var(--_logo-background-color);
124
+ background-color: var(--_top-navigation-bar-logo-background-color);
122
125
  pointer-events: none;
123
126
  }
124
127
 
@@ -129,9 +132,9 @@ export const topNavigationBarStyles = css `
129
132
  position: fixed;
130
133
  top: 0;
131
134
  z-index: -1;
132
- width: var(--_logo-width);
133
- height: var(--_logo-height);
134
- background-color: var(--_logo-background-color);
135
+ width: var(--_top-navigation-bar-logo-width);
136
+ height: var(--_top-navigation-bar-logo-height);
137
+ background-color: var(--_top-navigation-bar-logo-background-color);
135
138
  pointer-events: none;
136
139
  animation: top-navigation-bar-ribbon-at-top linear both;
137
140
  animation-timeline: scroll(root);
@@ -214,10 +217,10 @@ export const topNavigationBarStyles = css `
214
217
  ribbon centred. One unbreakable name would push the ribbon off centre
215
218
  and the page past the screen. */
216
219
  min-width: 0;
217
- min-height: var(--_logo-height);
220
+ min-height: var(--_top-navigation-bar-logo-height);
218
221
  grid-column: 3;
219
222
  flex-direction: column;
220
- color: var(--_wordmark-content-color);
223
+ color: var(--_top-navigation-bar-wordmark-content-color);
221
224
 
222
225
  /* The distance the text keeps from the top edge once it outgrows the
223
226
  ribbon. Only at the top: space under it would raise the bar for
@@ -225,13 +228,13 @@ export const topNavigationBarStyles = css `
225
228
  on the middle of the ribbon rather than 6px below it. */
226
229
  @container (max-width: ${smMax}) {
227
230
  align-self: start;
228
- min-height: calc(var(--_logo-height) - var(--primitives-space-12));
231
+ min-height: calc(var(--_top-navigation-bar-logo-height) - var(--primitives-space-12));
229
232
  padding-block-start: var(--primitives-space-12);
230
233
  }
231
234
  }
232
235
 
233
236
  .top-navigation-bar__wordmark-spacer {
234
- height: var(--_logo-width);
237
+ height: var(--_top-navigation-bar-logo-width);
235
238
  flex-grow: 0;
236
239
  flex-shrink: 0;
237
240
 
@@ -246,7 +249,7 @@ export const topNavigationBarStyles = css `
246
249
  flex-grow: 1;
247
250
  flex-shrink: 1;
248
251
  flex-basis: 50%;
249
- max-width: var(--_wordmark-max-width);
252
+ max-width: var(--_top-navigation-bar-wordmark-max-width);
250
253
  /* anywhere rather than break-word: only this one takes the break into
251
254
  the min-content width, which is what the track measures. A name that
252
255
  cannot break wraps mid-word here, because a name cut off by an
@@ -288,7 +291,7 @@ export const topNavigationBarStyles = css `
288
291
  .top-navigation-bar__main-bar {
289
292
  display: flex;
290
293
  width: 100%;
291
- max-width: var(--_max-width);
294
+ max-width: var(--_top-navigation-bar-max-width);
292
295
 
293
296
  @container (max-width: ${smMax}) {
294
297
  flex-direction: column;
@@ -297,13 +300,13 @@ export const topNavigationBarStyles = css `
297
300
  @container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
298
301
  flex-direction: row;
299
302
  align-items: center;
300
- gap: var(--components-menu-bar-item-inline-padding);
303
+ gap: var(--semantics-menu-bar-items-inline-padding);
301
304
  }
302
305
 
303
306
  @container (min-width: ${lgMin}) {
304
307
  flex-direction: row;
305
308
  align-items: center;
306
- gap: var(--components-menu-bar-item-inline-padding);
309
+ gap: var(--semantics-menu-bar-items-inline-padding);
307
310
  }
308
311
  }
309
312
 
@@ -318,7 +321,7 @@ export const topNavigationBarStyles = css `
318
321
  }
319
322
 
320
323
  @container (min-width: ${mdMin}) {
321
- padding-inline-end: var(--components-menu-bar-item-inline-padding);
324
+ padding-inline-end: var(--semantics-menu-bar-items-inline-padding);
322
325
  justify-content: flex-start;
323
326
  }
324
327
  }
@@ -341,7 +344,7 @@ export const topNavigationBarStyles = css `
341
344
  align-items: center;
342
345
  min-width: var(--semantics-controls-xs-min-size);
343
346
  min-height: var(--semantics-controls-xs-min-size);
344
- font: var(--components-top-navigation-bar-title-sm-font);
347
+ font: var(--_top-navigation-bar-title-sm-font);
345
348
  color: var(--semantics-content-color);
346
349
  white-space: nowrap;
347
350
 
@@ -350,11 +353,11 @@ export const topNavigationBarStyles = css `
350
353
  }
351
354
 
352
355
  @container (min-width: ${mdMin}) {
353
- font: var(--components-top-navigation-bar-title-md-font);
356
+ font: var(--_top-navigation-bar-title-md-font);
354
357
  }
355
358
 
356
359
  @container (min-width: ${lgMin}) {
357
- font: var(--components-top-navigation-bar-title-lg-font);
360
+ font: var(--_top-navigation-bar-title-lg-font);
358
361
  }
359
362
  }
360
363
 
@@ -379,7 +382,7 @@ export const topNavigationBarStyles = css `
379
382
  flex-grow: 1;
380
383
  /* Pull the menu out by the menu-bar items own inline padding so the first
381
384
  and last item text (not its hit-area) lines up with the content edge. */
382
- margin-inline: calc(-1 * var(--components-menu-bar-item-inline-padding));
385
+ margin-inline: calc(-1 * var(--semantics-menu-bar-items-inline-padding));
383
386
  }
384
387
 
385
388
  /* ## Menu bar start */
@@ -1 +1 @@
1
- {"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;IAgBrC,kBAAkB;;;;;;;;;;;;;;;;;;;2BAmBK,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA0JL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAiCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC"}
1
+ {"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmBrC,kBAAkB;;;;;;;;;;;;;;;;;;;2BAmBK,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA0JL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAiCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC"}
@@ -144,7 +144,7 @@ let NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
144
144
  }
145
145
  this._wireScrollTarget();
146
146
  // The page's scroll target flips when it switches scroll mode (nested
147
- // inner scroller <-> the document, derived on resize by nldd-app-view).
147
+ // inner scroller <-> the document, derived on resize by nldd-shell).
148
148
  // Re-wire onto the new target whenever the page reflects a new
149
149
  // [data-scroll], so the collapse keeps tracking the live scroller.
150
150
  if (this._pageElement) {
@@ -1 +1 @@
1
- {"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"top-title-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA6I7B,CAAC"}
1
+ {"version":3,"file":"top-title-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA+I7B,CAAC"}
@@ -9,6 +9,8 @@ export const topTitleBarStyles = css `
9
9
  /* # Host */
10
10
 
11
11
  :host {
12
+ --_top-title-bar-divider-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-350));
13
+
12
14
  ${inheritedTextReset}
13
15
  display: block;
14
16
  width: 100%;
@@ -83,7 +85,7 @@ export const topTitleBarStyles = css `
83
85
 
84
86
  .top-title-bar__divider {
85
87
  display: none;
86
- background-color: var(--components-top-title-bar-divider-color);
88
+ background-color: var(--_top-title-bar-divider-color);
87
89
  width: var(--semantics-dividers-thickness);
88
90
  height: var(--primitives-space-24);
89
91
  flex-shrink: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"top-title-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;IAShC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIrB,CAAC"}
1
+ {"version":3,"file":"top-title-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;IAWhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIrB,CAAC"}
@@ -24,7 +24,7 @@ import { css } from "lit";
24
24
  * ${slottedReset}
25
25
  * ${inheritedTextReset}
26
26
  * color: var(--semantics-content-color) !important;
27
- * font: var(--_font) !important;
27
+ * font: var(--_title-font) !important;
28
28
  * }
29
29
  * `
30
30
  * ```
@@ -9,21 +9,21 @@ export const activityIndicatorStyles = css `
9
9
  /* # Host */
10
10
 
11
11
  :host {
12
- --_circle-size: var(--primitives-space-32);
13
- --_color: var(--context-content-color, currentColor);
14
- --_track-opacity: 0.25;
15
- --_stroke-width: 2;
16
- --_rotation-duration: 0.8s;
17
- --_fade-duration: var(--primitives-transition-duration-slow);
18
- --_fade-easing: ease-out;
19
- --_pulse-duration: 2s;
20
- --_pulse-easing: ease-in-out;
21
- --_max-width: var(--primitives-area-240);
22
- --_gap: var(--primitives-space-4);
23
- --_text-font: var(--primitives-font-body-sm-regular-flat);
24
- --_backdrop-blur: 3px;
25
- --_overlay-panel-padding: var(--primitives-space-12);
26
- --_overlay-panel-corner-radius: var(--primitives-corner-radius-md);
12
+ --_activity-indicator-circle-size: var(--primitives-space-32);
13
+ --_activity-indicator-color: var(--context-content-color, currentColor);
14
+ --_activity-indicator-track-opacity: 0.25;
15
+ --_activity-indicator-stroke-width: 2;
16
+ --_activity-indicator-rotation-duration: 0.8s;
17
+ --_activity-indicator-fade-duration: var(--primitives-transition-duration-slow);
18
+ --_activity-indicator-fade-easing: ease-out;
19
+ --_activity-indicator-pulse-duration: 2s;
20
+ --_activity-indicator-pulse-easing: ease-in-out;
21
+ --_activity-indicator-max-width: var(--primitives-area-240);
22
+ --_activity-indicator-gap: var(--primitives-space-4);
23
+ --_activity-indicator-text-font: var(--primitives-font-body-sm-regular-flat);
24
+ --_activity-indicator-backdrop-blur: 3px;
25
+ --_activity-indicator-overlay-panel-padding: var(--primitives-space-12);
26
+ --_activity-indicator-overlay-panel-corner-radius: var(--primitives-corner-radius-md);
27
27
 
28
28
  ${inheritedTextReset}
29
29
  box-sizing: border-box;
@@ -53,17 +53,17 @@ export const activityIndicatorStyles = css `
53
53
 
54
54
  /* ## Sizes (icon scale) */
55
55
 
56
- :host([size="16"]) { --_circle-size: var(--primitives-space-16); }
57
- :host([size="20"]) { --_circle-size: var(--primitives-space-20); }
58
- :host([size="24"]) { --_circle-size: var(--primitives-space-24); }
59
- :host([size="28"]) { --_circle-size: var(--primitives-space-28); }
60
- :host([size="40"]) { --_circle-size: var(--primitives-space-40); }
61
- :host([size="44"]) { --_circle-size: var(--primitives-space-44); }
62
- :host([size="48"]) { --_circle-size: var(--primitives-space-48); }
63
- :host([size="56"]) { --_circle-size: var(--primitives-space-56); }
64
- :host([size="64"]) { --_circle-size: var(--primitives-space-64); }
65
- :host([size="80"]) { --_circle-size: var(--primitives-space-80); }
66
- :host([size="96"]) { --_circle-size: var(--primitives-space-96); }
56
+ :host([size="16"]) { --_activity-indicator-circle-size: var(--primitives-space-16); }
57
+ :host([size="20"]) { --_activity-indicator-circle-size: var(--primitives-space-20); }
58
+ :host([size="24"]) { --_activity-indicator-circle-size: var(--primitives-space-24); }
59
+ :host([size="28"]) { --_activity-indicator-circle-size: var(--primitives-space-28); }
60
+ :host([size="40"]) { --_activity-indicator-circle-size: var(--primitives-space-40); }
61
+ :host([size="44"]) { --_activity-indicator-circle-size: var(--primitives-space-44); }
62
+ :host([size="48"]) { --_activity-indicator-circle-size: var(--primitives-space-48); }
63
+ :host([size="56"]) { --_activity-indicator-circle-size: var(--primitives-space-56); }
64
+ :host([size="64"]) { --_activity-indicator-circle-size: var(--primitives-space-64); }
65
+ :host([size="80"]) { --_activity-indicator-circle-size: var(--primitives-space-80); }
66
+ :host([size="96"]) { --_activity-indicator-circle-size: var(--primitives-space-96); }
67
67
 
68
68
 
69
69
  /* # Block
@@ -82,13 +82,13 @@ export const activityIndicatorStyles = css `
82
82
  opacity: 0;
83
83
  pointer-events: none;
84
84
  width: 100%;
85
- max-width: var(--_max-width);
85
+ max-width: var(--_activity-indicator-max-width);
86
86
  flex-direction: column;
87
87
  align-items: center;
88
- gap: var(--_gap);
88
+ gap: var(--_activity-indicator-gap);
89
89
  transition-property: opacity, display;
90
- transition-duration: var(--_fade-duration);
91
- transition-timing-function: var(--_fade-easing);
90
+ transition-duration: var(--_activity-indicator-fade-duration);
91
+ transition-timing-function: var(--_activity-indicator-fade-easing);
92
92
  transition-behavior: allow-discrete;
93
93
  }
94
94
 
@@ -118,11 +118,11 @@ export const activityIndicatorStyles = css `
118
118
  position: absolute;
119
119
  top: 50%;
120
120
  left: 50%;
121
- border-radius: var(--_overlay-panel-corner-radius);
121
+ border-radius: var(--_activity-indicator-overlay-panel-corner-radius);
122
122
  background-color: var(--semantics-surfaces-base-background-color);
123
123
  width: max-content;
124
124
  max-width: calc(100% - var(--primitives-space-32));
125
- padding: var(--_overlay-panel-padding);
125
+ padding: var(--_activity-indicator-overlay-panel-padding);
126
126
  color: var(--semantics-content-color);
127
127
  transform: translate(-50%, -50%);
128
128
  }
@@ -142,12 +142,12 @@ export const activityIndicatorStyles = css `
142
142
  the content behind reads as inactive. backdrop-filter degrades
143
143
  gracefully where unsupported, leaving just the translucent fill. */
144
144
  background-color: color-mix(in oklab, var(--context-parent-background-color, var(--semantics-surfaces-base-background-color)) calc((1 - var(--primitives-opacity-disabled)) * 100%), transparent);
145
- -webkit-backdrop-filter: blur(var(--_backdrop-blur));
146
- backdrop-filter: blur(var(--_backdrop-blur));
145
+ -webkit-backdrop-filter: blur(var(--_activity-indicator-backdrop-blur));
146
+ backdrop-filter: blur(var(--_activity-indicator-backdrop-blur));
147
147
  pointer-events: none;
148
148
  transition-property: opacity, display;
149
- transition-duration: var(--_fade-duration);
150
- transition-timing-function: var(--_fade-easing);
149
+ transition-duration: var(--_activity-indicator-fade-duration);
150
+ transition-timing-function: var(--_activity-indicator-fade-easing);
151
151
  transition-behavior: allow-discrete;
152
152
  }
153
153
 
@@ -174,14 +174,14 @@ export const activityIndicatorStyles = css `
174
174
  /* The whole SVG (stroke included) scales with the size, like an icon. */
175
175
  .activity-indicator__circle {
176
176
  display: block;
177
- width: var(--_circle-size);
178
- height: var(--_circle-size);
177
+ width: var(--_activity-indicator-circle-size);
178
+ height: var(--_activity-indicator-circle-size);
179
179
  }
180
180
 
181
181
  .activity-indicator__track {
182
- opacity: var(--_track-opacity);
183
- stroke: var(--_color);
184
- stroke-width: var(--_stroke-width);
182
+ opacity: var(--_activity-indicator-track-opacity);
183
+ stroke: var(--_activity-indicator-color);
184
+ stroke-width: var(--_activity-indicator-stroke-width);
185
185
  }
186
186
 
187
187
  /* Rotate only the arc inside the SVG (around the view-box center via
@@ -189,12 +189,12 @@ export const activityIndicatorStyles = css `
189
189
  element visibly wobbles when it sits at a sub-pixel position (next to a
190
190
  label, or overlaid on a button). Mirrors nldd-progress-circle. */
191
191
  .activity-indicator__indicator {
192
- stroke: var(--_color);
193
- stroke-width: var(--_stroke-width);
192
+ stroke: var(--_activity-indicator-color);
193
+ stroke-width: var(--_activity-indicator-stroke-width);
194
194
  stroke-linecap: round;
195
195
  stroke-dasharray: 25 100;
196
196
  transform-origin: 50% 50%;
197
- animation: activity-indicator-rotate var(--_rotation-duration) linear infinite;
197
+ animation: activity-indicator-rotate var(--_activity-indicator-rotation-duration) linear infinite;
198
198
  }
199
199
 
200
200
  @keyframes activity-indicator-rotate {
@@ -203,7 +203,7 @@ export const activityIndicatorStyles = css `
203
203
 
204
204
  .activity-indicator__text {
205
205
  color: currentColor;
206
- font: var(--_text-font);
206
+ font: var(--_activity-indicator-text-font);
207
207
  text-align: center;
208
208
  }
209
209
 
@@ -231,7 +231,7 @@ export const activityIndicatorStyles = css `
231
231
  .activity-indicator__indicator {
232
232
  /* Drop the rotation (vestibular safety); keep the 25 / 100 arc and
233
233
  pulse its opacity instead, mirroring nldd-progress-circle. */
234
- animation: activity-indicator-pulse var(--_pulse-duration) var(--_pulse-easing) infinite;
234
+ animation: activity-indicator-pulse var(--_activity-indicator-pulse-duration) var(--_activity-indicator-pulse-easing) infinite;
235
235
  }
236
236
 
237
237
  @keyframes activity-indicator-pulse {
@@ -60,9 +60,9 @@ let NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTr
60
60
  if (!changed.has('customColor'))
61
61
  return;
62
62
  if (this.customColor)
63
- this.style.setProperty('--_custom-color', this.customColor);
63
+ this.style.setProperty('--_badge-custom-color', this.customColor);
64
64
  else
65
- this.style.removeProperty('--_custom-color');
65
+ this.style.removeProperty('--_badge-custom-color');
66
66
  }
67
67
  get _hasText() {
68
68
  return !!this.text || typeof this.number === 'number';
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBA2UvB,CAAC"}
1
+ {"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBA4UvB,CAAC"}