@thewhatmatters/wmds 0.4.28 → 0.4.30

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 (239) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/CONSUMING.md +2 -1
  3. package/dist/components/atoms/Badge/Badge.js +1 -1
  4. package/dist/components/atoms/Badge/badgeStyles.d.ts +1 -1
  5. package/dist/components/atoms/Badge/badgeStyles.js +1 -1
  6. package/dist/components/atoms/Band/Band.d.ts +1 -1
  7. package/dist/components/atoms/Band/Band.d.ts.map +1 -1
  8. package/dist/components/atoms/Band/bandStyles.d.ts +4 -1
  9. package/dist/components/atoms/Band/bandStyles.d.ts.map +1 -1
  10. package/dist/components/atoms/Band/bandStyles.js +1 -1
  11. package/dist/components/atoms/Button/Button.d.ts +22 -4
  12. package/dist/components/atoms/Button/Button.d.ts.map +1 -1
  13. package/dist/components/atoms/Button/Button.js +132 -124
  14. package/dist/components/atoms/Button/buttonStyles.d.ts +3 -1
  15. package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
  16. package/dist/components/atoms/Button/buttonStyles.js +5 -4
  17. package/dist/components/atoms/IconButton/IconButton.d.ts +5 -0
  18. package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
  19. package/dist/components/atoms/IconButton/IconButton.js +4 -3
  20. package/dist/components/atoms/SectionCaption/SectionCaption.d.ts +5 -1
  21. package/dist/components/atoms/SectionCaption/SectionCaption.d.ts.map +1 -1
  22. package/dist/components/atoms/SectionCaption/SectionCaption.js +1 -1
  23. package/dist/components/atoms/TextLink/TextLink.d.ts +10 -2
  24. package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -1
  25. package/dist/components/atoms/TextLink/TextLink.js +18 -14
  26. package/dist/components/molecules/Accordion/Accordion.d.ts +9 -4
  27. package/dist/components/molecules/Accordion/Accordion.d.ts.map +1 -1
  28. package/dist/components/molecules/Accordion/Accordion.js +58 -51
  29. package/dist/components/molecules/Accordion/accordionStyles.d.ts +5 -0
  30. package/dist/components/molecules/Accordion/accordionStyles.d.ts.map +1 -1
  31. package/dist/components/molecules/Accordion/accordionStyles.js +5 -2
  32. package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts +4 -1
  33. package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts.map +1 -1
  34. package/dist/components/molecules/Breadcrumb/breadcrumbStyles.js +1 -1
  35. package/dist/components/molecules/HeroIntro/HeroIntro.d.ts +16 -8
  36. package/dist/components/molecules/HeroIntro/HeroIntro.d.ts.map +1 -1
  37. package/dist/components/molecules/HeroIntro/HeroIntro.js +21 -17
  38. package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts +12 -3
  39. package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts.map +1 -1
  40. package/dist/components/molecules/HeroIntro/heroIntroStyles.js +2 -2
  41. package/dist/components/molecules/LinkTile/LinkTile.d.ts +6 -4
  42. package/dist/components/molecules/LinkTile/LinkTile.d.ts.map +1 -1
  43. package/dist/components/molecules/LinkTile/LinkTile.js +29 -29
  44. package/dist/components/molecules/PageHeader/PageHeader.d.ts +8 -1
  45. package/dist/components/molecules/PageHeader/PageHeader.d.ts.map +1 -1
  46. package/dist/components/molecules/PageHeader/PageHeader.js +19 -15
  47. package/dist/components/organisms/FooterReveal/FooterReveal.d.ts +4 -2
  48. package/dist/components/organisms/FooterReveal/FooterReveal.d.ts.map +1 -1
  49. package/dist/components/organisms/FooterReveal/FooterReveal.js +85 -85
  50. package/dist/components/organisms/FooterReveal/FooterRevealRuled.d.ts.map +1 -1
  51. package/dist/components/organisms/FooterReveal/FooterRevealRuled.js +49 -50
  52. package/dist/components/organisms/FooterReveal/footerRevealStyles.d.ts +9 -7
  53. package/dist/components/organisms/FooterReveal/footerRevealStyles.d.ts.map +1 -1
  54. package/dist/components/organisms/FooterReveal/footerRevealStyles.js +2 -9
  55. package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts +2 -1
  56. package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts.map +1 -1
  57. package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.js +1 -1
  58. package/dist/components/organisms/Sheet/Sheet.d.ts +3 -1
  59. package/dist/components/organisms/Sheet/Sheet.d.ts.map +1 -1
  60. package/dist/components/organisms/Sheet/Sheet.js +51 -49
  61. package/dist/components/organisms/SiteNav/SiteNav.d.ts +4 -2
  62. package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
  63. package/dist/components/organisms/SiteNav/SiteNav.js +191 -187
  64. package/dist/components/organisms/SiteNav/siteNavStyles.d.ts +2 -2
  65. package/dist/components/organisms/SiteNav/siteNavStyles.d.ts.map +1 -1
  66. package/dist/components/organisms/SiteNav/siteNavStyles.js +3 -3
  67. package/dist/index.d.ts +2 -2
  68. package/dist/index.d.ts.map +1 -1
  69. package/dist/index.js +107 -107
  70. package/dist/lib/motion.d.ts +2 -1
  71. package/dist/lib/motion.d.ts.map +1 -1
  72. package/dist/lib/motion.js +1 -1
  73. package/dist/lib/typography.d.ts +2 -2
  74. package/dist/lib/typography.d.ts.map +1 -1
  75. package/dist/lib/typography.js +14 -3
  76. package/dist/styles.css +1 -1
  77. package/dist/typography.css +46 -11
  78. package/docs/components.md +5 -5
  79. package/docs/exports.json +1 -1
  80. package/docs/patterns/components-accordion--flush.tsx +1 -1
  81. package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +1 -1
  82. package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
  83. package/docs/patterns/components-badge--outline-tags.tsx +1 -1
  84. package/docs/patterns/components-badge--status-pill.tsx +1 -1
  85. package/docs/patterns/components-badge--with-avatar.tsx +1 -1
  86. package/docs/patterns/components-band--page-in-bands.tsx +1 -1
  87. package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
  88. package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
  89. package/docs/patterns/components-breadcrumb--path.tsx +1 -1
  90. package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
  91. package/docs/patterns/components-button-button--copy-button.tsx +1 -1
  92. package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
  93. package/docs/patterns/components-button-button--external-link.tsx +1 -1
  94. package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
  95. package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
  96. package/docs/patterns/components-button-button--link-render.tsx +1 -1
  97. package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
  98. package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
  99. package/docs/patterns/components-button-button--primary-action.tsx +1 -1
  100. package/docs/patterns/components-button-button--row-hug.tsx +1 -1
  101. package/docs/patterns/components-button-button--row-layout.tsx +1 -1
  102. package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
  103. package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
  104. package/docs/patterns/components-button-button--with-count.tsx +1 -1
  105. package/docs/patterns/components-button-button--with-icon.tsx +1 -1
  106. package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
  107. package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
  108. package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
  109. package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
  110. package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
  111. package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
  112. package/docs/patterns/components-card-card--terminal-frame.tsx +1 -1
  113. package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
  114. package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
  115. package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
  116. package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
  117. package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
  118. package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
  119. package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
  120. package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
  121. package/docs/patterns/components-chart--revenue-by-line.tsx +1 -1
  122. package/docs/patterns/components-chart--segmented-ring-pattern.tsx +1 -1
  123. package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
  124. package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
  125. package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
  126. package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
  127. package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
  128. package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
  129. package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
  130. package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
  131. package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
  132. package/docs/patterns/components-copyfield--clipboard-blocked.tsx +1 -1
  133. package/docs/patterns/components-copyfield--copied.tsx +1 -1
  134. package/docs/patterns/components-copyfield--copy-key.tsx +1 -1
  135. package/docs/patterns/components-copyfield--on-navy.tsx +1 -1
  136. package/docs/patterns/components-descriptionlist--details.tsx +1 -1
  137. package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
  138. package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
  139. package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +1 -1
  140. package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
  141. package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
  142. package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
  143. package/docs/patterns/components-displaycontrols--theme-switch.tsx +1 -1
  144. package/docs/patterns/components-field--horizontal-input.tsx +1 -1
  145. package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
  146. package/docs/patterns/components-field--multi-control.tsx +1 -1
  147. package/docs/patterns/components-filterpanel--panel.tsx +1 -1
  148. package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +6 -6
  149. package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +2 -2
  150. package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +6 -6
  151. package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +5 -5
  152. package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
  153. package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +5 -5
  154. package/docs/patterns/components-herointro--two-line-intro.tsx +3 -3
  155. package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +3 -3
  156. package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +2 -2
  157. package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +3 -3
  158. package/docs/patterns/components-indexlist--post-index.tsx +1 -1
  159. package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
  160. package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
  161. package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
  162. package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
  163. package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
  164. package/docs/patterns/components-kbd--command-row.tsx +1 -1
  165. package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
  166. package/docs/patterns/components-kbd--shortcut.tsx +1 -1
  167. package/docs/patterns/components-linktile--resource-tile.tsx +2 -2
  168. package/docs/patterns/components-linktile--router-link.tsx +1 -1
  169. package/docs/patterns/components-logview--detail-pane.tsx +1 -1
  170. package/docs/patterns/components-logview--log-viewer.tsx +1 -1
  171. package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
  172. package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
  173. package/docs/patterns/components-navlist--app-sidebar.tsx +1 -1
  174. package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
  175. package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
  176. package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
  177. package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
  178. package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
  179. package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
  180. package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
  181. package/docs/patterns/components-prose--article-body.tsx +1 -1
  182. package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
  183. package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
  184. package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
  185. package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
  186. package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
  187. package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
  188. package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
  189. package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +1 -1
  190. package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +1 -1
  191. package/docs/patterns/components-sheet--side-sheet.tsx +1 -1
  192. package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
  193. package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
  194. package/docs/patterns/components-sitenav--compact.tsx +1 -1
  195. package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
  196. package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
  197. package/docs/patterns/components-stat--hero-stat.tsx +1 -1
  198. package/docs/patterns/components-stat--insights-row.tsx +1 -1
  199. package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
  200. package/docs/patterns/components-switch--default.tsx +1 -1
  201. package/docs/patterns/components-switch--settings-row.tsx +1 -1
  202. package/docs/patterns/components-tab--settings-pages.tsx +1 -1
  203. package/docs/patterns/components-table--approvals-with-sheet.tsx +1 -1
  204. package/docs/patterns/components-table--approvals.tsx +1 -1
  205. package/docs/patterns/components-table--basic.tsx +1 -1
  206. package/docs/patterns/components-taskrows--action-details.tsx +1 -1
  207. package/docs/patterns/components-taskrows--capsules.tsx +1 -1
  208. package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
  209. package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
  210. package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
  211. package/docs/patterns/components-taskrows--needs-you-table.tsx +1 -1
  212. package/docs/patterns/components-taskrows--status-list.tsx +1 -1
  213. package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
  214. package/docs/patterns/components-textarea--save-status.tsx +1 -1
  215. package/docs/patterns/components-textlink--external-destination.tsx +1 -1
  216. package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
  217. package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
  218. package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
  219. package/docs/patterns/components-textsequence--default.tsx +1 -1
  220. package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
  221. package/docs/patterns/components-textsequence--shapes.tsx +1 -1
  222. package/docs/patterns/components-tilegrid--masonry.tsx +2 -2
  223. package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
  224. package/docs/patterns/components-tooltip--controlled.tsx +1 -1
  225. package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
  226. package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
  227. package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
  228. package/docs/patterns/components-tooltip--placement.tsx +1 -1
  229. package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
  230. package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
  231. package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
  232. package/docs/patterns/guides-filter-panel--filtered-grid.tsx +2 -2
  233. package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
  234. package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
  235. package/docs/patterns/guides-post-page--post-page.tsx +1 -1
  236. package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
  237. package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
  238. package/docs/patterns/index.json +1 -1
  239. package/package.json +1 -1
