@nldd/design-system 0.8.42 → 0.8.44

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 (381) hide show
  1. package/README.md +1 -1
  2. package/dist/components/actions/button/button.d.ts +36 -5
  3. package/dist/components/actions/button/button.d.ts.map +1 -1
  4. package/dist/components/actions/button/button.js +62 -6
  5. package/dist/components/actions/button/button.js.map +1 -1
  6. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  7. package/dist/components/actions/button/button.styles.js +149 -63
  8. package/dist/components/actions/button/button.styles.js.map +1 -1
  9. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  10. package/dist/components/actions/button/button.template.js +19 -1
  11. package/dist/components/actions/button/button.template.js.map +1 -1
  12. package/dist/components/actions/button-bar/button-bar.styles.js +4 -4
  13. package/dist/components/actions/button-group/button-group.js +2 -2
  14. package/dist/components/actions/button-group/button-group.js.map +1 -1
  15. package/dist/components/actions/button-group/button-group.styles.js +1 -1
  16. package/dist/components/actions/icon-button/icon-button.d.ts +43 -11
  17. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  18. package/dist/components/actions/icon-button/icon-button.js +68 -14
  19. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  20. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.styles.js +163 -106
  22. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.template.js +20 -2
  25. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  26. package/dist/components/actions/split-button/split-button.d.ts +5 -5
  27. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  28. package/dist/components/actions/split-button/split-button.js +19 -15
  29. package/dist/components/actions/split-button/split-button.js.map +1 -1
  30. package/dist/components/actions/split-button/split-button.styles.js +1 -1
  31. package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
  32. package/dist/components/actions/split-button/split-button.template.js +14 -12
  33. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  34. package/dist/components/actions/toolbar/toolbar.d.ts +4 -6
  35. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  36. package/dist/components/actions/toolbar/toolbar.js +31 -28
  37. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  38. package/dist/components/actions/toolbar/toolbar.styles.js +17 -17
  39. package/dist/components/actions/toolbar/toolbar.template.d.ts +3 -3
  40. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  41. package/dist/components/actions/toolbar/toolbar.template.js +17 -9
  42. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  43. package/dist/components/components.js +1 -1
  44. package/dist/components/content/blockquote/blockquote.styles.js +6 -6
  45. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  46. package/dist/components/content/code/code.styles.js +3 -3
  47. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  48. package/dist/components/content/icon/icon-aliases.js +15 -0
  49. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  50. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  51. package/dist/components/content/icon/icon-registry.js +11 -5
  52. package/dist/components/content/icon/icon-registry.js.map +1 -1
  53. package/dist/components/content/icon/icon.styles.js +1 -1
  54. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +22 -0
  55. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
  56. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +46 -2
  57. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  58. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +5 -5
  59. package/dist/components/content/rich-text/rich-text.d.ts +3 -1
  60. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  61. package/dist/components/content/rich-text/rich-text.js +6 -1
  62. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  63. package/dist/components/content/tag/tag.d.ts +3 -3
  64. package/dist/components/content/tag/tag.d.ts.map +1 -1
  65. package/dist/components/content/tag/tag.js +3 -3
  66. package/dist/components/content/tag/tag.js.map +1 -1
  67. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  68. package/dist/components/content/tag/tag.styles.js +113 -15
  69. package/dist/components/content/tag/tag.styles.js.map +1 -1
  70. package/dist/components/content/title/title.styles.js +20 -20
  71. package/dist/components/content/title/title.styles.js.map +1 -1
  72. package/dist/components/content/tooltip/tooltip.d.ts +13 -7
  73. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  74. package/dist/components/content/tooltip/tooltip.js +34 -22
  75. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  76. package/dist/components/content/tooltip/tooltip.styles.js +8 -8
  77. package/dist/components/forms/form-actions/form-actions.styles.js +2 -2
  78. package/dist/components/forms/form-field/form-field.styles.js +6 -6
  79. package/dist/components/{index-CJ3mdHHo.js → index-1v33GjGX.js} +4134 -3286
  80. package/dist/components/index.d.ts +1 -1
  81. package/dist/components/index.d.ts.map +1 -1
  82. package/dist/components/index.js +1 -1
  83. package/dist/components/index.js.map +1 -1
  84. package/dist/components/inputs/checkbox/checkbox.styles.js +9 -9
  85. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +4 -4
  86. package/dist/components/inputs/code-editor/code-editor.styles.js +14 -14
  87. package/dist/components/inputs/combo-box/combo-box.d.ts +1 -1
  88. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  89. package/dist/components/inputs/combo-box/combo-box.js +8 -2
  90. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  91. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  92. package/dist/components/inputs/combo-box/combo-box.styles.js +17 -14
  93. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  94. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  95. package/dist/components/inputs/combo-box/combo-box.template.js +4 -2
  96. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  97. package/dist/components/inputs/dropdown/dropdown.d.ts +13 -1
  98. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  99. package/dist/components/inputs/dropdown/dropdown.js +33 -2
  100. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  101. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  102. package/dist/components/inputs/dropdown/dropdown.styles.js +24 -16
  103. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -1
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  106. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +8 -2
  107. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  108. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  109. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +14 -11
  110. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  111. package/dist/components/inputs/number-field/number-field.d.ts +2 -4
  112. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  113. package/dist/components/inputs/number-field/number-field.js +8 -12
  114. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  115. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  116. package/dist/components/inputs/number-field/number-field.styles.js +19 -18
  117. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  118. package/dist/components/inputs/number-field/number-field.template.js +2 -2
  119. package/dist/components/inputs/password-field/password-field.d.ts +9 -9
  120. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  121. package/dist/components/inputs/password-field/password-field.js +24 -18
  122. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  123. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  124. package/dist/components/inputs/password-field/password-field.styles.js +20 -17
  125. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  126. package/dist/components/inputs/password-field/password-field.template.js +3 -3
  127. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  128. package/dist/components/inputs/radio-button/radio-button.styles.js +11 -11
  129. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +4 -4
  130. package/dist/components/inputs/search-field/search-field.d.ts +1 -1
  131. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  132. package/dist/components/inputs/search-field/search-field.js +8 -2
  133. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  134. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  135. package/dist/components/inputs/search-field/search-field.styles.js +19 -16
  136. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  137. package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -2
  138. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  139. package/dist/components/inputs/segmented-control/segmented-control.js +25 -4
  140. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  141. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  142. package/dist/components/inputs/segmented-control/segmented-control.styles.js +78 -107
  143. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  144. package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
  145. package/dist/components/inputs/stepper/stepper.styles.js +2 -2
  146. package/dist/components/inputs/stepper/stepper.template.js +2 -2
  147. package/dist/components/inputs/switch/switch.styles.js +13 -13
  148. package/dist/components/inputs/switch-field/switch-field.styles.js +4 -4
  149. package/dist/components/inputs/text-field/text-field.d.ts +1 -1
  150. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  151. package/dist/components/inputs/text-field/text-field.js +8 -2
  152. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  153. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  154. package/dist/components/inputs/text-field/text-field.styles.js +19 -16
  155. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  156. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  157. package/dist/components/inputs/toggle-button/toggle-button.styles.js +38 -18
  158. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  159. package/dist/components/inputs/token/token.d.ts +3 -3
  160. package/dist/components/inputs/token/token.d.ts.map +1 -1
  161. package/dist/components/inputs/token/token.js +6 -6
  162. package/dist/components/inputs/token/token.js.map +1 -1
  163. package/dist/components/inputs/token/token.styles.js +7 -7
  164. package/dist/components/inputs/token/token.template.js +2 -2
  165. package/dist/components/inputs/token/token.template.js.map +1 -1
  166. package/dist/components/layout/app-view/app-view.styles.js +4 -4
  167. package/dist/components/layout/box/box.styles.js +2 -2
  168. package/dist/components/layout/card/card.js +1 -1
  169. package/dist/components/layout/card/card.js.map +1 -1
  170. package/dist/components/layout/card/card.styles.js +4 -4
  171. package/dist/components/layout/collection/collection.styles.js +6 -6
  172. package/dist/components/layout/container/container.d.ts +4 -4
  173. package/dist/components/layout/container/container.js +4 -4
  174. package/dist/components/layout/container/container.styles.js +399 -399
  175. package/dist/components/layout/container/container.styles.js.map +1 -1
  176. package/dist/components/layout/divider/divider.styles.js +2 -2
  177. package/dist/components/layout/page/page.js +1 -1
  178. package/dist/components/layout/page/page.js.map +1 -1
  179. package/dist/components/layout/page/page.styles.js +9 -9
  180. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +6 -3
  181. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  182. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +21 -5
  183. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  184. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
  185. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +24 -23
  186. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  187. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -3
  188. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  189. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +21 -5
  190. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  191. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +18 -18
  192. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  193. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -3
  194. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  195. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +21 -5
  196. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  197. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +18 -18
  198. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  199. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +6 -3
  200. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  201. package/dist/components/layout/page-sections/simple-section/simple-section.js +21 -5
  202. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  203. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +23 -23
  204. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  205. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -3
  206. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  207. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +21 -5
  208. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  209. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +18 -18
  210. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  211. package/dist/components/layout/popover/popover.js +1 -1
  212. package/dist/components/layout/popover/popover.js.map +1 -1
  213. package/dist/components/layout/popover/popover.styles.js +4 -4
  214. package/dist/components/layout/sheet/sheet.d.ts +17 -4
  215. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  216. package/dist/components/layout/sheet/sheet.js +43 -9
  217. package/dist/components/layout/sheet/sheet.js.map +1 -1
  218. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  219. package/dist/components/layout/sheet/sheet.styles.js +33 -40
  220. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  221. package/dist/components/layout/spacer/spacer.styles.js +5 -5
  222. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +9 -9
  223. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +34 -34
  224. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
  225. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
  226. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +1 -1
  227. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
  228. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +3 -3
  229. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +7 -7
  230. package/dist/components/layout/window/window.js +1 -1
  231. package/dist/components/layout/window/window.js.map +1 -1
  232. package/dist/components/layout/window/window.styles.js +8 -8
  233. package/dist/components/lists-and-menus/cells/cell/cell.d.ts +4 -2
  234. package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +1 -1
  235. package/dist/components/lists-and-menus/cells/cell/cell.js +17 -6
  236. package/dist/components/lists-and-menus/cells/cell/cell.js.map +1 -1
  237. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  238. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +26 -15
  239. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  240. package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts +2 -2
  241. package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +1 -1
  242. package/dist/components/lists-and-menus/cells/description-cell/description-cell.js +12 -7
  243. package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +1 -1
  244. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  245. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +9 -8
  246. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  247. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
  248. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +1 -1
  249. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js +1 -1
  250. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +1 -1
  251. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +1 -1
  252. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js +1 -1
  253. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +1 -1
  254. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +1 -1
  255. package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts +3 -4
  256. package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +1 -1
  257. package/dist/components/lists-and-menus/cells/text-cell/text-cell.js +13 -9
  258. package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +1 -1
  259. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  260. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +26 -9
  261. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  262. package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts +3 -4
  263. package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +1 -1
  264. package/dist/components/lists-and-menus/cells/title-cell/title-cell.js +12 -8
  265. package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +1 -1
  266. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  267. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +26 -9
  268. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  269. package/dist/components/lists-and-menus/list/list.d.ts.map +1 -1
  270. package/dist/components/lists-and-menus/list/list.i18n.js +1 -1
  271. package/dist/components/lists-and-menus/list/list.i18n.js.map +1 -1
  272. package/dist/components/lists-and-menus/list/list.js +7 -0
  273. package/dist/components/lists-and-menus/list/list.js.map +1 -1
  274. package/dist/components/lists-and-menus/list/list.styles.js +13 -13
  275. package/dist/components/lists-and-menus/list-item/list-item.styles.js +21 -21
  276. package/dist/components/lists-and-menus/menu/menu.d.ts +160 -29
  277. package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
  278. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +2 -0
  279. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +1 -1
  280. package/dist/components/lists-and-menus/menu/menu.i18n.js +2 -0
  281. package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
  282. package/dist/components/lists-and-menus/menu/menu.js +534 -102
  283. package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
  284. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  285. package/dist/components/lists-and-menus/menu/menu.styles.js +93 -32
  286. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  287. package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +1 -1
  288. package/dist/components/lists-and-menus/menu/menu.template.js +13 -0
  289. package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
  290. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +0 -2
  291. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
  292. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +20 -22
  293. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  294. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +48 -48
  295. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  296. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +12 -10
  297. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  298. package/dist/components/navigation/link/link.d.ts.map +1 -0
  299. package/dist/components/navigation/link/link.js.map +1 -0
  300. package/dist/components/navigation/link/link.styles.d.ts.map +1 -0
  301. package/dist/components/{actions → navigation}/link/link.styles.js +4 -4
  302. package/dist/components/navigation/link/link.styles.js.map +1 -0
  303. package/dist/components/navigation/link/link.template.d.ts.map +1 -0
  304. package/dist/components/navigation/link/link.template.js.map +1 -0
  305. package/dist/components/navigation/menu-bar/menu-bar.d.ts +17 -5
  306. package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
  307. package/dist/components/navigation/menu-bar/menu-bar.js +80 -35
  308. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  309. package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -2
  310. package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
  311. package/dist/components/navigation/menu-bar/menu-bar.template.js +12 -2
  312. package/dist/components/navigation/menu-bar/menu-bar.template.js.map +1 -1
  313. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +17 -1
  314. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  315. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +28 -6
  316. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  317. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +21 -21
  318. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
  319. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +3 -1
  320. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
  321. package/dist/components/navigation/pagination/pagination.d.ts +15 -2
  322. package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
  323. package/dist/components/navigation/pagination/pagination.js +24 -4
  324. package/dist/components/navigation/pagination/pagination.js.map +1 -1
  325. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  326. package/dist/components/navigation/pagination/pagination.styles.js +48 -76
  327. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  328. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  329. package/dist/components/navigation/pagination/pagination.template.js +23 -16
  330. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  331. package/dist/components/navigation/skip-link/skip-link.styles.js +9 -9
  332. package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -1
  333. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  334. package/dist/components/navigation/tab-bar/tab-bar.js +5 -3
  335. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  336. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  337. package/dist/components/navigation/tab-bar/tab-bar.styles.js +55 -58
  338. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  339. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +2 -2
  340. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  341. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  342. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +57 -70
  343. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  344. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  345. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +16 -14
  346. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  347. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  348. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +1 -0
  349. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  350. package/dist/components/{prism-typescript-Cdpexfvg.js → prism-typescript-D2EqsCqV.js} +1 -1
  351. package/dist/components/status-and-feedback/badge/badge.d.ts +3 -3
  352. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  353. package/dist/components/status-and-feedback/badge/badge.js +3 -3
  354. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  355. package/dist/components/status-and-feedback/badge/badge.styles.js +13 -13
  356. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +7 -7
  357. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +5 -5
  358. package/dist/css/global.css +1 -0
  359. package/dist/css/reset.css +7 -0
  360. package/dist/css/rich-text.css +106 -79
  361. package/dist/css/settings.css +121 -89
  362. package/dist/utilities/os.d.ts +27 -0
  363. package/dist/utilities/os.d.ts.map +1 -0
  364. package/dist/utilities/os.js +60 -0
  365. package/dist/utilities/os.js.map +1 -0
  366. package/dist/utilities/visibility-mixin.d.ts +18 -12
  367. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  368. package/dist/utilities/visibility-mixin.js +21 -14
  369. package/dist/utilities/visibility-mixin.js.map +1 -1
  370. package/package.json +6 -6
  371. package/dist/components/actions/link/link.d.ts.map +0 -1
  372. package/dist/components/actions/link/link.js.map +0 -1
  373. package/dist/components/actions/link/link.styles.d.ts.map +0 -1
  374. package/dist/components/actions/link/link.styles.js.map +0 -1
  375. package/dist/components/actions/link/link.template.d.ts.map +0 -1
  376. package/dist/components/actions/link/link.template.js.map +0 -1
  377. /package/dist/components/{actions → navigation}/link/link.d.ts +0 -0
  378. /package/dist/components/{actions → navigation}/link/link.js +0 -0
  379. /package/dist/components/{actions → navigation}/link/link.styles.d.ts +0 -0
  380. /package/dist/components/{actions → navigation}/link/link.template.d.ts +0 -0
  381. /package/dist/components/{actions → navigation}/link/link.template.js +0 -0
