@nldd/design-system 0.8.56 → 0.8.58

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 (348) hide show
  1. package/dist/components/actions/button/button.d.ts +13 -4
  2. package/dist/components/actions/button/button.d.ts.map +1 -1
  3. package/dist/components/actions/button/button.js +23 -3
  4. package/dist/components/actions/button/button.js.map +1 -1
  5. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.styles.js +352 -87
  7. package/dist/components/actions/button/button.styles.js.map +1 -1
  8. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  9. package/dist/components/actions/button/button.template.js +33 -17
  10. package/dist/components/actions/button/button.template.js.map +1 -1
  11. package/dist/components/actions/button-bar/button-bar.d.ts +2 -2
  12. package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
  13. package/dist/components/actions/button-bar/button-bar.js +3 -1
  14. package/dist/components/actions/button-bar/button-bar.js.map +1 -1
  15. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  16. package/dist/components/actions/button-bar/button-bar.styles.js +28 -4
  17. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  18. package/dist/components/actions/button-bar/button-bar.template.d.ts.map +1 -1
  19. package/dist/components/actions/button-bar/button-bar.template.js +4 -1
  20. package/dist/components/actions/button-bar/button-bar.template.js.map +1 -1
  21. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  22. package/dist/components/actions/button-group/button-group.styles.js +4 -2
  23. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.d.ts +15 -5
  25. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.js +24 -4
  27. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  28. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  29. package/dist/components/actions/icon-button/icon-button.styles.js +195 -63
  30. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  31. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  32. package/dist/components/actions/icon-button/icon-button.template.js +4 -2
  33. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  34. package/dist/components/actions/menu/menu.d.ts +9 -0
  35. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  36. package/dist/components/actions/menu/menu.js +27 -2
  37. package/dist/components/actions/menu/menu.js.map +1 -1
  38. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  39. package/dist/components/actions/menu/menu.template.js +17 -5
  40. package/dist/components/actions/menu/menu.template.js.map +1 -1
  41. package/dist/components/actions/split-button/split-button.d.ts +30 -20
  42. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  43. package/dist/components/actions/split-button/split-button.js +73 -49
  44. package/dist/components/actions/split-button/split-button.js.map +1 -1
  45. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  46. package/dist/components/actions/split-button/split-button.styles.js +39 -3
  47. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  48. package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
  49. package/dist/components/actions/split-button/split-button.template.js +6 -1
  50. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  51. package/dist/components/actions/toolbar/toolbar.d.ts +91 -14
  52. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  53. package/dist/components/actions/toolbar/toolbar.js +299 -103
  54. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  55. package/dist/components/actions/toolbar/toolbar.styles.d.ts +2 -0
  56. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  57. package/dist/components/actions/toolbar/toolbar.styles.js +109 -41
  58. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  59. package/dist/components/actions/toolbar/toolbar.template.d.ts +7 -4
  60. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  61. package/dist/components/actions/toolbar/toolbar.template.js +22 -69
  62. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  63. package/dist/components/components.js +88 -85
  64. package/dist/components/content/blockquote/blockquote.d.ts +3 -1
  65. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  66. package/dist/components/content/blockquote/blockquote.js +12 -1
  67. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  68. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  69. package/dist/components/content/blockquote/blockquote.styles.js +4 -0
  70. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  71. package/dist/components/content/blockquote/blockquote.template.js +1 -1
  72. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  73. package/dist/components/content/byline/byline.d.ts +53 -0
  74. package/dist/components/content/byline/byline.d.ts.map +1 -0
  75. package/dist/components/content/byline/byline.js +90 -0
  76. package/dist/components/content/byline/byline.js.map +1 -0
  77. package/dist/components/content/byline/byline.styles.d.ts +2 -0
  78. package/dist/components/content/byline/byline.styles.d.ts.map +1 -0
  79. package/dist/components/content/byline/byline.styles.js +94 -0
  80. package/dist/components/content/byline/byline.styles.js.map +1 -0
  81. package/dist/components/content/byline/byline.template.d.ts +3 -0
  82. package/dist/components/content/byline/byline.template.d.ts.map +1 -0
  83. package/dist/components/content/byline/byline.template.js +23 -0
  84. package/dist/components/content/byline/byline.template.js.map +1 -0
  85. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  86. package/dist/components/content/code-viewer/code-viewer.styles.js +8 -0
  87. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  88. package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -1
  89. package/dist/components/content/code-viewer/code-viewer.template.js +4 -1
  90. package/dist/components/content/code-viewer/code-viewer.template.js.map +1 -1
  91. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  92. package/dist/components/content/icon/icon-aliases.js +48 -2
  93. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  94. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  95. package/dist/components/content/icon/icon-registry.js +37 -2
  96. package/dist/components/content/icon/icon-registry.js.map +1 -1
  97. package/dist/components/content/image/image.d.ts +1 -1
  98. package/dist/components/content/image/image.d.ts.map +1 -1
  99. package/dist/components/content/image/image.i18n.d.ts +1 -1
  100. package/dist/components/content/image/image.i18n.js +1 -1
  101. package/dist/components/content/image/image.i18n.js.map +1 -1
  102. package/dist/components/content/image/image.js +7 -2
  103. package/dist/components/content/image/image.js.map +1 -1
  104. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  105. package/dist/components/content/image/image.styles.js +21 -30
  106. package/dist/components/content/image/image.styles.js.map +1 -1
  107. package/dist/components/content/image/image.template.d.ts.map +1 -1
  108. package/dist/components/content/image/image.template.js +7 -12
  109. package/dist/components/content/image/image.template.js.map +1 -1
  110. package/dist/components/content/image/lqip-encoder-element.js +2 -2
  111. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.d.ts.map +1 -1
  112. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js +3 -1
  113. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js.map +1 -1
  114. package/dist/components/content/rich-text/rich-text.d.ts +16 -0
  115. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  116. package/dist/components/content/rich-text/rich-text.js +19 -0
  117. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  118. package/dist/components/content/tag/tag.d.ts +2 -2
  119. package/dist/components/content/tag/tag.d.ts.map +1 -1
  120. package/dist/components/content/tag/tag.js +1 -1
  121. package/dist/components/content/tag/tag.js.map +1 -1
  122. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  123. package/dist/components/content/tag/tag.styles.js +81 -51
  124. package/dist/components/content/tag/tag.styles.js.map +1 -1
  125. package/dist/components/content/title/title.d.ts +6 -0
  126. package/dist/components/content/title/title.d.ts.map +1 -1
  127. package/dist/components/content/title/title.js +8 -0
  128. package/dist/components/content/title/title.js.map +1 -1
  129. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  130. package/dist/components/content/title/title.styles.js +15 -0
  131. package/dist/components/content/title/title.styles.js.map +1 -1
  132. package/dist/components/{index-C3JellW2.js → index-C2jQOZa6.js} +4782 -2608
  133. package/dist/components/index.d.ts +3 -0
  134. package/dist/components/index.d.ts.map +1 -1
  135. package/dist/components/index.js +3 -0
  136. package/dist/components/index.js.map +1 -1
  137. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  138. package/dist/components/inputs/checkbox/checkbox.template.js +9 -3
  139. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  140. package/dist/components/inputs/combo-box/combo-box.styles.js +1 -1
  141. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  142. package/dist/components/inputs/dropdown/dropdown.styles.js +31 -18
  143. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  144. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +1 -1
  145. package/dist/components/inputs/password-field/password-field.styles.js +1 -1
  146. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  147. package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
  148. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  149. package/dist/components/inputs/search-field/search-field.styles.js +1 -1
  150. package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -4
  151. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  152. package/dist/components/inputs/segmented-control/segmented-control.js +4 -3
  153. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  154. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  155. package/dist/components/inputs/segmented-control/segmented-control.styles.js +59 -9
  156. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  157. package/dist/components/inputs/segmented-control/segmented-control.template.js +3 -3
  158. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  159. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  160. package/dist/components/inputs/stepper/stepper.styles.js +16 -5
  161. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  162. package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
  163. package/dist/components/inputs/stepper/stepper.template.js +2 -0
  164. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  165. package/dist/components/inputs/text-field/text-field.styles.js +1 -1
  166. package/dist/components/inputs/toggle-button/toggle-button.d.ts +4 -3
  167. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  168. package/dist/components/inputs/toggle-button/toggle-button.js +3 -2
  169. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  170. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  171. package/dist/components/inputs/toggle-button/toggle-button.styles.js +53 -17
  172. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  173. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  174. package/dist/components/inputs/toggle-button/toggle-button.template.js +11 -6
  175. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  176. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  177. package/dist/components/inputs/token/token.styles.js +24 -7
  178. package/dist/components/inputs/token/token.styles.js.map +1 -1
  179. package/dist/components/inputs/token/token.template.d.ts.map +1 -1
  180. package/dist/components/inputs/token/token.template.js +4 -1
  181. package/dist/components/inputs/token/token.template.js.map +1 -1
  182. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  183. package/dist/components/layout/collection/collection.template.js +3 -1
  184. package/dist/components/layout/collection/collection.template.js.map +1 -1
  185. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -1
  186. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  187. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +0 -5
  188. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  189. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
  190. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +6 -2
  191. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
  192. package/dist/components/layout/page-sections/hero/hero.d.ts +92 -0
  193. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -0
  194. package/dist/components/layout/page-sections/hero/hero.js +153 -0
  195. package/dist/components/layout/page-sections/hero/hero.js.map +1 -0
  196. package/dist/components/layout/page-sections/hero/hero.styles.d.ts +2 -0
  197. package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -0
  198. package/dist/components/layout/page-sections/hero/hero.styles.js +488 -0
  199. package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -0
  200. package/dist/components/layout/page-sections/hero/hero.template.d.ts +4 -0
  201. package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -0
  202. package/dist/components/layout/page-sections/hero/hero.template.js +18 -0
  203. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -0
  204. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -0
  205. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  206. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  207. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +5 -0
  208. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  209. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts +1 -1
  210. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  211. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +11 -3
  212. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  213. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -0
  214. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  215. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  216. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +5 -0
  217. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  218. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts +1 -1
  219. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  220. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +11 -3
  221. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  222. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -1
  223. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  224. package/dist/components/layout/page-sections/simple-section/simple-section.js +0 -5
  225. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  226. package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
  227. package/dist/components/layout/page-sections/simple-section/simple-section.template.js +6 -2
  228. package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
  229. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -0
  230. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  231. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  232. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +5 -0
  233. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  234. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts +1 -1
  235. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  236. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +11 -3
  237. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  238. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  239. package/dist/components/lists-and-tables/list/list.template.js +3 -1
  240. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  241. package/dist/components/lists-and-tables/list-item/list-item.d.ts +3 -4
  242. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  243. package/dist/components/lists-and-tables/list-item/list-item.js +7 -5
  244. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  245. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
  246. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  247. package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -2
  248. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  249. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
  250. package/dist/components/lists-and-tables/table/table.styles.js +7 -0
  251. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
  252. package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -1
  253. package/dist/components/lists-and-tables/table/table.template.js +7 -2
  254. package/dist/components/lists-and-tables/table/table.template.js.map +1 -1
  255. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +46 -22
  256. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  257. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +1 -1
  258. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +1 -1
  259. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
  260. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +84 -51
  261. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  262. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
  263. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +44 -36
  264. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  265. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
  266. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +16 -16
  267. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map +1 -1
  268. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  269. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +39 -19
  270. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  271. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  272. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
  273. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  274. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  275. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +4 -0
  276. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  277. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  278. package/dist/components/navigation/pagination/pagination.styles.js +35 -15
  279. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  280. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  281. package/dist/components/navigation/pagination/pagination.template.js +11 -3
  282. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  283. package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -4
  284. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  285. package/dist/components/navigation/tab-bar/tab-bar.js +17 -2
  286. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  287. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  288. package/dist/components/navigation/tab-bar/tab-bar.styles.js +74 -18
  289. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  290. package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
  291. package/dist/components/navigation/tab-bar/tab-bar.template.js +10 -3
  292. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  293. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +4 -4
  294. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  295. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +3 -1
  296. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  297. package/dist/components/{prism-python-QiimuE8j.js → prism-python-BzzeiWRd.js} +1 -1
  298. package/dist/components/{prism-rust-D4vfxUpk.js → prism-rust-DzgIGUtE.js} +1 -1
  299. package/dist/components/{prism-typescript-Dy2F4cF2.js → prism-typescript-KyVBIohW.js} +1 -1
  300. package/dist/components/status-and-feedback/badge/badge.d.ts +1 -1
  301. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  302. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  303. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  304. package/dist/components/status-and-feedback/badge/badge.styles.js +69 -75
  305. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  306. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
  307. package/dist/components/status-and-feedback/banner/banner.styles.js +21 -35
  308. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
  309. package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
  310. package/dist/components/status-and-feedback/banner/banner.template.js +9 -3
  311. package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
  312. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -2
  313. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
  314. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +6 -2
  315. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
  316. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +1 -1
  317. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
  318. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  319. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  320. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +73 -80
  321. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  322. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +1 -1
  323. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
  324. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  325. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
  326. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +48 -50
  327. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
  328. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
  329. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  330. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +60 -0
  331. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -0
  332. package/dist/components/status-and-feedback/status-bar/status-bar.js +116 -0
  333. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -0
  334. package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts +2 -0
  335. package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts.map +1 -0
  336. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +142 -0
  337. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js.map +1 -0
  338. package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts +3 -0
  339. package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -0
  340. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +32 -0
  341. package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +1 -0
  342. package/dist/css/rich-text.css +97 -14
  343. package/dist/css/settings.css +566 -373
  344. package/dist/utilities/page-section-mixin.d.ts +1 -0
  345. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  346. package/dist/utilities/page-section-mixin.js +9 -0
  347. package/dist/utilities/page-section-mixin.js.map +1 -1
  348. package/package.json +13 -1
