@nldd/design-system 0.8.43 → 0.8.45

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 (459) hide show
  1. package/dist/components/actions/button/button.d.ts +19 -1
  2. package/dist/components/actions/button/button.d.ts.map +1 -1
  3. package/dist/components/actions/button/button.js +25 -1
  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 +177 -299
  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 +7 -0
  10. package/dist/components/actions/button/button.template.js.map +1 -1
  11. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  12. package/dist/components/actions/button-bar/button-bar.styles.js +33 -79
  13. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  14. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  15. package/dist/components/actions/button-group/button-group.styles.js +24 -37
  16. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  17. package/dist/components/actions/icon-button/icon-button.d.ts +28 -7
  18. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.js +36 -9
  20. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  22. package/dist/components/actions/icon-button/icon-button.styles.js +173 -299
  23. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  25. package/dist/components/actions/icon-button/icon-button.template.js +9 -2
  26. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  27. package/dist/components/actions/split-button/split-button.d.ts +5 -5
  28. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  29. package/dist/components/actions/split-button/split-button.js +19 -15
  30. package/dist/components/actions/split-button/split-button.js.map +1 -1
  31. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  32. package/dist/components/actions/split-button/split-button.styles.js +32 -67
  33. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  34. package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
  35. package/dist/components/actions/split-button/split-button.template.js +14 -12
  36. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  37. package/dist/components/actions/toolbar/toolbar.d.ts +0 -2
  38. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  39. package/dist/components/actions/toolbar/toolbar.js +21 -17
  40. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  41. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  42. package/dist/components/actions/toolbar/toolbar.styles.js +52 -105
  43. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  44. package/dist/components/actions/toolbar/toolbar.template.d.ts +1 -1
  45. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  46. package/dist/components/actions/toolbar/toolbar.template.js +13 -5
  47. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  48. package/dist/components/components.js +1 -1
  49. package/dist/components/content/blockquote/blockquote.d.ts +1 -9
  50. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  51. package/dist/components/content/blockquote/blockquote.js +1 -6
  52. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  53. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  54. package/dist/components/content/blockquote/blockquote.styles.js +16 -15
  55. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  56. package/dist/components/content/blockquote/blockquote.template.d.ts.map +1 -1
  57. package/dist/components/content/blockquote/blockquote.template.js +4 -7
  58. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  59. package/dist/components/content/code/code.d.ts +4 -0
  60. package/dist/components/content/code/code.d.ts.map +1 -1
  61. package/dist/components/content/code/code.js +20 -0
  62. package/dist/components/content/code/code.js.map +1 -1
  63. package/dist/components/content/code/code.styles.d.ts.map +1 -1
  64. package/dist/components/content/code/code.styles.js +10 -26
  65. package/dist/components/content/code/code.styles.js.map +1 -1
  66. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  67. package/dist/components/content/icon/icon-aliases.js +31 -7
  68. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  69. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  70. package/dist/components/content/icon/icon-registry.js +18 -6
  71. package/dist/components/content/icon/icon-registry.js.map +1 -1
  72. package/dist/components/content/icon/icon.d.ts +26 -1
  73. package/dist/components/content/icon/icon.d.ts.map +1 -1
  74. package/dist/components/content/icon/icon.js +30 -1
  75. package/dist/components/content/icon/icon.js.map +1 -1
  76. package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
  77. package/dist/components/content/icon/icon.styles.js +65 -14
  78. package/dist/components/content/icon/icon.styles.js.map +1 -1
  79. package/dist/components/content/icon/icon.template.d.ts.map +1 -1
  80. package/dist/components/content/icon/icon.template.js +1 -5
  81. package/dist/components/content/icon/icon.template.js.map +1 -1
  82. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +22 -0
  83. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
  84. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +46 -2
  85. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  86. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  87. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +12 -18
  88. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  89. package/dist/components/content/rich-text/rich-text.d.ts +3 -1
  90. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  91. package/dist/components/content/rich-text/rich-text.js +6 -1
  92. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  93. package/dist/components/content/tag/tag.d.ts +5 -0
  94. package/dist/components/content/tag/tag.d.ts.map +1 -1
  95. package/dist/components/content/tag/tag.js +22 -0
  96. package/dist/components/content/tag/tag.js.map +1 -1
  97. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  98. package/dist/components/content/tag/tag.styles.js +16 -27
  99. package/dist/components/content/tag/tag.styles.js.map +1 -1
  100. package/dist/components/content/tag/tag.template.d.ts.map +1 -1
  101. package/dist/components/content/tag/tag.template.js +12 -8
  102. package/dist/components/content/tag/tag.template.js.map +1 -1
  103. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  104. package/dist/components/content/title/title.styles.js +84 -97
  105. package/dist/components/content/title/title.styles.js.map +1 -1
  106. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  107. package/dist/components/content/tooltip/tooltip.styles.js +19 -22
  108. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  109. package/dist/components/forms/form-actions/form-actions.styles.d.ts.map +1 -1
  110. package/dist/components/forms/form-actions/form-actions.styles.js +18 -18
  111. package/dist/components/forms/form-actions/form-actions.styles.js.map +1 -1
  112. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  113. package/dist/components/forms/form-field/form-field.styles.js +44 -53
  114. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  115. package/dist/components/{index-By2jYHEw.js → index-iTa3Ua3y.js} +5021 -6751
  116. package/dist/components/index.d.ts +1 -1
  117. package/dist/components/index.d.ts.map +1 -1
  118. package/dist/components/index.js +1 -1
  119. package/dist/components/index.js.map +1 -1
  120. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  121. package/dist/components/inputs/checkbox/checkbox.styles.js +12 -33
  122. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  123. package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
  124. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +7 -10
  125. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
  126. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
  127. package/dist/components/inputs/code-editor/code-editor.styles.js +26 -28
  128. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
  129. package/dist/components/inputs/combo-box/combo-box.d.ts +2 -0
  130. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  131. package/dist/components/inputs/combo-box/combo-box.js +5 -0
  132. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  133. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  134. package/dist/components/inputs/combo-box/combo-box.styles.js +43 -70
  135. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  136. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  137. package/dist/components/inputs/combo-box/combo-box.template.js +3 -2
  138. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  139. package/dist/components/inputs/dropdown/dropdown.d.ts +15 -5
  140. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  141. package/dist/components/inputs/dropdown/dropdown.js +28 -9
  142. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  143. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  144. package/dist/components/inputs/dropdown/dropdown.styles.js +98 -107
  145. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  146. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +2 -0
  147. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  148. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +5 -0
  149. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  150. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  151. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +40 -66
  152. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  153. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -1
  154. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +1 -0
  155. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -1
  156. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  157. package/dist/components/inputs/number-field/number-field.styles.js +37 -61
  158. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  159. package/dist/components/inputs/number-field/number-field.template.js +2 -2
  160. package/dist/components/inputs/password-field/password-field.d.ts +8 -8
  161. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  162. package/dist/components/inputs/password-field/password-field.js +16 -16
  163. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  164. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  165. package/dist/components/inputs/password-field/password-field.styles.js +55 -101
  166. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  167. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  168. package/dist/components/inputs/password-field/password-field.template.js +4 -3
  169. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  170. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  171. package/dist/components/inputs/radio-button/radio-button.styles.js +14 -35
  172. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  173. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  174. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +7 -10
  175. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  176. package/dist/components/inputs/search-field/search-field.d.ts +2 -0
  177. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  178. package/dist/components/inputs/search-field/search-field.js +5 -0
  179. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  180. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  181. package/dist/components/inputs/search-field/search-field.styles.js +49 -83
  182. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  183. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  184. package/dist/components/inputs/search-field/search-field.template.js +1 -0
  185. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  186. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  187. package/dist/components/inputs/segmented-control/segmented-control.styles.js +64 -115
  188. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  189. package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
  190. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  191. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  192. package/dist/components/inputs/stepper/stepper.styles.js +18 -32
  193. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  194. package/dist/components/inputs/stepper/stepper.template.js +2 -2
  195. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  196. package/dist/components/inputs/switch/switch.styles.js +37 -80
  197. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  198. package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
  199. package/dist/components/inputs/switch-field/switch-field.styles.js +7 -10
  200. package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
  201. package/dist/components/inputs/text-field/text-field.d.ts +2 -0
  202. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  203. package/dist/components/inputs/text-field/text-field.js +5 -0
  204. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  205. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  206. package/dist/components/inputs/text-field/text-field.styles.js +42 -78
  207. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  208. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  209. package/dist/components/inputs/text-field/text-field.template.js +1 -0
  210. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  211. package/dist/components/inputs/toggle-button/toggle-button.d.ts +5 -1
  212. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  213. package/dist/components/inputs/toggle-button/toggle-button.js +16 -2
  214. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  215. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  216. package/dist/components/inputs/toggle-button/toggle-button.styles.js +55 -102
  217. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  218. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  219. package/dist/components/inputs/toggle-button/toggle-button.template.js +10 -4
  220. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  221. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  222. package/dist/components/inputs/token/token.styles.js +23 -49
  223. package/dist/components/inputs/token/token.styles.js.map +1 -1
  224. package/dist/components/inputs/token/token.template.js +1 -1
  225. package/dist/components/layout/app-view/app-view.styles.d.ts.map +1 -1
  226. package/dist/components/layout/app-view/app-view.styles.js +15 -9
  227. package/dist/components/layout/app-view/app-view.styles.js.map +1 -1
  228. package/dist/components/layout/box/box.styles.js +2 -2
  229. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  230. package/dist/components/layout/card/card.styles.js +5 -11
  231. package/dist/components/layout/card/card.styles.js.map +1 -1
  232. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  233. package/dist/components/layout/collection/collection.styles.js +23 -45
  234. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  235. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  236. package/dist/components/layout/collection/collection.template.js +1 -0
  237. package/dist/components/layout/collection/collection.template.js.map +1 -1
  238. package/dist/components/layout/container/container.d.ts +41 -43
  239. package/dist/components/layout/container/container.d.ts.map +1 -1
  240. package/dist/components/layout/container/container.js +143 -132
  241. package/dist/components/layout/container/container.js.map +1 -1
  242. package/dist/components/layout/container/container.styles.d.ts.map +1 -1
  243. package/dist/components/layout/container/container.styles.js +87 -1133
  244. package/dist/components/layout/container/container.styles.js.map +1 -1
  245. package/dist/components/layout/container/container.template.d.ts.map +1 -1
  246. package/dist/components/layout/container/container.template.js +1 -5
  247. package/dist/components/layout/container/container.template.js.map +1 -1
  248. package/dist/components/layout/divider/divider.styles.d.ts.map +1 -1
  249. package/dist/components/layout/divider/divider.styles.js +5 -3
  250. package/dist/components/layout/divider/divider.styles.js.map +1 -1
  251. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  252. package/dist/components/layout/page/page.styles.js +21 -27
  253. package/dist/components/layout/page/page.styles.js.map +1 -1
  254. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
  255. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +16 -24
  256. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  257. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  258. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +15 -14
  259. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  260. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  261. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +15 -14
  262. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  263. package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
  264. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +15 -24
  265. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  266. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  267. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +15 -14
  268. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  269. package/dist/components/layout/popover/popover.d.ts +2 -1
  270. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  271. package/dist/components/layout/popover/popover.js +21 -4
  272. package/dist/components/layout/popover/popover.js.map +1 -1
  273. package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
  274. package/dist/components/layout/popover/popover.styles.js +10 -15
  275. package/dist/components/layout/popover/popover.styles.js.map +1 -1
  276. package/dist/components/layout/sheet/sheet.d.ts +17 -4
  277. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  278. package/dist/components/layout/sheet/sheet.js +40 -6
  279. package/dist/components/layout/sheet/sheet.js.map +1 -1
  280. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  281. package/dist/components/layout/sheet/sheet.styles.js +41 -59
  282. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  283. package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
  284. package/dist/components/layout/spacer/spacer.styles.js +13 -5
  285. package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
  286. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.d.ts.map +1 -1
  287. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +29 -26
  288. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js.map +1 -1
  289. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  290. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +92 -105
  291. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  292. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
  293. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +22 -15
  294. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
  295. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.d.ts.map +1 -1
  296. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +26 -46
  297. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js.map +1 -1
  298. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.d.ts.map +1 -1
  299. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +22 -8
  300. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js.map +1 -1
  301. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
  302. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +23 -16
  303. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
  304. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  305. package/dist/components/layout/window/window.styles.js +23 -31
  306. package/dist/components/layout/window/window.styles.js.map +1 -1
  307. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  308. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +16 -15
  309. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  310. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  311. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +28 -31
  312. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  313. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
  314. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +22 -28
  315. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
  316. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  317. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js +40 -92
  318. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +1 -1
  319. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -1
  320. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +26 -25
  321. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +1 -1
  322. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  323. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +68 -129
  324. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  325. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  326. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +75 -136
  327. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  328. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
  329. package/dist/components/lists-and-menus/list/list.styles.js +31 -58
  330. package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
  331. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
  332. package/dist/components/lists-and-menus/list-item/list-item.styles.js +46 -37
  333. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
  334. package/dist/components/lists-and-menus/menu/menu.d.ts +184 -34
  335. package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
  336. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +2 -0
  337. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +1 -1
  338. package/dist/components/lists-and-menus/menu/menu.i18n.js +2 -0
  339. package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
  340. package/dist/components/lists-and-menus/menu/menu.js +633 -122
  341. package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
  342. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  343. package/dist/components/lists-and-menus/menu/menu.styles.js +133 -119
  344. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  345. package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +1 -1
  346. package/dist/components/lists-and-menus/menu/menu.template.js +15 -2
  347. package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
  348. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +0 -2
  349. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
  350. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +20 -22
  351. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  352. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  353. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +57 -53
  354. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  355. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  356. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +11 -9
  357. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  358. package/dist/components/navigation/link/link.d.ts.map +1 -0
  359. package/dist/components/navigation/link/link.js.map +1 -0
  360. package/dist/components/navigation/link/link.styles.d.ts.map +1 -0
  361. package/dist/components/{actions → navigation}/link/link.styles.js +26 -35
  362. package/dist/components/navigation/link/link.styles.js.map +1 -0
  363. package/dist/components/navigation/link/link.template.d.ts.map +1 -0
  364. package/dist/components/navigation/link/link.template.js.map +1 -0
  365. package/dist/components/navigation/menu-bar/menu-bar.d.ts +17 -5
  366. package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
  367. package/dist/components/navigation/menu-bar/menu-bar.js +101 -37
  368. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  369. package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
  370. package/dist/components/navigation/menu-bar/menu-bar.styles.js +5 -4
  371. package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
  372. package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
  373. package/dist/components/navigation/menu-bar/menu-bar.template.js +13 -2
  374. package/dist/components/navigation/menu-bar/menu-bar.template.js.map +1 -1
  375. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +18 -1
  376. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  377. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +35 -5
  378. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  379. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  380. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +25 -27
  381. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  382. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
  383. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +2 -0
  384. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
  385. package/dist/components/navigation/pagination/pagination.d.ts +12 -0
  386. package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
  387. package/dist/components/navigation/pagination/pagination.js +19 -0
  388. package/dist/components/navigation/pagination/pagination.js.map +1 -1
  389. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  390. package/dist/components/navigation/pagination/pagination.styles.js +65 -96
  391. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  392. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  393. package/dist/components/navigation/pagination/pagination.template.js +23 -16
  394. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  395. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  396. package/dist/components/navigation/skip-link/skip-link.styles.js +13 -15
  397. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  398. package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -10
  399. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  400. package/dist/components/navigation/tab-bar/tab-bar.js +3 -28
  401. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  402. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  403. package/dist/components/navigation/tab-bar/tab-bar.styles.js +44 -110
  404. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  405. package/dist/components/navigation/tab-bar/tab-bar.template.js +1 -1
  406. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  407. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +9 -1
  408. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  409. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +56 -17
  410. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  411. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  412. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +68 -75
  413. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  414. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  415. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +6 -10
  416. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  417. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  418. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +27 -48
  419. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  420. package/dist/components/{prism-typescript-BlIir5CV.js → prism-typescript-DG_p4Wyh.js} +1 -1
  421. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  422. package/dist/components/status-and-feedback/badge/badge.styles.js +27 -40
  423. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  424. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  425. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +37 -38
  426. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  427. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  428. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +22 -26
  429. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  430. package/dist/css/rich-text.css +85 -58
  431. package/dist/css/settings.css +69 -36
  432. package/dist/utilities/color-scheme-repaint.d.ts +44 -0
  433. package/dist/utilities/color-scheme-repaint.d.ts.map +1 -0
  434. package/dist/utilities/color-scheme-repaint.js +88 -0
  435. package/dist/utilities/color-scheme-repaint.js.map +1 -0
  436. package/dist/utilities/os.d.ts +27 -0
  437. package/dist/utilities/os.d.ts.map +1 -0
  438. package/dist/utilities/os.js +60 -0
  439. package/dist/utilities/os.js.map +1 -0
  440. package/package.json +15 -12
  441. package/dist/components/actions/link/link.d.ts.map +0 -1
  442. package/dist/components/actions/link/link.js.map +0 -1
  443. package/dist/components/actions/link/link.styles.d.ts.map +0 -1
  444. package/dist/components/actions/link/link.styles.js.map +0 -1
  445. package/dist/components/actions/link/link.template.d.ts.map +0 -1
  446. package/dist/components/actions/link/link.template.js.map +0 -1
  447. package/dist/components/content/blockquote/blockquote.i18n.d.ts +0 -5
  448. package/dist/components/content/blockquote/blockquote.i18n.d.ts.map +0 -1
  449. package/dist/components/content/blockquote/blockquote.i18n.js +0 -4
  450. package/dist/components/content/blockquote/blockquote.i18n.js.map +0 -1
  451. package/dist/utilities/popover-guard.d.ts +0 -10
  452. package/dist/utilities/popover-guard.d.ts.map +0 -1
  453. package/dist/utilities/popover-guard.js +0 -10
  454. package/dist/utilities/popover-guard.js.map +0 -1
  455. /package/dist/components/{actions → navigation}/link/link.d.ts +0 -0
  456. /package/dist/components/{actions → navigation}/link/link.js +0 -0
  457. /package/dist/components/{actions → navigation}/link/link.styles.d.ts +0 -0
  458. /package/dist/components/{actions → navigation}/link/link.template.d.ts +0 -0
  459. /package/dist/components/{actions → navigation}/link/link.template.js +0 -0