@@ -13,10 +13,12 @@ export interface LinkTileProps {
13
13
  */
14
14
  render?: ReactElement;
15
15
  /**
16
- * Another site: opens in a new tab (`target="_blank"`, a safe `rel`), tells screen readers so,
17
- * and shows the mark **TextLink** `external` uses after the title.
16
+ * Another site: shows the mark **TextLink** `external` uses after the title and opens in the same
17
+ * tab (Links K9). Add `newTab` to open a new tab.
18
18
  */
19
19
  external?: boolean;
20
+ /** `external` only — opt in to a new tab (a safe `rel`); screen readers hear "opens in a new tab". */
21
+ newTab?: boolean;
20
22
  /**
21
23
  * The preview — an `<img>` (or `next/image`) with its `width` and `height`, so the tile holds its
22
24
  * space before the image loads. One image; not a video.
@@ -39,7 +41,7 @@ export interface LinkTileProps {
39
41
  }
40
42
  /**
41
43
  * A resource tile that is one link — a preview image with the resource's name and where it lives
42
- * under it. Screen readers hear the title, the meta line, the tag, then "opens in a new tab".
44
+ * under it. Screen readers hear the title, the meta line, the tag, then "opens in a new tab" with `newTab`.
43
45
  */
44
- export declare function LinkTile({ title, href, render, external, media, ratio, meta, tag, source, loading, className, }: LinkTileProps): import("react").JSX.Element;
46
+ export declare function LinkTile({ title, href, render, external, newTab, media, ratio, meta, tag, source, loading, className, }: LinkTileProps): import("react").JSX.Element;
45
47
  //# sourceMappingURL=LinkTile.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTile.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/LinkTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BA0Ff"}
1
+ {"version":3,"file":"LinkTile.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/LinkTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,MAAc,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BA0Ff"}
@@ -17,16 +17,16 @@ function C({ render: e, ...t }) {
17
17
  function w(e) {
18
18
  return e == null ? void 0 : { aspectRatio: String(e) };
19
19
  }
20
- function T({ title: l, href: S, render: T, external: E = !1, media: D, ratio: O, meta: k, tag: A, source: j, loading: M = !1, className: N }) {
21
- let P = v(), F = `${P}-title`, I = `${P}-meta`, L = `${P}-tag`, R = `${P}-hint`;
22
- if (M) return /* @__PURE__ */ x("div", {
23
- className: e(u, N),
20
+ function T({ title: l, href: S, render: T, external: E = !1, newTab: D = !1, media: O, ratio: k, meta: A, tag: j, source: M, loading: N = !1, className: P }) {
21
+ let F = v(), I = `${F}-title`, L = `${F}-meta`, R = `${F}-tag`, z = `${F}-hint`;
22
+ if (N) return /* @__PURE__ */ x("div", {
23
+ className: e(u, P),
24
24
  "data-link-tile": "",
25
25
  "data-loading": "",
26
26
  "aria-hidden": "true",
27
27
  children: [/* @__PURE__ */ b("span", {
28
28
  className: i,
29
- style: w(O ?? 1.3333333333333333),
29
+ style: w(k ?? 1.3333333333333333),
30
30
  children: /* @__PURE__ */ b(t, { radius: "none" })
31
31
  }), /* @__PURE__ */ x("span", {
32
32
  className: g,
@@ -50,45 +50,45 @@ function T({ title: l, href: S, render: T, external: E = !1, media: D, ratio: O,
50
50
  })]
51
51
  });
52
52
  S == null && T == null && console.warn("[WMDS LinkTile] Pass `href`, or `render` with a link that carries it.");
53
- let z = D != null, B = [
54
- F,
55
- k != null && I,
53
+ let B = O != null, V = [
54
+ I,
56
55
  A != null && L,
57
- E && R
56
+ j != null && R,
57
+ E && D && z
58
58
  ].filter(Boolean).join(" ");
59
59
  return /* @__PURE__ */ x(C, {
60
60
  render: T,
61
61
  ...S == null ? null : { href: S },
62
- ...E ? {
62
+ ...E && D ? {
63
63
  target: "_blank",
64
64
  rel: "noopener noreferrer"
65
65
  } : null,
66
- className: e(f, N),
67
- "aria-labelledby": B,
66
+ className: e(f, P),
67
+ "aria-labelledby": V,
68
68
  "data-link-tile": "",
69
69
  "data-external": E ? "" : void 0,
70
- children: [z ? /* @__PURE__ */ x("span", {
71
- className: e(i, O == null ? o : a),
72
- style: w(O),
70
+ children: [B ? /* @__PURE__ */ x("span", {
71
+ className: e(i, k == null ? o : a),
72
+ style: w(k),
73
73
  "data-link-tile-frame": "",
74
- children: [D, A == null ? null : /* @__PURE__ */ b("span", {
75
- id: L,
74
+ children: [O, j == null ? null : /* @__PURE__ */ b("span", {
75
+ id: R,
76
76
  className: h,
77
- children: A
77
+ children: j
78
78
  })]
79
79
  }) : null, /* @__PURE__ */ x("span", {
80
80
  className: n,
81
81
  children: [
82
- j == null ? null : /* @__PURE__ */ b("span", {
82
+ M == null ? null : /* @__PURE__ */ b("span", {
83
83
  className: p,
84
84
  "aria-hidden": "true",
85
- children: j
85
+ children: M
86
86
  }),
87
87
  /* @__PURE__ */ x("span", {
88
88
  className: g,
89
89
  children: [
90
90
  /* @__PURE__ */ x("span", {
91
- id: F,
91
+ id: I,
92
92
  className: _,
93
93
  children: [l, E ? /* @__PURE__ */ b(y, {
94
94
  className: r,
@@ -96,22 +96,22 @@ function T({ title: l, href: S, render: T, external: E = !1, media: D, ratio: O,
96
96
  "aria-hidden": !0
97
97
  }) : null]
98
98
  }),
99
- k == null ? null : /* @__PURE__ */ b("span", {
100
- id: I,
99
+ A == null ? null : /* @__PURE__ */ b("span", {
100
+ id: L,
101
101
  className: d,
102
- children: k
102
+ children: A
103
103
  }),
104
- E ? /* @__PURE__ */ b("span", {
105
- id: R,
104
+ E && D ? /* @__PURE__ */ b("span", {
105
+ id: z,
106
106
  className: "sr-only",
107
107
  children: "(opens in a new tab)"
108
108
  }) : null
109
109
  ]
110
110
  }),
111
- A != null && !z ? /* @__PURE__ */ b("span", {
112
- id: L,
111
+ j != null && !B ? /* @__PURE__ */ b("span", {
112
+ id: R,
113
113
  className: m,
114
- children: A
114
+ children: j
115
115
  }) : null
116
116
  ]
117
117
  })]
@@ -12,6 +12,11 @@ export interface PageHeaderProps {
12
12
  title?: string;
13
13
  /** App canvas band, in-page section title, or compact toolbar row. */
14
14
  variant?: PageHeaderVariant;
15
+ /**
16
+ * The title's heading level, by its place in the page outline (Headings H1). Default: `h1` for
17
+ * `app`, `h2` for `page`. Ignored on `toolbar`, which has no heading.
18
+ */
19
+ as?: PageHeaderHeadingLevel;
15
20
  /** Leading slot — breadcrumb, back, **Badge**, filter **Chip** rail. */
16
21
  start?: ReactNode;
17
22
  /** Trailing slot — cluster controls (**SegmentedControl**, **Button**, **Avatar**, **MoreMenu**). */
@@ -20,5 +25,7 @@ export interface PageHeaderProps {
20
25
  "aria-label"?: string;
21
26
  className?: PageHeaderLayoutClassName;
22
27
  }
23
- export declare function PageHeader({ title, variant, start, end, "aria-label": ariaLabel, className, }: PageHeaderProps): import("react").JSX.Element;
28
+ export declare const pageHeaderHeadingLevels: readonly ["h1", "h2", "h3"];
29
+ export type PageHeaderHeadingLevel = (typeof pageHeaderHeadingLevels)[number];
30
+ export declare function PageHeader({ title, variant, as, start, end, "aria-label": ariaLabel, className, }: PageHeaderProps): import("react").JSX.Element;
24
31
  //# sourceMappingURL=PageHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAE5B,wEAAwE;AACxE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qGAAqG;IACrG,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAQD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAgB,EAChB,KAAK,EACL,GAAG,EACH,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,eAAe,+BAsCjB"}
1
+ {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAE5B,wEAAwE;AACxE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,EAAE,CAAC,EAAE,sBAAsB,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qGAAqG;IACrG,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED,eAAO,MAAM,uBAAuB,6BAA8B,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ9E,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAgB,EAChB,EAAE,EACF,KAAK,EACL,GAAG,EACH,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,eAAe,+BAsCjB"}
@@ -3,41 +3,45 @@ import { cn as e } from "../../../lib/cn.js";
3
3
  import { pageHeaderAppBandHeightClasses as t, pageHeaderEndClasses as n, pageHeaderShellClasses as r, pageHeaderStartClasses as i, pageHeaderTitleClasses as a, pageHeaderVariants as o } from "./pageHeaderStyles.js";
4
4
  import { jsx as s, jsxs as c } from "react/jsx-runtime";
5
5
  //#region src/components/molecules/PageHeader/PageHeader.tsx
6
- var l = {
6
+ var l = [
7
+ "h1",
8
+ "h2",
9
+ "h3"
10
+ ], u = {
7
11
  app: "h1",
8
12
  page: "h2",
9
13
  toolbar: "span"
10
14
  };
11
- function u({ title: t, variant: o = "page", start: u, end: d, "aria-label": f, className: p }) {
12
- let m = l[o], h = t != null && t.length > 0;
15
+ function d({ title: t, variant: o = "page", as: l, start: d, end: f, "aria-label": p, className: m }) {
16
+ let h = o === "toolbar" ? u.toolbar : l ?? u[o], g = t != null && t.length > 0;
13
17
  return o === "toolbar" ? /* @__PURE__ */ c("div", {
14
18
  role: "toolbar",
15
- "aria-label": h ? void 0 : f,
16
- className: e(r.toolbar, p),
17
- children: [u != null || h ? /* @__PURE__ */ c("div", {
19
+ "aria-label": g ? void 0 : p,
20
+ className: e(r.toolbar, m),
21
+ children: [d != null || g ? /* @__PURE__ */ c("div", {
18
22
  className: i,
19
- children: [u, h ? /* @__PURE__ */ s(m, {
23
+ children: [d, g ? /* @__PURE__ */ s(h, {
20
24
  className: a.toolbar,
21
25
  children: t
22
26
  }) : null]
23
- }) : /* @__PURE__ */ s("span", { className: "min-w-0 flex-1" }), d == null ? null : /* @__PURE__ */ s("div", {
27
+ }) : /* @__PURE__ */ s("span", { className: "min-w-0 flex-1" }), f == null ? null : /* @__PURE__ */ s("div", {
24
28
  className: n,
25
- children: d
29
+ children: f
26
30
  })]
27
31
  }) : /* @__PURE__ */ c("header", {
28
- "aria-label": f,
29
- className: e(r[o], p),
32
+ "aria-label": p,
33
+ className: e(r[o], m),
30
34
  children: [/* @__PURE__ */ c("div", {
31
35
  className: i,
32
- children: [u, h ? /* @__PURE__ */ s(m, {
36
+ children: [d, g ? /* @__PURE__ */ s(h, {
33
37
  className: a[o],
34
38
  children: t
35
39
  }) : null]
36
- }), d == null ? null : /* @__PURE__ */ s("div", {
40
+ }), f == null ? null : /* @__PURE__ */ s("div", {
37
41
  className: n,
38
- children: d
42
+ children: f
39
43
  })]
40
44
  });
41
45
  }
42
46
  //#endregion
43
- export { u as PageHeader, t as pageHeaderAppBandHeightClasses, o as pageHeaderVariants };
47
+ export { d as PageHeader, t as pageHeaderAppBandHeightClasses, l as pageHeaderHeadingLevels, o as pageHeaderVariants };
@@ -41,10 +41,12 @@ declare function FooterRevealFooter({ children, className }: FooterRevealFooterP
41
41
  export interface FooterRevealSocialLink {
42
42
  label: string;
43
43
  href: string;
44
+ /** Accessible name when the label alone is unclear, e.g. `WhatMatters on X` for the label `X`. */
45
+ ariaLabel?: string;
44
46
  }
45
47
  /** Content is the app's: `headline`, `ctaLabel`, and `wordmark` are required, with no defaults. */
46
48
  export interface FooterRevealBrandProps {
47
- /** Centered display headline, e.g. `We Build WhatMatters`. */
49
+ /** Centered display headline, e.g. `We build WhatMatters`. */
48
50
  headline: string;
49
51
  /** Sentence-case label on the surface CTA, e.g. `Start a project`. */
50
52
  ctaLabel: string;
@@ -60,7 +62,7 @@ export interface FooterRevealBrandProps {
60
62
  ctaHref?: string;
61
63
  /** Decorative wordmark along the bottom edge. Spans the footer width, e.g. `WHATMATTERS`. */
62
64
  wordmark: string;
63
- /** Underlined text row. `https` links open in a new tab with `rel="noopener"`. Omit to render none. */
65
+ /** Underlined text row. Links open in the same tab (Links K9). Omit to render none. */
64
66
  socialLinks?: readonly FooterRevealSocialLink[];
65
67
  className?: FooterRevealLayoutClassName;
66
68
  }
@@ -1 +1 @@
1
- {"version":3,"file":"FooterReveal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAOL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAOL,wBAAwB,EAIxB,4BAA4B,EAM5B,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,CAAC;AACjG,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEjE,0FAA0F;AAC1F,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,wBAAwB;IACvC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA8CD;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE7D;AAED;;;;;;GAMG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAkEnE;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAY7E;AAiBD,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA8C3E;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,mGAAmG;AACnG,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAChD,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA0ED;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BA6BxB;AAED,eAAO,MAAM,YAAY;;;;;CAKvB,CAAC"}
1
+ {"version":3,"file":"FooterReveal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAOL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAML,wBAAwB,EAIxB,4BAA4B,EAM5B,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,CAAC;AACjG,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEjE,0FAA0F;AAC1F,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,wBAAwB;IACvC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA8CD;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE7D;AAED;;;;;;GAMG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAkEnE;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAY7E;AAiBD,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA8C3E;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mGAAmG;AACnG,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAChD,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA0ED;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BA6BxB;AAED,eAAO,MAAM,YAAY;;;;;CAKvB,CAAC"}
@@ -3,35 +3,35 @@
3
3
  import { cn as e } from "../../../lib/cn.js";
4
4
  import { Button as t } from "../../atoms/Button/Button.js";
5
5
  import { footerRevealAt as n } from "./footerRevealAt.js";
6
- import { footerRevealBrandClasses as r, footerRevealBrandCopyClasses as i, footerRevealBrandHeadlineClasses as a, footerRevealContentClasses as o, footerRevealExternalLinkProps as s, footerRevealFadeClasses as c, footerRevealFieldClasses as l, footerRevealFieldContentClasses as u, footerRevealFieldGuideClasses as d, footerRevealFieldGuideFrameClasses as f, footerRevealFieldLinkClasses as p, footerRevealRootClasses as m, footerRevealRuledFieldClasses as h, footerRevealScaleClasses as g, footerRevealSocialLinkClasses as _, footerRevealSocialListClasses as v, footerRevealStickyClasses as y, footerRevealWordmarkClasses as b, footerRevealWordmarkFontSize as x, footerRevealWordmarkFrameClasses as S } from "./footerRevealStyles.js";
7
- import { syncFooterRevealWordmark as C } from "./footerRevealWordmark.js";
8
- import { FooterRevealRuled as w, footerRevealRuledEmailHref as T } from "./FooterRevealRuled.js";
9
- import { createContext as E, useContext as D, useLayoutEffect as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
10
- import { jsx as M, jsxs as N } from "react/jsx-runtime";
11
- import { MotionConfigContext as P, motion as F, useMotionTemplate as I, useScroll as L, useTransform as R } from "motion/react";
6
+ import { footerRevealBrandClasses as r, footerRevealBrandCopyClasses as i, footerRevealBrandHeadlineClasses as a, footerRevealContentClasses as o, footerRevealFadeClasses as s, footerRevealFieldClasses as c, footerRevealFieldContentClasses as l, footerRevealFieldGuideClasses as u, footerRevealFieldGuideFrameClasses as d, footerRevealFieldLinkClasses as f, footerRevealRootClasses as p, footerRevealRuledFieldClasses as m, footerRevealScaleClasses as h, footerRevealSocialLinkClasses as g, footerRevealSocialListClasses as _, footerRevealStickyClasses as v, footerRevealWordmarkClasses as y, footerRevealWordmarkFontSize as b, footerRevealWordmarkFrameClasses as x } from "./footerRevealStyles.js";
7
+ import { syncFooterRevealWordmark as S } from "./footerRevealWordmark.js";
8
+ import { FooterRevealRuled as C, footerRevealRuledEmailHref as w } from "./FooterRevealRuled.js";
9
+ import { createContext as T, useContext as E, useLayoutEffect as D, useRef as O, useState as k, useSyncExternalStore as A } from "react";
10
+ import { jsx as j, jsxs as M } from "react/jsx-runtime";
11
+ import { MotionConfigContext as N, motion as P, useMotionTemplate as F, useScroll as I, useTransform as L } from "motion/react";
12
12
  //#region src/components/organisms/FooterReveal/FooterReveal.tsx
13
- var z = E(null), B = "(prefers-reduced-motion: reduce)";
14
- function V(e) {
15
- let t = window.matchMedia(B);
13
+ var R = T(null), z = "(prefers-reduced-motion: reduce)";
14
+ function B(e) {
15
+ let t = window.matchMedia(z);
16
16
  return t.addEventListener("change", e), () => t.removeEventListener("change", e);
17
17
  }
18
- function H() {
19
- return window.matchMedia(B).matches;
18
+ function V() {
19
+ return window.matchMedia(z).matches;
20
20
  }
21
- function U() {
22
- return j(V, H, () => !0);
21
+ function H() {
22
+ return A(B, V, () => !0);
23
23
  }
24
- function W(e) {
25
- let t = D(z);
24
+ function U(e) {
25
+ let t = E(R);
26
26
  if (!t) throw Error(`${e} must be rendered inside FooterReveal.`);
27
27
  return t;
28
28
  }
29
- function G() {
30
- return W("useFooterRevealProgress").reveal;
29
+ function W() {
30
+ return U("useFooterRevealProgress").reveal;
31
31
  }
32
- function K({ children: t, className: r }) {
33
- let i = k(null), a = k(null), [o, s] = A(.35), { reducedMotion: c } = D(P), l = U() || c === "always";
34
- O(() => {
32
+ function G({ children: t, className: r }) {
33
+ let i = O(null), a = O(null), [o, s] = k(.35), { reducedMotion: c } = E(N), l = H() || c === "always";
34
+ D(() => {
35
35
  let e = a.current;
36
36
  if (!e || typeof ResizeObserver > "u") return;
37
37
  let t = () => {
@@ -43,104 +43,104 @@ function K({ children: t, className: r }) {
43
43
  r.disconnect(), window.removeEventListener("resize", t);
44
44
  };
45
45
  }, []);
46
- let { scrollYProgress: u } = L({
46
+ let { scrollYProgress: u } = I({
47
47
  target: i,
48
48
  offset: ["end end", "end start"]
49
- }), d = R(u, [0, o], [0, 1]), f = R(d, (e) => l ? 1 : e), p = R(u, [0, o], l ? [1, 1] : [.9, 1]), h = R(u, [0, o], l ? [0, 0] : [12, 0]), g = {
49
+ }), d = L(u, [0, o], [0, 1]), f = L(d, (e) => l ? 1 : e), m = L(u, [0, o], l ? [1, 1] : [.9, 1]), h = L(u, [0, o], l ? [0, 0] : [12, 0]), g = {
50
50
  reveal: f,
51
51
  reduceMotion: l,
52
52
  contentRef: i,
53
53
  footerRef: a,
54
- scale: p,
55
- filter: I`blur(${h}px)`,
56
- opacityWillChange: R(u, (e) => !l && e > 1e-4 && e < o ? "opacity" : "auto"),
57
- contentWillChange: R(u, (e) => !l && e > 1e-4 && e < o ? "transform, filter" : "auto")
54
+ scale: m,
55
+ filter: F`blur(${h}px)`,
56
+ opacityWillChange: L(u, (e) => !l && e > 1e-4 && e < o ? "opacity" : "auto"),
57
+ contentWillChange: L(u, (e) => !l && e > 1e-4 && e < o ? "transform, filter" : "auto")
58
58
  };
59
- return /* @__PURE__ */ M(z.Provider, {
59
+ return /* @__PURE__ */ j(R.Provider, {
60
60
  value: g,
61
- children: /* @__PURE__ */ M("div", {
62
- className: e(m, r),
61
+ children: /* @__PURE__ */ j("div", {
62
+ className: e(p, r),
63
63
  "data-footer-reveal": "root",
64
64
  children: t
65
65
  })
66
66
  });
67
67
  }
68
- function q({ children: t, className: n }) {
69
- let { contentRef: r } = W("FooterReveal.Content");
70
- return /* @__PURE__ */ M("div", {
68
+ function K({ children: t, className: n }) {
69
+ let { contentRef: r } = U("FooterReveal.Content");
70
+ return /* @__PURE__ */ j("div", {
71
71
  ref: r,
72
72
  className: e(o, n),
73
73
  "data-footer-reveal": "content",
74
74
  children: t
75
75
  });
76
76
  }
77
- function J({ children: e }) {
78
- return /* @__PURE__ */ N("div", {
77
+ function q({ children: e }) {
78
+ return /* @__PURE__ */ M("div", {
79
79
  className: "relative",
80
- children: [/* @__PURE__ */ M("div", {
81
- className: d,
80
+ children: [/* @__PURE__ */ j("div", {
81
+ className: u,
82
82
  "data-footer-reveal": "guides",
83
83
  "aria-hidden": "true",
84
- children: /* @__PURE__ */ M("div", {
85
- className: f,
86
- children: /* @__PURE__ */ M("div", { className: "grid-guides-cols" })
84
+ children: /* @__PURE__ */ j("div", {
85
+ className: d,
86
+ children: /* @__PURE__ */ j("div", { className: "grid-guides-cols" })
87
87
  })
88
- }), /* @__PURE__ */ M("div", {
89
- className: u,
88
+ }), /* @__PURE__ */ j("div", {
89
+ className: l,
90
90
  "data-footer-reveal": "field",
91
91
  children: e
92
92
  })]
93
93
  });
94
94
  }
95
- function Y({ children: t, className: n }) {
96
- let { footerRef: r, reveal: i, reduceMotion: a, scale: o, filter: s, opacityWillChange: l, contentWillChange: u } = W("FooterReveal.Footer");
97
- return /* @__PURE__ */ M("footer", {
95
+ function J({ children: t, className: n }) {
96
+ let { footerRef: r, reveal: i, reduceMotion: a, scale: o, filter: c, opacityWillChange: l, contentWillChange: u } = U("FooterReveal.Footer");
97
+ return /* @__PURE__ */ j("footer", {
98
98
  ref: r,
99
- className: y,
99
+ className: v,
100
100
  "data-footer-reveal": "sticky",
101
- children: a ? /* @__PURE__ */ M("div", {
102
- className: e(c, n),
101
+ children: a ? /* @__PURE__ */ j("div", {
102
+ className: e(s, n),
103
103
  style: { opacity: 1 },
104
104
  "data-footer-reveal": "fade",
105
- children: /* @__PURE__ */ M("div", {
106
- className: g,
105
+ children: /* @__PURE__ */ j("div", {
106
+ className: h,
107
107
  style: {
108
108
  transform: "none",
109
109
  filter: "none",
110
110
  transformOrigin: "50% 100%"
111
111
  },
112
112
  "data-footer-reveal": "scale",
113
- children: /* @__PURE__ */ M(J, { children: t })
113
+ children: /* @__PURE__ */ j(q, { children: t })
114
114
  })
115
- }) : /* @__PURE__ */ M(F.div, {
116
- className: e(c, n),
115
+ }) : /* @__PURE__ */ j(P.div, {
116
+ className: e(s, n),
117
117
  style: {
118
118
  opacity: i,
119
119
  willChange: l
120
120
  },
121
121
  "data-footer-reveal": "fade",
122
- children: /* @__PURE__ */ M(F.div, {
123
- className: g,
122
+ children: /* @__PURE__ */ j(P.div, {
123
+ className: h,
124
124
  style: {
125
125
  scale: o,
126
- filter: s,
126
+ filter: c,
127
127
  transformOrigin: "50% 100%",
128
128
  willChange: u
129
129
  },
130
130
  "data-footer-reveal": "scale",
131
- children: /* @__PURE__ */ M(J, { children: t })
131
+ children: /* @__PURE__ */ j(q, { children: t })
132
132
  })
133
133
  })
134
134
  });
135
135
  }
136
- function X({ text: e }) {
137
- let t = k(null), n = k(null);
138
- return O(() => {
136
+ function Y({ text: e }) {
137
+ let t = O(null), n = O(null);
138
+ return D(() => {
139
139
  let e = t.current, r = n.current;
140
140
  if (!e || !r) return;
141
141
  let i = -1, a = () => {
142
142
  let t = e.clientWidth;
143
- t <= 0 || Math.abs(t - i) < .5 && e.style.getPropertyValue("--footer-wordmark-em") || (i = t, C(r, e));
143
+ t <= 0 || Math.abs(t - i) < .5 && e.style.getPropertyValue("--footer-wordmark-em") || (i = t, S(r, e));
144
144
  };
145
145
  a();
146
146
  let o = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
@@ -153,56 +153,56 @@ function X({ text: e }) {
153
153
  return s?.addEventListener?.("loadingdone", c), s?.ready && s.ready.then(c).catch(() => {}), () => {
154
154
  o?.disconnect(), s?.removeEventListener?.("loadingdone", c);
155
155
  };
156
- }, [e]), /* @__PURE__ */ M("div", {
156
+ }, [e]), /* @__PURE__ */ j("div", {
157
157
  ref: t,
158
- className: S,
158
+ className: x,
159
159
  "data-footer-reveal": "wordmark-frame",
160
- children: /* @__PURE__ */ M("p", {
160
+ children: /* @__PURE__ */ j("p", {
161
161
  ref: n,
162
- className: b,
163
- style: { fontSize: x },
162
+ className: y,
163
+ style: { fontSize: b },
164
164
  "aria-hidden": "true",
165
165
  "data-footer-reveal": "wordmark",
166
166
  children: e
167
167
  })
168
168
  });
169
169
  }
170
- function Z({ headline: n, ctaLabel: o, onCtaClick: c, ctaHref: l, wordmark: u, socialLinks: d = [], className: f }) {
171
- return /* @__PURE__ */ N("div", {
172
- className: e(r, f),
173
- children: [/* @__PURE__ */ N("div", {
170
+ function X({ headline: n, ctaLabel: o, onCtaClick: s, ctaHref: c, wordmark: l, socialLinks: u = [], className: d }) {
171
+ return /* @__PURE__ */ M("div", {
172
+ className: e(r, d),
173
+ children: [/* @__PURE__ */ M("div", {
174
174
  className: i,
175
175
  children: [
176
- /* @__PURE__ */ M("h2", {
176
+ /* @__PURE__ */ j("h2", {
177
177
  className: a,
178
178
  children: n
179
179
  }),
180
- /* @__PURE__ */ M(t, {
180
+ /* @__PURE__ */ j(t, {
181
181
  role: "inverse",
182
182
  size: "lg",
183
183
  type: "button",
184
- onClick: c,
185
- render: l ? /* @__PURE__ */ M("a", { href: l }) : void 0,
184
+ onClick: s,
185
+ render: c ? /* @__PURE__ */ j("a", { href: c }) : void 0,
186
186
  children: o
187
187
  }),
188
- d.length > 0 ? /* @__PURE__ */ M("ul", {
189
- className: v,
190
- children: d.map((e) => /* @__PURE__ */ M("li", { children: /* @__PURE__ */ M("a", {
188
+ u.length > 0 ? /* @__PURE__ */ j("ul", {
189
+ className: _,
190
+ children: u.map((e) => /* @__PURE__ */ j("li", { children: /* @__PURE__ */ j("a", {
191
191
  href: e.href,
192
- className: _,
193
- ...s(e.href),
192
+ className: g,
193
+ "aria-label": e.ariaLabel,
194
194
  children: e.label
195
195
  }) }, e.label))
196
196
  }) : null
197
197
  ]
198
- }), /* @__PURE__ */ M(X, { text: u })]
198
+ }), /* @__PURE__ */ j(Y, { text: l })]
199
199
  });
200
200
  }
201
- var Q = Object.assign(K, {
202
- Content: q,
203
- Footer: Y,
204
- Brand: Z,
205
- Ruled: w
201
+ var Z = Object.assign(G, {
202
+ Content: K,
203
+ Footer: J,
204
+ Brand: X,
205
+ Ruled: C
206
206
  });
207
207
  //#endregion
208
- export { Q as FooterReveal, l as footerRevealFieldClasses, p as footerRevealFieldLinkClasses, T as footerRevealRuledEmailHref, h as footerRevealRuledFieldClasses, G as useFooterRevealProgress };
208
+ export { Z as FooterReveal, c as footerRevealFieldClasses, f as footerRevealFieldLinkClasses, w as footerRevealRuledEmailHref, m as footerRevealRuledFieldClasses, W as useFooterRevealProgress };
@@ -1 +1 @@
1
- {"version":3,"file":"FooterRevealRuled.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterRevealRuled.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAGpF;AAkFD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAU,EACV,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAwDxB"}
1
+ {"version":3,"file":"FooterRevealRuled.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterRevealRuled.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAGpF;AAkFD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAU,EACV,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAuDxB"}