@nldd/design-system 0.8.44 → 0.8.46

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 (384) hide show
  1. package/dist/components/actions/button/button.d.ts +3 -0
  2. package/dist/components/actions/button/button.d.ts.map +1 -1
  3. package/dist/components/actions/button/button.js +26 -0
  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 +170 -292
  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 +4 -1
  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 +2 -0
  18. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.js +23 -0
  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 +166 -292
  23. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  24. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  25. package/dist/components/actions/split-button/split-button.styles.js +32 -67
  26. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  27. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  28. package/dist/components/actions/toolbar/toolbar.js +1 -0
  29. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  30. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  31. package/dist/components/actions/toolbar/toolbar.styles.js +42 -95
  32. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  33. package/dist/components/components.js +1 -1
  34. package/dist/components/content/blockquote/blockquote.d.ts +1 -9
  35. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  36. package/dist/components/content/blockquote/blockquote.js +1 -6
  37. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  38. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  39. package/dist/components/content/blockquote/blockquote.styles.js +11 -10
  40. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  41. package/dist/components/content/blockquote/blockquote.template.d.ts.map +1 -1
  42. package/dist/components/content/blockquote/blockquote.template.js +4 -7
  43. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  44. package/dist/components/content/code/code.d.ts +4 -0
  45. package/dist/components/content/code/code.d.ts.map +1 -1
  46. package/dist/components/content/code/code.js +20 -0
  47. package/dist/components/content/code/code.js.map +1 -1
  48. package/dist/components/content/code/code.styles.d.ts.map +1 -1
  49. package/dist/components/content/code/code.styles.js +7 -23
  50. package/dist/components/content/code/code.styles.js.map +1 -1
  51. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  52. package/dist/components/content/icon/icon-aliases.js +16 -7
  53. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  54. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  55. package/dist/components/content/icon/icon-registry.js +7 -1
  56. package/dist/components/content/icon/icon-registry.js.map +1 -1
  57. package/dist/components/content/icon/icon.d.ts +26 -1
  58. package/dist/components/content/icon/icon.d.ts.map +1 -1
  59. package/dist/components/content/icon/icon.js +30 -1
  60. package/dist/components/content/icon/icon.js.map +1 -1
  61. package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
  62. package/dist/components/content/icon/icon.styles.js +65 -14
  63. package/dist/components/content/icon/icon.styles.js.map +1 -1
  64. package/dist/components/content/icon/icon.template.d.ts.map +1 -1
  65. package/dist/components/content/icon/icon.template.js +1 -5
  66. package/dist/components/content/icon/icon.template.js.map +1 -1
  67. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  68. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +7 -13
  69. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  70. package/dist/components/content/tag/tag.d.ts +5 -0
  71. package/dist/components/content/tag/tag.d.ts.map +1 -1
  72. package/dist/components/content/tag/tag.js +22 -0
  73. package/dist/components/content/tag/tag.js.map +1 -1
  74. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  75. package/dist/components/content/tag/tag.styles.js +12 -23
  76. package/dist/components/content/tag/tag.styles.js.map +1 -1
  77. package/dist/components/content/tag/tag.template.d.ts.map +1 -1
  78. package/dist/components/content/tag/tag.template.js +12 -8
  79. package/dist/components/content/tag/tag.template.js.map +1 -1
  80. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  81. package/dist/components/content/title/title.styles.js +84 -97
  82. package/dist/components/content/title/title.styles.js.map +1 -1
  83. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  84. package/dist/components/content/tooltip/tooltip.styles.js +12 -15
  85. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  86. package/dist/components/forms/form-actions/form-actions.styles.d.ts.map +1 -1
  87. package/dist/components/forms/form-actions/form-actions.styles.js +16 -16
  88. package/dist/components/forms/form-actions/form-actions.styles.js.map +1 -1
  89. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  90. package/dist/components/forms/form-field/form-field.styles.js +42 -49
  91. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  92. package/dist/components/{index-1v33GjGX.js → index-BvNDgQGM.js} +3494 -5439
  93. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  94. package/dist/components/inputs/checkbox/checkbox.styles.js +4 -25
  95. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  96. package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
  97. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +3 -6
  98. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
  99. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
  100. package/dist/components/inputs/code-editor/code-editor.styles.js +15 -17
  101. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
  102. package/dist/components/inputs/combo-box/combo-box.d.ts +2 -0
  103. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  104. package/dist/components/inputs/combo-box/combo-box.js +5 -0
  105. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  106. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  107. package/dist/components/inputs/combo-box/combo-box.styles.js +33 -61
  108. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  109. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  110. package/dist/components/inputs/combo-box/combo-box.template.js +1 -0
  111. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  112. package/dist/components/inputs/dropdown/dropdown.d.ts +8 -0
  113. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  114. package/dist/components/inputs/dropdown/dropdown.js +17 -0
  115. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  116. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  117. package/dist/components/inputs/dropdown/dropdown.styles.js +82 -97
  118. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  119. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +2 -0
  120. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  121. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +5 -0
  122. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  123. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  124. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +32 -59
  125. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  126. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -1
  127. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +1 -0
  128. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -1
  129. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  130. package/dist/components/inputs/number-field/number-field.styles.js +27 -52
  131. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  132. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  133. package/dist/components/inputs/password-field/password-field.styles.js +42 -89
  134. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  135. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  136. package/dist/components/inputs/password-field/password-field.template.js +1 -0
  137. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  138. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  139. package/dist/components/inputs/radio-button/radio-button.styles.js +5 -26
  140. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  141. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  142. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +3 -6
  143. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  144. package/dist/components/inputs/search-field/search-field.d.ts +2 -0
  145. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  146. package/dist/components/inputs/search-field/search-field.js +5 -0
  147. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  148. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  149. package/dist/components/inputs/search-field/search-field.styles.js +38 -73
  150. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  151. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  152. package/dist/components/inputs/search-field/search-field.template.js +1 -0
  153. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  154. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  155. package/dist/components/inputs/segmented-control/segmented-control.styles.js +44 -55
  156. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  157. package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
  158. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  159. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  160. package/dist/components/inputs/stepper/stepper.styles.js +16 -30
  161. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  162. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  163. package/dist/components/inputs/switch/switch.styles.js +26 -69
  164. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  165. package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
  166. package/dist/components/inputs/switch-field/switch-field.styles.js +3 -6
  167. package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
  168. package/dist/components/inputs/text-field/text-field.d.ts +2 -0
  169. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  170. package/dist/components/inputs/text-field/text-field.js +5 -0
  171. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  172. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  173. package/dist/components/inputs/text-field/text-field.styles.js +30 -67
  174. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  175. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  176. package/dist/components/inputs/text-field/text-field.template.js +1 -0
  177. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  178. package/dist/components/inputs/toggle-button/toggle-button.d.ts +5 -1
  179. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  180. package/dist/components/inputs/toggle-button/toggle-button.js +16 -2
  181. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  182. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  183. package/dist/components/inputs/toggle-button/toggle-button.styles.js +61 -96
  184. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  185. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  186. package/dist/components/inputs/toggle-button/toggle-button.template.js +10 -4
  187. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  188. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  189. package/dist/components/inputs/token/token.styles.js +33 -49
  190. package/dist/components/inputs/token/token.styles.js.map +1 -1
  191. package/dist/components/layout/app-view/app-view.styles.d.ts.map +1 -1
  192. package/dist/components/layout/app-view/app-view.styles.js +13 -7
  193. package/dist/components/layout/app-view/app-view.styles.js.map +1 -1
  194. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  195. package/dist/components/layout/card/card.styles.js +1 -7
  196. package/dist/components/layout/card/card.styles.js.map +1 -1
  197. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  198. package/dist/components/layout/collection/collection.styles.js +17 -39
  199. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  200. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  201. package/dist/components/layout/collection/collection.template.js +1 -0
  202. package/dist/components/layout/collection/collection.template.js.map +1 -1
  203. package/dist/components/layout/container/container.d.ts +41 -43
  204. package/dist/components/layout/container/container.d.ts.map +1 -1
  205. package/dist/components/layout/container/container.js +143 -132
  206. package/dist/components/layout/container/container.js.map +1 -1
  207. package/dist/components/layout/container/container.styles.d.ts.map +1 -1
  208. package/dist/components/layout/container/container.styles.js +87 -1133
  209. package/dist/components/layout/container/container.styles.js.map +1 -1
  210. package/dist/components/layout/container/container.template.d.ts.map +1 -1
  211. package/dist/components/layout/container/container.template.js +1 -5
  212. package/dist/components/layout/container/container.template.js.map +1 -1
  213. package/dist/components/layout/divider/divider.styles.d.ts.map +1 -1
  214. package/dist/components/layout/divider/divider.styles.js +3 -1
  215. package/dist/components/layout/divider/divider.styles.js.map +1 -1
  216. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  217. package/dist/components/layout/page/page.styles.js +13 -19
  218. package/dist/components/layout/page/page.styles.js.map +1 -1
  219. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
  220. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +6 -15
  221. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  222. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  223. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +12 -11
  224. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  225. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  226. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +12 -11
  227. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  228. package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
  229. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +6 -15
  230. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  231. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  232. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +12 -11
  233. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  234. package/dist/components/layout/popover/popover.d.ts +2 -1
  235. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  236. package/dist/components/layout/popover/popover.js +21 -4
  237. package/dist/components/layout/popover/popover.js.map +1 -1
  238. package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
  239. package/dist/components/layout/popover/popover.styles.js +7 -12
  240. package/dist/components/layout/popover/popover.styles.js.map +1 -1
  241. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  242. package/dist/components/layout/sheet/sheet.styles.js +27 -38
  243. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  244. package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
  245. package/dist/components/layout/spacer/spacer.styles.js +12 -4
  246. package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
  247. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.d.ts.map +1 -1
  248. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +23 -20
  249. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js.map +1 -1
  250. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  251. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +65 -78
  252. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  253. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
  254. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +19 -12
  255. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
  256. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.d.ts.map +1 -1
  257. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +25 -45
  258. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js.map +1 -1
  259. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.d.ts.map +1 -1
  260. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +21 -7
  261. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js.map +1 -1
  262. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
  263. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +19 -12
  264. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
  265. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  266. package/dist/components/layout/window/window.styles.js +18 -26
  267. package/dist/components/layout/window/window.styles.js.map +1 -1
  268. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  269. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +12 -11
  270. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  271. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  272. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +23 -26
  273. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  274. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
  275. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +15 -21
  276. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
  277. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  278. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js +40 -92
  279. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +1 -1
  280. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -1
  281. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +26 -25
  282. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +1 -1
  283. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  284. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +64 -125
  285. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  286. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  287. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +71 -132
  288. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  289. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
  290. package/dist/components/lists-and-menus/list/list.styles.js +20 -47
  291. package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
  292. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
  293. package/dist/components/lists-and-menus/list-item/list-item.styles.js +29 -20
  294. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
  295. package/dist/components/lists-and-menus/menu/menu.d.ts +28 -9
  296. package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
  297. package/dist/components/lists-and-menus/menu/menu.js +105 -26
  298. package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
  299. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  300. package/dist/components/lists-and-menus/menu/menu.styles.js +88 -135
  301. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  302. package/dist/components/lists-and-menus/menu/menu.template.js +2 -2
  303. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  304. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +10 -6
  305. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  306. package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
  307. package/dist/components/navigation/link/link.styles.js +24 -33
  308. package/dist/components/navigation/link/link.styles.js.map +1 -1
  309. package/dist/components/navigation/menu-bar/menu-bar.d.ts +8 -8
  310. package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
  311. package/dist/components/navigation/menu-bar/menu-bar.js +34 -15
  312. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  313. package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
  314. package/dist/components/navigation/menu-bar/menu-bar.styles.js +3 -2
  315. package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
  316. package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
  317. package/dist/components/navigation/menu-bar/menu-bar.template.js +1 -0
  318. package/dist/components/navigation/menu-bar/menu-bar.template.js.map +1 -1
  319. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +2 -1
  320. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  321. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +13 -5
  322. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  323. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  324. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +9 -11
  325. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  326. package/dist/components/navigation/pagination/pagination.d.ts +8 -0
  327. package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
  328. package/dist/components/navigation/pagination/pagination.js +11 -0
  329. package/dist/components/navigation/pagination/pagination.js.map +1 -1
  330. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  331. package/dist/components/navigation/pagination/pagination.styles.js +80 -27
  332. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  333. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  334. package/dist/components/navigation/pagination/pagination.template.js +1 -0
  335. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  336. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  337. package/dist/components/navigation/skip-link/skip-link.styles.js +6 -8
  338. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  339. package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -10
  340. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  341. package/dist/components/navigation/tab-bar/tab-bar.js +3 -28
  342. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  343. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  344. package/dist/components/navigation/tab-bar/tab-bar.styles.js +22 -65
  345. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  346. package/dist/components/navigation/tab-bar/tab-bar.template.js +1 -1
  347. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  348. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +9 -1
  349. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  350. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +56 -17
  351. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  352. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  353. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +13 -7
  354. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  355. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  356. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +6 -10
  357. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  358. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  359. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +13 -34
  360. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  361. package/dist/components/{prism-typescript-D2EqsCqV.js → prism-typescript-BX4tFNFm.js} +1 -1
  362. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  363. package/dist/components/status-and-feedback/badge/badge.styles.js +21 -34
  364. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  365. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  366. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +32 -33
  367. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  368. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  369. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +18 -22
  370. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  371. package/dist/css/settings.css +33 -7
  372. package/dist/utilities/color-scheme-repaint.d.ts +44 -0
  373. package/dist/utilities/color-scheme-repaint.d.ts.map +1 -0
  374. package/dist/utilities/color-scheme-repaint.js +88 -0
  375. package/dist/utilities/color-scheme-repaint.js.map +1 -0
  376. package/package.json +11 -8
  377. package/dist/components/content/blockquote/blockquote.i18n.d.ts +0 -5
  378. package/dist/components/content/blockquote/blockquote.i18n.d.ts.map +0 -1
  379. package/dist/components/content/blockquote/blockquote.i18n.js +0 -4
  380. package/dist/components/content/blockquote/blockquote.i18n.js.map +0 -1
  381. package/dist/utilities/popover-guard.d.ts +0 -10
  382. package/dist/utilities/popover-guard.d.ts.map +0 -1
  383. package/dist/utilities/popover-guard.js +0 -10
  384. package/dist/utilities/popover-guard.js.map +0 -1
