@thewhatmatters/wmds 0.4.29 → 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.
- package/CHANGELOG.md +42 -0
- package/CONSUMING.md +2 -1
- package/dist/components/atoms/Badge/Badge.js +1 -1
- package/dist/components/atoms/Badge/badgeStyles.d.ts +1 -1
- package/dist/components/atoms/Badge/badgeStyles.js +1 -1
- package/dist/components/atoms/Band/Band.d.ts +1 -1
- package/dist/components/atoms/Band/Band.d.ts.map +1 -1
- package/dist/components/atoms/Band/bandStyles.d.ts +4 -1
- package/dist/components/atoms/Band/bandStyles.d.ts.map +1 -1
- package/dist/components/atoms/Band/bandStyles.js +1 -1
- package/dist/components/atoms/Button/Button.d.ts +22 -4
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Button/Button.js +132 -124
- package/dist/components/atoms/Button/buttonStyles.d.ts +3 -1
- package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStyles.js +5 -4
- package/dist/components/atoms/IconButton/IconButton.d.ts +5 -0
- package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/IconButton.js +4 -3
- package/dist/components/atoms/SectionCaption/SectionCaption.d.ts +5 -1
- package/dist/components/atoms/SectionCaption/SectionCaption.d.ts.map +1 -1
- package/dist/components/atoms/SectionCaption/SectionCaption.js +1 -1
- package/dist/components/atoms/TextLink/TextLink.d.ts +10 -2
- package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -1
- package/dist/components/atoms/TextLink/TextLink.js +18 -14
- package/dist/components/molecules/Accordion/Accordion.d.ts +9 -4
- package/dist/components/molecules/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/molecules/Accordion/Accordion.js +58 -51
- package/dist/components/molecules/Accordion/accordionStyles.d.ts +5 -0
- package/dist/components/molecules/Accordion/accordionStyles.d.ts.map +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.js +5 -2
- package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts +4 -1
- package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumb/breadcrumbStyles.js +1 -1
- package/dist/components/molecules/HeroIntro/HeroIntro.d.ts +16 -8
- package/dist/components/molecules/HeroIntro/HeroIntro.d.ts.map +1 -1
- package/dist/components/molecules/HeroIntro/HeroIntro.js +21 -17
- package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts +12 -3
- package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts.map +1 -1
- package/dist/components/molecules/HeroIntro/heroIntroStyles.js +2 -2
- package/dist/components/molecules/LinkTile/LinkTile.d.ts +6 -4
- package/dist/components/molecules/LinkTile/LinkTile.d.ts.map +1 -1
- package/dist/components/molecules/LinkTile/LinkTile.js +29 -29
- package/dist/components/molecules/PageHeader/PageHeader.d.ts +8 -1
- package/dist/components/molecules/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/components/molecules/PageHeader/PageHeader.js +19 -15
- package/dist/components/organisms/FooterReveal/FooterReveal.d.ts +4 -2
- package/dist/components/organisms/FooterReveal/FooterReveal.d.ts.map +1 -1
- package/dist/components/organisms/FooterReveal/FooterReveal.js +85 -85
- package/dist/components/organisms/FooterReveal/FooterRevealRuled.d.ts.map +1 -1
- package/dist/components/organisms/FooterReveal/FooterRevealRuled.js +49 -50
- package/dist/components/organisms/FooterReveal/footerRevealStyles.d.ts +9 -7
- package/dist/components/organisms/FooterReveal/footerRevealStyles.d.ts.map +1 -1
- package/dist/components/organisms/FooterReveal/footerRevealStyles.js +2 -9
- package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts +2 -1
- package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts.map +1 -1
- package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.js +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.d.ts +4 -2
- package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.js +92 -91
- package/dist/components/organisms/SiteNav/siteNavStyles.d.ts +2 -2
- package/dist/components/organisms/SiteNav/siteNavStyles.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/siteNavStyles.js +3 -3
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +107 -107
- package/dist/lib/motion.d.ts +2 -1
- package/dist/lib/motion.d.ts.map +1 -1
- package/dist/lib/motion.js +1 -1
- package/dist/lib/typography.d.ts +2 -2
- package/dist/lib/typography.d.ts.map +1 -1
- package/dist/lib/typography.js +14 -3
- package/dist/styles.css +1 -1
- package/dist/typography.css +46 -11
- package/docs/components.md +5 -5
- package/docs/exports.json +1 -1
- package/docs/patterns/components-accordion--flush.tsx +1 -1
- package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +1 -1
- package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
- package/docs/patterns/components-badge--outline-tags.tsx +1 -1
- package/docs/patterns/components-badge--status-pill.tsx +1 -1
- package/docs/patterns/components-badge--with-avatar.tsx +1 -1
- package/docs/patterns/components-band--page-in-bands.tsx +1 -1
- package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
- package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
- package/docs/patterns/components-button-button--copy-button.tsx +1 -1
- package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
- package/docs/patterns/components-button-button--external-link.tsx +1 -1
- package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
- package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
- package/docs/patterns/components-button-button--link-render.tsx +1 -1
- package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
- package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
- package/docs/patterns/components-button-button--primary-action.tsx +1 -1
- package/docs/patterns/components-button-button--row-hug.tsx +1 -1
- package/docs/patterns/components-button-button--row-layout.tsx +1 -1
- package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
- package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
- package/docs/patterns/components-button-button--with-count.tsx +1 -1
- package/docs/patterns/components-button-button--with-icon.tsx +1 -1
- package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
- package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
- package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
- package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
- package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
- package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
- package/docs/patterns/components-card-card--terminal-frame.tsx +1 -1
- package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
- package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
- package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
- package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
- package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
- package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
- package/docs/patterns/components-chart--revenue-by-line.tsx +1 -1
- package/docs/patterns/components-chart--segmented-ring-pattern.tsx +1 -1
- package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
- package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
- package/docs/patterns/components-copyfield--clipboard-blocked.tsx +1 -1
- package/docs/patterns/components-copyfield--copied.tsx +1 -1
- package/docs/patterns/components-copyfield--copy-key.tsx +1 -1
- package/docs/patterns/components-copyfield--on-navy.tsx +1 -1
- package/docs/patterns/components-descriptionlist--details.tsx +1 -1
- package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +1 -1
- package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
- package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
- package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
- package/docs/patterns/components-displaycontrols--theme-switch.tsx +1 -1
- package/docs/patterns/components-field--horizontal-input.tsx +1 -1
- package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
- package/docs/patterns/components-field--multi-control.tsx +1 -1
- package/docs/patterns/components-filterpanel--panel.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +6 -6
- package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +2 -2
- package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +6 -6
- package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +5 -5
- package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +5 -5
- package/docs/patterns/components-herointro--two-line-intro.tsx +3 -3
- package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +3 -3
- package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +2 -2
- package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +3 -3
- package/docs/patterns/components-indexlist--post-index.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
- package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
- package/docs/patterns/components-kbd--command-row.tsx +1 -1
- package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
- package/docs/patterns/components-kbd--shortcut.tsx +1 -1
- package/docs/patterns/components-linktile--resource-tile.tsx +2 -2
- package/docs/patterns/components-linktile--router-link.tsx +1 -1
- package/docs/patterns/components-logview--detail-pane.tsx +1 -1
- package/docs/patterns/components-logview--log-viewer.tsx +1 -1
- package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
- package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
- package/docs/patterns/components-navlist--app-sidebar.tsx +1 -1
- package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
- package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
- package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
- package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
- package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
- package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
- package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
- package/docs/patterns/components-prose--article-body.tsx +1 -1
- package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
- package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
- package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
- package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet.tsx +1 -1
- package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
- package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
- package/docs/patterns/components-sitenav--compact.tsx +1 -1
- package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
- package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
- package/docs/patterns/components-stat--hero-stat.tsx +1 -1
- package/docs/patterns/components-stat--insights-row.tsx +1 -1
- package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
- package/docs/patterns/components-switch--default.tsx +1 -1
- package/docs/patterns/components-switch--settings-row.tsx +1 -1
- package/docs/patterns/components-tab--settings-pages.tsx +1 -1
- package/docs/patterns/components-table--approvals-with-sheet.tsx +1 -1
- package/docs/patterns/components-table--approvals.tsx +1 -1
- package/docs/patterns/components-table--basic.tsx +1 -1
- package/docs/patterns/components-taskrows--action-details.tsx +1 -1
- package/docs/patterns/components-taskrows--capsules.tsx +1 -1
- package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
- package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
- package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
- package/docs/patterns/components-taskrows--needs-you-table.tsx +1 -1
- package/docs/patterns/components-taskrows--status-list.tsx +1 -1
- package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
- package/docs/patterns/components-textarea--save-status.tsx +1 -1
- package/docs/patterns/components-textlink--external-destination.tsx +1 -1
- package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
- package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
- package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
- package/docs/patterns/components-textsequence--default.tsx +1 -1
- package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
- package/docs/patterns/components-textsequence--shapes.tsx +1 -1
- package/docs/patterns/components-tilegrid--masonry.tsx +2 -2
- package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
- package/docs/patterns/components-tooltip--controlled.tsx +1 -1
- package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
- package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
- package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
- package/docs/patterns/components-tooltip--placement.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
- package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-grid.tsx +2 -2
- package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +1 -1
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
- package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
- package/docs/patterns/index.json +1 -1
- package/package.json +1 -1
|
@@ -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,
|
|
21
|
-
let
|
|
22
|
-
if (
|
|
23
|
-
className: e(u,
|
|
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(
|
|
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
|
|
54
|
-
|
|
55
|
-
k != null && I,
|
|
53
|
+
let B = O != null, V = [
|
|
54
|
+
I,
|
|
56
55
|
A != null && L,
|
|
57
|
-
|
|
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,
|
|
67
|
-
"aria-labelledby":
|
|
66
|
+
className: e(f, P),
|
|
67
|
+
"aria-labelledby": V,
|
|
68
68
|
"data-link-tile": "",
|
|
69
69
|
"data-external": E ? "" : void 0,
|
|
70
|
-
children: [
|
|
71
|
-
className: e(i,
|
|
72
|
-
style: w(
|
|
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: [
|
|
75
|
-
id:
|
|
74
|
+
children: [O, j == null ? null : /* @__PURE__ */ b("span", {
|
|
75
|
+
id: R,
|
|
76
76
|
className: h,
|
|
77
|
-
children:
|
|
77
|
+
children: j
|
|
78
78
|
})]
|
|
79
79
|
}) : null, /* @__PURE__ */ x("span", {
|
|
80
80
|
className: n,
|
|
81
81
|
children: [
|
|
82
|
-
|
|
82
|
+
M == null ? null : /* @__PURE__ */ b("span", {
|
|
83
83
|
className: p,
|
|
84
84
|
"aria-hidden": "true",
|
|
85
|
-
children:
|
|
85
|
+
children: M
|
|
86
86
|
}),
|
|
87
87
|
/* @__PURE__ */ x("span", {
|
|
88
88
|
className: g,
|
|
89
89
|
children: [
|
|
90
90
|
/* @__PURE__ */ x("span", {
|
|
91
|
-
id:
|
|
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
|
-
|
|
100
|
-
id:
|
|
99
|
+
A == null ? null : /* @__PURE__ */ b("span", {
|
|
100
|
+
id: L,
|
|
101
101
|
className: d,
|
|
102
|
-
children:
|
|
102
|
+
children: A
|
|
103
103
|
}),
|
|
104
|
-
E ? /* @__PURE__ */ b("span", {
|
|
105
|
-
id:
|
|
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
|
-
|
|
112
|
-
id:
|
|
111
|
+
j != null && !B ? /* @__PURE__ */ b("span", {
|
|
112
|
+
id: R,
|
|
113
113
|
className: m,
|
|
114
|
-
children:
|
|
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
|
|
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;
|
|
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
|
|
12
|
-
let
|
|
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":
|
|
16
|
-
className: e(r.toolbar,
|
|
17
|
-
children: [
|
|
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: [
|
|
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" }),
|
|
27
|
+
}) : /* @__PURE__ */ s("span", { className: "min-w-0 flex-1" }), f == null ? null : /* @__PURE__ */ s("div", {
|
|
24
28
|
className: n,
|
|
25
|
-
children:
|
|
29
|
+
children: f
|
|
26
30
|
})]
|
|
27
31
|
}) : /* @__PURE__ */ c("header", {
|
|
28
|
-
"aria-label":
|
|
29
|
-
className: e(r[o],
|
|
32
|
+
"aria-label": p,
|
|
33
|
+
className: e(r[o], m),
|
|
30
34
|
children: [/* @__PURE__ */ c("div", {
|
|
31
35
|
className: i,
|
|
32
|
-
children: [
|
|
36
|
+
children: [d, g ? /* @__PURE__ */ s(h, {
|
|
33
37
|
className: a[o],
|
|
34
38
|
children: t
|
|
35
39
|
}) : null]
|
|
36
|
-
}),
|
|
40
|
+
}), f == null ? null : /* @__PURE__ */ s("div", {
|
|
37
41
|
className: n,
|
|
38
|
-
children:
|
|
42
|
+
children: f
|
|
39
43
|
})]
|
|
40
44
|
});
|
|
41
45
|
}
|
|
42
46
|
//#endregion
|
|
43
|
-
export {
|
|
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
|
|
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.
|
|
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,
|
|
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,
|
|
7
|
-
import { syncFooterRevealWordmark as
|
|
8
|
-
import { FooterRevealRuled as
|
|
9
|
-
import { createContext as
|
|
10
|
-
import { jsx as
|
|
11
|
-
import { MotionConfigContext as
|
|
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
|
|
14
|
-
function
|
|
15
|
-
let t = window.matchMedia(
|
|
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
|
|
19
|
-
return window.matchMedia(
|
|
18
|
+
function V() {
|
|
19
|
+
return window.matchMedia(z).matches;
|
|
20
20
|
}
|
|
21
|
-
function
|
|
22
|
-
return
|
|
21
|
+
function H() {
|
|
22
|
+
return A(B, V, () => !0);
|
|
23
23
|
}
|
|
24
|
-
function
|
|
25
|
-
let t =
|
|
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
|
|
30
|
-
return
|
|
29
|
+
function W() {
|
|
30
|
+
return U("useFooterRevealProgress").reveal;
|
|
31
31
|
}
|
|
32
|
-
function
|
|
33
|
-
let i =
|
|
34
|
-
|
|
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 } =
|
|
46
|
+
let { scrollYProgress: u } = I({
|
|
47
47
|
target: i,
|
|
48
48
|
offset: ["end end", "end start"]
|
|
49
|
-
}), d =
|
|
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:
|
|
55
|
-
filter:
|
|
56
|
-
opacityWillChange:
|
|
57
|
-
contentWillChange:
|
|
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__ */
|
|
59
|
+
return /* @__PURE__ */ j(R.Provider, {
|
|
60
60
|
value: g,
|
|
61
|
-
children: /* @__PURE__ */
|
|
62
|
-
className: e(
|
|
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
|
|
69
|
-
let { contentRef: r } =
|
|
70
|
-
return /* @__PURE__ */
|
|
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
|
|
78
|
-
return /* @__PURE__ */
|
|
77
|
+
function q({ children: e }) {
|
|
78
|
+
return /* @__PURE__ */ M("div", {
|
|
79
79
|
className: "relative",
|
|
80
|
-
children: [/* @__PURE__ */
|
|
81
|
-
className:
|
|
80
|
+
children: [/* @__PURE__ */ j("div", {
|
|
81
|
+
className: u,
|
|
82
82
|
"data-footer-reveal": "guides",
|
|
83
83
|
"aria-hidden": "true",
|
|
84
|
-
children: /* @__PURE__ */
|
|
85
|
-
className:
|
|
86
|
-
children: /* @__PURE__ */
|
|
84
|
+
children: /* @__PURE__ */ j("div", {
|
|
85
|
+
className: d,
|
|
86
|
+
children: /* @__PURE__ */ j("div", { className: "grid-guides-cols" })
|
|
87
87
|
})
|
|
88
|
-
}), /* @__PURE__ */
|
|
89
|
-
className:
|
|
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
|
|
96
|
-
let { footerRef: r, reveal: i, reduceMotion: a, scale: o, filter:
|
|
97
|
-
return /* @__PURE__ */
|
|
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:
|
|
99
|
+
className: v,
|
|
100
100
|
"data-footer-reveal": "sticky",
|
|
101
|
-
children: a ? /* @__PURE__ */
|
|
102
|
-
className: e(
|
|
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__ */
|
|
106
|
-
className:
|
|
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__ */
|
|
113
|
+
children: /* @__PURE__ */ j(q, { children: t })
|
|
114
114
|
})
|
|
115
|
-
}) : /* @__PURE__ */
|
|
116
|
-
className: e(
|
|
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__ */
|
|
123
|
-
className:
|
|
122
|
+
children: /* @__PURE__ */ j(P.div, {
|
|
123
|
+
className: h,
|
|
124
124
|
style: {
|
|
125
125
|
scale: o,
|
|
126
|
-
filter:
|
|
126
|
+
filter: c,
|
|
127
127
|
transformOrigin: "50% 100%",
|
|
128
128
|
willChange: u
|
|
129
129
|
},
|
|
130
130
|
"data-footer-reveal": "scale",
|
|
131
|
-
children: /* @__PURE__ */
|
|
131
|
+
children: /* @__PURE__ */ j(q, { children: t })
|
|
132
132
|
})
|
|
133
133
|
})
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
|
-
function
|
|
137
|
-
let t =
|
|
138
|
-
return
|
|
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,
|
|
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__ */
|
|
156
|
+
}, [e]), /* @__PURE__ */ j("div", {
|
|
157
157
|
ref: t,
|
|
158
|
-
className:
|
|
158
|
+
className: x,
|
|
159
159
|
"data-footer-reveal": "wordmark-frame",
|
|
160
|
-
children: /* @__PURE__ */
|
|
160
|
+
children: /* @__PURE__ */ j("p", {
|
|
161
161
|
ref: n,
|
|
162
|
-
className:
|
|
163
|
-
style: { fontSize:
|
|
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
|
|
171
|
-
return /* @__PURE__ */
|
|
172
|
-
className: e(r,
|
|
173
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
176
|
+
/* @__PURE__ */ j("h2", {
|
|
177
177
|
className: a,
|
|
178
178
|
children: n
|
|
179
179
|
}),
|
|
180
|
-
/* @__PURE__ */
|
|
180
|
+
/* @__PURE__ */ j(t, {
|
|
181
181
|
role: "inverse",
|
|
182
182
|
size: "lg",
|
|
183
183
|
type: "button",
|
|
184
|
-
onClick:
|
|
185
|
-
render:
|
|
184
|
+
onClick: s,
|
|
185
|
+
render: c ? /* @__PURE__ */ j("a", { href: c }) : void 0,
|
|
186
186
|
children: o
|
|
187
187
|
}),
|
|
188
|
-
|
|
189
|
-
className:
|
|
190
|
-
children:
|
|
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
|
-
|
|
192
|
+
className: g,
|
|
193
|
+
"aria-label": e.ariaLabel,
|
|
194
194
|
children: e.label
|
|
195
195
|
}) }, e.label))
|
|
196
196
|
}) : null
|
|
197
197
|
]
|
|
198
|
-
}), /* @__PURE__ */
|
|
198
|
+
}), /* @__PURE__ */ j(Y, { text: l })]
|
|
199
199
|
});
|
|
200
200
|
}
|
|
201
|
-
var
|
|
202
|
-
Content:
|
|
203
|
-
Footer:
|
|
204
|
-
Brand:
|
|
205
|
-
Ruled:
|
|
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 {
|
|
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,+
|
|
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"}
|