@@ -17,7 +17,7 @@ export const tabBarStyles = css `
17
17
  display: none;
18
18
  }
19
19
 
20
- :host([full-width]) {
20
+ :host([centered]) {
21
21
  display: block;
22
22
  width: 100%;
23
23
  }
@@ -32,18 +32,17 @@ export const tabBarStyles = css `
32
32
  align-items: center;
33
33
  }
34
34
 
35
- :host([full-width]) .tab-bar {
35
+ :host([centered]) .tab-bar {
36
36
  justify-content: center;
37
37
  }
38
38
 
39
39
  .tab-bar__items {
40
40
  display: flex;
41
+ border-radius: var(--semantics-controls-md-corner-radius);
42
+ background-color: var(--semantics-buttons-neutral-tinted-background-color);
41
43
  flex-direction: row;
42
44
  justify-content: center;
43
45
  align-items: center;
44
- background-color: var(--semantics-buttons-neutral-tinted-background-color);
45
- border-radius: var(--semantics-controls-md-corner-radius);
46
- padding: 0 var(--primitives-space-2);
47
46
  }
48
47
 
49
48
  :host([compact]) .tab-bar__items {
@@ -78,101 +77,77 @@ export const tabBarItemStyles = css `
78
77
  /* # Item */
79
78
 
80
79
  .tab-bar__item {
81
- appearance: none;
82
- border: none;
83
- margin: 0;
84
- padding: 0;
85
- background: none;
86
- text-decoration: none;
87
80
  box-sizing: border-box;
88
81
  display: flex;
89
82
  position: relative;
83
+ margin: 0;
84
+ border: none;
85
+ border-radius: var(--semantics-controls-md-corner-radius);
86
+ background: none;
87
+ padding: 0;
90
88
  justify-content: center;
91
89
  align-items: center;
92
- font: var(--semantics-buttons-md-font);
93
90
  color: var(--semantics-buttons-neutral-tinted-content-color);
91
+ font: var(--semantics-buttons-md-font);
92
+ text-decoration: none;
93
+ appearance: none;
94
94
  }
95
95
 
96
96
  :host([variant='icon-and-text']) .tab-bar__item {
97
- flex-direction: row;
98
- gap: var(--semantics-buttons-md-gap);
99
- padding: var(--primitives-space-8) var(--primitives-space-12);
100
97
  height: var(--semantics-controls-md-min-size);
98
+ padding: var(--primitives-space-8) var(--primitives-space-12);
99
+ gap: var(--semantics-buttons-md-gap);
101
100
  }
102
101
 
103
102
  :host([variant='text']) .tab-bar__item {
104
- flex-direction: row;
105
- padding: var(--primitives-space-8) var(--primitives-space-12);
106
103
  height: var(--semantics-controls-md-min-size);
104
+ padding: var(--primitives-space-8) var(--primitives-space-12);
107
105
  }
108
106
 
109
107
  :host([variant='icon']) .tab-bar__item {
110
- flex-direction: row;
111
- padding: var(--primitives-space-8);
108
+ width: var(--semantics-controls-md-min-size);
112
109
  height: var(--semantics-controls-md-min-size);
110
+ padding: 0;
113
111
  }
114
112
 
115
113
  :host([variant='compact']) .tab-bar__item {
116
- flex-direction: column;
117
- padding: var(--primitives-space-8);
118
114
  height: var(--semantics-controls-lg-min-size);
115
+ padding: var(--primitives-space-8);
116
+ flex-direction: column;
119
117
  }
120
118
 
121
119
  :host([responsive]) .tab-bar__item {
122
120
  @media (max-width: ${smMax}) {
121
+ height: var(--semantics-controls-lg-min-size);
122
+ padding: var(--primitives-space-8);
123
123
  flex-direction: column;
124
124
  gap: 0;
125
- padding: var(--primitives-space-8);
126
- height: var(--semantics-controls-lg-min-size);
127
125
  }
128
126
 
129
- @container layout-area (max-width: ${smMax}) {
127
+ @container layout-container (max-width: ${smMax}) {
128
+ height: var(--semantics-controls-lg-min-size);
129
+ padding: var(--primitives-space-8);
130
130
  flex-direction: column;
131
131
  gap: 0;
132
- padding: var(--primitives-space-8);
133
- height: var(--semantics-controls-lg-min-size);
134
132
  }
135
133
  }
136
134
 
137
- :host([selected]) .tab-bar__item {
138
- color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
139
- }
140
-
141
- .tab-bar__item:focus-visible {
142
- outline: none;
143
- }
144
-
145
-
146
- /* # Indicator */
147
-
148
- .tab-bar__item::before {
149
- content: '';
150
- position: absolute;
151
- inset: var(--primitives-space-4) var(--primitives-space-2);
152
- border-radius: var(--primitives-corner-radius-sm);
153
- background-color: transparent;
154
- z-index: 0;
155
- pointer-events: none;
156
- }
157
-
158
135
  @media (hover: hover) {
159
- .tab-bar__item:hover::before {
136
+ .tab-bar__item:hover {
160
137
  background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
161
138
  }
162
139
  }
163
140
 
164
- :host([selected]) .tab-bar__item::before {
141
+ :host([selected]) .tab-bar__item {
165
142
  background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
143
+ color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
166
144
 
167
145
  @media (forced-colors: active) {
168
146
  background-color: Highlight;
169
147
  }
170
148
  }
171
149
 
172
-
173
- /* # Focus */
174
-
175
- .tab-bar__item:focus-visible::before {
150
+ .tab-bar__item:focus-visible {
176
151
  outline: var(--semantics-focus-ring-outline);
177
152
  outline-offset: var(--semantics-focus-ring-outline-offset);
178
153
  box-shadow: var(--semantics-focus-ring-box-shadow);
@@ -183,13 +158,35 @@ export const tabBarItemStyles = css `
183
158
 
184
159
  .tab-bar__item-icon {
185
160
  display: flex;
186
- align-items: center;
187
- justify-content: center;
188
161
  position: relative;
189
162
  z-index: 1;
163
+ width: var(--semantics-buttons-md-icon-size);
164
+ height: var(--semantics-buttons-md-icon-size);
165
+ justify-content: center;
166
+ align-items: center;
190
167
  flex-shrink: 0;
191
- width: var(--primitives-space-24);
192
- height: var(--primitives-space-24);
168
+ }
169
+
170
+ :host([variant='icon']) .tab-bar__item-icon {
171
+ width: var(--semantics-buttons-md-icon-only-icon-size);
172
+ height: var(--semantics-buttons-md-icon-only-icon-size);
173
+ }
174
+
175
+ :host([variant='compact']) .tab-bar__item-icon {
176
+ width: var(--semantics-buttons-md-icon-only-icon-size);
177
+ height: var(--semantics-buttons-md-icon-only-icon-size);
178
+ }
179
+
180
+ :host([responsive]) .tab-bar__item-icon {
181
+ @media (max-width: ${smMax}) {
182
+ width: var(--semantics-buttons-md-icon-only-icon-size);
183
+ height: var(--semantics-buttons-md-icon-only-icon-size);
184
+ }
185
+
186
+ @container layout-container (max-width: ${smMax}) {
187
+ width: var(--semantics-buttons-md-icon-only-icon-size);
188
+ height: var(--semantics-buttons-md-icon-only-icon-size);
189
+ }
193
190
  }
194
191
 
195
192
  :host([variant='text']) .tab-bar__item-icon {
@@ -223,7 +220,7 @@ export const tabBarItemStyles = css `
223
220
  font: var(--primitives-font-body-xxs-bold-flat);
224
221
  }
225
222
 
226
- @container layout-area (max-width: ${smMax}) {
223
+ @container layout-container (max-width: ${smMax}) {
227
224
  font: var(--primitives-font-body-xxs-bold-flat);
228
225
  }
229
226
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.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,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4DZ,KAAK;;;;;;;uCAOW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6FrB,KAAK;;;;uCAIW,KAAK;;;;;CAK3C,CAAC"}
1
+ {"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.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,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2DZ,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAsD1B,KAAK;;;;;4CAKgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiC1B,KAAK;;;;4CAIgB,KAAK;;;;;CAKhD,CAAC"}
@@ -98,11 +98,11 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
98
98
  const menuButtonItem = this._menuButton?.querySelector('nldd-menu-bar-item');
99
99
  this._globalMenuSheet.addEventListener('open', () => {
100
100
  if (menuButtonItem)
101
- menuButtonItem.open = true;
101
+ menuButtonItem.expanded = true;
102
102
  });
103
103
  this._globalMenuSheet.addEventListener('close', () => {
104
104
  if (menuButtonItem)
105
- menuButtonItem.open = false;
105
+ menuButtonItem.expanded = false;
106
106
  });
107
107
  }
108
108
  this._syncGlobalMenuSheetItems();
@@ -1 +1 @@
1
- {"version":3,"file":"top-navigation-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"top-navigation-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,yBA6TlC,CAAC"}
1
+ {"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,yBA+SlC,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
  import { breakpoints } from '../../../assets/styles/breakpoints.js';
3
+ const smMax = unsafeCSS(breakpoints.smMax);
3
4
  const mdMin = unsafeCSS(breakpoints.mdMin);
4
5
  const mdMax = unsafeCSS(breakpoints.mdMax);
5
6
  const lgMin = unsafeCSS(breakpoints.lgMin);
@@ -10,26 +11,11 @@ export const topNavigationBarStyles = css `
10
11
  /* # Host */
11
12
 
12
13
  :host {
13
- --_logo-width: var(--primitives-space-40);
14
14
  --_wordmark-content-color: light-dark(var(--primitives-color-reference-lintblauw), var(--primitives-color-neutral-1000));
15
+ --_logo-width: var(--primitives-space-40);
16
+
15
17
  display: block;
16
18
  width: 100%;
17
-
18
- @media (min-width: ${mdMin}) {
19
- --_logo-width: var(--primitives-space-44);
20
- }
21
-
22
- @media (min-width: ${lgMin}) {
23
- --_logo-width: var(--primitives-space-48);
24
- }
25
-
26
- @container layout-area (min-width: ${mdMin}) {
27
- --_logo-width: var(--primitives-space-44);
28
- }
29
-
30
- @container layout-area (min-width: ${lgMin}) {
31
- --_logo-width: var(--primitives-space-48);
32
- }
33
19
  }
34
20
 
35
21
  :host([hidden]) {
@@ -41,12 +27,12 @@ export const topNavigationBarStyles = css `
41
27
 
42
28
  .top-navigation-bar {
43
29
  display: flex;
44
- flex-direction: column;
45
- width: 100%;
46
- margin: 0 auto;
47
30
  box-sizing: border-box;
48
31
  container-type: inline-size;
49
- container-name: top-navigation-bar;
32
+ container-name: top-navigation-bar-container;
33
+ margin: 0 auto;
34
+ width: 100%;
35
+ flex-direction: column;
50
36
  }
51
37
 
52
38
 
@@ -57,21 +43,16 @@ export const topNavigationBarStyles = css `
57
43
  grid-template-columns: 1fr auto 1fr;
58
44
  gap: var(--primitives-space-8);
59
45
  align-items: center;
60
- padding-inline: var(--semantics-page-sections-sm-margin-inline);
61
46
 
62
- @media (min-width: ${mdMin}) {
63
- padding-inline: var(--semantics-page-sections-md-margin-inline);
64
- }
65
-
66
- @media (min-width: ${lgMin}) {
67
- padding-inline: var(--semantics-page-sections-lg-margin-inline);
47
+ @container top-navigation-bar-container (max-width: ${smMax}) {
48
+ padding-inline: var(--semantics-page-sections-sm-margin-inline);
68
49
  }
69
50
 
70
- @container layout-area (min-width: ${mdMin}) {
51
+ @container top-navigation-bar-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
71
52
  padding-inline: var(--semantics-page-sections-md-margin-inline);
72
53
  }
73
54
 
74
- @container layout-area (min-width: ${lgMin}) {
55
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
75
56
  padding-inline: var(--semantics-page-sections-lg-margin-inline);
76
57
  }
77
58
  }
@@ -79,13 +60,25 @@ export const topNavigationBarStyles = css `
79
60
  /* ## Logo */
80
61
 
81
62
  .top-navigation-bar__logo {
63
+ display: flex;
64
+ width: var(--_logo-width);
65
+ height: calc(var(--_logo-width) * 2);
82
66
  grid-column: 2;
83
67
  align-self: start;
84
- display: flex;
85
68
  align-items: center;
86
69
  justify-content: center;
87
- width: var(--_logo-width);
88
- height: calc(var(--_logo-width) * 2);
70
+
71
+ @container top-navigation-bar-container (max-width: ${smMax}) {
72
+ --_logo-width: var(--primitives-space-40);
73
+ }
74
+
75
+ @container top-navigation-bar-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
76
+ --_logo-width: var(--primitives-space-44);
77
+ }
78
+
79
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
80
+ --_logo-width: var(--primitives-space-48);
81
+ }
89
82
  }
90
83
 
91
84
  .top-navigation-bar__logo svg {
@@ -107,8 +100,8 @@ export const topNavigationBarStyles = css `
107
100
  /* ## Logo and wordmark */
108
101
 
109
102
  .top-navigation-bar__logo-and-wordmark {
110
- grid-column: 2 / 4;
111
103
  display: grid;
104
+ grid-column: 2 / 4;
112
105
  grid-template-columns: subgrid;
113
106
  align-items: center;
114
107
  }
@@ -134,17 +127,17 @@ export const topNavigationBarStyles = css `
134
127
  /* ## Wordmark */
135
128
 
136
129
  .top-navigation-bar__wordmark {
137
- grid-column: 3;
138
130
  display: flex;
139
- flex-direction: column;
140
131
  min-height: calc(var(--_logo-width) * 2);
132
+ grid-column: 3;
133
+ flex-direction: column;
141
134
  color: var(--_wordmark-content-color);
142
135
  }
143
136
 
144
137
  .top-navigation-bar__wordmark-spacer {
138
+ height: var(--_logo-width);
145
139
  flex-grow: 0;
146
140
  flex-shrink: 0;
147
- height: var(--_logo-width);
148
141
  }
149
142
 
150
143
  .top-navigation-bar__wordmark-content {
@@ -156,18 +149,18 @@ export const topNavigationBarStyles = css `
156
149
  }
157
150
 
158
151
  .top-navigation-bar__wordmark-title {
159
- font: var(--primitives-font-body-sm-bold-flat);
160
152
  margin: 0;
153
+ font: var(--primitives-font-body-sm-bold-flat);
161
154
  }
162
155
 
163
156
  .top-navigation-bar__wordmark-subtitle {
164
- font: var(--primitives-font-body-xs-regular-flat);
165
157
  margin: 0;
158
+ font: var(--primitives-font-body-xs-regular-flat);
166
159
  }
167
160
 
168
161
  .top-navigation-bar__wordmark-supporting-text {
169
- font: var(--primitives-font-body-xxs-regular-flat);
170
162
  margin: 0;
163
+ font: var(--primitives-font-body-xxs-regular-flat);
171
164
  }
172
165
 
173
166
 
@@ -175,26 +168,20 @@ export const topNavigationBarStyles = css `
175
168
 
176
169
  .top-navigation-bar__main-bar {
177
170
  display: flex;
178
- flex-direction: column;
179
- padding-inline: calc(var(--semantics-page-sections-sm-margin-inline) - var(--components-menu-bar-item-inline-padding));
180
171
 
181
- @media (min-width: ${mdMin}) {
182
- padding-inline: var(--semantics-page-sections-md-margin-inline);
172
+ @container top-navigation-bar-container (max-width: ${smMax}) {
173
+ padding-inline: var(--semantics-page-sections-sm-margin-inline);
174
+ flex-direction: column;
183
175
  }
184
176
 
185
- @media (min-width: ${lgMin}) {
186
- padding-inline: var(--semantics-page-sections-lg-margin-inline);
187
- }
188
-
189
- @container layout-area (min-width: ${mdMin}) {
177
+ @container top-navigation-bar-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
190
178
  padding-inline: var(--semantics-page-sections-md-margin-inline);
179
+ flex-direction: row;
180
+ align-items: center;
191
181
  }
192
182
 
193
- @container layout-area (min-width: ${lgMin}) {
183
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
194
184
  padding-inline: var(--semantics-page-sections-lg-margin-inline);
195
- }
196
-
197
- @container top-navigation-bar (min-width: ${mdMin}) {
198
185
  flex-direction: row;
199
186
  align-items: center;
200
187
  }
@@ -204,13 +191,13 @@ export const topNavigationBarStyles = css `
204
191
 
205
192
  .top-navigation-bar__website-title-bar {
206
193
  display: flex;
194
+ padding: var(--primitives-space-4) var(--primitives-space-8);
207
195
  align-items: center;
208
196
  justify-content: center;
209
- padding: var(--primitives-space-4) var(--primitives-space-8);
210
197
 
211
- @container top-navigation-bar (min-width: ${mdMin}) {
212
- justify-content: flex-start;
198
+ @container top-navigation-bar-container (min-width: ${mdMin}) {
213
199
  padding: 0;
200
+ justify-content: flex-start;
214
201
  }
215
202
  }
216
203
 
@@ -221,7 +208,7 @@ export const topNavigationBarStyles = css `
221
208
  color: var(--semantics-content-color);
222
209
  white-space: nowrap;
223
210
 
224
- @container top-navigation-bar (min-width: ${mdMin}) {
211
+ @container top-navigation-bar-container (min-width: ${mdMin}) {
225
212
  font: var(--components-top-navigation-bar-title-md-font);
226
213
  /* Create spacing between title and menu-bar on md+ where they sit
227
214
  on the same row. On sm the title-bar stacks above the menu-bar
@@ -229,14 +216,14 @@ export const topNavigationBarStyles = css `
229
216
  margin-inline-end: var(--primitives-space-8);
230
217
  }
231
218
 
232
- @container top-navigation-bar (min-width: ${lgMin}) {
219
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
233
220
  font: var(--components-top-navigation-bar-title-lg-font);
234
221
  }
235
222
  }
236
223
 
237
224
  a.top-navigation-bar__website-title {
238
- text-decoration: none;
239
225
  border-radius: var(--primitives-corner-radius-xxs);
226
+ text-decoration: none;
240
227
  }
241
228
 
242
229
  a.top-navigation-bar__website-title:focus-visible {
@@ -249,24 +236,24 @@ export const topNavigationBarStyles = css `
249
236
 
250
237
  .top-navigation-bar__menu-bar {
251
238
  display: flex;
239
+ min-width: 0;
252
240
  align-items: center;
253
241
  flex-grow: 1;
254
- min-width: 0;
255
242
  }
256
243
 
257
244
  /* ## Menu bar start */
258
245
 
259
246
  .top-navigation-bar__menu-bar-start {
260
247
  display: flex;
261
- align-items: center;
262
248
  min-width: 0;
249
+ align-items: center;
263
250
  flex-grow: 1;
264
251
 
265
- @container top-navigation-bar (max-width: ${mdMax}) {
252
+ @container top-navigation-bar-container (max-width: ${mdMax}) {
266
253
  flex-shrink: 0;
267
254
  }
268
255
 
269
- @container top-navigation-bar (min-width: ${lgMin}) {
256
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
270
257
  flex-shrink: 1;
271
258
  }
272
259
  }
@@ -275,14 +262,14 @@ export const topNavigationBarStyles = css `
275
262
 
276
263
  .top-navigation-bar__menu-bar-end {
277
264
  display: flex;
278
- align-items: center;
279
265
  min-width: 0;
266
+ align-items: center;
280
267
 
281
- @container top-navigation-bar (max-width: ${mdMax}) {
268
+ @container top-navigation-bar-container (max-width: ${mdMax}) {
282
269
  flex-shrink: 1;
283
270
  }
284
271
 
285
- @container top-navigation-bar (min-width: ${lgMin}) {
272
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
286
273
  flex-shrink: 0;
287
274
  }
288
275
  }
@@ -291,10 +278,10 @@ export const topNavigationBarStyles = css `
291
278
 
292
279
  .top-navigation-bar__global-menu-bar {
293
280
  display: none;
281
+ min-width: 0;
294
282
  flex-grow: 1;
295
283
  flex-shrink: 1;
296
- min-width: 0;
297
- @container top-navigation-bar (min-width: ${lgMin}) {
284
+ @container top-navigation-bar-container (min-width: ${lgMin}) {
298
285
  :host(.has-global-items) & {
299
286
  display: flex;
300
287
  }
@@ -306,7 +293,7 @@ export const topNavigationBarStyles = css `
306
293
  .top-navigation-bar__menu-button {
307
294
  display: none;
308
295
 
309
- @container top-navigation-bar (max-width: ${mdMax}) {
296
+ @container top-navigation-bar-container (max-width: ${mdMax}) {
310
297
  :host(.has-global-items) & {
311
298
  display: inline-block;
312
299
  }
@@ -317,9 +304,9 @@ export const topNavigationBarStyles = css `
317
304
 
318
305
  .top-navigation-bar__utility-menu-bar {
319
306
  display: flex;
307
+ min-width: 0;
320
308
  flex-grow: 1;
321
309
  flex-shrink: 1;
322
- min-width: 0;
323
310
  }
324
311
  `;
325
312
  //# sourceMappingURL=top-navigation-bar.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.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;AAE3C,8BAA8B;AAE9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;uBAWlB,KAAK;;;;uBAIL,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgCrB,KAAK;;;;uBAIL,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2GrB,KAAK;;;;uBAIL,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK;;;;8CAIE,KAAK;;;;;;;;;;;;;;8CAcL,KAAK;;;;;;;;;;;;;8CAaL,KAAK;;;;;;;;8CAQL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAiCL,KAAK;;;;8CAIL,KAAK;;;;;;;;;;;;8CAYL,KAAK;;;;8CAIL,KAAK;;;;;;;;;;;;8CAYL,KAAK;;;;;;;;;;;;8CAYL,KAAK;;;;;;;;;;;;;;;CAelD,CAAC"}
1
+ {"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.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,8BAA8B;AAE9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAuCe,KAAK;;;;wDAIL,KAAK,qBAAqB,KAAK;;;;wDAI/B,KAAK;;;;;;;;;;;;;;;;wDAgBL,KAAK;;;;wDAIL,KAAK,qBAAqB,KAAK;;;;wDAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDA6FL,KAAK;;;;;wDAKL,KAAK,qBAAqB,KAAK;;;;;;wDAM/B,KAAK;;;;;;;;;;;;;;;wDAeL,KAAK;;;;;;;;;;;;;wDAaL,KAAK;;;;;;;;wDAQL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAiCL,KAAK;;;;wDAIL,KAAK;;;;;;;;;;;;wDAYL,KAAK;;;;wDAIL,KAAK;;;;;;;;;;;;wDAYL,KAAK;;;;;;;;;;;;wDAYL,KAAK;;;;;;;;;;;;;;;CAe5D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"top-title-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA4J7B,CAAC"}
1
+ {"version":3,"file":"top-title-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA8J7B,CAAC"}