@@ -9,6 +9,7 @@
9
9
  * @attr {string} size - Tag grootte: 'sm' | 'md' (default: 'md')
10
10
  * @attr {string} text - Tag tekst (alternatief voor default slot)
11
11
  * @attr {string} icon - Icoon voor de tekst
12
+ * @attr {string} variant - Wat zichtbaar is: 'text' | 'icon' | 'icon-and-text'. Onbepaald → auto-detect op basis van welke van text/icon aanwezig is.
12
13
  * @attr {string} accessible-label - Toegankelijk label voor screenreaders. Gebruik dit bij icon-only tags zonder zichtbare tekst.
13
14
  *
14
15
  * @slot - Tag tekst
@@ -18,21 +19,25 @@ import { LitElement } from 'lit';
18
19
  import './../icon/icon.js';
19
20
  type Color = 'neutral' | 'accent' | 'success' | 'warning' | 'critical' | 'coolgray' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
20
21
  type Size = 'sm' | 'md';
22
+ type Variant = 'text' | 'icon' | 'icon-and-text';
21
23
  export declare class NLDDTag extends LitElement {
22
24
  static styles: import("lit").CSSResult;
23
25
  color: Color;
24
26
  size: Size;
25
27
  text: string;
26
28
  icon: string;
29
+ variant: Variant | '';
27
30
  accessibleLabel: string;
28
31
  _hasSlotText: boolean;
29
32
  _hasSlotIcon: boolean;
30
33
  private _childObserver?;
31
34
  get _hasText(): boolean;
32
35
  get _hasIcon(): boolean;
36
+ get _effectiveVariant(): Variant;
33
37
  connectedCallback(): void;
34
38
  disconnectedCallback(): void;
35
39
  private _updateSlotState;
40
+ updated(): void;
36
41
  render(): import("lit-html").TemplateResult<1>;
37
42
  }