@@ -6,26 +6,32 @@ function renderContent(component) {
6
6
  return html `
7
7
  <span class="button__content">
8
8
  ${component.startIcon ? html `
9
- <nldd-icon class="button__start-icon"
10
- name=${component.startIcon}
11
- ></nldd-icon>
9
+ <span class="button__start-icon">
10
+ <nldd-icon name=${component.startIcon}></nldd-icon>
11
+ </span>
12
12
  ` : html `<slot name="start-icon"></slot>`}
13
- <span class="button__text">${component.text ? component.text : html `<slot name="text"></slot>`}</span>
13
+ <span class="button__text-area">
14
+ <span class="button__text">${component.text ? component.text : html `<slot name="text"></slot>`}</span>
15
+ ${component.supportingText ? html `<span class="button__supporting-text">${component.supportingText}</span>` : nothing}
16
+ </span>
14
17
  ${component.endIcon ? html `
15
- <nldd-icon class="button__end-icon"
16
- name=${component.endIcon}
17
- ></nldd-icon>
18
+ <span class="button__end-icon">
19
+ <nldd-icon name=${component.endIcon}></nldd-icon>
20
+ </span>
18
21
  ` : html `<slot name="end-icon"></slot>`}
19
- ${component.expandable ? html `
20
- <nldd-icon class="button__disclosure-icon"
21
- name="chevron-down-small"
22
- ></nldd-icon>
23
- ` : nothing}
24
22
  </span>
23
+ ${component.expandable ? html `
24
+ <nldd-icon class="button__disclosure-icon"
25
+ name="chevron-down-small"
26
+ ></nldd-icon>
27
+ ` : nothing}
25
28
  `;
26
29
  }
