@nldd/design-system 0.8.94 → 0.8.96

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 (380) hide show
  1. package/README.md +114 -21
  2. package/custom-elements.json +295 -311
  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 +8 -1
  23. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  24. package/dist/components/actions/toolbar/toolbar.js +46 -26
  25. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  26. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  27. package/dist/components/actions/toolbar/toolbar.styles.js +57 -56
  28. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  29. package/dist/components/components.js +4405 -4267
  30. package/dist/components/content/avatar/avatar.d.ts +1 -1
  31. package/dist/components/content/avatar/avatar.js +3 -3
  32. package/dist/components/content/avatar/avatar.js.map +1 -1
  33. package/dist/components/content/avatar/avatar.styles.js +39 -39
  34. package/dist/components/content/avatar-group/avatar-group.styles.js +36 -36
  35. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  36. package/dist/components/content/blockquote/blockquote.styles.js +15 -14
  37. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  38. package/dist/components/content/code-viewer/code-viewer.js +1 -1
  39. package/dist/components/content/code-viewer/code-viewer.styles.js +36 -36
  40. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  41. package/dist/components/content/icon/icon-aliases.js +16 -0
  42. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  43. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  44. package/dist/components/content/icon/icon-gallery-status.js +14 -42
  45. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  46. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  47. package/dist/components/content/icon/icon-registry.js +12 -0
  48. package/dist/components/content/icon/icon-registry.js.map +1 -1
  49. package/dist/components/content/icon/icon.js +2 -2
  50. package/dist/components/content/icon/icon.js.map +1 -1
  51. package/dist/components/content/icon/icon.styles.js +48 -48
  52. package/dist/components/content/identity/identity.styles.js +17 -17
  53. package/dist/components/content/image/image.js +3 -3
  54. package/dist/components/content/image/image.js.map +1 -1
  55. package/dist/components/content/image/image.styles.js +153 -153
  56. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  57. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +42 -40
  58. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  59. package/dist/components/content/tag/tag.styles.js +95 -95
  60. package/dist/components/content/text/text.styles.js +23 -23
  61. package/dist/components/content/title/title.styles.js +38 -38
  62. package/dist/components/content/token/token.styles.js +4 -4
  63. package/dist/components/content/tooltip/tooltip.js +5 -5
  64. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  65. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  66. package/dist/components/content/tooltip/tooltip.styles.js +21 -18
  67. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  68. package/dist/components/{decorate-lwt_OrAG.js → decorate-CO88j7Lc.js} +1 -1
  69. package/dist/components/{dist-M6GKopqu.js → dist-BWEAw34D.js} +1 -1
  70. package/dist/components/{dist-OlffRM7-.js → dist-BWRYv3Mp.js} +1 -1
  71. package/dist/components/{dist-CSYXsT7W.js → dist-Bi4EHsFY.js} +2 -2
  72. package/dist/components/{dist-B5ie2Bo9.js → dist-C3uWRipu.js} +1 -1
  73. package/dist/components/{dist-CoUVHSu-.js → dist-CH9m014O.js} +1 -1
  74. package/dist/components/{dist-Dn3c5gfb.js → dist-CpW8MF-L.js} +42 -27
  75. package/dist/components/{dist-RPaf2J9c.js → dist-CvL6_ezZ.js} +2 -2
  76. package/dist/components/{dist-CGOykrJw.js → dist-DMHTTJRJ.js} +2 -2
  77. package/dist/components/{dist-BUu-NW5O.js → dist-DTOshgo1.js} +1 -1
  78. package/dist/components/{dist-Dxn9Up8K.js → dist-DV6Mp5N1.js} +3 -3
  79. package/dist/components/{dist-CQzaKTa8.js → dist-PlhQXXtE.js} +1 -1
  80. package/dist/components/forms/form-field/form-field.styles.js +5 -5
  81. package/dist/components/forms/validation-list/validation-list.styles.js +7 -7
  82. package/dist/components/{icon-DWNVcttg.js → icon-DQHT2C7z.js} +71 -51
  83. package/dist/components/{icon-button-DHzLMmj0.js → icon-button-mevRsl4C.js} +283 -280
  84. package/dist/components/index.d.ts +2 -2
  85. package/dist/components/index.d.ts.map +1 -1
  86. package/dist/components/index.js +2 -2
  87. package/dist/components/index.js.map +1 -1
  88. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  89. package/dist/components/inputs/checkbox/checkbox.styles.js +31 -16
  90. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  91. package/dist/components/inputs/code-editor/code-editor.js +2 -2
  92. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  93. package/dist/components/inputs/code-editor/code-editor.styles.js +30 -30
  94. package/dist/components/inputs/combo-box/combo-box.js +2 -2
  95. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  96. package/dist/components/inputs/combo-box/combo-box.styles.js +30 -30
  97. package/dist/components/inputs/date-field/date-field.js +4 -4
  98. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  99. package/dist/components/inputs/date-field/date-field.styles.js +46 -46
  100. package/dist/components/inputs/date-picker/date-picker.js +3 -3
  101. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  102. package/dist/components/inputs/date-picker/date-picker.styles.js +65 -65
  103. package/dist/components/inputs/dropdown/dropdown.js +2 -2
  104. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  105. package/dist/components/inputs/dropdown/dropdown.styles.js +66 -66
  106. package/dist/components/inputs/file-field/file-field.styles.d.ts.map +1 -1
  107. package/dist/components/inputs/file-field/file-field.styles.js +33 -30
  108. package/dist/components/inputs/file-field/file-field.styles.js.map +1 -1
  109. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -3
  110. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  111. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +30 -30
  112. package/dist/components/inputs/number-field/number-field.js +3 -3
  113. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  114. package/dist/components/inputs/number-field/number-field.styles.js +18 -18
  115. package/dist/components/inputs/password-field/password-field.js +2 -2
  116. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  117. package/dist/components/inputs/password-field/password-field.styles.js +37 -37
  118. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  119. package/dist/components/inputs/radio-button/radio-button.styles.js +29 -13
  120. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  121. package/dist/components/inputs/search-field/search-field.js +2 -2
  122. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  123. package/dist/components/inputs/search-field/search-field.styles.js +30 -30
  124. package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
  125. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  126. package/dist/components/inputs/segmented-control/segmented-control.styles.js +108 -108
  127. package/dist/components/inputs/stepper/stepper.styles.js +10 -10
  128. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  129. package/dist/components/inputs/switch/switch.styles.js +39 -31
  130. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  131. package/dist/components/inputs/text-editor/text-editor.js +2 -2
  132. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  133. package/dist/components/inputs/text-editor/text-editor.markdown.js +2 -2
  134. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  135. package/dist/components/inputs/text-editor/text-editor.mentions.js +7 -7
  136. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  137. package/dist/components/inputs/text-editor/text-editor.styles.js +138 -138
  138. package/dist/components/inputs/text-field/text-field.js +2 -2
  139. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  140. package/dist/components/inputs/text-field/text-field.styles.js +27 -27
  141. package/dist/components/inputs/time-field/time-field.js +4 -4
  142. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  143. package/dist/components/inputs/time-field/time-field.styles.js +40 -40
  144. package/dist/components/inputs/time-picker/time-picker.js +4 -4
  145. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  146. package/dist/components/inputs/time-picker/time-picker.styles.js +30 -30
  147. package/dist/components/inputs/toggle-button/toggle-button.d.ts +1 -1
  148. package/dist/components/inputs/toggle-button/toggle-button.js +1 -1
  149. package/dist/components/inputs/toggle-button/toggle-button.styles.js +145 -145
  150. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.d.ts.map +1 -1
  151. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js +7 -3
  152. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js.map +1 -1
  153. package/dist/components/inputs/token-field/token-field.styles.js +28 -28
  154. package/dist/components/layout/app-view/app-view.d.ts +1 -1
  155. package/dist/components/layout/app-view/app-view.js +1 -1
  156. package/dist/components/layout/app-view/app-view.styles.js +3 -3
  157. package/dist/components/layout/box/box.styles.js +13 -13
  158. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  159. package/dist/components/layout/card/card.styles.js +24 -21
  160. package/dist/components/layout/card/card.styles.js.map +1 -1
  161. package/dist/components/layout/collection/collection.js +6 -6
  162. package/dist/components/layout/collection/collection.js.map +1 -1
  163. package/dist/components/layout/collection/collection.styles.js +19 -19
  164. package/dist/components/layout/container/container.d.ts +2 -2
  165. package/dist/components/layout/container/container.js +30 -30
  166. package/dist/components/layout/container/container.js.map +1 -1
  167. package/dist/components/layout/container/container.styles.js +125 -125
  168. package/dist/components/layout/page/page.js +5 -5
  169. package/dist/components/layout/page/page.js.map +1 -1
  170. package/dist/components/layout/page/page.styles.js +20 -20
  171. package/dist/components/layout/page-footer/page-footer.js +4 -4
  172. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  173. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  174. package/dist/components/layout/page-footer/page-footer.styles.js +26 -26
  175. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  176. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +3 -3
  177. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  178. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +17 -17
  179. package/dist/components/layout/page-sections/hero/hero.js +6 -6
  180. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  181. package/dist/components/layout/page-sections/hero/hero.styles.js +74 -74
  182. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +3 -3
  183. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  184. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +17 -17
  185. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +3 -3
  186. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  187. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +17 -17
  188. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +5 -5
  189. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  190. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
  191. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +29 -27
  192. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
  193. package/dist/components/layout/page-sections/simple-section/simple-section.js +3 -3
  194. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  195. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +17 -17
  196. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +3 -3
  197. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  198. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +17 -17
  199. package/dist/components/layout/popover/popover.d.ts +1 -1
  200. package/dist/components/layout/popover/popover.js +5 -5
  201. package/dist/components/layout/popover/popover.js.map +1 -1
  202. package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
  203. package/dist/components/layout/popover/popover.styles.js +4 -3
  204. package/dist/components/layout/popover/popover.styles.js.map +1 -1
  205. package/dist/components/layout/sheet/sheet.js +4 -4
  206. package/dist/components/layout/sheet/sheet.js.map +1 -1
  207. package/dist/components/layout/sheet/sheet.styles.js +8 -8
  208. package/dist/components/layout/spacer/spacer.styles.js +76 -76
  209. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +5 -5
  210. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +4 -4
  211. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  212. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +12 -12
  213. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +1 -1
  214. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  215. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
  216. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
  217. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +4 -4
  218. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +1 -1
  219. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
  220. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +6 -6
  221. package/dist/components/layout/window/window.d.ts +1 -1
  222. package/dist/components/layout/window/window.js +1 -1
  223. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  224. package/dist/components/layout/window/window.styles.js +3 -1
  225. package/dist/components/layout/window/window.styles.js.map +1 -1
  226. package/dist/components/lists-and-tables/cells/cell/cell.js +8 -8
  227. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  228. package/dist/components/lists-and-tables/cells/cell/cell.styles.js +9 -9
  229. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js +8 -8
  230. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -1
  231. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +10 -10
  232. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
  233. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +14 -14
  234. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js +20 -20
  235. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.d.ts → step-cell/step-cell.d.ts} +19 -18
  236. package/dist/components/lists-and-tables/cells/step-cell/step-cell.d.ts.map +1 -0
  237. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.js → step-cell/step-cell.js} +34 -33
  238. package/dist/components/lists-and-tables/cells/step-cell/step-cell.js.map +1 -0
  239. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts +2 -0
  240. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts.map +1 -0
  241. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js +184 -0
  242. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js.map +1 -0
  243. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts +4 -0
  244. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts.map +1 -0
  245. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.template.js → step-cell/step-cell.template.js} +10 -10
  246. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.js.map +1 -0
  247. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +9 -9
  248. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  249. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +37 -37
  250. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +8 -8
  251. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  252. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +37 -37
  253. package/dist/components/lists-and-tables/list/list.js +7 -7
  254. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  255. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  256. package/dist/components/lists-and-tables/list/list.styles.js +49 -48
  257. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  258. package/dist/components/lists-and-tables/list-item/list-item.d.ts +1 -1
  259. package/dist/components/lists-and-tables/list-item/list-item.js +9 -9
  260. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  261. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  262. package/dist/components/lists-and-tables/list-item/list-item.styles.js +69 -67
  263. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  264. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +30 -30
  265. package/dist/components/lists-and-tables/table/table.js +2 -2
  266. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  267. package/dist/components/lists-and-tables/table/table.styles.js +21 -21
  268. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -3
  269. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  270. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
  271. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +12 -12
  272. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  273. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  274. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +51 -49
  275. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  276. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  277. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +23 -17
  278. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  279. package/dist/components/navigation/pagination/pagination.styles.js +29 -29
  280. package/dist/components/navigation/skip-link/skip-link.styles.js +8 -8
  281. package/dist/components/navigation/tab-bar/tab-bar.styles.js +53 -53
  282. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
  283. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  284. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  285. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +50 -33
  286. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  287. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  288. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +3 -1
  289. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  290. package/dist/components/{shadow-resets-aG-rgyNQ.js → shadow-resets-CPa58rmc.js} +1 -1
  291. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +46 -46
  292. package/dist/components/status-and-feedback/badge/badge.js +2 -2
  293. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  294. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  295. package/dist/components/status-and-feedback/badge/badge.styles.js +120 -119
  296. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  297. package/dist/components/status-and-feedback/banner/banner.styles.js +49 -49
  298. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +19 -19
  299. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +12 -12
  300. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
  301. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +58 -58
  302. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +6 -6
  303. package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -1
  304. package/dist/components/status-and-feedback/notification/notification.styles.js +45 -39
  305. package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -1
  306. package/dist/components/status-and-feedback/notification/notifications-area.js +2 -2
  307. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -1
  308. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  309. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +121 -119
  310. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  311. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +58 -58
  312. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
  313. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  314. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +36 -36
  315. package/dist/components/status-and-feedback/step-bar/step-bar.d.ts +142 -0
  316. package/dist/components/status-and-feedback/step-bar/step-bar.d.ts.map +1 -0
  317. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts +9 -0
  318. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts.map +1 -0
  319. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js +8 -0
  320. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js.map +1 -0
  321. package/dist/components/status-and-feedback/step-bar/step-bar.js +248 -0
  322. package/dist/components/status-and-feedback/step-bar/step-bar.js.map +1 -0
  323. package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts +3 -0
  324. package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts.map +1 -0
  325. package/dist/components/status-and-feedback/step-bar/step-bar.styles.js +294 -0
  326. package/dist/components/status-and-feedback/step-bar/step-bar.styles.js.map +1 -0
  327. package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts +5 -0
  328. package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts.map +1 -0
  329. package/dist/components/status-and-feedback/step-bar/step-bar.template.js +69 -0
  330. package/dist/components/status-and-feedback/step-bar/step-bar.template.js.map +1 -0
  331. package/dist/components/{visibility-mixin-BU1vIMW7.js → visibility-mixin-Crbt8PFP.js} +1 -1
  332. package/dist/components/{with-translations-Dt2DTXJF.js → with-translations-C8_0-9y8.js} +1 -1
  333. package/dist/css/document-reset.css +7 -0
  334. package/dist/css/rich-text.css +35 -34
  335. package/dist/css/variables.css +54 -410
  336. package/dist/nldd.min.js +4367 -4232
  337. package/dist/translations/en-US.js +5 -5
  338. package/dist/translations/en-US.js.map +1 -1
  339. package/dist/translations/fy.js +5 -5
  340. package/dist/translations/fy.js.map +1 -1
  341. package/dist/translations/nl.generated.d.ts +5 -5
  342. package/dist/translations/nl.generated.js +2 -2
  343. package/dist/translations/nl.generated.js.map +1 -1
  344. package/dist/translations/pap-AW.js +5 -5
  345. package/dist/translations/pap-AW.js.map +1 -1
  346. package/dist/translations/pap-CW.js +5 -5
  347. package/dist/translations/pap-CW.js.map +1 -1
  348. package/dist/types/vue.d.ts +64 -65
  349. package/dist/utilities/codemirror/theme.js +17 -17
  350. package/dist/utilities/codemirror/theme.js.map +1 -1
  351. package/dist/utilities/page-section-mixin.js +3 -3
  352. package/dist/utilities/page-section-mixin.js.map +1 -1
  353. package/dist/utilities/spacing-scale.d.ts +1 -1
  354. package/dist/utilities/spacing-scale.js +1 -1
  355. package/package.json +13 -11
  356. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
  357. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
  358. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -2
  359. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
  360. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -184
  361. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
  362. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -4
  363. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
  364. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
  365. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +0 -127
  366. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +0 -1
  367. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +0 -9
  368. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +0 -1
  369. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +0 -8
  370. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +0 -1
  371. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +0 -216
  372. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +0 -1
  373. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +0 -3
  374. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +0 -1
  375. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +0 -294
  376. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +0 -1
  377. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +0 -5
  378. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +0 -1
  379. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +0 -69
  380. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/utilities/codemirror/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,kBAAkB,CAAC;AAG7C;;;;mEAImE;AACnE,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC;IAClC,GAAG,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,gCAAgC;QACvC,eAAe,EAAE,aAAa;KAC9B;IACD,cAAc,EAAE;QACf,gEAAgE;QAChE,OAAO,EAAE,MAAM;KACf;IACD,cAAc,EAAE;QACf,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;KAChB;IACD,aAAa,EAAE;QACd,OAAO,EAAE,GAAG;QACZ,UAAU,EAAE,gCAAgC;KAC5C;IACD,UAAU,EAAE;QACX,OAAO,EAAE,GAAG;KACZ;IACD,4BAA4B,EAAE;QAC7B,eAAe,EAAE,gCAAgC;KACjD;IACD,iBAAiB,EAAE;QAClB,KAAK,EAAE,iDAAiD;KACxD;IACD,yEAAyE;IACzE,8EAA8E;IAC9E,yEAAyE;IACzE,8EAA8E;IAC9E,yEAAyE;IACzE,oDAAoD;IACpD,4HAA4H,EAAE;QAC7H,eAAe,EAAE,oFAAoF;KACrG;IACD,aAAa,EAAE;QACd,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,aAAa;QAC9B,KAAK,EAAE,iDAAiD;KACxD;IACD,6EAA6E;IAC7E,mCAAmC,EAAE;QACpC,OAAO,EAAE,0DAA0D;KACnE;IACD,sCAAsC,EAAE;QACvC,eAAe,EAAE,aAAa;KAC9B;CACD,CAAC,CAAC;AAEH;sEACsE;AACtE,MAAM,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC;IAC5C,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,mDAAmD,EAAE,SAAS,EAAE,QAAQ,EAAE;IAClJ,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,mDAAmD,EAAE;IACjI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,kDAAkD,EAAE;IAChH,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,kDAAkD,EAAE;IAClG,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,mDAAmD,EAAE;IAC3E,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,gDAAgD,EAAE;IACxE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,oDAAoD,EAAE;IAC9H,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,iDAAiD,EAAE;IACzG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,oDAAoD,EAAE;IACvG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,uDAAuD,EAAE;IAChH,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,oDAAoD,EAAE;IAChF,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,+CAA+C,EAAE;IAC1E,EAAE,GAAG,EAAE,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,sDAAsD,EAAE;IACxF,EAAE,GAAG,EAAE,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,oDAAoD,EAAE;IACpF,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,oDAAoD,EAAE;IAC9H,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,iDAAiD,EAAE;IAC3E,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,+CAA+C,EAAE;IACtE,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE;IACrC,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;CACxC,CAAC,CAAC;AAEH,8EAA8E;AAC9E,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,SAAS,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/utilities/codemirror/theme.ts"],"names":[],"mappings":"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"}