@@ -47,6 +47,11 @@ export function template(helpers) {
47
47
  </a>
48
48
  `;
49
49
  }
50
+ // .popoverTargetElement / .popoverTargetAction are bound unguarded: in
51
+ // browsers without Popover-invoker IDL support Lit sets a harmless expando
52
+ // and the cross-shadow association just doesn't take effect — but those
53
+ // browsers don't support the Popover API at all, so the menu this button
54
+ // drives is non-functional regardless. No per-binding capability check.
50
55
  return html `
51
56
  <button class="button"
52
57
  type=${this.type}
@@ -56,6 +61,8 @@ export function template(helpers) {
56
61
  aria-haspopup=${this.popupType || nothing}
57
62
  aria-expanded=${ariaExpanded}
58
63
  popovertarget=${this.popovertarget || nothing}
64
+ .popoverTargetElement=${this.popoverTargetElement}
65
+ .popoverTargetAction=${this.popoverTargetAction}
59
66
  @click=${helpers.handleClick}
60
67
  >
61
68
  ${content}
@@ -1 +1 @@
1
- {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,SAAS,aAAa,CAAC,SAAqB;IAC3C,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEnB,SAAS,CAAC,SAAS;;IAE3B,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;gCACZ,SAAS,CAAC,IAAI;KACzC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEjB,SAAS,CAAC,OAAO;;IAEzB,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAmB,OAAwB;IAClE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;aACP,IAAI,CAAC,MAAM,IAAI,OAAO;UACzB,WAAW,IAAI,OAAO;oBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;oBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;oBACzB,YAAY;aACnB,OAAO,CAAC,WAAW;;MAE1B,OAAO;;GAEV,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,IAAI;eACJ,IAAI,CAAC,QAAQ;mBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;mBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;mBACzB,YAAY;mBACZ,IAAI,CAAC,aAAa,IAAI,OAAO;YACpC,OAAO,CAAC,WAAW;;KAE1B,OAAO;;EAEV,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,SAAS,aAAa,CAAC,SAAqB;IAC3C,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEnB,SAAS,CAAC,SAAS;;IAE3B,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;gCACZ,SAAS,CAAC,IAAI;KACzC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEjB,SAAS,CAAC,OAAO;;IAEzB,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAmB,OAAwB;IAClE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;aACP,IAAI,CAAC,MAAM,IAAI,OAAO;UACzB,WAAW,IAAI,OAAO;oBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;oBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;oBACzB,YAAY;aACnB,OAAO,CAAC,WAAW;;MAE1B,OAAO;;GAEV,CAAC;IACH,CAAC;IAED,uEAAuE;IACvE,2EAA2E;IAC3E,wEAAwE;IACxE,yEAAyE;IACzE,wEAAwE;IACxE,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,IAAI;eACJ,IAAI,CAAC,QAAQ;mBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;mBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;mBACzB,YAAY;mBACZ,IAAI,CAAC,aAAa,IAAI,OAAO;2BACrB,IAAI,CAAC,oBAAoB;0BAC1B,IAAI,CAAC,mBAAmB;YACtC,OAAO,CAAC,WAAW;;KAE1B,OAAO;;EAEV,CAAC;AACH,CAAC"}
@@ -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,yBAkI3B,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,yBAoF3B,CAAC"}
@@ -5,10 +5,36 @@ export const buttonBarStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
+ --_corner-radius: var(--semantics-controls-md-corner-radius);
9
+ --_background-color: var(--semantics-buttons-neutral-tinted-background-color);
10
+ --_size: var(--semantics-controls-md-min-size);
11
+ --_divider-color: var(--semantics-buttons-neutral-tinted-divider-color);
12
+ --_divider-length: var(--semantics-buttons-md-divider-length);
13
+
8
14
  display: inline-flex;
9
15
  isolation: isolate;
10
16
  }
11
17
 
18
+ :host([size="sm"]) {
19
+ --_corner-radius: var(--semantics-controls-sm-corner-radius);
20
+ --_size: var(--semantics-controls-sm-min-size);
21
+ --_divider-length: var(--semantics-buttons-sm-divider-length);
22
+ }
23
+
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);
28
+ }
29
+
30
+ /* ## Accent Filled (Primary) */
31
+
32
+ :host([variant="accent-filled"]),
33
+ :host([variant="primary"]) {
34
+ --_background-color: var(--semantics-buttons-accent-filled-background-color);
35
+ --_divider-color: var(--semantics-buttons-accent-filled-divider-color);
36
+ }
37
+
12
38
  :host([hidden]) {
13
39
  display: none;
14
40
  }
