@nldd/design-system 0.8.55 → 0.8.57

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 (203) hide show
  1. package/README.md +15 -0
  2. package/dist/components/actions/button/button.d.ts +13 -4
  3. package/dist/components/actions/button/button.d.ts.map +1 -1
  4. package/dist/components/actions/button/button.js +23 -3
  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 +269 -87
  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 +33 -17
  11. package/dist/components/actions/button/button.template.js.map +1 -1
  12. package/dist/components/actions/button-bar/button-bar.d.ts +2 -2
  13. package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
  14. package/dist/components/actions/button-bar/button-bar.js +3 -1
  15. package/dist/components/actions/button-bar/button-bar.js.map +1 -1
  16. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  17. package/dist/components/actions/button-bar/button-bar.styles.js +28 -4
  18. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.d.ts +14 -4
  20. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.js +23 -3
  22. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.styles.js +127 -63
  25. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  27. package/dist/components/actions/icon-button/icon-button.template.js +4 -2
  28. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  29. package/dist/components/actions/menu/menu.d.ts +9 -0
  30. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  31. package/dist/components/actions/menu/menu.js +27 -2
  32. package/dist/components/actions/menu/menu.js.map +1 -1
  33. package/dist/components/actions/split-button/split-button.d.ts +30 -20
  34. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  35. package/dist/components/actions/split-button/split-button.js +73 -49
  36. package/dist/components/actions/split-button/split-button.js.map +1 -1
  37. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  38. package/dist/components/actions/split-button/split-button.styles.js +39 -3
  39. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  40. package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
  41. package/dist/components/actions/split-button/split-button.template.js +6 -1
  42. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  43. package/dist/components/actions/toolbar/toolbar.d.ts +91 -14
  44. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  45. package/dist/components/actions/toolbar/toolbar.js +299 -103
  46. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  47. package/dist/components/actions/toolbar/toolbar.styles.d.ts +2 -0
  48. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  49. package/dist/components/actions/toolbar/toolbar.styles.js +109 -41
  50. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  51. package/dist/components/actions/toolbar/toolbar.template.d.ts +7 -4
  52. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  53. package/dist/components/actions/toolbar/toolbar.template.js +22 -69
  54. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  55. package/dist/components/components.js +1 -1
  56. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  57. package/dist/components/content/code-viewer/code-viewer.styles.js +4 -0
  58. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  59. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  60. package/dist/components/content/icon/icon-aliases.js +48 -2
  61. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  62. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  63. package/dist/components/content/icon/icon-registry.js +37 -2
  64. package/dist/components/content/icon/icon-registry.js.map +1 -1
  65. package/dist/components/content/image/image.d.ts +1 -1
  66. package/dist/components/content/image/image.d.ts.map +1 -1
  67. package/dist/components/content/image/image.i18n.d.ts +1 -1
  68. package/dist/components/content/image/image.i18n.js +1 -1
  69. package/dist/components/content/image/image.i18n.js.map +1 -1
  70. package/dist/components/content/image/image.js +7 -2
  71. package/dist/components/content/image/image.js.map +1 -1
  72. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  73. package/dist/components/content/image/image.styles.js +21 -30
  74. package/dist/components/content/image/image.styles.js.map +1 -1
  75. package/dist/components/content/image/image.template.d.ts.map +1 -1
  76. package/dist/components/content/image/image.template.js +4 -11
  77. package/dist/components/content/image/image.template.js.map +1 -1
  78. package/dist/components/content/image/lqip-encoder-element.js +1 -1
  79. package/dist/components/{index-C3JellW2.js → index-DHU98C6V.js} +1561 -783
  80. package/dist/components/inputs/combo-box/combo-box.styles.js +1 -1
  81. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  82. package/dist/components/inputs/dropdown/dropdown.styles.js +31 -18
  83. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  84. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +1 -1
  85. package/dist/components/inputs/password-field/password-field.styles.js +1 -1
  86. package/dist/components/inputs/search-field/search-field.styles.js +1 -1
  87. package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -4
  88. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  89. package/dist/components/inputs/segmented-control/segmented-control.js +4 -3
  90. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  91. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  92. package/dist/components/inputs/segmented-control/segmented-control.styles.js +59 -9
  93. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  94. package/dist/components/inputs/segmented-control/segmented-control.template.js +3 -3
  95. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  96. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  97. package/dist/components/inputs/stepper/stepper.styles.js +16 -5
  98. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  99. package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
  100. package/dist/components/inputs/stepper/stepper.template.js +2 -0
  101. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  102. package/dist/components/inputs/text-field/text-field.styles.js +1 -1
  103. package/dist/components/inputs/toggle-button/toggle-button.d.ts +4 -3
  104. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  105. package/dist/components/inputs/toggle-button/toggle-button.js +3 -2
  106. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  107. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  108. package/dist/components/inputs/toggle-button/toggle-button.styles.js +53 -17
  109. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  110. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  111. package/dist/components/inputs/toggle-button/toggle-button.template.js +3 -4
  112. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  113. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  114. package/dist/components/inputs/token/token.styles.js +24 -7
  115. package/dist/components/inputs/token/token.styles.js.map +1 -1
  116. package/dist/components/inputs/token/token.template.d.ts.map +1 -1
  117. package/dist/components/inputs/token/token.template.js +1 -0
  118. package/dist/components/inputs/token/token.template.js.map +1 -1
  119. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -1
  120. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  121. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +0 -5
  122. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  123. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -0
  124. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  125. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  126. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +5 -0
  127. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  128. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts +1 -1
  129. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  130. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +7 -3
  131. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  132. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -0
  133. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  134. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  135. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +5 -0
  136. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  137. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts +1 -1
  138. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  139. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +7 -3
  140. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  141. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -1
  142. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  143. package/dist/components/layout/page-sections/simple-section/simple-section.js +0 -5
  144. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  145. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -0
  146. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  147. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  148. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +5 -0
  149. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  150. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts +1 -1
  151. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  152. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +7 -3
  153. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  154. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
  155. package/dist/components/lists-and-tables/table/table.styles.js +7 -0
  156. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
  157. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +2 -22
  158. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  159. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +0 -1
  160. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map +1 -1
  161. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +0 -1
  162. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
  163. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +2 -52
  164. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  165. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
  166. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +1 -47
  167. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  168. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
  169. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -17
  170. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map +1 -1
  171. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  172. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +39 -19
  173. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  174. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  175. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +4 -0
  176. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  177. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  178. package/dist/components/navigation/pagination/pagination.styles.js +35 -15
  179. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  180. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  181. package/dist/components/navigation/pagination/pagination.template.js +2 -0
  182. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  183. package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -4
  184. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  185. package/dist/components/navigation/tab-bar/tab-bar.js +17 -2
  186. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  187. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  188. package/dist/components/navigation/tab-bar/tab-bar.styles.js +74 -18
  189. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  190. package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
  191. package/dist/components/navigation/tab-bar/tab-bar.template.js +4 -1
  192. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  193. package/dist/components/{prism-python-QiimuE8j.js → prism-python-9EoInm_N.js} +1 -1
  194. package/dist/components/{prism-rust-D4vfxUpk.js → prism-rust-Chzr6sBk.js} +1 -1
  195. package/dist/components/{prism-typescript-Dy2F4cF2.js → prism-typescript-DPJmu--x.js} +1 -1
  196. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -2
  197. package/dist/css/rich-text.css +6 -1
  198. package/dist/css/settings.css +139 -35
  199. package/dist/utilities/page-section-mixin.d.ts +1 -0
  200. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  201. package/dist/utilities/page-section-mixin.js +9 -0
  202. package/dist/utilities/page-section-mixin.js.map +1 -1
  203. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IA0BZ,CAAC;IAxBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAED,aAAa,CAAC,CAAQ;QACrB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,aAA4B,CAAC;QAClD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IACvD,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AA7Be,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AALC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA+B7B"}