@@ -17,7 +17,7 @@ function paddingToValue(size) {
17
17
  return `var(--primitives-space-${size})`;
18
18
  }
19
19
  // Block-padding override scopes: base ('') + the sm/md/lg breakpoints. Each
20
- // scope reads its own props and writes `--_{scope-}padding-top/bottom`, which
20
+ // scope reads its own props and writes `--_{component}-{scope-}padding-top/bottom` (the component is its tag without `nldd-`), which
21
21
  // the section CSS resolves per breakpoint (scope override → base override →
22
22
  // responsive default). The CSS var prefix is `${scope}-` (empty for base).
23
23
  const PADDING_SCOPES = ['', 'sm', 'md', 'lg'];
@@ -98,8 +98,8 @@ export function PageSectionMixin(Base) {
98
98
  const top = self[prop('Top')];
99
99
  const bottom = self[prop('Bottom')];
100
100
  const prefix = scope ? `${scope}-` : '';
101
- this._setVar(`--_${prefix}padding-top`, paddingToValue(top ?? block));
102
- this._setVar(`--_${prefix}padding-bottom`, paddingToValue(bottom ?? block));
101
+ this._setVar(`--_${this.localName.slice(5)}-${prefix}padding-top`, paddingToValue(top ?? block));
102
+ this._setVar(`--_${this.localName.slice(5)}-${prefix}padding-bottom`, paddingToValue(bottom ?? block));
103
103
  }