@@ -28,103 +54,31 @@ export const buttonBarStyles = css `
28
54
 
29
55
  .button-bar {
30
56
  display: flex;
57
+ border-radius: var(--_corner-radius);
58
+ background-color: var(--_background-color);
59
+ height: var(--_size);
31
60
  flex-direction: row;
32
61
  justify-content: center;
33
62
  align-items: center;
34
63
  }
35
64
 
36
65
 
37
- /* # Variants */
38
-
39
- /* ## Variant: Neutral Tinted (Default) / Secondary */
40
-
41
- :host([variant="neutral-tinted"]) .button-bar,
42
- :host([variant="secondary"]) .button-bar,
43
- :host(:not([variant])) .button-bar {
44
- background-color: var(--semantics-buttons-neutral-tinted-background-color);
45
- }
46
-
47
- /* ## Variant: Accent Filled / Primary */
48
-
49
- :host([variant="accent-filled"]) .button-bar,
50
- :host([variant="primary"]) .button-bar {
51
- background-color: var(--semantics-buttons-accent-filled-background-color);
52
- }
53
-
54
-
55
- /* # Size: XS */
56
-
57
- :host([size="xs"]) .button-bar {
58
- height: var(--semantics-controls-xs-min-size);
59
- border-radius: var(--semantics-controls-xs-corner-radius);
60
- }
61
-
62
-
63
- /* # Size: SM */
64
-
65
- :host([size="sm"]) .button-bar {
66
- height: var(--semantics-controls-sm-min-size);
67
- border-radius: var(--semantics-controls-sm-corner-radius);
68
- }
69
-
70
-
71
- /* # Size: MD */
72
-
73
- :host([size="md"]) .button-bar,
74
- :host(:not([size])) .button-bar {
75
- height: var(--semantics-controls-md-min-size);
76
- border-radius: var(--semantics-controls-md-corner-radius);
77
- }
78
-
79
-
80
- /* # Divider */
66
+ /* # Elements */
81
67
 
82
68
  .button-bar__divider {
83
69
  display: flex;
70
+ height: var(--_size);
84
71
  align-items: center;
85
72
  justify-content: center;
86
73
  flex-shrink: 0;
87
74
  }
88
75
 
89
- :host([size="xs"]) .button-bar__divider {
90
- height: var(--semantics-controls-xs-min-size);
91
- }
92
-
93
- :host([size="sm"]) .button-bar__divider {
94
- height: var(--semantics-controls-sm-min-size);
95
- }
96
-
97
- :host([size="md"]) .button-bar__divider,
98
- :host(:not([size])) .button-bar__divider {
99
- height: var(--semantics-controls-md-min-size);
100
- }
101
-
102
76
  .button-bar__divider-line {
77
+ background-color: var(--_divider-color);
103
78
  width: var(--semantics-dividers-thickness);
104
- background-color: var(--semantics-buttons-neutral-tinted-divider-color);
105
- }
106
-
107
- :host([variant="accent-filled"]) .button-bar__divider-line,
108
- :host([variant="primary"]) .button-bar__divider-line {
109
- background-color: var(--semantics-buttons-accent-filled-divider-color);
79
+ height: var(--_divider-length);
110
80
  }
111
81
 
112
- :host([size="xs"]) .button-bar__divider-line {
113
- height: var(--semantics-buttons-xs-divider-length);
114
- }
115
-
116
- :host([size="sm"]) .button-bar__divider-line {
117
- height: var(--semantics-buttons-sm-divider-length);
118
- }
119
-
120
- :host([size="md"]) .button-bar__divider-line,
121
- :host(:not([size])) .button-bar__divider-line {
122
- height: var(--semantics-buttons-md-divider-length);
123
- }
124
-
125
-
126
- /* # Focus */
127
-
128
82
  ::slotted([data-focused]) {
129
83
  position: relative;
130
84
  z-index: 1;
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFjC,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,yBA2D7B,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,yBA8C7B,CAAC"}
@@ -5,58 +5,45 @@ export const buttonGroupStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: inline-flex;
9
- }
10
-
11
- :host([hidden]) {
12
- display: none;
13
- }
8
+ --_width: 100%;
9
+ --_flex-direction: column;
10
+ --_flex-wrap: nowrap;
11
+ --_gap: var(--components-button-group-md-gap);
14
12
 
15
- ::slotted([hidden]) {
16
- display: none !important;
17
- }
18
-
19
-
20
- /* # Block */
21
-
22
- .button-group {
23
13
  display: flex;
14
+ width: 100%;
15
+ justify-content: flex-start;
24
16
  }
25
17
 
26
-
27
- /* # Orientation: Horizontal */
28
-
29
- :host([orientation="horizontal"]) .button-group {
30
- flex-direction: row;
31
- flex-wrap: wrap;
18
+ :host([size="sm"]) {
19
+ --_gap: var(--components-button-group-sm-gap);
32
20
  }
33
21
 
22
+ /* ## Horizontal */
34
23
 
35
- /* # Orientation: Vertical */
36
-
37
- :host([orientation="vertical"]) {
38
- display: flex;
39
- width: 100%;
24
+ :host([orientation="horizontal"]) {
25
+ --_width: auto;
26
+ --_flex-direction: row;
27
+ --_flex-wrap: wrap;
40
28
  }
41
29
 
42
- :host([orientation="vertical"]) .button-group {
43
- flex-direction: column;
44
- width: 100%;
30
+ :host([hidden]) {
31
+ display: none;
45
32
  }
46
33
 
47
-
48
- /* # Size: S */
49
-
50
- :host([size="sm"]) .button-group {
51
- gap: var(--components-button-group-sm-gap);
34
+ ::slotted([hidden]) {
35
+ display: none !important;
52
36
  }
53
37
 
54
38
 
55
- /* # Size: M (default) */
39
+ /* # Block */
56
40
 
57
- :host([size="md"]) .button-group,
58
- :host(:not([size])) .button-group {
59
- gap: var(--components-button-group-md-gap);
41
+ .button-group {
42
+ display: flex;
43
+ width: var(--_width);
44
+ flex-direction: var(--_flex-direction);
45
+ flex-wrap: var(--_flex-wrap);
46
+ gap: var(--_gap);
60
47
  }
61
48
  `;