27
30
  export function template(helpers) {
28
31
  const content = renderContent(this);
32
+ const buttonClass = ['button',
33
+ this.supportingText ? 'has-supporting-text' : '',
34
+ ].filter(Boolean).join(' ');
29
35
  // `expandable` (disclosure widget signal) or `popup-type` (popup container
30
36
  // signal) both require aria-expanded to always be present so screen
31
37
  // readers know the current open/closed state. Without one of these, only
@@ -33,6 +39,16 @@ export function template(helpers) {
33
39
  // irrelevant ARIA attributes.
34
40
  const isDisclosure = this.expandable || !!this.popupType;
35
41
  const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
42
+ // `supporting-text` renders in a sibling span next to the text; the
43
+ // accessible-name flat-string algorithm concatenates them without a
44
+ // separator ("OpslaanAlle wijzigingen"). With no explicit accessible-label,
45
+ // join them with a comma so screen readers announce the two apart. Filtering
46
+ // empties keeps a name when only supporting-text is set — otherwise an
47
+ // icon-less button would be nameless. (Slotted text can't be read here —
48
+ // those consumers should set accessible-label.) Without supporting-text,
49
+ // `nothing` sets no aria-label at all, so the name is the visible text content.
50
+ const ariaLabel = this.accessibleLabel
51
+ || (this.supportingText ? [this.text, this.supportingText].filter(Boolean).join(', ') : nothing);
36
52
  // Loading: an activity indicator overlays the (opacity-hidden) content. It
37
53
  // sits OUTSIDE the <button>/<a> (a sibling, overlaid via the host's
38
54
  // position:relative) so its role="status" live region can announce "Laden"
@@ -45,7 +61,7 @@ export function template(helpers) {
45
61
  <div class="button__activity-indicator">
46
62
  <nldd-activity-indicator
47
63
  timing="instant"
48
- size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : '24'}
64
+ size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : this.size === 'lg' ? '28' : '24'}
49
65
  ></nldd-activity-indicator>
50
66
  </div>
51
67
  `
@@ -53,12 +69,12 @@ export function template(helpers) {
53
69
  if (this.href) {
54
70
  const resolvedRel = this._resolvedRel();
55
71
  return html `
56
- <a class="button"
72
+ <a class=${buttonClass}
57
73
  href=${this.href}
58
74
  target=${this.target || nothing}
59
75
  rel=${resolvedRel || nothing}
60
76
  aria-disabled=${this.disabled ? 'true' : nothing}
61
- aria-label=${this.accessibleLabel || nothing}
77
+ aria-label=${ariaLabel}
62
78
  aria-haspopup=${this.popupType || nothing}
63
79
  aria-expanded=${ariaExpanded}
64
80
  aria-busy=${ariaBusy}
@@ -75,11 +91,11 @@ export function template(helpers) {
75
91
  // browsers don't support the Popover API at all, so the menu this button
76
92
  // drives is non-functional regardless. No per-binding capability check.
77
93
  return html `
78
- <button class="button"
94
+ <button class=${buttonClass}
79
95
  type=${this.type}
80
96
  ?disabled=${this.disabled}
81
97
  aria-disabled=${this.disabled ? 'true' : nothing}
82
- aria-label=${this.accessibleLabel || nothing}
98
+ aria-label=${ariaLabel}
83
99
  aria-haspopup=${this.popupType || nothing}
84
100
  aria-expanded=${ariaExpanded}
85
101
  aria-busy=${ariaBusy}
@@ -1 +1 @@
1
- {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
@@ -6,7 +6,7 @@
6
6
  * Renders nldd-button-bar-divider elements as internal dividers — no separate component needed.
7
7
  *
8
8
  * @element nldd-button-bar
9
- * @attr {string} size - Bar size: 'xs' | 'sm' | 'md' (default: 'md')
9
+ * @attr {string} size - Bar size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md'). At 'lg', icon-button children stack their label below the icon (mobile action-bar style).
10
10
  * @attr {string} variant - Button variant (default: 'neutral-tinted')
11
11
  * @attr {boolean} disabled - Disabled state
12
12
  *
@@ -15,7 +15,7 @@
15
15
  * @csspart bar - The button bar container
16
16
  */
17
17
  import { LitElement } from 'lit';
18
- export type Size = 'xs' | 'sm' | 'md';
18
+ export type Size = 'xs' | 'sm' | 'md' | 'lg';
19
19
  export type BarChild = {
20
20
  type: 'divider';
21
21
  id: number;
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,QAAQ,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAIpD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAGzC,IAAI,EAAE,IAAI,CAAQ;IAGlB,OAAO,EAAE,MAAM,CAAoB;IAGnC,QAAQ,UAAS;IAGjB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,qBAAqB,CAA0B;IAE9C,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiB/D,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,cAAc;IA4Bb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,yBAAyB,EAAE,WAAW,CAAC;KACvC;CACD"}
1
+ {"version":3,"file":"button-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,QAAQ,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAIpD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAGzC,IAAI,EAAE,IAAI,CAAQ;IAGlB,OAAO,EAAE,MAAM,CAAoB;IAGnC,QAAQ,UAAS;IAGjB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,qBAAqB,CAA0B;IAE9C,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiB/D,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,cAAc;IA8Bb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,yBAAyB,EAAE,WAAW,CAAC;KACvC;CACD"}
@@ -12,7 +12,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
12
12
  * Renders nldd-button-bar-divider elements as internal dividers — no separate component needed.
13
13
  *
14
14
  * @element nldd-button-bar
15
- * @attr {string} size - Bar size: 'xs' | 'sm' | 'md' (default: 'md')
15
+ * @attr {string} size - Bar size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md'). At 'lg', icon-button children stack their label below the icon (mobile action-bar style).
16
16
  * @attr {string} variant - Button variant (default: 'neutral-tinted')
17
17
  * @attr {boolean} disabled - Disabled state
18
18
  *
@@ -127,6 +127,8 @@ let NLDDButtonBar = class NLDDButtonBar extends LitElement {
127
127
  if (BUTTON_TAGS.includes(tag)) {
128
128
  el.setAttribute('size', this.size);
129
129
  el.setAttribute('variant', this.variant);
130
+ // The bar draws one group border (.button-bar::after); children drop theirs.
131
+ el.setAttribute('no-highlight-border', '');
130
132
  }
131
133
  const id = this._idCounter++;
132
134
  const slotName = `child-${id}`;
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAoF3B,CAAC"}
1
+ {"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA4G3B,CAAC"}
@@ -9,22 +9,29 @@ export const buttonBarStyles = css `
9
9
  --_background-color: var(--semantics-buttons-neutral-tinted-background-color);
10
10
  --_size: var(--semantics-controls-md-min-size);
11
11
  --_divider-color: var(--semantics-buttons-neutral-tinted-divider-color);
12
+ --_highlight-border-color: var(--semantics-buttons-neutral-tinted-highlight-border-color);
12
13
  --_divider-length: var(--semantics-buttons-md-divider-length);
13
14
 
14
15
  display: inline-flex;
15
16
  isolation: isolate;
16
17
  }
17
18
 
19
+ :host([size="xs"]) {
20
+ --_corner-radius: var(--semantics-controls-xs-corner-radius);
21
+ --_size: var(--semantics-controls-xs-min-size);
22
+ --_divider-length: var(--semantics-buttons-xs-divider-length);
23
+ }
24
+
18
25
  :host([size="sm"]) {
19
26
  --_corner-radius: var(--semantics-controls-sm-corner-radius);
20
27
  --_size: var(--semantics-controls-sm-min-size);
21
28
  --_divider-length: var(--semantics-buttons-sm-divider-length);
22
29
  }
23
30
 
24
- :host([size="xs"]) {
25
- --_corner-radius: var(--semantics-controls-xs-corner-radius);
26
- --_size: var(--semantics-controls-xs-min-size);
27
- --_divider-length: var(--semantics-buttons-xs-divider-length);
31
+ :host([size="lg"]) {
32
+ --_corner-radius: var(--semantics-controls-lg-corner-radius);
33
+ --_size: var(--semantics-controls-lg-min-size);
34
+ --_divider-length: var(--semantics-buttons-lg-divider-length);
28
35
  }
29
36
 
30
37
  /* ## Accent Filled (Primary) */
@@ -33,6 +40,13 @@ export const buttonBarStyles = css `
33
40
  :host([variant="primary"]) {
34
41
  --_background-color: var(--semantics-buttons-accent-filled-background-color);
35
42
  --_divider-color: var(--semantics-buttons-accent-filled-divider-color);
43
+ --_highlight-border-color: var(--semantics-buttons-accent-filled-highlight-border-color);
44
+ }
45
+
46
+ :host([variant="neutral-base"]) {
47
+ --_background-color: var(--semantics-buttons-neutral-base-background-color);
48
+ --_divider-color: var(--semantics-buttons-neutral-base-divider-color);
49
+ --_highlight-border-color: var(--semantics-buttons-neutral-base-highlight-border-color);
36
50
  }
37
51
 
38
52
  :host([hidden]) {
@@ -54,6 +68,7 @@ export const buttonBarStyles = css `
54
68
 
55
69
  .button-bar {
56
70
  display: flex;
71
+ position: relative;
57
72
  border-radius: var(--_corner-radius);
58
73
  background-color: var(--_background-color);
59
74
  height: var(--_size);
@@ -62,6 +77,15 @@ export const buttonBarStyles = css `
62
77
  align-items: center;
63
78
  }
64
79
 
80
+ .button-bar::after {
81
+ content: '';
82
+ position: absolute;
83
+ inset: 0;
84
+ border-radius: inherit;
85
+ box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
86
+ pointer-events: none;
87
+ }
88
+
65
89
 
66
90
  /* # Elements */
67
91
 
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFjC,CAAC"}
1
+ {"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GjC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,wBAAgB,QAAQ,CAAC,IAAI,EAAE,aAAa,wCAM3C"}
1
+ {"version":3,"file":"button-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,wBAAgB,QAAQ,CAAC,IAAI,EAAE,aAAa,wCAS3C"}
@@ -2,7 +2,10 @@ import { html } from 'lit';
2
2
  import { repeat } from 'lit/directives/repeat.js';
3
3
  export function template() {
4
4
  return html `
5
- <div class="button-bar" part="bar" role="group">
5
+ <div class="button-bar"
6
+ part="bar"
7
+ role="group"
8
+ >
6
9
  ${repeat(this._children, c => c.id, c => renderChild.call(this, c))}
7
10
  </div>
8
11
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;KAEP,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;;EAEpE,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAsB,KAAe;IACxD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;;;;GAIV,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA,qBAAqB,KAAK,CAAC,EAAE,WAAW,CAAC;AACrD,CAAC"}
1
+ {"version":3,"file":"button-bar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;;;KAKP,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;;EAEpE,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAsB,KAAe;IACxD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;;;;GAIV,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA,qBAAqB,KAAK,CAAC,EAAE,WAAW,CAAC;AACrD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA8C7B,CAAC"}
1
+ {"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAgD7B,CAAC"}
@@ -19,10 +19,12 @@ export const buttonGroupStyles = css `
19
19
  --_gap: var(--components-button-group-sm-gap);
20
20
  }
21
21
 
22
- /* ## Horizontal */
22
+ /* ## Horizontal
23
+ The row keeps the full width (like vertical) so full-width children
24
+ can actually stretch; content-sized buttons still sit left within
25
+ the row. */
23
26
 
24
27
  :host([orientation="horizontal"]) {
25
- --_width: auto;
26
28
  --_flex-direction: row;
27
29
  --_flex-wrap: wrap;
28
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CnC,CAAC"}
1
+ {"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDnC,CAAC"}
@@ -2,8 +2,10 @@
2
2
  * Nederlandse Digitale Dienst Icon Button Component (Lit + TypeScript)
3
3
  *
4
4
  * @element nldd-icon-button
5
- * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'primary' | 'secondary' | 'destructive'
5
+ * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
6
6
  * @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
7
+ * @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
8
+ * @attr {boolean} no-highlight-border - Removes the per-variant highlight border (e.g. when a control group draws a single border instead).
7
9
  * @attr {boolean} disabled - Disabled state
8
10
  * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
9
11
  * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
@@ -11,7 +13,8 @@
11
13
  * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
12
14
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
13
15
  * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
14
- * @attr {string} icon - Icon name for the nldd-icon element
16
+ * @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon
17
+ * when neither this attribute nor the icon slot is set.
15
18
  * @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label
16
19
  * and title tooltip. Use when the visible text alone lacks context for screen
17
20
  * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
@@ -27,7 +30,8 @@
27
30
  * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
28
31
  * @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
29
32
  *
30
- * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set.
33
+ * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
34
+ * falls back to a placeholder icon when the slot is empty.
31
35
  *
32
36
  * @example
33
37
  * ```html
@@ -40,7 +44,7 @@ import { LitElement } from 'lit';
40
44
  import './../../content/icon/icon.js';
41
45
  import './../../status-and-feedback/activity-indicator/activity-indicator.js';
42
46
  export type Size = 'xs' | 'sm' | 'md' | 'lg';
43
- export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
47
+ export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-base' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted';
44
48
  export type ButtonType = 'button' | 'submit' | 'reset';
45
49
  export type PopupType = 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid';
46
50
  export declare class NLDDIconButton extends LitElement {
@@ -49,6 +53,8 @@ export declare class NLDDIconButton extends LitElement {
49
53
  private _internals;
50
54
  variant: Variant;
51
55
  size: Size;
56
+ /** In lg size, hides the text label and enlarges the icon by one step (28px). */
57
+ hideLgText: boolean;
52
58
  /**
53
59
  * Loading state. Shows an activity indicator centred over the (visually
54
60
  * hidden) icon, marks the inner control `aria-busy="true"` and blocks
@@ -60,6 +66,8 @@ export declare class NLDDIconButton extends LitElement {
60
66
  */
61
67
  loading: boolean;
62
68
  disabled: boolean;
69
+ /** Removes the per-variant highlight border (e.g. when nldd-button-bar draws a single group border instead). */
70
+ noHighlightBorder: boolean;
63
71
  type: ButtonType;
64
72
  expandable: boolean;
65
73
  expanded: boolean;
@@ -92,7 +100,8 @@ export declare class NLDDIconButton extends LitElement {
92
100
  popoverTargetAction: 'toggle' | 'show' | 'hide';
93
101
  /** Button text, used as aria-label and shown below the icon in lg size. */
94
102
  text: string;
95
- /** Icon name for the nldd-icon element. When not set, the icon slot is used. */
103
+ /** Icon name for the nldd-icon element. When not set, the icon slot is used,
104
+ * falling back to a placeholder icon when that slot is also empty. */
96
105
  icon: string;
97
106
  /** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
98
107
  * The text is still shown visually in lg size regardless. */
@@ -121,6 +130,7 @@ export declare class NLDDIconButton extends LitElement {
121
130
  * consumers can call `iconButtonEl.focus()` without reaching into shadow DOM.
122
131
  */
123
132
  focus(options?: FocusOptions): void;
133
+ _onIconSlotChange(): void;
124
134
  render(): import("lit-html").TemplateResult<1>;
125
135
  }
126
136
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAExE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
1
+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAExE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,iFAAiF;IAEjF,UAAU,UAAS;IAEnB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,gHAAgH;IAEhH,iBAAiB,UAAS;IAG1B,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV;2EACuE;IAEvE,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,iBAAiB,IAAI,IAAI;IAIhB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
@@ -8,8 +8,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
8
8
  * Nederlandse Digitale Dienst Icon Button Component (Lit + TypeScript)
9
9
  *
10
10
  * @element nldd-icon-button
11
- * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'primary' | 'secondary' | 'destructive'
11
+ * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
12
12
  * @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
13
+ * @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
14
+ * @attr {boolean} no-highlight-border - Removes the per-variant highlight border (e.g. when a control group draws a single border instead).
13
15
  * @attr {boolean} disabled - Disabled state
14
16
  * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
15
17
  * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
@@ -17,7 +19,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
17
19
  * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
18
20
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
19
21
  * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
20
- * @attr {string} icon - Icon name for the nldd-icon element
22
+ * @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon
23
+ * when neither this attribute nor the icon slot is set.
21
24
  * @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label
22
25
  * and title tooltip. Use when the visible text alone lacks context for screen
23
26
  * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
@@ -33,7 +36,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
33
36
  * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
34
37
  * @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
35
38
  *
36
- * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set.
39
+ * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
40
+ * falls back to a placeholder icon when the slot is empty.
37
41
  *
38
42
  * @example
39
43
  * ```html
@@ -54,6 +58,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
54
58
  this._internals = this.attachInternals();
55
59
  this.variant = 'neutral-tinted';
56
60
  this.size = 'md';
61
+ /** In lg size, hides the text label and enlarges the icon by one step (28px). */
62
+ this.hideLgText = false;
57
63
  /**
58
64
  * Loading state. Shows an activity indicator centred over the (visually
59
65
  * hidden) icon, marks the inner control `aria-busy="true"` and blocks
@@ -65,6 +71,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
65
71
  */
66
72
  this.loading = false;
67
73
  this.disabled = false;
74
+ /** Removes the per-variant highlight border (e.g. when nldd-button-bar draws a single group border instead). */
75
+ this.noHighlightBorder = false;
68
76
  this.type = 'button';
69
77
  this.expandable = false;
70
78
  this.expanded = false;
@@ -91,7 +99,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
91
99
  this.popoverTargetAction = 'toggle';
92
100
  /** Button text, used as aria-label and shown below the icon in lg size. */
93
101
  this.text = '';
94
- /** Icon name for the nldd-icon element. When not set, the icon slot is used. */
102
+ /** Icon name for the nldd-icon element. When not set, the icon slot is used,
103
+ * falling back to a placeholder icon when that slot is also empty. */
95
104
  this.icon = '';
96
105
  /** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
97
106
  * The text is still shown visually in lg size regardless. */
@@ -184,6 +193,11 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
184
193
  focus(options) {
185
194
  this.shadowRoot?.querySelector('.icon-button')?.focus(options);
186
195
  }
196
+ // Stable reference (not an inline arrow) so Lit does not re-add the slot
197
+ // listener every render; mirrors the other @slotchange handlers.
198
+ _onIconSlotChange() {
199
+ this.requestUpdate();
200
+ }
187
201
  render() {
188
202
  return template.call(this);
189
203
  }
@@ -199,12 +213,18 @@ __decorate([
199
213
  __decorate([
200
214
  property({ type: String, reflect: true })
201
215
  ], NLDDIconButton.prototype, "size", void 0);
216
+ __decorate([
217
+ property({ type: Boolean, reflect: true, attribute: 'hide-lg-text' })
218
+ ], NLDDIconButton.prototype, "hideLgText", void 0);
202
219
  __decorate([
203
220
  property({ type: Boolean, reflect: true })
204
221
  ], NLDDIconButton.prototype, "loading", void 0);
205
222
  __decorate([
206
223
  property({ type: Boolean, reflect: true })
207
224
  ], NLDDIconButton.prototype, "disabled", void 0);
225
+ __decorate([
226
+ property({ type: Boolean, reflect: true, attribute: 'no-highlight-border' })
227
+ ], NLDDIconButton.prototype, "noHighlightBorder", void 0);
208
228
  __decorate([
209
229
  property({ type: String, reflect: true })
210
230
  ], NLDDIconButton.prototype, "type", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAuT5B,CAAC"}
1
+ {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBA2b5B,CAAC"}