104
104
  }
105
105
  _applyHeight() {
@@ -1 +1 @@
1
- {"version":3,"file":"page-section-mixin.js","sourceRoot":"","sources":["../../src/utilities/page-section-mixin.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"page-section-mixin.js","sourceRoot":"","sources":["../../src/utilities/page-section-mixin.ts"],"names":[],"mappings":"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"}
@@ -7,7 +7,7 @@
7
7
  * nothing else, and this is the one place that turns a step into its token.
8
8
  *
9
9
  * Which also settles what the attribute means. `gap="16"` in a component that
10
- * expected a CSS length wrote `--_gap: 16`, which is not one: the declaration
10
+ * expected a CSS length wrote `--_container-gap: 16`, which is not one: the declaration
11
11
  * fell away and the gap became zero with nothing said. Anything this cannot
12
12
  * place is refused and named in dev instead, a length included — writing an
13
13
  * unplaceable value is that same silent zero.
@@ -7,7 +7,7 @@
7
7
  * nothing else, and this is the one place that turns a step into its token.
8
8
  *
9
9
  * Which also settles what the attribute means. `gap="16"` in a component that
10
- * expected a CSS length wrote `--_gap: 16`, which is not one: the declaration
10
+ * expected a CSS length wrote `--_container-gap: 16`, which is not one: the declaration
11
11
  * fell away and the gap became zero with nothing said. Anything this cannot
12
12
  * place is refused and named in dev instead, a length included — writing an
13
13
  * unplaceable value is that same silent zero.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nldd/design-system",
3
- "version": "0.8.94",
3
+ "version": "0.8.96",
4
4
  "description": "Designsysteem voor de Nederlandse Digitale Dienst",
5
5
  "type": "module",
6
6
  "main": "dist/components/components.js",
@@ -362,9 +362,9 @@
362
362
  "types": "./dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts",
363
363
  "default": "./dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js"
364
364
  },
365
- "./timeline-track-cell": {
366
- "types": "./dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts",
367
- "default": "./dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js"
365
+ "./step-cell": {
366
+ "types": "./dist/components/lists-and-tables/cells/step-cell/step-cell.d.ts",
367
+ "default": "./dist/components/lists-and-tables/cells/step-cell/step-cell.js"
368
368
  },
369
369
  "./breadcrumbs": {
370
370
  "types": "./dist/components/navigation/breadcrumbs/breadcrumbs.d.ts",
@@ -434,9 +434,9 @@
434
434
  "types": "./dist/components/status-and-feedback/progress-circle/progress-circle.d.ts",
435
435
  "default": "./dist/components/status-and-feedback/progress-circle/progress-circle.js"
436
436
  },
437
- "./step-indicator": {
438
- "types": "./dist/components/status-and-feedback/step-indicator/step-indicator.d.ts",
439
- "default": "./dist/components/status-and-feedback/step-indicator/step-indicator.js"
437
+ "./step-bar": {
438
+ "types": "./dist/components/status-and-feedback/step-bar/step-bar.d.ts",
439
+ "default": "./dist/components/status-and-feedback/step-bar/step-bar.js"
440
440
  },
441
441
  "./activity-indicator": {
442
442
  "types": "./dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts",
@@ -524,6 +524,7 @@
524
524
  "validate:skill-markup": "node scripts/validate-skill-markup.js",
525
525
  "build:components": "npm run clean:components && npm run build:icons && npm run generate:translations && npm run build:components:modules && npm run build:components:bundle && npm run build:components:standalone && npm run build:exports && npm run generate:cem",
526
526
  "build:icons": "node scripts/generate-icon-registry.js && node scripts/generate-logo.js",
527
+ "optimize:icons": "svgo --config scripts/svgo.config.mjs",
527
528
  "build:components:modules": "tsc -p tsconfig.build.json",
528
529
  "build:components:bundle": "vite build",
529
530
  "build:exports": "node scripts/generate-exports.js",
@@ -565,8 +566,8 @@
565
566
  "@storybook/addon-docs": "^10.6.0",
566
567
  "@storybook/addon-themes": "^10.6.0",
567
568
  "@storybook/web-components-vite": "^10.6.0",
568
- "@vitest/browser-playwright": "5.0.0",
569
- "@vitest/coverage-v8": "5.0.0",
569
+ "@vitest/browser-playwright": "5.0.3",
570
+ "@vitest/coverage-v8": "5.0.3",
570
571
  "axe-core": "^4.13.0",
571
572
  "conventional-changelog": "^8.1.0",
572
573
  "conventional-changelog-conventionalcommits": "10.2.1",
@@ -577,10 +578,11 @@
577
578
  "playwright": "^1.57.0",
578
579
  "semantic-release": "^25.0.2",
579
580
  "storybook": "^10.6.0",
581
+ "svgo": "^4.1.0",
580
582
  "typescript": "^5.3.0",
581
583
  "typescript-eslint": "^8.58.0",
582
- "vite": "8.3.0",
583
- "vitest": "5.0.0",
584
+ "vite": "8.3.2",
585
+ "vitest": "5.0.3",
584
586
  "vue": "^3.5.40",
585
587
  "vue-tsc": "^3.3.7"
586
588
  },
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-track-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,+BAA+B,CAAC;AAEvC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC5C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AACxC,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAC/B,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACtD,KAAK,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;AAExD,qBACa,qBAAsB,SAAQ,0BAA8C;IACxF,OAAgB,MAAM,0BAA2B;IAEjD;;;;;;;;;OASG;IAEH,KAAK,EAAE,KAAK,CAAW;IAGvB,MAAM,EAAE,MAAM,CAAU;IAExB;2DACuD;IAEvD,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;4BAIwB;IAExB,SAAS,EAAE,SAAS,CAAU;IAG9B,QAAQ,EAAE,QAAQ,CAAa;IAE/B;;;;;;;;;;;;;;;OAeG;IAEH,IAAI,EAAE,IAAI,CAAU;IAGpB,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;kEAC8D;IAC9D,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,OAAO,CAAC,cAAc,CAAS;IAEtB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-track-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export declare const timelineTrackCellStyles: import("lit").CSSResult;
2
- //# sourceMappingURL=timeline-track-cell.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-track-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,yBAqLnC,CAAC"}
@@ -1,184 +0,0 @@
1
- import { css } from 'lit';
2
- export const timelineTrackCellStyles = css `
3
- :host {
4
- box-sizing: border-box;
5
- }
6
-
7
- :host {
8
- --_lane-size: var(--primitives-space-16);
9
- --_marker-size: var(--primitives-space-16);
10
- --_marker-corner-radius: var(--primitives-corner-radius-full);
11
-
12
- --_line-width: var(--primitives-space-2);
13
- --_track-color: var(--components-timeline-track-cell-color);
14
- --_future-fill-color: var(--components-timeline-track-cell-future-background-color);
15
- --_marker-z-index: 1;
16
- --_ring-thickness: var(--semantics-surfaces-ring-thickness);
17
- --_ring-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
18
- --_marker-content-color: var(--semantics-content-contrast-color);
19
- --_future-content-color: var(--semantics-content-secondary-color);
20
- --_current-fill-color: light-dark(var(--primitives-color-accent-75), var(--primitives-color-accent-100));
21
- --_icon-size: calc(var(--_marker-size) * 2 / 3);
22
-
23
- isolation: isolate;
24
- display: flex;
25
- /* !important: shields the row padding from consumer universal resets, which beat normal :host declarations per CSS Scoping. */
26
- padding-block: var(--context-cell-padding-block, 0px) !important;
27
- width: var(--_lane-size);
28
- flex-direction: column;
29
- align-self: stretch;
30
- align-items: center;
31
- }
32
-
33
- :host([hidden]) {
34
- display: none;
35
- }
36
-
37
- :host([size="md"]) {
38
- --_lane-size: var(--primitives-space-24);
39
- --_marker-size: var(--primitives-space-24);
40
- }
41
-
42
- :host([level="minor"]) {
43
- --_marker-size: var(--primitives-space-10);
44
- }
45
-
46
- :host([size="md"][level="minor"]) {
47
- --_marker-size: var(--primitives-space-12);
48
- }
49
-
50
- /* Bleeds back over the host's block padding, so consecutive rows connect. */
51
- .timeline-track-cell {
52
- position: relative;
53
- width: var(--_lane-size);
54
- height: calc(100% + 2 * var(--context-cell-padding-block, 0px));
55
- min-height: var(--primitives-space-48);
56
- margin-block: calc(var(--context-cell-padding-block, 0px) * -1);
57
- }
58
-
59
- /* The ring, but only left and right. A spread would put the same band above
60
- and below the line, and there it would cut the track at every row
61
- boundary: the lines that run on downward deliberately reach past the cell
62
- to bridge the divider. Two offset copies do the sides and nothing else. A
63
- copy shifted sideways has the same top and bottom as the line itself, so
64
- it can only show along the edge it is pushed out from. */
65
- .timeline-track-cell__full-line,
66
- .timeline-track-cell__top-line,
67
- .timeline-track-cell__bottom-line {
68
- position: absolute;
69
- left: 50%;
70
- margin-left: calc(var(--_line-width) / -2);
71
- box-shadow:
72
- calc(-1 * var(--_ring-thickness)) 0 0 0 var(--_ring-color),
73
- var(--_ring-thickness) 0 0 0 var(--_ring-color);
74
- background-color: var(--_track-color);
75
- width: var(--_line-width);
76
- }
77
-
78
- /* The lines that run on downward also bridge the row boundary: an
79
- nldd-list-item reserves a divider's worth of space below itself, and
80
- without this the track breaks at every row. The top line needs nothing —
81
- the row above already covers the band. */
82
- .timeline-track-cell__full-line {
83
- top: 0;
84
- bottom: calc(-1 * var(--semantics-dividers-thickness));
85
- }
86
-
87
- .timeline-track-cell__top-line {
88
- bottom: 50%;
89
- height: 50%;
90
- }
91
-
92
- .timeline-track-cell__bottom-line {
93
- top: 50%;
94
- bottom: calc(-1 * var(--semantics-dividers-thickness));
95
- }
96
-
97
- :host([status="future"]:not([line])) .timeline-track-cell__top-line,
98
- :host([status="future"]:not([line])) .timeline-track-cell__bottom-line {
99
- background-color: var(--_future-fill-color);
100
- }
101
-
102
- :host([status="current"]:not([line])) .timeline-track-cell__bottom-line {
103
- background-color: var(--_future-fill-color);
104
- }
105
-
106
- :host([status="current"][direction="up"]:not([line])) .timeline-track-cell__bottom-line {
107
- background-color: var(--_track-color);
108
- }
109
-
110
- :host([status="current"][direction="up"]:not([line])) .timeline-track-cell__top-line {
111
- background-color: var(--_future-fill-color);
112
- }
113
-
114
- :host([line="top"]) .timeline-track-cell__top-line,
115
- :host([line="bottom"]) .timeline-track-cell__bottom-line,
116
- :host([line="both"]) .timeline-track-cell__top-line,
117
- :host([line="both"]) .timeline-track-cell__bottom-line {
118
- background-color: var(--_track-color);
119
- }
120
-
121
- :host([level="none"][status="future"]) .timeline-track-cell__full-line,
122
- :host([level="none"][status="current"]:not([direction="up"])) .timeline-track-cell__full-line,
123
- :host([level="none"][line="none"]) .timeline-track-cell__full-line {
124
- background-color: var(--_future-fill-color);
125
- }
126
-
127
- :host([line="top"]) .timeline-track-cell__bottom-line,
128
- :host([line="bottom"]) .timeline-track-cell__top-line,
129
- :host([line="none"]) .timeline-track-cell__top-line,
130
- :host([line="none"]) .timeline-track-cell__bottom-line {
131
- background-color: var(--_future-fill-color);
132
- }
133
-
134
- .timeline-track-cell__marker {
135
- box-sizing: border-box;
136
- position: absolute;
137
- top: 50%;
138
- left: 50%;
139
- z-index: var(--_marker-z-index);
140
- display: flex;
141
- width: var(--_marker-size);
142
- height: var(--_marker-size);
143
- margin-top: calc(var(--_marker-size) / -2);
144
- margin-left: calc(var(--_marker-size) / -2);
145
- align-items: center;
146
- justify-content: center;
147
- border: var(--_line-width) solid var(--_track-color);
148
- border-radius: var(--_marker-corner-radius);
149
- box-shadow: 0 0 0 var(--_ring-thickness) var(--_ring-color);
150
- color: var(--_marker-content-color);
151
- font: var(--primitives-font-body-sm-medium-flat);
152
- }
153
-
154
- :host([status="past"]) .timeline-track-cell__marker,
155
- :host(:not([status])) .timeline-track-cell__marker {
156
- background-color: var(--_track-color);
157
- }
158
-
159
- :host([status="current"]) .timeline-track-cell__marker {
160
- background-color: var(--_current-fill-color);
161
- color: var(--_track-color);
162
- }
163
-
164
- :host([status="future"]) .timeline-track-cell__marker {
165
- border-color: var(--_future-fill-color);
166
- background-color: var(--_future-fill-color);
167
- color: var(--_future-content-color);
168
- }
169
-
170
- .timeline-track-cell__icon {
171
- width: var(--_icon-size);
172
- height: var(--_icon-size);
173
- }
174
-
175
- @media (forced-colors: active) {
176
- .timeline-track-cell__marker,
177
- .timeline-track-cell__top-line,
178
- .timeline-track-cell__bottom-line,
179
- .timeline-track-cell__full-line {
180
- forced-color-adjust: none;
181
- }
182
- }
183
- `;
184
- //# sourceMappingURL=timeline-track-cell.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-track-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLzC,CAAC"}
@@ -1,4 +0,0 @@
1
- import { type TemplateResult } from 'lit';
2
- import type { NLDDTimelineTrackCell } from './timeline-track-cell.js';
3
- export declare function timelineTrackCellTemplate(component: NLDDTimelineTrackCell): TemplateResult;
4
- //# sourceMappingURL=timeline-track-cell.template.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-track-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,qBAAqB,GAAG,cAAc,CAuC1F"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-track-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAGzD,MAAM,UAAU,yBAAyB,CAAC,SAAgC;IACzE,6EAA6E;IAC7E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,SAAS,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;QAChC,OAAO,IAAI,CAAA;;MAEP,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,oDAAoD;;GAErG,CAAC;IACH,CAAC;IAED,+EAA+E;IAC/E,4EAA4E;IAC5E,kBAAkB;IAClB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC;IACjF,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC;IACrF,MAAM,WAAW,GAAG,MAAM,IAAI,SAAS,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;IACpF,MAAM,cAAc,GAAG,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;IAC7F,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS,CAAC,IAAI;YACf,CAAC,CAAC,IAAI,CAAA,qDAAqD,SAAS,CAAC,IAAI,eAAe;YACxF,CAAC,CAAC,SAAS,CAAC,IAAI;gBACf,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,SAAS;gBACxE,CAAC,CAAC,OAAO,CAAC;IACb,+EAA+E;IAC/E,iBAAiB;IACjB,MAAM,OAAO,GAAG,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,eAAe;QAC9B,CAAC,CAAC,MAAM,CAAC;IAEV,OAAO,IAAI,CAAA;;KAEP,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,mDAAmD,CAAC,CAAC,CAAC,OAAO;8CACtC,OAAO;KAChD,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,sDAAsD,CAAC,CAAC,CAAC,OAAO;;EAExF,CAAC;AACH,CAAC"}
@@ -1,127 +0,0 @@
1
- /**
2
- * Nederlandse Digitale Dienst Step Indicator Component (Lit + TypeScript)
3
- *
4
- * Shows where you are in a process of several steps: a row of discs with a
5
- * number (or a check mark on what is done), a label under each and a line
6
- * connecting them.
7
- *
8
- * The parent holds the truth: `current` (1-based) derives the status of every
9
- * child — `past` before it, `future` after. A child can override that with a
10
- * `status` of its own, for flows that jump back or skip a step.
11
- *
12
- * Horizontal only. For steps under each other, build an `nldd-list` with an
13
- * `nldd-timeline-track-cell` and an `nldd-title-cell` per row: vertical steps
14
- * usually carry more than a title, and a list row already does that.
15
- *
16
- * Below the sm breakpoint (a container query, so measured on the component
17
- * itself rather than on the viewport) it folds into one line of text plus a
18
- * segmented bar. The full list of steps stays in the DOM, only visually hidden,
19
- * so assistive software hears no less than a wide screen shows.
20
- *
21
- * Accessibility: a `nav` with a label, holding a `role="list"` with a
22
- * `role="listitem"` per step. The current step gets `aria-current="step"`, the
23
- * only notion WAI-ARIA has for this. "Done" and "still to do" do not exist as
24
- * ARIA tokens and travel along as visually hidden text instead.
25
- *
26
- * @element nldd-step-indicator
27
- *
28
- * @attr {string} accessible-label - Name of the nav; defaults to the i18n value ("Voortgang")
29
- * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
30
- * @attr {number} current - 1-based number of the current step (default 1)
31
- *
32
- * @slot - `nldd-step-indicator-item` children
33
- *
34
- * @example
35
- * ```html
36
- * <nldd-step-indicator
37
- * current="2"
38
- * accessible-label="Voortgang aanvraag"
39
- * >
40
- * <nldd-step-indicator-item text="Gegevens"></nldd-step-indicator-item>
41
- * <nldd-step-indicator-item text="Controle"></nldd-step-indicator-item>
42
- * <nldd-step-indicator-item text="Bevestigen"></nldd-step-indicator-item>
43
- * </nldd-step-indicator>
44
- * ```
45
- */
46
- import { LitElement, type PropertyValues } from 'lit';
47
- import '../../content/icon/icon.js';
48
- /** The same three names as nldd-timeline-track-cell, so one flow reads in a
49
- * single vocabulary whether it runs horizontally or vertically. */
50
- export type StepIndicatorStatus = 'past' | 'current' | 'future';
51
- /**
52
- * One step in an `nldd-step-indicator`. The parent decides the status and the
53
- * number; those live here as internal state rather than as public API, except
54
- * for `status`, which overrides what `current` derives.
55
- *
56
- * @element nldd-step-indicator-item
57
- *
58
- * @attr {string} status - `past` | `current` | `future`; overrides what the parent derives
59
- * @attr {string} text - Label under the disc
60
- * @attr {string} icon - Icon in the disc instead of the number or the check mark
61
- * @attr {string} href - Makes the step a link (back to a completed step, for instance)
62
- * @attr {boolean} button - Makes the step a button, for flows without a URL per step; ignored when `href` is set
63
- *
64
- * @slot - Label (an alternative to `text`)
65
- */
66
- export declare class NLDDStepIndicatorItem extends LitElement {
67
- static styles: import("lit").CSSResult;
68
- status?: StepIndicatorStatus;
69
- text: string;
70
- icon: string;
71
- href: string;
72
- /** For flows without a URL per step (a wizard inside one window). Ignored
73
- * once `href` is set: one step is one action, and a link outranks a button
74
- * -- the same rule as nldd-card and nldd-avatar. */
75
- button: boolean;
76
- /** Set by the parent: the derived status when the item has none of its own,
77
- * the position number, and the status text for assistive tech. */
78
- _derivedStatus: StepIndicatorStatus;
79
- _index: number;
80
- _statusText: string;
81
- /** The status that counts: the item's own wins over the derived one. */
82
- get resolvedStatus(): StepIndicatorStatus;
83
- connectedCallback(): void;
84
- updated(changed: PropertyValues): void;
85
- render(): import("lit-html").TemplateResult;
86
- }
87
- declare const NLDDStepIndicator_base: (abstract new (...args: any[]) => LitElement & {
88
- translations: Partial<{
89
- 'components.step-indicator.accessible-label': string;
90
- 'components.step-indicator.status-past-label': string;
91
- 'components.step-indicator.status-current-label': string;
92
- 'components.step-indicator.status-future-label': string;
93
- 'components.step-indicator.compact-text': string;
94
- }>;
95
- _t(key: "components.step-indicator.accessible-label" | "components.step-indicator.status-past-label" | "components.step-indicator.status-current-label" | "components.step-indicator.status-future-label" | "components.step-indicator.compact-text", vars?: Record<string, string | number>): string;
96
- }) & typeof LitElement;
97
- export declare class NLDDStepIndicator extends NLDDStepIndicator_base {
98
- static styles: import("lit").CSSResult;
99
- accessibleLabel: string;
100
- current: number;
101
- /** The steps, tracked so the compact view (text + bar) is driven by the same
102
- * source as the row of markers. */
103
- _items: NLDDStepIndicatorItem[];
104
- get total(): number;
105
- /** The current step, clamped to the number of steps: an out-of-range
106
- * `current` would otherwise mark every step past (or none at all). */
107
- get resolvedCurrent(): number;
108
- get currentItem(): NLDDStepIndicatorItem | undefined;
109
- _onSlotChange: (e: Event) => void;
110
- /** Before render, not after: the compact view reads the current item back out
111
- * of the children, so their statuses have to be fresh by the time this
112
- * element renders. */
113
- willUpdate(changed: PropertyValues): void;
114
- /** Push position, derived status and status text down to the children. Push
115
- * rather than pull: a child reading its own parent has no way of knowing
116
- * when `current` changes. */
117
- private _syncItems;
118
- render(): import("lit-html").TemplateResult;
119
- }
120
- declare global {
121
- interface HTMLElementTagNameMap {
122
- 'nldd-step-indicator': NLDDStepIndicator;
123
- 'nldd-step-indicator-item': NLDDStepIndicatorItem;
124
- }
125
- }
126
- export {};
127
- //# sourceMappingURL=step-indicator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/step-indicator/step-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,4BAA4B,CAAC;AAEpC;oEACoE;AACpE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAKhE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAG7B,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;;yDAEqD;IAErD,MAAM,UAAS;IAEf;uEACmE;IAEnE,cAAc,EAAE,mBAAmB,CAAY;IAG/C,MAAM,SAAK;IAGX,WAAW,SAAM;IAEjB,wEAAwE;IACxE,IAAI,cAAc,IAAI,mBAAmB,CAExC;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,MAAM;CAGf;;;;;;;;;;;AAYD,qBACa,iBAAkB,SAAQ,sBAGtC;IACA,OAAgB,MAAM,0BAAuB;IAG7C,eAAe,SAAM;IAGrB,OAAO,SAAK;IAEZ;wCACoC;IAEpC,MAAM,EAAE,qBAAqB,EAAE,CAAM;IAErC,IAAI,KAAK,IAAI,MAAM,CAElB;IAED;2EACuE;IACvE,IAAI,eAAe,IAAI,MAAM,CAG5B;IAED,IAAI,WAAW,IAAI,qBAAqB,GAAG,SAAS,CAGnD;IAED,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF;;2BAEuB;IACd,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD;;kCAE8B;IAC9B,OAAO,CAAC,UAAU;IAUT,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;QACzC,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
@@ -1,9 +0,0 @@
1
- export declare const nlddStepIndicatorTranslations: {
2
- 'components.step-indicator.accessible-label': string;
3
- 'components.step-indicator.status-past-label': string;
4
- 'components.step-indicator.status-current-label': string;
5
- 'components.step-indicator.status-future-label': string;
6
- 'components.step-indicator.compact-text': string;
7
- };
8
- export type NLDDStepIndicatorTranslations = typeof nlddStepIndicatorTranslations;
9
- //# sourceMappingURL=step-indicator.i18n.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"step-indicator.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/step-indicator/step-indicator.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,OAAO,6BAA6B,CAAC"}
@@ -1,8 +0,0 @@
1
- export const nlddStepIndicatorTranslations = {
2
- 'components.step-indicator.accessible-label': 'Voortgang',
3
- 'components.step-indicator.status-past-label': 'Afgerond',
4
- 'components.step-indicator.status-current-label': 'Huidige stap',
5
- 'components.step-indicator.status-future-label': 'Nog te doen',
6
- 'components.step-indicator.compact-text': 'Stap {current} van {total}',
7
- };
8
- //# sourceMappingURL=step-indicator.i18n.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"step-indicator.i18n.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/step-indicator/step-indicator.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC5C,4CAA4C,EAAE,WAAW;IACzD,6CAA6C,EAAE,UAAU;IACzD,gDAAgD,EAAE,cAAc;IAChE,+CAA+C,EAAE,aAAa;IAC9D,wCAAwC,EAAE,4BAA4B;CACtE,CAAC"}