38
43
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAEP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GAEV,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,aAAa,GACb,OAAO,GACP,aAAa,GACb,OAAO,GACP,UAAU,GACV,WAAW,CAAC;AACf,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,qBACa,OAAQ,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAa;IAGnC,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,EAAE,IAAI,CAAQ;IAGlB,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,eAAe,SAAM;IAGrB,YAAY,UAAS;IAGrB,YAAY,UAAS;IAErB,OAAO,CAAC,cAAc,CAAC,CAAmB;IAE1C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAEQ,iBAAiB;IAajB,oBAAoB;IAM7B,OAAO,CAAC,gBAAgB;IAgBf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAEP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GAEV,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,aAAa,GACb,OAAO,GACP,aAAa,GACb,OAAO,GACP,UAAU,GACV,WAAW,CAAC;AACf,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAEjD,qBACa,OAAQ,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAa;IAGnC,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,EAAE,IAAI,CAAQ;IAGlB,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,OAAO,EAAE,OAAO,GAAG,EAAE,CAAM;IAG3B,eAAe,SAAM;IAGrB,YAAY,UAAS;IAGrB,YAAY,UAAS;IAErB,OAAO,CAAC,cAAc,CAAC,CAAmB;IAE1C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,iBAAiB,IAAI,OAAO,CAK/B;IAEQ,iBAAiB;IAajB,oBAAoB;IAM7B,OAAO,CAAC,gBAAgB;IAgBf,OAAO;IASP,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
@@ -9,6 +9,7 @@
9
9
  * @attr {string} size - Tag grootte: 'sm' | 'md' (default: 'md')