62
49
  //# sourceMappingURL=button-group.styles.js.map
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DnC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CnC,CAAC"}
@@ -7,7 +7,7 @@
7
7
  * @attr {boolean} disabled - Disabled state
8
8
  * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
9
9
  * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
10
- * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-open visual state.
10
+ * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
11
11
  * @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
12
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
13
13
  * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
@@ -16,10 +16,12 @@
16
16
  * and title tooltip. Use when the visible text alone lacks context for screen
17
17
  * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
18
18
  * The text is still shown visually in lg size regardless.
19
- * @attr {boolean} hide-tooltip - Suppress the visual tooltip while keeping aria-label intact.
20
- * Use when the surrounding context already explains the button
21
- * (e.g. spin buttons in nldd-number-field, the chevron in
22
- * nldd-split-button) screen readers still get the label.
19
+ * @attr {string} tooltip-timing - Forwarded to the inner nldd-tooltip's `timing`:
20
+ * 'default' (700 ms show-delay), 'instant', or 'never'
21
+ * (suppress the visual tooltip; screen readers still get the
22
+ * aria-label). Use 'never' when the surrounding context
23
+ * already explains the button (e.g. spin buttons in
24
+ * nldd-number-field, the chevron in nldd-split-button).
23
25
  * @attr {string} href - When set, renders an <a> element instead of <button>
