@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
@@ -5,19 +5,29 @@ export const toolbarStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- --_item-width: auto;
9
- --_item-min-width: 0px;
10
- --_title-group-min-width: 200px;
11
- /* These are computed by JS (toolbar.ts measures and sets them).
12
- Initial 0px keeps the CSS valid before measurement. */
8
+ --_gap: var(--components-toolbar-md-gap);
9
+ /* --_width..--_overflow-button-width: measured + set by toolbar.ts; 0px is a valid pre-measurement placeholder */
13
10
  --_width: 0px;
14
11
  --_start-width: 0px;
15
12
  --_center-width: 0px;
16
13
  --_end-width: 0px;
17
14
  --_overflow-button-width: 0px;
15
+ --_item-min-width: 0px;
16
+ --_item-width: auto;
17
+ --_title-group-min-width: 200px;
18
+ --_title-group-height: var(--semantics-controls-md-min-size);
19
+ --_title-font: var(--primitives-font-body-lg-bold-flat);
20
+ --_subtitle-font: var(--primitives-font-body-xs-regular-flat);
18
21
 
19
- display: block;
20
22
  box-sizing: border-box;
23
+ display: block;
24
+ }
25
+
26
+ :host([size="sm"]) {
27
+ --_gap: var(--components-toolbar-sm-gap);
28
+ --_title-group-height: var(--semantics-controls-sm-min-size);
29
+ --_title-font: var(--primitives-font-body-sm-bold-flat);
30
+ --_subtitle-font: var(--primitives-font-body-xxs-regular-flat);
21
31
  }
22
32
 