10
10
  * @attr {string} text - Tag tekst (alternatief voor default slot)
11
11
  * @attr {string} icon - Icoon voor de tekst
12
+ * @attr {string} variant - Wat zichtbaar is: 'text' | 'icon' | 'icon-and-text'. Onbepaald → auto-detect op basis van welke van text/icon aanwezig is.
12
13
  * @attr {string} accessible-label - Toegankelijk label voor screenreaders. Gebruik dit bij icon-only tags zonder zichtbare tekst.
13
14
  *
14
15
  * @slot - Tag tekst
@@ -32,6 +33,7 @@ let NLDDTag = class NLDDTag extends LitElement {
32
33
  this.size = 'md';
33
34
  this.text = '';
34
35
  this.icon = '';
36
+ this.variant = '';
35
37
  this.accessibleLabel = '';
36
38
  this._hasSlotText = false;
37
39
  this._hasSlotIcon = false;
@@ -42,6 +44,15 @@ let NLDDTag = class NLDDTag extends LitElement {
42
44
  get _hasIcon() {
43
45
  return !!this.icon || this._hasSlotIcon;
44
46
  }
47
+ get _effectiveVariant() {
48
+ if (this.variant)
49
+ return this.variant;
50
+ if (this._hasIcon && this._hasText)
51
+ return 'icon-and-text';
52
+ if (this._hasIcon)
53
+ return 'icon';
54
+ return 'text';
55
+ }
45
56
  connectedCallback() {
46
57
  super.connectedCallback();
47
58
  this._updateSlotState();
@@ -78,6 +89,14 @@ let NLDDTag = class NLDDTag extends LitElement {
78
89
  this._hasSlotText = hasText;
79
90
  this._hasSlotIcon = hasIcon;
80
91
  }
92
+ updated() {
93
+ // An icon-only tag with no accessible-label has no accessible name —
94
+ // the placeholder/icon is decorative (aria-hidden), so screen readers
95
+ // announce nothing. Warn in dev so consumers add a label.
96
+ if (import.meta.env?.DEV && this._effectiveVariant === 'icon' && !this.accessibleLabel) {
97
+ console.warn('nldd-tag: icon-only tag without an accessible-label has no accessible name. Add accessible-label so screen readers can announce it.', this);
98
+ }
99
+ }
81
100
  render() {
82
101
  return template(this);
83
102
  }
@@ -95,6 +114,9 @@ __decorate([
95
114
  __decorate([
96
115
  property({ type: String })
97
116
  ], NLDDTag.prototype, "icon", void 0);
117
+ __decorate([
118
+ property({ type: String, reflect: true })
119
+ ], NLDDTag.prototype, "variant", void 0);
98
120
  __decorate([
99
121
  property({ type: String, attribute: 'accessible-label' })
100
122
  ], NLDDTag.prototype, "accessibleLabel", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,mBAAmB,CAAC;AAgCpB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAIN,UAAK,GAAU,SAAS,CAAC;QAGzB,SAAI,GAAS,IAAI,CAAC;QAGlB,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,EAAE,CAAC;QAGV,oBAAe,GAAG,EAAE,CAAC;QAGrB,iBAAY,GAAG,KAAK,CAAC;QAGrB,iBAAY,GAAG,KAAK,CAAC;IAkDtB,CAAC;IA9CA,IAAI,QAAQ;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;IACzC,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;IACzC,CAAC;IAEQ,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,cAAc,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QAC1E,iEAAiE;QACjE,iEAAiE;QACjE,iEAAiE;QACjE,8DAA8D;QAC9D,kEAAkE;QAClE,wCAAwC;QACxC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;IACjC,CAAC;IAEO,gBAAgB;QACvB,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;YAChD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;gBACtC,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE;oBAAE,OAAO,GAAG,IAAI,CAAC;YAC9C,CAAC;iBAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;gBAChD,MAAM,QAAQ,GAAI,IAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;gBACxD,IAAI,QAAQ,KAAK,MAAM;oBAAE,OAAO,GAAG,IAAI,CAAC;qBACnC,IAAI,CAAC,QAAQ;oBAAE,OAAO,GAAG,IAAI,CAAC;YACpC,CAAC;QACF,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;IAC7B,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAtEe,cAAM,GAAG,SAAS,AAAZ,CAAa;AAGnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACjB;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;gDACrC;AAGrB;IADC,KAAK,EAAE;6CACa;AAGrB;IADC,KAAK,EAAE;6CACa;AAtBT,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAwEnB"}
1
+ {"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAwMrB,CAAC"}
1
+ {"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBA6LrB,CAAC"}
@@ -5,42 +5,31 @@ export const tagStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
+ --_corner-radius: var(--components-tag-md-corner-radius);
8
9
  --_background-color: var(--components-tag-neutral-background-color);
9
- --_content-color: var(--components-tag-neutral-content-color);
10
10
  --_min-height: var(--primitives-space-24);
11
11
  --_inline-padding: var(--primitives-space-6);
12
12
  --_gap: var(--primitives-space-3);
13
+ --_content-color: var(--components-tag-neutral-content-color);
13
14
  --_font: var(--primitives-font-body-sm-bold-flat);
14
15
  --_icon-size: var(--primitives-space-16);
15
16
  --_icon-offset-correction: var(--primitives-space-1);
16
- --_corner-radius: var(--components-tag-md-corner-radius);
17
17
 
18
18
  display: inline-flex;
19
19
  vertical-align: middle;
20
20
  }
21
21
 
22
22
  :host([size="sm"]) {
23
+ --_corner-radius: var(--components-tag-sm-corner-radius);
23
24
  --_min-height: var(--primitives-space-20);
24
25
  --_inline-padding: var(--primitives-space-4);
25
26
  --_gap: var(--primitives-space-2);
26
27
  --_font: var(--primitives-font-body-xs-bold-flat);
27
28
  --_icon-size: var(--primitives-space-14);
28
- --_corner-radius: var(--components-tag-sm-corner-radius);
29
29
  }
30
30
 
31
- :host([hidden]) {
32
- display: none;
33
- }
34
-
35
-
36
31
  /* ## Color */
37
32
 
38
- :host([color="neutral"]),
39
- :host(:not([color])) {
40
- --_background-color: var(--components-tag-neutral-background-color);
41
- --_content-color: var(--components-tag-neutral-content-color);
42
- }
43
-
44
33
  :host([color="accent"]) {
45
34
  --_background-color: var(--components-tag-accent-background-color);
46
35
  --_content-color: var(--components-tag-accent-content-color);
@@ -61,7 +50,6 @@ export const tagStyles = css `
61
50
  --_content-color: var(--components-tag-critical-content-color);
62
51
  }
63
52
 
64
-
65
53
  /* ### Rijkskleuren */
66
54
 
67
55
  :host([color="coolgray"]) {
@@ -159,33 +147,37 @@ export const tagStyles = css `
159
147
  --_content-color: var(--components-tag-mintgroen-content-color);
160
148
  }
161
149
 
150
+ :host([hidden]) {
151
+ display: none;
152
+ }
153
+
162
154
 
163
155
  /* # Block */
164
156
 
165
157
  .tag {
166
- display: inline-flex;
167
158
  box-sizing: border-box;
159
+ display: inline-flex;
168
160
  border-radius: var(--_corner-radius);
169
161
  background-color: var(--_background-color);
170
162
  min-height: var(--_min-height);
171
163
  padding: 0 var(--_inline-padding);
172
- align-items: center;
173
164
  gap: var(--_gap);
165
+ align-items: center;
174
166
  color: var(--_content-color);
175
- white-space: nowrap;
176
167
  font: var(--_font);
168
+ white-space: nowrap;
177
169
  }
178
170
 
179
171
 
180
- /* # Icon */
172
+ /* # Elements */
181
173
 
182
174
  .tag__icon {
183
175
  display: inline-flex;
184
176
  margin-inline: calc((var(--_min-height) - var(--_icon-size)) / 2 - var(--_inline-padding));
185
177
  width: var(--_icon-size);
186
178
  height: var(--_icon-size);
187
- align-items: center;
188
179
  flex-shrink: 0;
180
+ align-items: center;
189
181
  }
190
182
 
191
183
  .tag__icon:has(+ .tag__text) {
@@ -193,9 +185,6 @@ export const tagStyles = css `
193
185
  margin-right: 0;
194
186
  }
195
187
 
196
-
197
- /* # Text */
198
-
199
188
  .tag__text {
200
189
  display: inline-block;
201
190
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwM3B,CAAC"}
1
+ {"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6L3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"tag.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,QAAQ,CAAC,SAAS,EAAE,OAAO,wCAyB1C"}
1
+ {"version":3,"file":"tag.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,QAAQ,CAAC,SAAS,EAAE,OAAO,wCA6B1C"}
@@ -1,23 +1,27 @@
1
1
  import { html, nothing } from 'lit';
2
2
  export function template(component) {
3
- // Use _hasIcon (covers icon prop én slot="icon") zodat slotted-icon-only
4
- // tags ook role="img" + aria-label krijgen zonder dit zou een tag met
5
- // slot="icon" en accessible-label maar geen tekst geen accessible name
6
- // hebben (SR kondigt niks aan).
7
- const iconOnly = component._hasIcon && !component._hasText && !!component.accessibleLabel;
3
+ const variant = component._effectiveVariant;
4
+ // variant=icon always renders the icon area so the icon-placeholder
5
+ // fallback inside the slot can show when no icon is provided.
6
+ const showIcon = variant === 'icon' || (variant === 'icon-and-text' && component._hasIcon);
7
+ const showText = (variant === 'text' || variant === 'icon-and-text') && component._hasText;
8
+ // icon-only needs an explicit accessible name — the visible text is gone,
9
+ // so the screen reader has nothing to announce without role="img" +
10
+ // aria-label. Hidden slot/text isn't projected into the a11y tree.
11
+ const iconOnly = variant === 'icon' && component._hasIcon && !!component.accessibleLabel;
8
12
  return html `
9
13
  <span class="tag"
10
14
  role=${iconOnly ? 'img' : nothing}
11
15
  aria-label=${iconOnly ? component.accessibleLabel : nothing}
12
16
  >
13
- ${component._hasIcon ? html `
17
+ ${showIcon ? html `
14
18
  <span class="tag__icon">
15
19
  ${component.icon
16
20
  ? html `<nldd-icon name=${component.icon}></nldd-icon>`
17
- : html `<slot name="icon"></slot>`}
21
+ : html `<slot name="icon">${variant === 'icon' ? html `<nldd-icon name="icon-placeholder"></nldd-icon>` : nothing}</slot>`}
18
22
  </span>
19
23
  ` : nothing}
20
- ${component._hasText ? html `
24
+ ${showText ? html `
21
25
  <span class="tag__text">
22
26
  ${component.text ? component.text : html `<slot></slot>`}
23
27
  </span>
@@ -1 +1 @@
1
- {"version":3,"file":"tag.template.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAkB;IAC1C,yEAAyE;IACzE,wEAAwE;IACxE,uEAAuE;IACvE,gCAAgC;IAChC,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;IAC1F,OAAO,IAAI,CAAA;;UAEF,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;gBACpB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO;;KAEzD,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;OAEvB,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,2BAA2B;;IAEnC,CAAC,CAAC,CAAC,OAAO;KACT,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;OAEvB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;;IAExD,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"tag.template.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAkB;IAC1C,MAAM,OAAO,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAC5C,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,QAAQ,GAAG,OAAO,KAAK,MAAM,IAAI,CAAC,OAAO,KAAK,eAAe,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3F,MAAM,QAAQ,GAAG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC;IAC3F,0EAA0E;IAC1E,oEAAoE;IACpE,mEAAmE;IACnE,MAAM,QAAQ,GAAG,OAAO,KAAK,MAAM,IAAI,SAAS,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;IACzF,OAAO,IAAI,CAAA;;UAEF,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;gBACpB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO;;KAEzD,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;OAEb,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,qBAAqB,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,iDAAiD,CAAC,CAAC,CAAC,OAAO,SAAS;;IAE1H,CAAC,CAAC,CAAC,OAAO;KACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;OAEb,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;;IAExD,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,yBAuOvB,CAAC"}
1
+ {"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,yBA0NvB,CAAC"}
@@ -10,230 +10,217 @@ export const titleStyles = css `
10
10
  /* # Host */
11
11
 
12
12
  :host {
13
- display: flex;
14
- }
15
-
16
- :host([hidden]) {
17
- display: none;
18
- }
19
-
20
-
21
- /* # Block */
22
-
23
- .title {
24
- display: flex;
25
- width: 100%;
26
- flex-direction: row;
27
- align-items: center;
28
- gap: var(--primitives-space-12);
29
- }
30
-
31
-
32
- /* # Title group */
33
-
34
- .title__title-group {
35
- display: flex;
36
- min-width: 0;
37
- flex-direction: column;
38
- flex: 1;
39
- }
40
-
41
-
42
- /* # Overline */
43
-
44
- ::slotted([slot='overline']) {
45
- margin: 0;
46
- overflow-wrap: anywhere;
47
- color: var(--semantics-content-secondary-color);
48
- font: var(--primitives-font-body-sm-regular-tight);
49
- }
50
-
51
-
52
- /* # Title */
53
-
54
- ::slotted(:not([slot])) {
55
- margin: 0;
56
- overflow-wrap: anywhere;
57
- color: var(--semantics-content-color);
58
- text-wrap: pretty;
59
- }
60
-
61
- :host([size='1']) ::slotted(:not([slot])) {
62
13
  @media (max-width: ${smMax}) {
63
- font: var(--primitives-font-display-1-sm);
14
+ --_font: var(--primitives-font-display-3-sm);
64
15
  }
65
16
 
66
17
  @media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
67
- font: var(--primitives-font-display-1-md);
18
+ --_font: var(--primitives-font-display-3-md);
68
19
  }
69
20
 
70
21
  @media (min-width: ${lgMin}) {
71
- font: var(--primitives-font-display-1-lg);
22
+ --_font: var(--primitives-font-display-3-lg);
72
23
  }
73
24
 
74
25
  @container layout-container (max-width: ${smMax}) {
75
- font: var(--primitives-font-display-1-sm);
26
+ --_font: var(--primitives-font-display-3-sm);
76
27
  }
77
28
 
78
29
  @container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
79
- font: var(--primitives-font-display-1-md);
30
+ --_font: var(--primitives-font-display-3-md);
80
31
  }
81
32
 
82
33
  @container layout-container (min-width: ${lgMin}) {
83
- font: var(--primitives-font-display-1-lg);
34
+ --_font: var(--primitives-font-display-3-lg);
84
35
  }
36
+
37
+ display: flex;
85
38
  }
86
39
 
87
- :host([size='2']) ::slotted(:not([slot])) {
40
+ :host([size="1"]) {
88
41
  @media (max-width: ${smMax}) {
89
- font: var(--primitives-font-display-2-sm);
42
+ --_font: var(--primitives-font-display-1-sm);
90
43
  }
91
44
 
92
45
  @media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
93
- font: var(--primitives-font-display-2-md);
46
+ --_font: var(--primitives-font-display-1-md);
94
47
  }
95
48
 
96
49
  @media (min-width: ${lgMin}) {
97
- font: var(--primitives-font-display-2-lg);
50
+ --_font: var(--primitives-font-display-1-lg);
98
51
  }
99
52
 
100
53
  @container layout-container (max-width: ${smMax}) {
101
- font: var(--primitives-font-display-2-sm);
54
+ --_font: var(--primitives-font-display-1-sm);
102
55
  }
103
56
 
104
57
  @container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
105
- font: var(--primitives-font-display-2-md);
58
+ --_font: var(--primitives-font-display-1-md);
106
59
  }
107
60
 
108
61
  @container layout-container (min-width: ${lgMin}) {
109
- font: var(--primitives-font-display-2-lg);
62
+ --_font: var(--primitives-font-display-1-lg);
110
63
  }
111
64
  }
112
65
 
113
- :host([size='3']) ::slotted(:not([slot])),
114
- :host(:not([size])) ::slotted(:not([slot])) {
66
+ :host([size="2"]) {
115
67
  @media (max-width: ${smMax}) {
116
- font: var(--primitives-font-display-3-sm);
68
+ --_font: var(--primitives-font-display-2-sm);
117
69
  }
118
70
 
119
71
  @media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
120
- font: var(--primitives-font-display-3-md);
72
+ --_font: var(--primitives-font-display-2-md);
121
73
  }
122
74
 
123
75
  @media (min-width: ${lgMin}) {
124
- font: var(--primitives-font-display-3-lg);
76
+ --_font: var(--primitives-font-display-2-lg);
125
77
  }
126
78
 
127
79
  @container layout-container (max-width: ${smMax}) {
128
- font: var(--primitives-font-display-3-sm);
80
+ --_font: var(--primitives-font-display-2-sm);
129
81
  }
130
82
 
131
83
  @container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
132
- font: var(--primitives-font-display-3-md);
84
+ --_font: var(--primitives-font-display-2-md);
133
85
  }
134
86
 
135
87
  @container layout-container (min-width: ${lgMin}) {
136
- font: var(--primitives-font-display-3-lg);
88
+ --_font: var(--primitives-font-display-2-lg);
137
89
  }
138
90
  }
139
91
 
140
- :host([size='4']) ::slotted(:not([slot])) {
92
+ :host([size="4"]) {
141
93
  @media (max-width: ${smMax}) {
142
- font: var(--primitives-font-display-4-sm);
94
+ --_font: var(--primitives-font-display-4-sm);
143
95
  }
144
96
 
145
97
  @media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
146
- font: var(--primitives-font-display-4-md);
98
+ --_font: var(--primitives-font-display-4-md);
147
99
  }
148
100
 
149
101
  @media (min-width: ${lgMin}) {
150
- font: var(--primitives-font-display-4-lg);
102
+ --_font: var(--primitives-font-display-4-lg);
151
103
  }
152
104
 
153
105
  @container layout-container (max-width: ${smMax}) {
154
- font: var(--primitives-font-display-4-sm);
106
+ --_font: var(--primitives-font-display-4-sm);
155
107
  }
156
108
 
157
109
  @container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
158
- font: var(--primitives-font-display-4-md);
110
+ --_font: var(--primitives-font-display-4-md);
159
111
  }
160
112
 
161
113
  @container layout-container (min-width: ${lgMin}) {
162
- font: var(--primitives-font-display-4-lg);
114
+ --_font: var(--primitives-font-display-4-lg);
163
115
  }
164
116
  }
165
117
 
166
- :host([size='5']) ::slotted(:not([slot])) {
118
+ :host([size="5"]) {
167
119
  @media (max-width: ${smMax}) {
168
- font: var(--primitives-font-display-5-sm);
120
+ --_font: var(--primitives-font-display-5-sm);
169
121
  }
170
122
 
171
123
  @media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
172
- font: var(--primitives-font-display-5-md);
124
+ --_font: var(--primitives-font-display-5-md);
173
125
  }
174
126
 
175
127
  @media (min-width: ${lgMin}) {
176
- font: var(--primitives-font-display-5-lg);
128
+ --_font: var(--primitives-font-display-5-lg);
177
129
  }
178
130
 
179
131
  @container layout-container (max-width: ${smMax}) {
180
- font: var(--primitives-font-display-5-sm);
132
+ --_font: var(--primitives-font-display-5-sm);
181
133
  }
182
134
 
183
135
  @container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
184
- font: var(--primitives-font-display-5-md);
136
+ --_font: var(--primitives-font-display-5-md);
185
137
  }
186
138
 
187
139
  @container layout-container (min-width: ${lgMin}) {
188
- font: var(--primitives-font-display-5-lg);
140
+ --_font: var(--primitives-font-display-5-lg);
189
141
  }
190
142
  }
191
143
 
192
- :host([size='6']) ::slotted(:not([slot])) {
144
+ :host([size="6"]) {
193
145
  @media (max-width: ${smMax}) {
194
- font: var(--primitives-font-display-6-sm);
146
+ --_font: var(--primitives-font-display-6-sm);
195
147
  }
196
148
 
197
149
  @media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
198
- font: var(--primitives-font-display-6-md);
150
+ --_font: var(--primitives-font-display-6-md);
199
151
  }
200
152
 
201
153
  @media (min-width: ${lgMin}) {
202
- font: var(--primitives-font-display-6-lg);
154
+ --_font: var(--primitives-font-display-6-lg);
203
155
  }
204
156
 
205
157
  @container layout-container (max-width: ${smMax}) {
206
- font: var(--primitives-font-display-6-sm);
158
+ --_font: var(--primitives-font-display-6-sm);
207
159
  }
208
160
 
209
161
  @container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
210
- font: var(--primitives-font-display-6-md);
162
+ --_font: var(--primitives-font-display-6-md);
211
163
  }
212
164
 
213
165
  @container layout-container (min-width: ${lgMin}) {
214
- font: var(--primitives-font-display-6-lg);
166
+ --_font: var(--primitives-font-display-6-lg);
215
167
  }
216
168
  }
