@thewhatmatters/wmds 0.4.29 → 0.4.31
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 +65 -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 +5 -2
- package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumb/breadcrumbStyles.js +2 -2
- package/dist/components/molecules/Field/fieldStyles.d.ts +1 -1
- package/dist/components/molecules/Field/fieldStyles.js +1 -1
- package/dist/components/molecules/HeroIntro/HeroIntro.d.ts +22 -8
- package/dist/components/molecules/HeroIntro/HeroIntro.d.ts.map +1 -1
- package/dist/components/molecules/HeroIntro/HeroIntro.js +30 -18
- package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts +19 -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/molecules/TileGrid/tileGridStyles.js +1 -1
- package/dist/components/organisms/Carousel/carouselStyles.js +3 -3
- package/dist/components/organisms/ChatDock/chatDockStyles.d.ts +4 -0
- package/dist/components/organisms/ChatDock/chatDockStyles.d.ts.map +1 -1
- 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 +17 -8
- package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.js +310 -256
- package/dist/components/organisms/SiteNav/siteNavStyles.d.ts +34 -6
- package/dist/components/organisms/SiteNav/siteNavStyles.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/siteNavStyles.js +3 -3
- package/dist/components/organisms/SiteNav/useSiteNavMobileMenu.d.ts +17 -0
- package/dist/components/organisms/SiteNav/useSiteNavMobileMenu.d.ts.map +1 -0
- package/dist/components/organisms/SiteNav/useSiteNavMobileMenu.js +47 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +107 -107
- package/dist/lib/dialogOverlay.d.ts +8 -0
- package/dist/lib/dialogOverlay.d.ts.map +1 -1
- package/dist/lib/dialogOverlay.js +45 -26
- 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 +6 -6
- package/docs/exports.json +3 -2
- 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 +2 -2
- 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-herointro--with-actions.tsx +22 -0
- 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 +2 -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 +3 -3
- 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 +2 -2
- 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 +4 -4
- package/docs/patterns/guides-filter-panel--filtered-index.tsx +3 -3
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +3 -3
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +6 -6
- package/docs/patterns/guides-resource-detail--detail.tsx +2 -2
- package/docs/patterns/index.json +9 -1
- package/package.json +1 -1
|
@@ -1,24 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
|
-
import {
|
|
4
|
-
import { jsx as
|
|
3
|
+
import { heroIntroActionsClasses as t, heroIntroCopyClasses as n, heroIntroDescriptionClasses as r, heroIntroDisplayCopyClasses as i, heroIntroDisplayDescriptionClasses as a, heroIntroDisplayLeadClasses as o, heroIntroLeadClasses as s, heroIntroPageClasses as c, heroIntroRestClasses as l } from "./heroIntroStyles.js";
|
|
4
|
+
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/molecules/HeroIntro/HeroIntro.tsx
|
|
6
|
-
var
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
className:
|
|
15
|
-
children:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
6
|
+
var f = ["large", "display"];
|
|
7
|
+
function p({ firstLine: f, lead: p, children: m, description: h, actions: g, step: _ = "large", className: v }) {
|
|
8
|
+
p !== void 0 && f === void 0 && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("[WMDS HeroIntro] `lead` is renamed to `firstLine` (0.4.30); `lead` still works for now.");
|
|
9
|
+
let y = f ?? p, b = _ === "display", x = m != null && m !== !1;
|
|
10
|
+
return /* @__PURE__ */ d("div", {
|
|
11
|
+
className: e(c, v),
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ d("h1", {
|
|
14
|
+
className: b ? i : n,
|
|
15
|
+
children: [/* @__PURE__ */ u("span", {
|
|
16
|
+
className: b ? o : s,
|
|
17
|
+
children: y
|
|
18
|
+
}), x ? /* @__PURE__ */ u("span", {
|
|
19
|
+
className: l,
|
|
20
|
+
children: m
|
|
21
|
+
}) : null]
|
|
22
|
+
}),
|
|
23
|
+
h == null ? null : /* @__PURE__ */ u("p", {
|
|
24
|
+
className: b ? a : r,
|
|
25
|
+
children: h
|
|
26
|
+
}),
|
|
27
|
+
g == null ? null : /* @__PURE__ */ u("div", {
|
|
28
|
+
className: t,
|
|
29
|
+
"data-slot": "actions",
|
|
30
|
+
children: g
|
|
31
|
+
})
|
|
32
|
+
]
|
|
21
33
|
});
|
|
22
34
|
}
|
|
23
35
|
//#endregion
|
|
24
|
-
export {
|
|
36
|
+
export { p as HeroIntro, f as heroIntroSteps };
|
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
/** `grid-page` with the page block pad removed so it does not stack on the hero gap. */
|
|
6
6
|
export declare const heroIntroPageClasses = "grid-page w-full !py-0";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* `h1` on `type-display-2` at normal weight — the same size and
|
|
9
9
|
* leading as **ScrollHorizontal.Intro** and the sequenced hero. `!font-normal`
|
|
10
10
|
* beats the display token's semibold. `text-balance` evens wrapped lines so a
|
|
11
11
|
* last line is not a single word.
|
|
12
|
-
* Columns
|
|
13
|
-
*
|
|
12
|
+
* Columns 2–11 from `lg` (10 of 12; a heading may run wider than body text, Grid G8), so a 12-word
|
|
13
|
+
* intro holds 2 lines. Full width of the page grid below `lg`. Left on phones, where it runs 3+ lines;
|
|
14
|
+
* centred from `md` (Headings H8).
|
|
14
15
|
*/
|
|
15
16
|
export declare const heroIntroCopyClasses: string;
|
|
16
17
|
/** First sentence. Wraps at every width, including the display-2 measure from `md`. */
|
|
@@ -23,8 +24,23 @@ export declare const heroIntroRestClasses = "block";
|
|
|
23
24
|
* columns 4–9 are the default measure and are too narrow for this longer sentence.
|
|
24
25
|
* `!font-normal` wins over the display token's semibold.
|
|
25
26
|
* `text-balance` evens wrapped lines so a last line is not a single word.
|
|
27
|
+
* Left on phones, where it runs past 2 lines; centred from `md`, where it holds 2 (Headings H8).
|
|
26
28
|
*/
|
|
27
29
|
export declare const heroIntroDisplayCopyClasses: string;
|
|
28
30
|
/** Display step lead. Wraps when the measure is short (390). No nowrap. */
|
|
29
31
|
export declare const heroIntroDisplayLeadClasses = "block min-w-0";
|
|
32
|
+
/**
|
|
33
|
+
* Optional lead paragraph under the heading: `type-lead` (18px phone to 21px, regular, 1.45) in ink, at the
|
|
34
|
+
* 42rem measure, centred under the heading on the same columns (Lead rules L7, L8).
|
|
35
|
+
*/
|
|
36
|
+
/** Heading → lead is the page grid's 24px row gap (no extra margin; Spacing S2). */
|
|
37
|
+
export declare const heroIntroDescriptionClasses = "col-span-full min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
|
|
38
|
+
/** The description under the display step: the same 6-column measure, left on phones, centred from `md`. */
|
|
39
|
+
export declare const heroIntroDisplayDescriptionClasses = "col-span-full min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
|
|
40
|
+
/**
|
|
41
|
+
* The CTA row under the heading (or the description): one primary and an optional secondary (Hero rule R2).
|
|
42
|
+
* Left on phones and centred from `md`, like the heading. 32px below the text above it: the grid's 24px row
|
|
43
|
+
* gap plus 8.
|
|
44
|
+
*/
|
|
45
|
+
export declare const heroIntroActionsClasses = "col-span-full mt-2 flex min-w-0 flex-wrap items-center justify-start gap-3 md:justify-center";
|
|
30
46
|
//# sourceMappingURL=heroIntroStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heroIntroStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/heroIntroStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAE7D
|
|
1
|
+
{"version":3,"file":"heroIntroStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/heroIntroStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAE7D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,uFAAuF;AACvF,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,oFAAoF;AACpF,eAAO,MAAM,2BAA2B,0IACiG,CAAC;AAE1I,4GAA4G;AAC5G,eAAO,MAAM,kCAAkC,0IAA8B,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iGAC4D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/molecules/HeroIntro/heroIntroStyles.ts
|
|
3
|
-
var e = "grid-page w-full !py-0", t = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-
|
|
3
|
+
var e = "grid-page w-full !py-0", t = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center lg:col-start-2 lg:col-end-12"].join(" "), n = "block min-w-0", r = "block", i = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center"].join(" "), a = "block min-w-0", o = "col-span-full min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10", s = o, c = "col-span-full mt-2 flex min-w-0 flex-wrap items-center justify-start gap-3 md:justify-center";
|
|
4
4
|
//#endregion
|
|
5
|
-
export { t as heroIntroCopyClasses, i as heroIntroDisplayCopyClasses, a as heroIntroDisplayLeadClasses, n as heroIntroLeadClasses, e as heroIntroPageClasses, r as heroIntroRestClasses };
|
|
5
|
+
export { c as heroIntroActionsClasses, t as heroIntroCopyClasses, o as heroIntroDescriptionClasses, i as heroIntroDisplayCopyClasses, s as heroIntroDisplayDescriptionClasses, a as heroIntroDisplayLeadClasses, n as heroIntroLeadClasses, e as heroIntroPageClasses, r as heroIntroRestClasses };
|
|
@@ -13,10 +13,12 @@ export interface LinkTileProps {
|
|
|
13
13
|
*/
|
|
14
14
|
render?: ReactElement;
|
|
15
15
|
/**
|
|
16
|
-
* Another site:
|
|
17
|
-
*
|
|
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,
|
|
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 };
|
|
@@ -11,6 +11,6 @@ var t = ["masonry", "uniform"], n = [
|
|
|
11
11
|
base: 1,
|
|
12
12
|
sm: 2,
|
|
13
13
|
lg: 3
|
|
14
|
-
}, i = "w-full min-w-0", a = e("relative m-0 -mb-[var(--tile-grid-row-gap)] grid list-none items-start p-0 [--tile-grid-row-gap:2rem]", "gap-x-[var(--grid-column-gap,1.5rem)] gap-y-0", "grid-cols-[repeat(var(--tile-grid-cols),minmax(0,1fr))]
|
|
14
|
+
}, i = "w-full min-w-0", a = e("relative m-0 -mb-[var(--tile-grid-row-gap)] grid list-none items-start p-0 [--tile-grid-row-gap:2rem]", "gap-x-[var(--grid-column-gap,1.5rem)] gap-y-0", "grid-cols-[repeat(var(--tile-grid-cols),minmax(0,1fr))] md:grid-cols-[repeat(var(--tile-grid-cols-sm),minmax(0,1fr))]", "md:grid-cols-[repeat(var(--tile-grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--tile-grid-cols-lg),minmax(0,1fr))]", "xl:grid-cols-[repeat(var(--tile-grid-cols-xl),minmax(0,1fr))]", "data-[packed]:auto-rows-[4px]"), o = "min-w-0", s = "flex min-w-0 flex-col pb-[var(--tile-grid-row-gap)]", c = "py-8";
|
|
15
15
|
//#endregion
|
|
16
16
|
export { n as tileGridBreakpoints, r as tileGridDefaultColumns, c as tileGridEmptyClasses, o as tileGridItemClasses, s as tileGridItemInnerClasses, t as tileGridLayouts, a as tileGridListClasses, i as tileGridRootClasses };
|
|
@@ -17,9 +17,9 @@ var i = [
|
|
|
17
17
|
base: 80,
|
|
18
18
|
sm: 55,
|
|
19
19
|
lg: 40
|
|
20
|
-
}, s = "@container/carousel flex w-full min-w-0 flex-col", c = e("relative rounded-[var(--radius-card-shell)]", "ml-[calc(var(--carousel-bleed-left,0px)*-1)] mr-[calc(var(--carousel-bleed-right,0px)*-1)]", "has-[>[data-carousel-viewport]:focus-visible]:ring-2 has-[>[data-carousel-viewport]:focus-visible]:ring-focus-ring", "has-[>[data-carousel-viewport]:focus-visible]:ring-offset-2 has-[>[data-carousel-viewport]:focus-visible]:ring-offset-body", n), l = e("-mt-2 -mb-6 overflow-x-auto overflow-y-hidden overscroll-x-contain pt-2 pb-6 outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "scroll-pl-[var(--carousel-bleed-left,0px)] scroll-pr-[var(--carousel-bleed-right,0px)]", "data-[overflowing=true]:cursor-grab data-[dragging]:cursor-grabbing data-[dragging]:select-none"), u = "snap-x snap-mandatory data-[moving]:snap-none", d = "scroll-fade-x", f = "w-max min-w-full pl-[var(--carousel-bleed-left,0px)] pr-[var(--carousel-bleed-right,0px)]", p = e("flex w-max min-w-full gap-[var(--grid-column-gap,1.5rem)]", "[&_a]:[-webkit-user-drag:none] [&_img]:[-webkit-user-drag:none]"), m = e("min-w-0 shrink-0 grow-0 snap-start", "basis-[calc(var(--carousel-item)*1cqw)]
|
|
21
|
-
center: "self-center
|
|
22
|
-
start: "self-start
|
|
20
|
+
}, s = "@container/carousel flex w-full min-w-0 flex-col", c = e("relative rounded-[var(--radius-card-shell)]", "ml-[calc(var(--carousel-bleed-left,0px)*-1)] mr-[calc(var(--carousel-bleed-right,0px)*-1)]", "has-[>[data-carousel-viewport]:focus-visible]:ring-2 has-[>[data-carousel-viewport]:focus-visible]:ring-focus-ring", "has-[>[data-carousel-viewport]:focus-visible]:ring-offset-2 has-[>[data-carousel-viewport]:focus-visible]:ring-offset-body", n), l = e("-mt-2 -mb-6 overflow-x-auto overflow-y-hidden overscroll-x-contain pt-2 pb-6 outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "scroll-pl-[var(--carousel-bleed-left,0px)] scroll-pr-[var(--carousel-bleed-right,0px)]", "data-[overflowing=true]:cursor-grab data-[dragging]:cursor-grabbing data-[dragging]:select-none"), u = "snap-x snap-mandatory data-[moving]:snap-none", d = "scroll-fade-x", f = "w-max min-w-full pl-[var(--carousel-bleed-left,0px)] pr-[var(--carousel-bleed-right,0px)]", p = e("flex w-max min-w-full gap-[var(--grid-column-gap,1.5rem)]", "[&_a]:[-webkit-user-drag:none] [&_img]:[-webkit-user-drag:none]"), m = e("min-w-0 shrink-0 grow-0 snap-start", "basis-[calc(var(--carousel-item)*1cqw)] md:basis-[calc(var(--carousel-item-sm)*1cqw)]", "md:basis-[calc(var(--carousel-item-md)*1cqw)] lg:basis-[calc(var(--carousel-item-lg)*1cqw)]"), h = "group/carousel-progress relative flex h-11 w-full cursor-pointer touch-none select-none items-center data-[overflowing=false]:invisible", g = {
|
|
21
|
+
center: "self-center md:w-60",
|
|
22
|
+
start: "self-start md:w-60",
|
|
23
23
|
full: ""
|
|
24
24
|
}, _ = e("relative h-1 w-full rounded-full bg-neutral transition-[height]", "group-data-[scrubbing]/carousel-progress:h-1.5", r("fast")), v = e("absolute inset-y-0 w-[calc(var(--carousel-thumb,0)*100%)] cursor-grab rounded-full bg-muted", "start-[calc(var(--carousel-progress,0)*(1_-_var(--carousel-thumb,0))*100%)]", "transition-colors group-hover/carousel-progress:bg-fg", "group-data-[scrubbing]/carousel-progress:cursor-grabbing group-data-[scrubbing]/carousel-progress:bg-fg", r("fast")), y = e(t("caption"), "mt-2 self-center text-muted tabular-nums data-[overflowing=false]:invisible");
|
|
25
25
|
//#endregion
|
|
@@ -13,6 +13,10 @@ export declare const chatDockRootClasses: Record<ChatDockPlacement, string>;
|
|
|
13
13
|
/** While the window is on screen, phones lift the dock above **SiteNav**: the window fills the screen. */
|
|
14
14
|
export declare const chatDockRootRaisedClasses = "max-md:z-[60]";
|
|
15
15
|
/** The dock's column — the page grid narrowed to the composer width. */
|
|
16
|
+
/**
|
|
17
|
+
* The chat column: a narrower `grid-page` (40rem). This is the text-only exception to Container width W5
|
|
18
|
+
* (narrower containers are for text-only reading; Product Designer, 2026-10-28).
|
|
19
|
+
*/
|
|
16
20
|
export declare const chatDockGridClasses = "grid-page [--grid-max:40rem]";
|
|
17
21
|
/** The dock: suggestion pills, the window behind the composer, and the composer. */
|
|
18
22
|
export declare const chatDockDockClasses = "pointer-events-auto relative col-span-full";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatDockStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,8BAA+B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIjE,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAGzD,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAEhF,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAO/B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAOnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,yFAAyF,CAAC;AAEnI;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,wBAAwB,CAAC;AAElE,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAKvC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,kCAAkC,wBAAwB,CAAC;AAExE,+IAA+I;AAC/I,eAAO,MAAM,2BAA2B,6CAA6C,CAAC;AAEtF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA4D,CAAC;AAElG,+GAA+G;AAC/G,eAAO,MAAM,0BAA0B,QAGtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAGnC,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE,6GAA6G;AAC7G,eAAO,MAAM,8BAA8B,wBAAwB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,4GAA4G;AAC5G,eAAO,MAAM,gCAAgC,QAAsE,CAAC;AAEpH,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0CAA0C,CAAC;AAE3E,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGvE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAG/E,CAAC"}
|
|
1
|
+
{"version":3,"file":"chatDockStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,8BAA+B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIjE,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAGzD,wEAAwE;AACxE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAEhF,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAO/B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAOnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,yFAAyF,CAAC;AAEnI;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,wBAAwB,CAAC;AAElE,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAKvC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,kCAAkC,wBAAwB,CAAC;AAExE,+IAA+I;AAC/I,eAAO,MAAM,2BAA2B,6CAA6C,CAAC;AAEtF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA4D,CAAC;AAElG,+GAA+G;AAC/G,eAAO,MAAM,0BAA0B,QAGtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAGnC,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE,6GAA6G;AAC7G,eAAO,MAAM,8BAA8B,wBAAwB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,4GAA4G;AAC5G,eAAO,MAAM,gCAAgC,QAAsE,CAAC;AAEpH,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0CAA0C,CAAC;AAE3E,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGvE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAG/E,CAAC"}
|
|
@@ -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"}
|