1
+ {"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AAvBe,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AALC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAyB7B"}
@@ -41,6 +41,7 @@ declare const NLDDTwoThirdsOneThirdSection_base: typeof LitElement & (new (...ar
41
41
  lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
42
42
  lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
43
43
  height?: string;
44
+ _onSlotChange(e: Event): void;
44
45
  });
45
46
  export declare class NLDDTwoThirdsOneThirdSection extends NLDDTwoThirdsOneThirdSection_base {
46
47
  static styles: import("lit").CSSResult;
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;AAMjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
1
+ {"version":3,"file":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,yBA4H1C,CAAC"}
1
+ {"version":3,"file":"two-thirds-one-third-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,yBAiI1C,CAAC"}
@@ -89,6 +89,11 @@ export const twoThirdsOneThirdSectionStyles = css `
89
89
  }
90
90
  }
91
91
 
92
+ .two-thirds-one-third-section__header[hidden],
93
+ .two-thirds-one-third-section__footer[hidden] {
94
+ display: none;
95
+ }
96
+
92
97
  .two-thirds-one-third-section__columns {
93
98
  display: flex;
94
99
  flex-wrap: wrap;
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,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,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA4CtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;2BAkBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
1
+ {"version":3,"file":"two-thirds-one-third-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,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,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA4CtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;2BAuBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import { TemplateResult } from 'lit';
2
2
  import type { NLDDTwoThirdsOneThirdSection } from './two-thirds-one-third-section.js';
3
- export declare function twoThirdsOneThirdSectionTemplate(_component: NLDDTwoThirdsOneThirdSection): TemplateResult;
3
+ export declare function twoThirdsOneThirdSectionTemplate(component: NLDDTwoThirdsOneThirdSection): TemplateResult;
4
4
  //# sourceMappingURL=two-thirds-one-third-section.template.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,UAAU,EAAE,4BAA4B,GAAG,cAAc,CAkBzG"}
1
+ {"version":3,"file":"two-thirds-one-third-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,4BAA4B,GAAG,cAAc,CAsBxG"}
@@ -1,9 +1,11 @@
1
1
  import { html } from 'lit';
2
- export function twoThirdsOneThirdSectionTemplate(_component) {
2
+ export function twoThirdsOneThirdSectionTemplate(component) {
3
3
  return html `
4
4
  <section class="two-thirds-one-third-section">
5
5
  <div class="two-thirds-one-third-section__body">
6
- <slot name="header"></slot>
6
+ <header class="two-thirds-one-third-section__header" hidden>
7
+ <slot name="header" @slotchange=${component._onSlotChange}></slot>
8
+ </header>
7
9
  <div class="two-thirds-one-third-section__columns">
8
10
  <div class="two-thirds-one-third-section__left-column">
9
11
  <slot></slot>
@@ -13,7 +15,9 @@ export function twoThirdsOneThirdSectionTemplate(_component) {
13
15
  <slot name="right"></slot>
14
16
  </div>
15
17
  </div>
16
- <slot name="footer"></slot>
18
+ <footer class="two-thirds-one-third-section__footer" hidden>
19
+ <slot name="footer" @slotchange=${component._onSlotChange}></slot>
20
+ </footer>
17
21
  </div>
18
22
  </section>
19
23
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,UAAwC;IACxF,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;EAgBV,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"two-thirds-one-third-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,SAAuC;IACvF,OAAO,IAAI,CAAA;;;;uCAI2B,SAAS,CAAC,aAAa;;;;;;;;;;;;uCAYvB,SAAS,CAAC,aAAa;;;;EAI5D,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAyEvB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA0C1B,CAAC"}
1
+ {"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAgFvB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA0C1B,CAAC"}
@@ -70,6 +70,13 @@ export const tableStyles = css `
70
70
  padding: var(--primitives-space-16);
71
71
  }
72
72
 
73
+ /* Empty state: collapse the column tracks to a single box-wide column so the
74
+ message spans the surface instead of the (wider) data columns — otherwise
75
+ the empty box scrolls horizontally. */
76
+ :host(.is-empty) {
77
+ grid-template-columns: minmax(0, 1fr);
78
+ }
79
+
73
80
  :host(.is-empty) slot[name="header"] {
74
81
  display: none;
75
82
  }
@@ -1 +1 @@
1
- {"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;IAW1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DrB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;IAQ7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}
1
+ {"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;IAW1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;IAQ7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}
@@ -5,9 +5,8 @@
5
5
  * `<nav>` landmark wrapping a `<div role="list">` (with each item carrying
6
6
  * `role="listitem"`). Explicit ARIA roles travel reliably across the slot
7
7
  * boundary where the implicit `<ol>`/`<li>` mapping is inconsistent across
8
- * AT + browser combos. The host itself is its own container-query scope so
9
- * the sm-viewport "‹ {parent}" fallback reacts to the breadcrumbs' own
10
- * width, not the viewport.
8
+ * AT + browser combos. The trail wraps onto multiple lines when it doesn't
9
+ * fit, so it adapts to any width.
11
10
  *
12
11
  * @element nldd-breadcrumbs
13
12
  *
@@ -50,25 +49,6 @@ export declare class NLDDBreadcrumbs extends LitElement {
50
49
  private _mergedTranslations;
51
50
  willUpdate(changed: PropertyValues): void;
52
51
  _t(key: keyof NLDDBreadcrumbsTranslations): string;
53
- /**
54
- * All slotted nldd-breadcrumbs-item children, in DOM order. Items MUST
55
- * be direct children of nldd-breadcrumbs — wrapping them in another
56
- * element (e.g. `<ul><nldd-breadcrumbs-item>`) is unsupported and will
57
- * make them invisible to this component (separator handling, sm-viewport
58
- * fallback, etc. all key off this set).
59
- */
60
- _items(): NLDDBreadcrumbsItem[];
61
- /**
62
- * The parent (one-level-up) item: the last non-current item with an
63
- * `href` — the level-up link needs somewhere to navigate. Returns null
64
- * when no eligible parent exists; the level-up element is not rendered
65
- * in that case (so it can't appear in the link list of any AT).
66
- */
67
- _parentItem(): NLDDBreadcrumbsItem | null;
68
- _onSlotChange: () => void;
69
- private _itemObserver?;
70
- private _observeItemAttrs;
71
- disconnectedCallback(): void;
72
52
  render(): import("lit-html").TemplateResult;
73
53
  }
74
54
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWlD;;;;;;OAMG;IACH,MAAM,IAAI,mBAAmB,EAAE;IAI/B;;;;;OAKG;IACH,WAAW,IAAI,mBAAmB,GAAG,IAAI;IAQzC,aAAa,aAMX;IAMF,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEzC,OAAO,CAAC,iBAAiB;IAchB,oBAAoB,IAAI,IAAI;IAM5B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}
1
+ {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWzC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}
@@ -1,6 +1,5 @@
1
1
  export declare const nlddBreadcrumbsTranslations: {
2
2
  'components.breadcrumbs.accessible-label': string;
3
- 'components.breadcrumbs.level-up-label': string;
4
3
  };
5
4
  export type NLDDBreadcrumbsTranslations = typeof nlddBreadcrumbsTranslations;
6
5
  //# sourceMappingURL=breadcrumbs.i18n.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B;;;CAGvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,OAAO,2BAA2B,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B;;CAEvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,OAAO,2BAA2B,CAAC"}
@@ -1,5 +1,4 @@
1
1
  export const nlddBreadcrumbsTranslations = {
2
2
  'components.breadcrumbs.accessible-label': 'Kruimelpad',
3
- 'components.breadcrumbs.level-up-label': 'Eén niveau omhoog',
4
3
  };
5
4
  //# sourceMappingURL=breadcrumbs.i18n.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,yCAAyC,EAAE,YAAY;IACvD,uCAAuC,EAAE,mBAAmB;CAC5D,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,yCAAyC,EAAE,YAAY;CACvD,CAAC"}
@@ -11,9 +11,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
11
11
  * `<nav>` landmark wrapping a `<div role="list">` (with each item carrying
12
12
  * `role="listitem"`). Explicit ARIA roles travel reliably across the slot
13
13
  * boundary where the implicit `<ol>`/`<li>` mapping is inconsistent across
14
- * AT + browser combos. The host itself is its own container-query scope so
15
- * the sm-viewport "‹ {parent}" fallback reacts to the breadcrumbs' own
16
- * width, not the viewport.
14
+ * AT + browser combos. The trail wraps onto multiple lines when it doesn't
15
+ * fit, so it adapts to any width.
17
16
  *
18
17
  * @element nldd-breadcrumbs
19
18
  *
@@ -103,13 +102,6 @@ let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
103
102
  this.accessibleLabel = '';
104
103
  this.translations = {};
105
104
  this._mergedTranslations = { ...nlddBreadcrumbsTranslations };
106
- this._onSlotChange = () => {
107
- // CSS reads `[has-parent]` directly; no need for @state. Toggling
108
- // the attribute is enough.
109
- this.toggleAttribute('has-parent', !!this._parentItem());
110
- this._observeItemAttrs();
111
- this.requestUpdate();
112
- };
113
105
  }
114
106
  willUpdate(changed) {
115
107
  if (changed.has('translations') || changed.has('accessibleLabel')) {
@@ -132,48 +124,6 @@ let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
132
124
  }
133
125
  return value ?? '';
134
126
  }
135
- /**
136
- * All slotted nldd-breadcrumbs-item children, in DOM order. Items MUST
137
- * be direct children of nldd-breadcrumbs — wrapping them in another
138
- * element (e.g. `<ul><nldd-breadcrumbs-item>`) is unsupported and will
139
- * make them invisible to this component (separator handling, sm-viewport
140
- * fallback, etc. all key off this set).
141
- */
142
- _items() {
143
- return Array.from(this.querySelectorAll(':scope > nldd-breadcrumbs-item'));
144
- }
145
- /**
146
- * The parent (one-level-up) item: the last non-current item with an
147
- * `href` — the level-up link needs somewhere to navigate. Returns null
148
- * when no eligible parent exists; the level-up element is not rendered
149
- * in that case (so it can't appear in the link list of any AT).
150
- */
151
- _parentItem() {
152
- const items = this._items();
153
- for (let i = items.length - 1; i >= 0; i--) {
154
- if (!items[i].current && items[i].href)
155
- return items[i];
156
- }
157
- return null;
158
- }
159
- _observeItemAttrs() {
160
- this._itemObserver?.disconnect();
161
- this._itemObserver = new MutationObserver(() => {
162
- this.toggleAttribute('has-parent', !!this._parentItem());
163
- this.requestUpdate();
164
- });
165
- for (const item of this._items()) {
166
- this._itemObserver.observe(item, {
167
- attributes: true,
168
- attributeFilter: ['href', 'current'],
169
- });
170
- }
171
- }
172
- disconnectedCallback() {
173
- super.disconnectedCallback();
174
- this._itemObserver?.disconnect();
175
- this._itemObserver = undefined;
176
- }
177
127
  render() {
178
128
  return breadcrumbsTemplate(this);
179
129
  }
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,yBA+D7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAyDjC,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBAmB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAyDjC,CAAC"}
@@ -1,11 +1,8 @@
1
- import { css, unsafeCSS } from 'lit';
2
- import { breakpoints } from '../../../assets/styles/breakpoints.js';
1
+ import { css } from 'lit';
3
2
  import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
4
- const smMax = unsafeCSS(breakpoints.smMax);
5
3
  export const breadcrumbsStyles = css `
6
4
  :host {
7
5
  ${inheritedTextReset}
8
- container-type: inline-size;
9
6
  display: block;
10
7
  }
11
8
 
@@ -22,49 +19,6 @@ export const breadcrumbsStyles = css `
22
19
  flex-wrap: wrap;
23
20
  row-gap: var(--primitives-space-4);
24
21
  }
25
-
26
- :host([has-parent]) .breadcrumbs__items {
27
- @container (max-width: ${smMax}) {
28
- display: none;
29
- }
30
- }
31
-
32
- .breadcrumbs__level-up {
33
- display: none;
34
- align-items: center;
35
- gap: var(--primitives-space-4);
36
- color: var(--semantics-links-color);
37
- font: var(--primitives-font-body-md-regular-tight);
38
- text-decoration: none;
39
- }
40
-
41
- :host([has-parent]) .breadcrumbs__level-up {
42
- @container (max-width: ${smMax}) {
43
- display: inline-flex;
44
- }
45
- }
46
-
47
- .breadcrumbs__level-up:hover {
48
- color: var(--semantics-links-is-hovered-color);
49
- }
50
-
51
- .breadcrumbs__level-up:active {
52
- color: var(--semantics-links-is-active-color);
53
- }
54
-
55
- .breadcrumbs__level-up:focus-visible {
56
- outline: var(--semantics-focus-ring-outline);
57
- outline-offset: var(--semantics-focus-ring-outline-offset);
58
- border-radius: var(--primitives-corner-radius-xs);
59
- box-shadow: var(--semantics-focus-ring-box-shadow);
60
- }
61
-
62
- .breadcrumbs__level-up-icon {
63
- display: inline-flex;
64
- width: var(--primitives-space-20);
65
- height: var(--primitives-space-20);
66
- flex-shrink: 0;
67
- }
68
22
  `;
69
23
  export const breadcrumbsItemStyles = css `
70
24
  :host {
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;IAEhC,kBAAkB;;;;;;;;;;;;;;;;;;;;2BAoBK,KAAK;;;;;;;;;;;;;;;2BAeL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B/B,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;IAOpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDrB,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;IAEhC,kBAAkB;;;;;;;;;;;;;;;;;CAiBrB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;IAOpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CA6B9E;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}
1
+ {"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CAc9E;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}
@@ -1,31 +1,15 @@
1
1
  import { html, nothing } from 'lit';
2
- import { ifDefined } from 'lit/directives/if-defined.js';
3
2
  import '../../content/icon/icon.js';
4
3
  export function breadcrumbsTemplate(component) {
5
4
  const label = component._t('components.breadcrumbs.accessible-label');
6
- const levelUpLabel = component._t('components.breadcrumbs.level-up-label');
7
- const parent = component._parentItem();
8
- const levelUpText = parent ? (parent.text || parent.textContent?.trim() || levelUpLabel) : '';
9
5
  return html `
10
6
  <nav class="breadcrumbs"
11
7
  aria-label=${label || nothing}
12
8
  >
13
- ${parent ? html `
14
- <a class="breadcrumbs__level-up"
15
- href=${ifDefined(parent.href)}
16
- >
17
- <span class="breadcrumbs__level-up-icon"
18
- aria-hidden="true"
19
- >
20
- <nldd-icon name="chevron-left"></nldd-icon>
21
- </span>
22
- <span class="breadcrumbs__level-up-text">${levelUpText}</span>
23
- </a>
24
- ` : nothing}
25
9
  <div class="breadcrumbs__items"
26
10
  role="list"
27
11
  >
28
- <slot @slotchange=${component._onSlotChange}></slot>
12
+ <slot></slot>
29
13
  </div>
30
14
  </nav>
31
15
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,yCAAyC,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC,CAAC;IAC3E,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,OAAO,IAAI,CAAA;;gBAEI,KAAK,IAAI,OAAO;;KAE3B,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEN,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;;;;;;;gDAOc,WAAW;;IAEvD,CAAC,CAAC,CAAC,OAAO;;;;wBAIU,SAAS,CAAC,aAAa;;;EAG7C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,SAA8B;IACrE,qEAAqE;IACrE,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAA;;4DAEqC,CAAC;IAC5D,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;;;YAGD,SAAS,CAAC,IAAI;OACnB,KAAK;YACA,SAAS;GAClB,CAAC;IACH,CAAC;IACD,0EAA0E;IAC1E,2EAA2E;IAC3E,4CAA4C;IAC5C,OAAO,IAAI,CAAA;iBACK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACjD,KAAK,UAAU,SAAS,EAAE,CAAC;AAC/B,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAEzD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,yCAAyC,CAAC,CAAC;IAEtE,OAAO,IAAI,CAAA;;gBAEI,KAAK,IAAI,OAAO;;;;;;;;EAQ9B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,SAA8B;IACrE,qEAAqE;IACrE,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAA;;4DAEqC,CAAC;IAC5D,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;;;YAGD,SAAS,CAAC,IAAI;OACnB,KAAK;YACA,SAAS;GAClB,CAAC;IACH,CAAC;IACD,0EAA0E;IAC1E,2EAA2E;IAC3E,4CAA4C;IAC5C,OAAO,IAAI,CAAA;iBACK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACjD,KAAK,UAAU,SAAS,EAAE,CAAC;AAC/B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBA6MhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0NpC,CAAC"}
1
+ {"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBAiNhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0OpC,CAAC"}
@@ -164,10 +164,14 @@ export const documentTabBarStyles = css `
164
164
  justify-content: center;
165
165
  }
166
166
 
167
+ a.document-tab-bar__item-tab {
168
+ cursor: var(--semantics-controls-link-cursor);
169
+ }
170
+
167
171
  .document-tab-bar__drag-clone .document-tab-bar__item-text {
168
172
  overflow: hidden;
169
173
  font: var(--components-document-tab-bar-tab-title-font);
170
- color: var(--semantics-buttons-neutral-tinted-content-color);
174
+ color: var(--semantics-buttons-neutral-tinted-primary-content-color);
171
175
  text-overflow: ellipsis;
172
176
  white-space: nowrap;
173
177
  }
@@ -178,7 +182,7 @@ export const documentTabBarStyles = css `
178
182
 
179
183
  .document-tab-bar__drag-clone.is-selected .document-tab-bar__item-text,
180
184
  .document-tab-bar__drag-clone.is-selected .document-tab-bar__item-supporting-text {
181
- color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
185
+ color: var(--semantics-buttons-neutral-tinted-is-selected-primary-content-color);
182
186
  }
183
187
 
184
188
  .document-tab-bar__drag-clone .document-tab-bar__item-supporting-text {
@@ -212,6 +216,15 @@ export const documentTabBarItemStyles = css `
212
216
  /* # Host */
213
217
 
214
218
  :host {
219
+ --_highlight-border-color: var(--semantics-buttons-neutral-tinted-highlight-border-color);
220
+ --_is-hovered-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-hovered-highlight-border-color);
221
+ --_is-active-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-active-highlight-border-color);
222
+ --_is-selected-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-highlight-border-color);
223
+ --_is-selected-is-hovered-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-highlight-border-color);
224
+ --_is-selected-is-active-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-highlight-border-color);
225
+
226
+ --_secondary-content-color: var(--semantics-buttons-neutral-tinted-secondary-content-color);
227
+
215
228
  ${inheritedTextReset}
216
229
  container-type: inline-size;
217
230
  display: block;
@@ -240,10 +253,12 @@ export const documentTabBarItemStyles = css `
240
253
  .document-tab-bar__item-tab {
241
254
  display: flex;
242
255
  box-sizing: border-box;
256
+ position: relative;
243
257
  margin: 0;
244
258
  border: none;
245
259
  border-radius: var(--semantics-controls-md-corner-radius);
246
260
  background-color: var(--semantics-buttons-neutral-tinted-background-color);
261
+ box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
247
262
  width: 100%;
248
263
  height: 100%;
249
264
  min-width: 0;
@@ -261,29 +276,42 @@ export const documentTabBarItemStyles = css `
261
276
  @media (hover: hover) {
262
277
  .document-tab-bar__item-tab:hover {
263
278
  background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
279
+ --_highlight-border-color: var(--_is-hovered-highlight-border-color);
280
+ --_secondary-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-secondary-content-color);
264
281
  }
265
282
  }
266
283
 
267
284
  .document-tab-bar__item-tab:active {
268
285
  background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
286
+ --_highlight-border-color: var(--_is-active-highlight-border-color);
287
+ --_secondary-content-color: var(--semantics-buttons-neutral-tinted-is-active-secondary-content-color);
269
288
  }
270
289
 
271
290
  :host([selected]) .document-tab-bar__item-tab {
272
291
  background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
292
+ --_highlight-border-color: var(--_is-selected-highlight-border-color);
293
+ --_secondary-content-color: var(--semantics-buttons-neutral-tinted-is-selected-secondary-content-color);
273
294
  }
274
295
 
275
296
  @media (hover: hover) {
276
297
  :host([selected]) .document-tab-bar__item-tab:hover {
277
298
  background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
299
+ --_highlight-border-color: var(--_is-selected-is-hovered-highlight-border-color);
300
+ --_secondary-content-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-secondary-content-color);
278
301
  }
279
302
  }
280
303
 
304
+ :host([selected]) .document-tab-bar__item-tab:active {
305
+ --_highlight-border-color: var(--_is-selected-is-active-highlight-border-color);
306
+ --_secondary-content-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-secondary-content-color);
307
+ }
308
+
281
309
  /* ## Focus */
282
310
 
283
311
  .document-tab-bar__item-tab:focus-visible {
284
312
  outline: var(--semantics-focus-ring-outline);
285
313
  outline-offset: var(--semantics-focus-ring-outline-offset);
286
- box-shadow: var(--semantics-focus-ring-box-shadow);
314
+ box-shadow: var(--semantics-focus-ring-box-shadow), inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
287
315
  }
288
316
 
289
317
 
@@ -312,26 +340,26 @@ export const documentTabBarItemStyles = css `
312
340
  overflow: hidden;
313
341
  padding-inline-end: var(--primitives-space-6);
314
342
  font: var(--components-document-tab-bar-tab-title-font);
315
- color: var(--semantics-buttons-neutral-tinted-content-color);
343
+ color: var(--semantics-buttons-neutral-tinted-primary-content-color);
316
344
  text-overflow: ellipsis;
317
345
  white-space: nowrap;
318
346
  }
319
347
 
320
348
  :host([selected]) .document-tab-bar__item-text {
321
- color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
349
+ color: var(--semantics-buttons-neutral-tinted-is-selected-primary-content-color);
322
350
  }
323
351
 
324
352
  .document-tab-bar__item-short-text {
325
353
  overflow: hidden;
326
354
  padding-inline-end: var(--primitives-space-6);
327
355
  font: var(--components-document-tab-bar-tab-title-font);
328
- color: var(--semantics-buttons-neutral-tinted-content-color);
356
+ color: var(--semantics-buttons-neutral-tinted-primary-content-color);
329
357
  text-overflow: ellipsis;
330
358
  white-space: nowrap;
331
359
  }
332
360
 
333
361
  :host([selected]) .document-tab-bar__item-short-text {
334
- color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
362
+ color: var(--semantics-buttons-neutral-tinted-is-selected-primary-content-color);
335
363
  }
336
364
 
337
365
 
@@ -341,28 +369,20 @@ export const documentTabBarItemStyles = css `
341
369
  overflow: hidden;
342
370
  padding-inline-end: var(--primitives-space-6);
343
371
  font: var(--primitives-font-body-xs-regular-flat);
344
- color: var(--semantics-buttons-neutral-tinted-secondary-content-color);
372
+ color: var(--_secondary-content-color);
345
373
  text-overflow: ellipsis;
346
374
  white-space: nowrap;
347
375
  }
348
376
 
349
- :host([selected]) .document-tab-bar__item-supporting-text {
350
- color: var(--semantics-buttons-neutral-tinted-is-selected-secondary-content-color);
351
- }
352
-
353
377
  .document-tab-bar__item-short-supporting-text {
354
378
  overflow: hidden;
355
379
  padding-inline-end: var(--primitives-space-6);
356
380
  font: var(--primitives-font-body-xs-regular-flat);
357
- color: var(--semantics-buttons-neutral-tinted-secondary-content-color);
381
+ color: var(--_secondary-content-color);
358
382
  text-overflow: ellipsis;
359
383
  white-space: nowrap;
360
384
  }
361
385
 
362
- :host([selected]) .document-tab-bar__item-short-supporting-text {
363
- color: var(--semantics-buttons-neutral-tinted-is-selected-secondary-content-color);
364
- }
365
-
366
386
 
367
387
  /* # Item dismiss button */
368
388
 
@@ -380,7 +400,7 @@ export const documentTabBarItemStyles = css `
380
400
  padding: var(--primitives-space-4);
381
401
  align-items: center;
382
402
  justify-content: center;
383
- color: var(--semantics-buttons-neutral-tinted-content-color);
403
+ color: var(--semantics-buttons-neutral-tinted-primary-content-color);
384
404
  transform: translateY(-50%);
385
405
  appearance: none;
386
406
  }
@@ -396,7 +416,7 @@ export const documentTabBarItemStyles = css `
396
416
  }
397
417
 
398
418
  :host([selected]) .document-tab-bar__item-dismiss-button {
399
- color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
419
+ color: var(--semantics-buttons-neutral-tinted-is-selected-primary-content-color);
400
420
  }
401
421
 
402
422
  @media (hover: hover) {
@@ -1 +1 @@
1
- {"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLrB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;IAMvC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoNrB,CAAC"}
1
+ {"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LrB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAevC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2NrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA8K7B,CAAC"}
1
+ {"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBAkL7B,CAAC"}
@@ -49,6 +49,10 @@ export const menuBarItemStyles = css `
49
49
  appearance: none;
50
50
  }
51
51
 
52
+ a.menu-bar-item {
53
+ cursor: var(--semantics-controls-link-cursor);
54
+ }
55
+
52
56
  /* ## Hover indicator (::before) */
53
57
 
54
58
  .menu-bar-item::before {
@@ -1 +1 @@
1
- {"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;IAUhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKrB,CAAC"}
1
+ {"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;IAUhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKrB,CAAC"}