217
169
 
170
+ :host([hidden]) {
171
+ display: none;
172
+ }
173
+
218
174
 
219
- /* # Subtitle */
175
+ /* # Block */
220
176
 
221
- ::slotted([slot='subtitle']) {
177
+ .title {
178
+ display: flex;
179
+ width: 100%;
180
+ flex-direction: row;
181
+ gap: var(--primitives-space-12);
182
+ align-items: center;
183
+ }
184
+
185
+
186
+ /* # Elements */
187
+
188
+ .title__title-group {
189
+ display: flex;
190
+ min-width: 0;
191
+ flex-direction: column;
192
+ flex-grow: 1;
193
+ flex-shrink: 1;
194
+ flex-basis: 0;
195
+ }
196
+
197
+ ::slotted([slot="overline"]) {
222
198
  margin: 0;
223
- overflow-wrap: anywhere;
224
199
  color: var(--semantics-content-secondary-color);
225
200
  font: var(--primitives-font-body-sm-regular-tight);
201
+ overflow-wrap: anywhere;
226
202
  }
227
203
 
204
+ ::slotted(:not([slot])) {
205
+ margin: 0;
206
+ color: var(--semantics-content-color);
207
+ font: var(--_font);
208
+ overflow-wrap: anywhere;
209
+ text-wrap: pretty;
210
+ }
228
211
 
229
- /* # Actions */
212
+ ::slotted([slot="subtitle"]) {
213
+ margin: 0;
214
+ color: var(--semantics-content-secondary-color);
215
+ font: var(--primitives-font-body-sm-regular-tight);
216
+ overflow-wrap: anywhere;
217
+ }
230
218
 
231
219
  .title__actions {
232
220
  display: flex;
233
221
  flex-direction: row;
234
- align-items: center;
235
222
  flex-shrink: 0;
223
+ align-items: center;
236
224
  }
237
-
238
225
  `;
239
226
  //# sourceMappingURL=title.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuDP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;uBAO1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBhD,CAAC"}
1
+ {"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;uBAMP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;uBAQ1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DhD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAoFzB,CAAC"}
1
+ {"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAiFzB,CAAC"}