24
26
  * @attr {string} target - Link target (e.g. '_blank'); only used when href is set
25
27
  * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
@@ -57,6 +59,24 @@ export declare class NLDDIconButton extends LitElement {
57
59
  /** Width mode: 'full' (stretch to container) or any CSS length. */
58
60
  width: string;
59
61
  popovertarget: string | undefined;
62
+ /**
63
+ * Direct element reference to the popover this button invokes — IDL-only
64
+ * counterpart to `popovertarget` that works across shadow boundaries.
65
+ * Use this when the popover lives in a different tree (e.g. an
66
+ * `nldd-menu` reparented to `<body>`) so the browser still recognises
67
+ * this button as the popover's invoker and excludes it from the popover
68
+ * light-dismiss algorithm. Set programmatically; not reflected to an
69
+ * HTML attribute (the attribute form is `popovertarget`, ID-based).
70
+ */
71
+ popoverTargetElement: Element | null;
72
+ /**
73
+ * Action the browser performs when the button is clicked, mirroring the
74
+ * standard `popovertargetaction` attribute. Defaults to `'toggle'`. Use
75
+ * `'show'` when a separate handler owns the close path (e.g. the
76
+ * consumer toggles the popover programmatically) so the browser's
77
+ * default action doesn't double-fire.
78
+ */
79
+ popoverTargetAction: 'toggle' | 'show' | 'hide';
60
80
  /** Button text, used as aria-label and shown below the icon in lg size. */
61
81
  text: string;
62
82
  /** Icon name for the nldd-icon element. When not set, the icon slot is used. */
@@ -64,8 +84,9 @@ export declare class NLDDIconButton extends LitElement {
64
84
  /** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
65
85
  * The text is still shown visually in lg size regardless. */
66
86
  accessibleLabel: string;
67
- /** Suppress the visual tooltip while keeping aria-label intact. */
68
- hideTooltip: boolean;
87
+ /** Forwarded to the inner nldd-tooltip's `timing`. Use `'never'` to
88
+ * suppress the visual tooltip; aria-label still describes the button. */
89
+ tooltipTiming: 'default' | 'instant' | 'never';
69
90
  /** When set, renders an <a> element instead of <button>. */
70
91
  href: string | undefined;
71
92
  /** Link target (e.g. '_blank'). Only used when href is set. */
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,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;IAG1C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,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,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB,mEAAmE;IAEnE,WAAW,UAAS;IAEpB,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;IAQ3C;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,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;IAG1C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,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;IAQ3C;;;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"}
@@ -13,7 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
13
13
  * @attr {boolean} disabled - Disabled state
14
14
  * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
15
15
  * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
16
- * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-open visual state.
16
+ * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
17
17
  * @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
18
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
19
19
  * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
@@ -22,10 +22,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
22
22
  * and title tooltip. Use when the visible text alone lacks context for screen
23
23
  * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
24
24
  * The text is still shown visually in lg size regardless.
25
- * @attr {boolean} hide-tooltip - Suppress the visual tooltip while keeping aria-label intact.
26
- * Use when the surrounding context already explains the button
27
- * (e.g. spin buttons in nldd-number-field, the chevron in
28
- * nldd-split-button) screen readers still get the label.
25
+ * @attr {string} tooltip-timing - Forwarded to the inner nldd-tooltip's `timing`:
26
+ * 'default' (700 ms show-delay), 'instant', or 'never'
27
+ * (suppress the visual tooltip; screen readers still get the
28
+ * aria-label). Use 'never' when the surrounding context
29
+ * already explains the button (e.g. spin buttons in
30
+ * nldd-number-field, the chevron in nldd-split-button).
29
31
  * @attr {string} href - When set, renders an <a> element instead of <button>
30
32
  * @attr {string} target - Link target (e.g. '_blank'); only used when href is set
31
33
  * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
@@ -57,6 +59,24 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
57
59
  /** Width mode: 'full' (stretch to container) or any CSS length. */
58
60
  this.width = '';
59
61
  this.popovertarget = undefined;
62
+ /**
63
+ * Direct element reference to the popover this button invokes — IDL-only
64
+ * counterpart to `popovertarget` that works across shadow boundaries.
65
+ * Use this when the popover lives in a different tree (e.g. an
66
+ * `nldd-menu` reparented to `<body>`) so the browser still recognises
67
+ * this button as the popover's invoker and excludes it from the popover
68
+ * light-dismiss algorithm. Set programmatically; not reflected to an
69
+ * HTML attribute (the attribute form is `popovertarget`, ID-based).
70
+ */
71
+ this.popoverTargetElement = null;
72
+ /**
73
+ * Action the browser performs when the button is clicked, mirroring the
74
+ * standard `popovertargetaction` attribute. Defaults to `'toggle'`. Use
75
+ * `'show'` when a separate handler owns the close path (e.g. the
76
+ * consumer toggles the popover programmatically) so the browser's
77
+ * default action doesn't double-fire.
78
+ */
79
+ this.popoverTargetAction = 'toggle';
60
80
  /** Button text, used as aria-label and shown below the icon in lg size. */
61
81
  this.text = '';
62
82
  /** Icon name for the nldd-icon element. When not set, the icon slot is used. */
@@ -64,8 +84,9 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
64
84
  /** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
65
85
  * The text is still shown visually in lg size regardless. */
66
86
  this.accessibleLabel = '';
67
- /** Suppress the visual tooltip while keeping aria-label intact. */
68
- this.hideTooltip = false;
87
+ /** Forwarded to the inner nldd-tooltip's `timing`. Use `'never'` to
88
+ * suppress the visual tooltip; aria-label still describes the button. */
89
+ this.tooltipTiming = 'default';
69
90
  /** When set, renders an <a> element instead of <button>. */
70
91
  this.href = undefined;
71
92
  /** Link target (e.g. '_blank'). Only used when href is set. */
@@ -165,6 +186,12 @@ __decorate([
165
186
  __decorate([
166
187
  property({ type: String })
167
188
  ], NLDDIconButton.prototype, "popovertarget", void 0);
189
+ __decorate([
190
+ property({ attribute: false })
191
+ ], NLDDIconButton.prototype, "popoverTargetElement", void 0);
192
+ __decorate([
193
+ property({ attribute: false })
194
+ ], NLDDIconButton.prototype, "popoverTargetAction", void 0);
168
195
  __decorate([
169
196
  property({ type: String })
170
197
  ], NLDDIconButton.prototype, "text", void 0);
@@ -175,8 +202,8 @@ __decorate([
175
202
  property({ type: String, attribute: 'accessible-label' })
176
203
  ], NLDDIconButton.prototype, "accessibleLabel", void 0);
177
204
  __decorate([
178
- property({ type: Boolean, reflect: true, attribute: 'hide-tooltip' })
179
- ], NLDDIconButton.prototype, "hideTooltip", void 0);
205
+ property({ type: String, reflect: true, attribute: 'tooltip-timing' })
206
+ ], NLDDIconButton.prototype, "tooltipTiming", void 0);
180
207
  __decorate([
181
208
  property({ type: String, reflect: true })
182
209
  ], NLDDIconButton.prototype, "href", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,8BAA8B,CAAC;AAiB/B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,YAAO,GAAY,gBAAgB,CAAC;QAGpC,SAAI,GAAS,IAAI,CAAC;QAGlB,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAe,QAAQ,CAAC;QAG5B,eAAU,GAAG,KAAK,CAAC;QAGnB,aAAQ,GAAG,KAAK,CAAC;QAUjB,mEAAmE;QAEnE,UAAK,GAAG,EAAE,CAAC;QAGX,kBAAa,GAAuB,SAAS,CAAC;QAE9C,2EAA2E;QAE3E,SAAI,GAAG,EAAE,CAAC;QAEV,gFAAgF;QAEhF,SAAI,GAAG,EAAE,CAAC;QAEV;sEAC8D;QAE9D,oBAAe,GAAG,EAAE,CAAC;QAErB,mEAAmE;QAEnE,gBAAW,GAAG,KAAK,CAAC;QAEpB,4DAA4D;QAE5D,SAAI,GAAuB,SAAS,CAAC;QAErC,+DAA+D;QAE/D,WAAM,GAAuB,SAAS,CAAC;QAEvC;;;WAGG;QAEH,QAAG,GAAuB,SAAS,CAAC;QAS5B,gBAAW,GAAG,KAAK,CAAC;IAsD7B,CAAC;IA7DA,wDAAwD;IACxD,IAAY,QAAQ;QACnB,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,mBAAmB,CAAC,CAAC;QAClF,OAAO,CAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACnD,CAAC;IAIQ,OAAO,CAAC,iBAAuC;QACvD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,mEAAmE;YACnE,mEAAmE;YACnE,6DAA6D;YAC7D,iEAAiE;YACjE,+DAA+D;YAC/D,MAAM,MAAM,GAAG,CAAC,KAAK,MAAM,CAAC;YAC5B,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1C,IAAI,MAAM,IAAI,aAAa,EAAE,CAAC;gBAC7B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YAC5C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;QACD,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;QAC1E,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,mKAAmK,CAAC,CAAC;QACnL,CAAC;aAAM,IAAI,CAAC,YAAY,EAAE,CAAC;YAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC1B,CAAC;IACF,CAAC;IAED,2DAA2D;IAC3D,YAAY;QACX,IAAI,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC,GAAG,CAAC;QAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,OAAO,qBAAqB,CAAC;QAC3D,OAAO,EAAE,CAAC;IACX,CAAC;IAES,YAAY,CAAC,CAAa;QACnC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;IACF,CAAC;IAED;;;OAGG;IACM,KAAK,CAAC,OAAsB;QACpC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,cAAc,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AA/He,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACN;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACd;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACjD;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC1B;AAQjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;iDAC7C;AAItB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC/B;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACmB;AAI9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACjB;AAIV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACjB;AAKV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;uDACrC;AAIrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;mDAClD;AAIpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACL;AAIrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACY;AAOvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACS;AAlExB,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAiI1B"}
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":"AAEA,eAAO,MAAM,gBAAgB,yBAgZ5B,CAAC"}
1
+ {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAkR5B,CAAC"}