23
33
  :host([hidden]) {
@@ -29,18 +39,10 @@ export const toolbarStyles = css `
29
39
 
30
40
  .toolbar {
31
41
  display: flex;
42
+ width: 100%;
32
43
  flex-direction: row;
44
+ gap: var(--_gap);
33
45
  align-items: center;
34
- width: 100%;
35
- }
36
-
37
- :host([size="sm"]) .toolbar {
38
- gap: var(--components-toolbar-sm-gap);
39
- }
40
-
41
- :host([size="md"]) .toolbar,
42
- :host(:not([size])) .toolbar {
43
- gap: var(--components-toolbar-md-gap);
44
46
  }
45
47
 
46
48
 
@@ -48,89 +50,58 @@ export const toolbarStyles = css `
48
50
 
49
51
  .toolbar__items {
50
52
  display: flex;
53
+ min-width: 0;
51
54
  flex-direction: row;
55
+ flex-grow: 1;
56
+ flex-shrink: 1;
57
+ flex-basis: 0;
58
+ gap: var(--_gap);
52
59
  align-items: flex-start;
53
- flex: 1;
54
- min-width: 0;
55
- }
56
-
57
- :host([size="sm"]) .toolbar__items {
58
- gap: var(--components-toolbar-sm-gap);
59
- }
60
-
61
- :host([size="md"]) .toolbar__items,
62
- :host(:not([size])) .toolbar__items {
63
- gap: var(--components-toolbar-md-gap);
64
60
  }
65
61
 
66
62
 
67
63
  /* # Spacers */
68
64
 
69
65
  .toolbar__flexible-spacer {
66
+ margin-left: calc(-1 * var(--_gap));
70
67
  flex-grow: 1;
71
68
  flex-shrink: 1;
72
- margin-left: calc(-1 * var(--components-toolbar-md-gap));
73
- }
74
-
75
- :host([size="sm"]) .toolbar__flexible-spacer {
76
- margin-left: calc(-1 * var(--components-toolbar-sm-gap));
77
69
  }
78
70
 
79
71
  .toolbar__center-fill {
80
72
  display: flex;
73
+ min-width: 0;
81
74
  flex-direction: row;
82
- align-items: flex-start;
83
75
  flex-grow: 1;
84
76
  flex-shrink: 1;
85
- min-width: 0;
77
+ align-items: flex-start;
86
78
  justify-content: center;
87
79
  }
88
80
 
89
81
  .toolbar__left-spacer {
90
- flex-shrink: 1;
91
- flex-grow: 0;
82
+ margin-right: calc(-1 * var(--_gap));
92
83
  min-width: 0;
93
- margin-right: calc(-1 * var(--components-toolbar-md-gap));
94
- flex-basis: calc(
95
- var(--_width) / 2
96
- - var(--_start-width)
97
- - var(--_center-width) / 2
98
- - var(--components-toolbar-md-gap)
99
- );
100
- }
101
-
102
- :host([size="sm"]) .toolbar__left-spacer {
103
- margin-right: calc(-1 * var(--components-toolbar-sm-gap));
84
+ flex-grow: 0;
85
+ flex-shrink: 1;
104
86
  flex-basis: calc(
105
87
  var(--_width) / 2
106
88
  - var(--_start-width)
107
89
  - var(--_center-width) / 2
108
- - var(--components-toolbar-sm-gap)
90
+ - var(--_gap)
109
91
  );
110
92
  }
111
93
 
112
94
  .toolbar__right-spacer {
113
- flex-shrink: 1;
114
- flex-grow: 0;
95
+ margin-left: calc(-1 * var(--_gap));
115
96
  min-width: 0;
116
- margin-left: calc(-1 * var(--components-toolbar-md-gap));
117
- flex-basis: calc(
118
- var(--_width) / 2
119
- - var(--_end-width)
120
- - var(--_center-width) / 2
121
- - var(--components-toolbar-md-gap)
122
- - var(--_overflow-button-width, 0px)
123
- );
124
- }
125
-
126
- :host([size="sm"]) .toolbar__right-spacer {
127
- margin-left: calc(-1 * var(--components-toolbar-sm-gap));
97
+ flex-grow: 0;
98
+ flex-shrink: 1;
128
99
  flex-basis: calc(
129
100
  var(--_width) / 2
130
101
  - var(--_end-width)
131
102
  - var(--_center-width) / 2
132
- - var(--components-toolbar-sm-gap)
133
- - var(--_overflow-button-width, 0px)
103
+ - var(--_gap)
104
+ - var(--_overflow-button-width)
134
105
  );
135
106
  }
136
107
 
@@ -140,15 +111,15 @@ export const toolbarStyles = css `
140
111
  .toolbar__item {
141
112
  display: inline-flex;
142
113
  flex-direction: column;
143
- align-items: center;
144
- flex-shrink: 0;
145
114
  flex-grow: 0;
115
+ flex-shrink: 0;
116
+ align-items: center;
146
117
  }
147
118
 
148
119
  .toolbar__item.is-fluid {
149
- flex-basis: var(--_item-width);
150
120
  min-width: var(--_item-min-width);
151
121
  flex-shrink: 1;
122
+ flex-basis: var(--_item-width);
152
123
  }
153
124
 
154
125
  .toolbar__item.is-solo-fluid {
@@ -163,8 +134,8 @@ export const toolbarStyles = css `
163
134
 
164
135
  .toolbar__item-content {
165
136
  display: inline-flex;
166
- align-items: center;
167
137
  width: 100%;
138
+ align-items: center;
168
139
  justify-content: center;
169
140
  }
170
141
 
@@ -176,8 +147,8 @@ export const toolbarStyles = css `
176
147
  .toolbar__item-label {
177
148
  display: none;
178
149
  margin-top: var(--primitives-space-2);
179
- font: var(--primitives-font-body-xs-regular-flat);
180
150
  color: var(--semantics-content-color);
151
+ font: var(--primitives-font-body-xs-regular-flat);
181
152
  white-space: nowrap;
182
153
  }
183
154
 
@@ -191,9 +162,9 @@ export const toolbarStyles = css `
191
162
  .toolbar__overflow-button {
192
163
  display: inline-flex;
193
164
  flex-direction: column;
194
- align-items: center;
195
- flex-shrink: 0;
196
165
  flex-grow: 0;
166
+ flex-shrink: 0;
167
+ align-items: center;
197
168
  }
198
169
 
199
170
  .toolbar__overflow-button.is-hidden {
@@ -213,27 +184,19 @@ export const toolbarStyles = css `
213
184
 
214
185
  .toolbar__title-group {
215
186
  display: inline-flex;
216
- flex-direction: column;
217
- justify-content: center;
218
187
  min-width: var(--_title-group-min-width);
188
+ height: var(--_title-group-height);
219
189
  overflow: hidden;
190
+ flex-direction: column;
220
191
  flex-shrink: 1;
192
+ justify-content: center;
221
193
  }
222
194
 
223
195
  .toolbar__title-group.is-solo-fluid {
196
+ min-width: 0;
224
197
  flex-grow: 1;
225
198
  flex-shrink: 1;
226
199
  flex-basis: 0;
227
- min-width: 0;
228
- }
229
-
230
- :host([size="sm"]) .toolbar__title-group {
231
- height: var(--semantics-controls-sm-min-size);
232
- }
233
-
234
- :host([size="md"]) .toolbar__title-group,
235
- :host(:not([size])) .toolbar__title-group {
236
- height: var(--semantics-controls-md-min-size);
237
200
  }
238
201
 
239
202
  .toolbar__title-group--center-text-align {
@@ -248,38 +211,22 @@ export const toolbarStyles = css `
248
211
 
249
212
  .toolbar__title {
250
213
  margin: 0;
251
- color: var(--semantics-content-color);
214
+ max-width: 100%;
252
215
  overflow: hidden;
216
+ color: var(--semantics-content-color);
217
+ font: var(--_title-font);
253
218
  text-overflow: ellipsis;
254
219
  white-space: nowrap;
255
- max-width: 100%;
256
- }
257
-
258
- :host([size="md"]) .toolbar__title,
259
- :host(:not([size])) .toolbar__title {
260
- font: var(--primitives-font-body-lg-bold-flat);
261
- }
262
-
263
- :host([size="sm"]) .toolbar__title {
264
- font: var(--primitives-font-body-sm-bold-flat);
265
220
  }
266
221
 
267
222
  .toolbar__subtitle {
268
223
  margin: 0;
269
- color: var(--semantics-content-secondary-color);
224
+ max-width: 100%;
270
225
  overflow: hidden;
226
+ color: var(--semantics-content-secondary-color);
227
+ font: var(--_subtitle-font);
271
228
  text-overflow: ellipsis;
272
229
  white-space: nowrap;
273
- max-width: 100%;
274
- }
275
-
276
- :host([size="md"]) .toolbar__subtitle,
277
- :host(:not([size])) .toolbar__subtitle {
278
- font: var(--primitives-font-body-xs-regular-flat);
279
- }
280
-
281
- :host([size="sm"]) .toolbar__subtitle {
282
- font: var(--primitives-font-body-xxs-regular-flat);
283
230
  }
284
231
  `;
285
232
  //# sourceMappingURL=toolbar.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0R/B,CAAC"}
1
+ {"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqO/B,CAAC"}
@@ -22,5 +22,5 @@ export type ToolbarChild = {
22
22
  element: Element;
23
23
  id: number;
24
24
  };
25
- export declare function template(startChildren: ToolbarChild[], centerChildren: ToolbarChild[], endChildren: ToolbarChild[], overflowIds: Set<number>, size: string, hasCenterChildren: boolean, leftSpacerZero: boolean, rightSpacerZero: boolean, isSoloFluidItem: boolean, hasOverflow: boolean, menuOpen: boolean, label: string, menuId: string, onOverflowClick: () => void, centerOnly: boolean, t: (key: keyof NLDDToolbarTranslations) => string): import("lit-html").TemplateResult<1>;
25
+ export declare function template(startChildren: ToolbarChild[], centerChildren: ToolbarChild[], endChildren: ToolbarChild[], overflowIds: Set<number>, size: string, hasCenterChildren: boolean, leftSpacerZero: boolean, rightSpacerZero: boolean, isSoloFluidItem: boolean, hasOverflow: boolean, menuOpen: boolean, label: string, centerOnly: boolean, t: (key: keyof NLDDToolbarTranslations) => string): import("lit-html").TemplateResult<1>;
26
26
  //# sourceMappingURL=toolbar.template.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,YAAY,GACrB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACrG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,OAAO,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC5J;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAyEnD,wBAAgB,QAAQ,CACvB,aAAa,EAAE,YAAY,EAAE,EAC7B,cAAc,EAAE,YAAY,EAAE,EAC9B,WAAW,EAAE,YAAY,EAAE,EAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,IAAI,EAAE,MAAM,EACZ,iBAAiB,EAAE,OAAO,EAC1B,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,WAAW,EAAE,OAAO,EACpB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,MAAM,IAAI,EAC3B,UAAU,EAAE,OAAO,EACnB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,uBAAuB,KAAK,MAAM,wCAuCjD"}
1
+ {"version":3,"file":"toolbar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,YAAY,GACrB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACrG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,OAAO,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC5J;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAyEnD,wBAAgB,QAAQ,CACvB,aAAa,EAAE,YAAY,EAAE,EAC7B,cAAc,EAAE,YAAY,EAAE,EAC9B,WAAW,EAAE,YAAY,EAAE,EAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,IAAI,EAAE,MAAM,EACZ,iBAAiB,EAAE,OAAO,EAC1B,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,WAAW,EAAE,OAAO,EACpB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,EACnB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,uBAAuB,KAAK,MAAM,wCA+CjD"}
@@ -64,8 +64,17 @@ function renderChildren(children, allChildren, overflowIds, suppressSoloFluid =
64
64
  });
65
65
  }
66
66
  // # Template
67
- export function template(startChildren, centerChildren, endChildren, overflowIds, size, hasCenterChildren, leftSpacerZero, rightSpacerZero, isSoloFluidItem, hasOverflow, menuOpen, label, menuId, onOverflowClick, centerOnly, t) {
67
+ export function template(startChildren, centerChildren, endChildren, overflowIds, size, hasCenterChildren, leftSpacerZero, rightSpacerZero, isSoloFluidItem, hasOverflow, menuOpen, label, centerOnly, t) {
68
68
  const allChildren = [...startChildren, ...centerChildren, ...endChildren];
69
+ // Overflow button: aria-controls is intentionally omitted. ARIA IDREF
70
+ // attributes cannot cross shadow DOM boundaries, and the menu is
71
+ // reparented to document.body while this button lives in the toolbar's
72
+ // shadow root — so the IDREF could not resolve from the host nor a
73
+ // forwarded inner button. popup-type + expanded forward to the inner
74
+ // button as aria-haspopup / aria-expanded and give sufficient AT
75
+ // context for WCAG 2.1 AA. Restore aria-controls once nldd-menu moves
76
+ // into the shadow root, or CSS Anchor Positioning lets the menu escape
77
+ // the stacking context without document.body.
69
78
  return html `
70
79
  <div class="toolbar"
71
80
  role="toolbar"
@@ -92,10 +101,9 @@ export function template(startChildren, centerChildren, endChildren, overflowIds
92
101
  <nldd-icon-button size=${size}
93
102
  icon="ellipsis"
94
103
  text=${t('components.toolbar.overflow-action')}
95
- aria-haspopup="menu"
96
- aria-expanded=${menuOpen ? 'true' : 'false'}
97
- aria-controls=${menuId}
98
- @click=${onOverflowClick}
104
+ tooltip-timing="never"
105
+ popup-type="menu"
106
+ ?expanded=${menuOpen}
99
107
  ></nldd-icon-button>
100
108
  <span class="toolbar__item-label">${t('components.toolbar.overflow-action')}</span>
101
109
  </div>
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.template.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"toolbar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.template.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "./index-By2jYHEw.js";
1
+ import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "./index-iTa3Ua3y.js";
2
2
  export {
3
3
  N as NLDDAppView,
4
4
  a as NLDDBadge,
@@ -10,19 +10,12 @@
10
10
  * @slot attribution - Optionele bronvermelding (auteur, titel, etc.)
11
11
  */
12
12
  import { LitElement } from 'lit';
13
- declare const NLDDBlockquote_base: (abstract new (...args: any[]) => LitElement & {
14
- translations: Partial<{
15
- 'components.blockquote.attribution-prefix': string;
16
- }>;
17
- _t(key: "components.blockquote.attribution-prefix", vars?: Record<string, string | number>): string;
18
- }) & typeof LitElement;
19
- export declare class NLDDBlockquote extends NLDDBlockquote_base {
13
+ export declare class NLDDBlockquote extends LitElement {
20
14
  static styles: import("lit").CSSResult;
21
15
  cite: string | undefined;
22
16
  _hasAttribution: boolean;
23
17
  /** @internal */
24
18
  _handleAttributionSlotChange: (e: Event) => void;
25
- get _attributionPrefix(): string;
26
19
  render(): import("lit-html").TemplateResult<1>;
27
20
  }
28
21
  declare global {
@@ -30,5 +23,4 @@ declare global {
30
23
  'nldd-blockquote': NLDDBlockquote;
31
24
  }
32
25
  }
33
- export {};
34
26
  //# sourceMappingURL=blockquote.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;AAOjC,qBACa,cAAe,SAAQ,mBAAwD;IAC3F,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,eAAe,UAAS;IAExB,gBAAgB;IAChB,4BAA4B,GAAI,GAAG,KAAK,KAAG,IAAI,CAM7C;IAEF,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAEQ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
1
+ {"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,eAAe,UAAS;IAExB,gBAAgB;IAChB,4BAA4B,GAAI,GAAG,KAAK,KAAG,IAAI,CAM7C;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
@@ -19,9 +19,7 @@ import { LitElement } from 'lit';
19
19
  import { customElement, property, state } from 'lit/decorators.js';
20
20
  import { blockquoteStyles } from './blockquote.styles.js';
21
21
  import { template } from './blockquote.template.js';
22
- import { withTranslations } from '../../../utilities/with-translations.js';
23
- import { nlddBlockquoteTranslations } from './blockquote.i18n.js';
24
- let NLDDBlockquote = class NLDDBlockquote extends withTranslations(LitElement, nlddBlockquoteTranslations) {
22
+ let NLDDBlockquote = class NLDDBlockquote extends LitElement {
25
23
  constructor() {
26
24
  super(...arguments);
27
25
  this.cite = undefined;
@@ -36,9 +34,6 @@ let NLDDBlockquote = class NLDDBlockquote extends withTranslations(LitElement, n
36
34
  });
37
35
  };
38
36
  }
39
- get _attributionPrefix() {
40
- return this._t('components.blockquote.attribution-prefix');
41
- }
42
37
  render() {
43
38
  return template(this);
44
39
  }
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAG3D,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,gBAAgB,CAAC,UAAU,EAAE,0BAA0B,CAAC;IAArF;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,oBAAe,GAAG,KAAK,CAAC;QAExB,gBAAgB;QAChB,iCAA4B,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACjD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBACrE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;oBAAE,OAAO,IAAI,CAAC;gBAClD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;IASH,CAAC;IAPA,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,EAAE,CAAC,0CAA0C,CAAC,CAAC;IAC5D,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAvBe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACU;AAGrC;IADC,KAAK,EAAE;uDACgB;AAPZ,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAyB1B"}
1
+ {"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG7C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,oBAAe,GAAG,KAAK,CAAC;QAExB,gBAAgB;QAChB,iCAA4B,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACjD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBACrE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;oBAAE,OAAO,IAAI,CAAC;gBAClD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAnBe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACU;AAGrC;IADC,KAAK,EAAE;uDACgB;AAPZ,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAqB1B"}
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,yBA4E5B,CAAC"}
1
+ {"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,yBA6E5B,CAAC"}
@@ -11,24 +11,20 @@ export const blockquoteStyles = css `
11
11
  --_quote-font: var(--semantics-blockquotes-md-quote-font);
12
12
  --_attribution-font: var(--semantics-blockquotes-md-attribution-font);
13
13
 
14
- display: block;
15
- max-width: var(--semantics-blockquotes-max-width);
16
- }
17
-
18
- @media (max-width: ${smMax}) {
19
- :host {
14
+ @media (max-width: ${smMax}) {
20
15
  --_spacing: var(--semantics-blockquotes-sm-spacing);
21
16
  --_quote-font: var(--semantics-blockquotes-sm-quote-font);
22
17
  --_attribution-font: var(--semantics-blockquotes-sm-attribution-font);
23
18
  }
24
- }
25
19
 
26
- @container layout-container (max-width: ${smMax}) {
27
- :host {
20
+ @container layout-container (max-width: ${smMax}) {
28
21
  --_spacing: var(--semantics-blockquotes-sm-spacing);
29
22
  --_quote-font: var(--semantics-blockquotes-sm-quote-font);
30
23
  --_attribution-font: var(--semantics-blockquotes-sm-attribution-font);
31
24
  }
25
+
26
+ display: block;
27
+ max-width: var(--semantics-blockquotes-max-width);
32
28
  }
33
29
 
34
30
  :host([hidden]) {
@@ -39,17 +35,17 @@ export const blockquoteStyles = css `
39
35
  /* # Block */
40
36
 
41
37
  .blockquote {
38
+ display: flex;
42
39
  margin: 0;
43
- padding-inline: var(--_spacing);
44
- padding-top: var(--_spacing);
45
- padding-bottom: 0;
46
40
  border-top: var(--semantics-blockquotes-border);
47
41
  border-left: var(--semantics-blockquotes-border);
48
42
  border-top-left-radius: var(--semantics-blockquotes-corner-radius);
49
- color: var(--semantics-content-color);
50
- display: flex;
43
+ padding-inline: var(--_spacing);
44
+ padding-top: var(--_spacing);
45
+ padding-bottom: 0;
51
46
  flex-direction: column;
52
47
  gap: calc(var(--_spacing) / 2);
48
+ color: var(--semantics-content-color);
53
49
  }
54
50
 
55
51
 
@@ -63,9 +59,14 @@ export const blockquoteStyles = css `
63
59
  }
64
60
 
65
61
  .blockquote__attribution {
62
+ display: block;
66
63
  font: var(--_attribution-font);
67
64
  }
68
65
 
66
+ .blockquote__attribution::before {
67
+ content: '— ' / '';
68
+ }
69
+
69
70
  .blockquote__attribution[hidden] {
70
71
  display: none;
71
72
  }
@@ -74,7 +75,7 @@ export const blockquoteStyles = css `
74
75
  margin: 0;
75
76
  }
76
77
 
77
- slot[name="attribution"]::slotted(p) {
78
+ .blockquote__attribution::slotted(p) {
78
79
  display: inline;
79
80
  }
80
81
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;sBAcb,KAAK;;;;;;;;2CAQgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD/C,CAAC"}
1
+ {"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;uBAUZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,cAAc,wCAkBjD"}
1
+ {"version":3,"file":"blockquote.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,cAAc,wCAejD"}
@@ -7,14 +7,11 @@ export function template(component) {
7
7
  <div class="blockquote__quote">
8
8
  <slot></slot>
9
9
  </div>
10
- <div class="blockquote__attribution"
10
+ <slot class="blockquote__attribution"
11
+ name="attribution"
11
12
  ?hidden=${!component._hasAttribution}
12
- >
13
- <span class="blockquote__attribution-prefix" aria-hidden="true">${component._attributionPrefix}</span>
14
- <slot name="attribution"
15
- @slotchange=${component._handleAttributionSlotChange}
16
- ></slot>
17
- </div>
13
+ @slotchange=${component._handleAttributionSlotChange}
14
+ ></slot>
18
15
  </blockquote>
19
16
  `;
20
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.template.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAyB;IACjD,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,IAAI,IAAI,OAAO;;;;;;cAMrB,CAAC,SAAS,CAAC,eAAe;;sEAE8B,SAAS,CAAC,kBAAkB;;mBAE/E,SAAS,CAAC,4BAA4B;;;;EAIvD,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"blockquote.template.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAyB;IACjD,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,IAAI,IAAI,OAAO;;;;;;;cAOrB,CAAC,SAAS,CAAC,eAAe;kBACtB,SAAS,CAAC,4BAA4B;;;EAGtD,CAAC;AACH,CAAC"}
@@ -43,9 +43,13 @@ export declare class NLDDCode extends LitElement {
43
43
  wrap: boolean;
44
44
  _highlightedHtml: string;
45
45
  private _highlightPending;
46
+ private _unsubscribeScheme?;
46
47
  render(): import("lit-html").TemplateResult;
48
+ connectedCallback(): void;
49
+ disconnectedCallback(): void;
47
50
  _onSlotChange(e: Event): void;
48
51
  updated(changed: Map<string, unknown>): void;
52
+ private _repaintCodeBlock;
49
53
  getUpdateComplete(): Promise<boolean>;
50
54
  private _refreshHighlight;
51
55
  private _runHighlight;
@@ -1 +1 @@
1
- {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAuCjC,qBACa,QAAS,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAc;IAGpC,QAAQ,SAAM;IAGd,IAAI,UAAS;IAGb,gBAAgB,SAAM;IAEtB,OAAO,CAAC,iBAAiB,CAAoC;IAEpD,MAAM;IAIf,aAAa,CAAC,CAAC,EAAE,KAAK;IAIb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/B,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAMpD,OAAO,CAAC,iBAAiB;YAIX,aAAa;CA4B3B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
1
+ {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAwCjC,qBACa,QAAS,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAc;IAGpC,QAAQ,SAAM;IAGd,IAAI,UAAS;IAGb,gBAAgB,SAAM;IAEtB,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,kBAAkB,CAAC,CAAa;IAE/B,MAAM;IAIN,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAMrC,aAAa,CAAC,CAAC,EAAE,KAAK;IAIb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAI9C,OAAO,CAAC,iBAAiB;IAQV,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAMpD,OAAO,CAAC,iBAAiB;YAIX,aAAa;CA4B3B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
@@ -47,6 +47,7 @@ import { customElement, property, state } from 'lit/decorators.js';
47
47
  import Prism from 'prismjs';
48
48
  import { codeStyles } from './code.styles.js';
49
49
  import { codeTemplate } from './code.template.js';
50
+ import { onColorSchemeChange, forceScrollLayerRepaint } from '../../../utilities/color-scheme-repaint.js';
50
51
  /* Map our public language names to Prism grammar loaders. `html` shares
51
52
  * the markup grammar (covers html/xml/svg). Static `import()` calls let
52
53
  * the bundler emit one chunk per file, so consumers only download
@@ -89,6 +90,20 @@ let NLDDCode = class NLDDCode extends LitElement {
89
90
  render() {
90
91
  return codeTemplate(this);
91
92
  }
93
+ connectedCallback() {
94
+ super.connectedCallback();
95
+ /* The .code block has overflow-x: auto and tends to scroll wide
96
+ * content. Browsers cache off-screen tiles for its scroll layer and
97
+ * don't reliably invalidate them when light-dark() colours flip with
98
+ * color-scheme, so scroll back after a theme switch shows stale
99
+ * paint. Drop the layer on each scheme change to repaint clean. */
100
+ this._unsubscribeScheme = onColorSchemeChange(() => this._repaintCodeBlock());
101
+ }
102
+ disconnectedCallback() {
103
+ super.disconnectedCallback();
104
+ this._unsubscribeScheme?.();
105
+ this._unsubscribeScheme = undefined;
106
+ }
92
107
  _onSlotChange(e) {
93
108
  this._refreshHighlight(e.target);
94
109
  }
@@ -96,6 +111,11 @@ let NLDDCode = class NLDDCode extends LitElement {
96
111
  if (changed.has('language'))
97
112
  this._refreshHighlight();
98
113
  }
114
+ _repaintCodeBlock() {
115
+ const block = this.shadowRoot?.querySelector('.code');
116
+ if (block)
117
+ forceScrollLayerRepaint(block);
118
+ }
99
119
  /* Lazy grammar loading is async; surface the in-flight highlight
100
120
  * through updateComplete so consumers (and tests) can `await
101
121
  * el.updateComplete` and see the final highlighted output. */
@@ -1 +1 @@
1
- {"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/components/content/code/code.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/components/content/code/code.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"code.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAsGtB,CAAC"}
1
+ {"version":3,"file":"code.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAsFtB,CAAC"}