@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,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — app header
|
|
2
2
|
// Storybook: Components/PageHeader → Pattern — app header (?path=/story/components-pageheader--app-header-pattern)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — page header
|
|
2
2
|
// Storybook: Components/PageHeader → Pattern — page header (?path=/story/components-pageheader--page-section-header)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — toolbar header
|
|
2
2
|
// Storybook: Components/PageHeader → Pattern — toolbar header (?path=/story/components-pageheader--toolbar-header)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — end detail rail
|
|
2
2
|
// Storybook: Components/Panel → Pattern — end detail rail (?path=/story/components-panel--end-detail-rail)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — pill group
|
|
2
2
|
// Storybook: Components/PillGroup → Pattern — pill group (?path=/story/components-pillgroup--pill-group-pattern)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — prompt bar
|
|
2
2
|
// Storybook: Components/PromptBar → Pattern — prompt bar (?path=/story/components-promptbar--pattern-prompt-bar)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — article body
|
|
2
2
|
// Storybook: Components/Prose → Pattern — article body (?path=/story/components-prose--article-body)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — vertical
|
|
2
2
|
// Storybook: Components/Radio/RadioGroup → Pattern — vertical (?path=/story/components-radio-radiogroup--default)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — project gallery
|
|
2
2
|
// Storybook: Components/ScrollHorizontal → Pattern — project gallery (?path=/story/components-scrollhorizontal--project-gallery-pattern)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — gallery intro
|
|
2
2
|
// Storybook: Components/ScrollHorizontal → Pattern — gallery intro (?path=/story/components-scrollhorizontal--with-intro)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — column caption
|
|
2
2
|
// Storybook: Components/SectionCaption → Pattern — column caption (?path=/story/components-sectioncaption--column-caption)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — caption with an action
|
|
2
2
|
// Storybook: Components/SectionCaption → Pattern — caption with an action (?path=/story/components-sectioncaption--with-action)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — bottom sheet
|
|
2
2
|
// Storybook: Components/Sheet → Pattern — bottom sheet (?path=/story/components-sheet--bottom-sheet)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — end sheet
|
|
2
2
|
// Storybook: Components/Sheet → Pattern — end sheet (?path=/story/components-sheet--end-sheet)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — side sheet header actions
|
|
2
2
|
// Storybook: Components/Sheet → Pattern — side sheet header actions (?path=/story/components-sheet--side-sheet-header-actions)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — side sheet URL deep link
|
|
2
2
|
// Storybook: Components/Sheet → Pattern — side sheet URL deep link (?path=/story/components-sheet--side-sheet-url-deep-link)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — side sheet
|
|
2
2
|
// Storybook: Components/Sheet → Pattern — side sheet (?path=/story/components-sheet--side-sheet)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — brand + CTA
|
|
2
2
|
// Storybook: Components/SiteNav → Pattern — brand + CTA (?path=/story/components-sitenav--brand-and-cta)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — centered links
|
|
2
2
|
// Storybook: Components/SiteNav → Pattern — centered links (?path=/story/components-sitenav--centered-links)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — compact (scrolled)
|
|
2
2
|
// Storybook: Components/SiteNav → Pattern — compact (scrolled) (?path=/story/components-sitenav--compact)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — marketing header
|
|
2
2
|
// Storybook: Components/SiteNav → Pattern — marketing header (?path=/story/components-sitenav--marketing-header)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -73,6 +73,7 @@ export function MarketingHeader() {
|
|
|
73
73
|
<SiteNav.MobileLink href="/blog">Blog</SiteNav.MobileLink>
|
|
74
74
|
</>
|
|
75
75
|
}
|
|
76
|
+
mobileAction={<Button role="primary" render={<a href="/start" />}>Get started</Button>}
|
|
76
77
|
/>
|
|
77
78
|
<main className="grid-page">{/* page content — no pt-16; SiteNav is in flow */}</main>
|
|
78
79
|
</>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — mega menu
|
|
2
2
|
// Storybook: Components/SiteNav → Pattern — mega menu (?path=/story/components-sitenav--mega-menu)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — hero stat
|
|
2
2
|
// Storybook: Components/Stat → Pattern — hero stat (?path=/story/components-stat--hero-stat)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — insights row
|
|
2
2
|
// Storybook: Components/Stat → Pattern — insights row (?path=/story/components-stat--insights-row)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — step progress
|
|
2
2
|
// Storybook: Components/StepProgress → Pattern — step progress (?path=/story/components-stepprogress--step-progress-pattern)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — default
|
|
2
2
|
// Storybook: Components/Switch → Pattern — default (?path=/story/components-switch--default)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — settings row
|
|
2
2
|
// Storybook: Components/Switch → Pattern — settings row (?path=/story/components-switch--settings-row)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — settings pages
|
|
2
2
|
// Storybook: Components/Tab → Pattern — settings pages (?path=/story/components-tab--settings-pages)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — approvals with sheet
|
|
2
2
|
// Storybook: Components/Table → Pattern — approvals with sheet (?path=/story/components-table--approvals-with-sheet)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — approvals queue
|
|
2
2
|
// Storybook: Components/Table → Pattern — approvals queue (?path=/story/components-table--approvals)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -155,7 +155,7 @@ export function ApprovalsQueue({ items, onDecision }: ApprovalsQueueProps) {
|
|
|
155
155
|
|
|
156
156
|
return (
|
|
157
157
|
<>
|
|
158
|
-
<div className="
|
|
158
|
+
<div className="md:hidden">
|
|
159
159
|
<p className="mb-3 text-muted">{waiting} waiting on you</p>
|
|
160
160
|
{items.length === 0 ? (
|
|
161
161
|
<Card variant="outlined" padding="md">
|
|
@@ -181,7 +181,7 @@ export function ApprovalsQueue({ items, onDecision }: ApprovalsQueueProps) {
|
|
|
181
181
|
</ul>
|
|
182
182
|
)}
|
|
183
183
|
</div>
|
|
184
|
-
<div className="hidden
|
|
184
|
+
<div className="hidden md:block">
|
|
185
185
|
<Table aria-label="Approvals waiting on you">
|
|
186
186
|
<TableCaption>{waiting} waiting on you</TableCaption>
|
|
187
187
|
<colgroup>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — basic table
|
|
2
2
|
// Storybook: Components/Table → Pattern — basic table (?path=/story/components-table--basic)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — action details
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — action details (?path=/story/components-taskrows--action-details)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — capsules
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — capsules (?path=/story/components-taskrows--capsules)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — card + status rows
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — card + status rows (?path=/story/components-taskrows--card-with-status-rows)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — controlled expand
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — controlled expand (?path=/story/components-taskrows--controlled-expand)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — custom leading / trailing
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — custom leading / trailing (?path=/story/components-taskrows--custom-slots)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — needs you
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — needs you (?path=/story/components-taskrows--needs-you-table)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — status rows
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — status rows (?path=/story/components-taskrows--status-list)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — tag chips
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — tag chips (?path=/story/components-taskrows--tag-chips)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — save status
|
|
2
2
|
// Storybook: Components/TextArea → Pattern — save status (?path=/story/components-textarea--save-status)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — external destination
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — external destination (?path=/story/components-textlink--external-destination)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — inline prose link
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — inline prose link (?path=/story/components-textlink--inline-prose)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — quiet title link
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — quiet title link (?path=/story/components-textlink--quiet-title)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — supporting copy link
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — supporting copy link (?path=/story/components-textlink--supporting-copy)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Default
|
|
2
2
|
// Storybook: Components/TextSequence → Default (?path=/story/components-textsequence--default)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Reduced motion
|
|
2
2
|
// Storybook: Components/TextSequence → Reduced motion (?path=/story/components-textsequence--reduced-motion)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Shapes
|
|
2
2
|
// Storybook: Components/TextSequence → Shapes (?path=/story/components-textsequence--shapes)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import { TextSequence } from "@thewhatmatters/wmds";
|
|
|
6
6
|
|
|
7
7
|
export function ShapeGallery() {
|
|
8
8
|
return (
|
|
9
|
-
<div className="grid w-full grid-cols-1 items-start gap-10
|
|
9
|
+
<div className="grid w-full grid-cols-1 items-start gap-10 md:grid-cols-2">
|
|
10
10
|
<figure className="flex flex-col items-center gap-3">
|
|
11
11
|
<p className="type-display-3 text-center text-fg">
|
|
12
12
|
<TextSequence emphasis="none" idle stagger={0.05}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — tile grid
|
|
2
2
|
// Storybook: Components/TileGrid → Pattern — tile grid (?path=/story/components-tilegrid--masonry)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@ export interface ResourceTileItem {
|
|
|
8
8
|
id: string;
|
|
9
9
|
title: string;
|
|
10
10
|
href: string;
|
|
11
|
-
/** Another site: the tile
|
|
11
|
+
/** Another site: the tile shows the external mark and stays in the tab. */
|
|
12
12
|
external?: boolean;
|
|
13
13
|
/** One line under the title, for example the domain. */
|
|
14
14
|
meta?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — stacked notifications
|
|
2
2
|
// Storybook: Components/Toast → Pattern — stacked notifications (?path=/story/components-toast--stacked-notifications)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — controlled state
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — controlled state (?path=/story/components-tooltip--controlled)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — disabled control
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — disabled control (?path=/story/components-tooltip--disabled-control)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — icon-only action
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — icon-only action (?path=/story/components-tooltip--icon-action)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — keyboard shortcut
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — keyboard shortcut (?path=/story/components-tooltip--keyboard-shortcut)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — placement
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — placement (?path=/story/components-tooltip--placement)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — horizontal rail
|
|
2
2
|
// Storybook: Foundations/Scroll fade → Pattern — horizontal rail (?path=/story/foundations-scroll-fade--horizontal-rail)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — overflowing list
|
|
2
2
|
// Storybook: Foundations/Scroll fade → Pattern — overflowing list (?path=/story/foundations-scroll-fade--overflowing-list)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — chart comparison gallery
|
|
2
2
|
// Storybook: Guides/Chart explorations → Pattern — chart comparison gallery (?path=/story/guides-chart-explorations--comparison-gallery)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — filtered grid
|
|
2
2
|
// Storybook: Guides/Filter panel → Pattern — filtered grid (?path=/story/guides-filter-panel--filtered-grid)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -32,7 +32,7 @@ export interface FilteredResource {
|
|
|
32
32
|
title: string;
|
|
33
33
|
/** Where the tile goes — the resource's page in the app, for example /resources/type-scale. */
|
|
34
34
|
href: string;
|
|
35
|
-
/** Only for a tile that links straight to another site: it
|
|
35
|
+
/** Only for a tile that links straight to another site: it shows the external mark. */
|
|
36
36
|
external?: boolean;
|
|
37
37
|
/** The preview. */
|
|
38
38
|
image: ResourceImage;
|
|
@@ -112,8 +112,8 @@ export function FilteredGrid({
|
|
|
112
112
|
>
|
|
113
113
|
<main className="grid-page bg-body">
|
|
114
114
|
{overlay}
|
|
115
|
-
<div className="band py-6
|
|
116
|
-
<header className="col-span-full mb-4 flex items-end justify-between gap-4
|
|
115
|
+
<div className="band py-6 md:py-10 lg:py-14">
|
|
116
|
+
<header className="col-span-full mb-4 flex items-end justify-between gap-4 md:mb-8">
|
|
117
117
|
<h1 className="type-display-2 text-fg">
|
|
118
118
|
{title} {loading ? null : <span className="tabular-nums text-muted">{shown.length}</span>}
|
|
119
119
|
</h1>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — filtered index
|
|
2
2
|
// Storybook: Guides/Filter panel → Pattern — filtered index (?path=/story/guides-filter-panel--filtered-index)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -73,8 +73,8 @@ export function FilteredIndex({
|
|
|
73
73
|
>
|
|
74
74
|
<main className="grid-page bg-body">
|
|
75
75
|
{overlay}
|
|
76
|
-
<div className="band py-6
|
|
77
|
-
<header className="col-span-full mb-4 flex items-end justify-between gap-4
|
|
76
|
+
<div className="band py-6 md:py-10 lg:py-14">
|
|
77
|
+
<header className="col-span-full mb-4 flex items-end justify-between gap-4 md:mb-8">
|
|
78
78
|
<h1 className="type-display-2 text-fg">
|
|
79
79
|
{title} <span className="tabular-nums text-muted">{shown.length}</span>
|
|
80
80
|
</h1>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — notification preferences
|
|
2
2
|
// Storybook: Guides/Overlay flows → Pattern — notification preferences (?path=/story/guides-overlay-flows--notification-preferences)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — post page
|
|
2
2
|
// Storybook: Guides/Post page → Pattern — post page (?path=/story/guides-post-page--post-page)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -200,8 +200,8 @@ export function PostPage({
|
|
|
200
200
|
return (
|
|
201
201
|
<main className="grid-page bg-body">
|
|
202
202
|
{overlay}
|
|
203
|
-
<article className="band py-6
|
|
204
|
-
<header className="col-span-full mb-4 flex flex-col gap-3
|
|
203
|
+
<article className="band py-6 md:py-10 lg:py-14">
|
|
204
|
+
<header className="col-span-full mb-4 flex flex-col gap-3 md:mb-8 lg:col-span-10">
|
|
205
205
|
<Breadcrumb
|
|
206
206
|
items={post.breadcrumb}
|
|
207
207
|
variant="mono"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — editorial profile
|
|
2
2
|
// Storybook: Guides/Profile typography → Pattern — editorial profile (?path=/story/guides-profile-typography--editorial-profile)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -21,7 +21,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
|
|
|
21
21
|
return (
|
|
22
22
|
<main
|
|
23
23
|
data-theme={theme === "auto" ? undefined : theme}
|
|
24
|
-
className="grid-page min-h-screen bg-body py-12 [--grid-column-gap:24px] [--grid-max:960px]
|
|
24
|
+
className="grid-page min-h-screen bg-body py-12 [--grid-column-gap:24px] [--grid-max:960px] md:py-16 lg:py-20"
|
|
25
25
|
>
|
|
26
26
|
<GridOverlay
|
|
27
27
|
visible={gridVisible}
|
|
@@ -30,7 +30,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
|
|
|
30
30
|
/>
|
|
31
31
|
|
|
32
32
|
<div className="band">
|
|
33
|
-
<article className="col-span-full max-w-[52rem]
|
|
33
|
+
<article className="col-span-full max-w-[52rem] md:col-start-2 md:col-span-6 lg:col-start-2 lg:col-span-10">
|
|
34
34
|
<header className="flex flex-col items-start gap-4">
|
|
35
35
|
<Avatar name="Avery Kim" size="lg" />
|
|
36
36
|
<div>
|
|
@@ -39,13 +39,13 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
|
|
|
39
39
|
</div>
|
|
40
40
|
</header>
|
|
41
41
|
|
|
42
|
-
<div className="mt-8 flex flex-col gap-5
|
|
42
|
+
<div className="mt-8 flex flex-col gap-5 md:mt-10">
|
|
43
43
|
<p className="type-body text-fg">
|
|
44
44
|
Currently building at <TextLink href="#work">WhatMatters</TextLink>.
|
|
45
45
|
</p>
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
|
-
<section id="work" className="mt-12
|
|
48
|
+
<section id="work" className="mt-12 md:mt-14">
|
|
49
49
|
<h2 className="type-body text-muted">Work</h2>
|
|
50
50
|
<ul className="mt-4 border-t border-border">
|
|
51
51
|
<li className="border-b border-border py-2">
|
|
@@ -60,7 +60,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
|
|
|
60
60
|
</ul>
|
|
61
61
|
</section>
|
|
62
62
|
|
|
63
|
-
<footer className="mt-12 flex flex-col gap-5
|
|
63
|
+
<footer className="mt-12 flex flex-col gap-5 md:mt-14">
|
|
64
64
|
<p className="type-body text-fg">
|
|
65
65
|
Read my <TextLink href="/writing">writing</TextLink>.
|
|
66
66
|
</p>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.31 · Pattern — resource detail
|
|
2
2
|
// Storybook: Guides/Resource detail → Pattern — resource detail (?path=/story/guides-resource-detail--detail)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -249,7 +249,7 @@ export function ResourceDetailPage({ item, breadcrumb, renderLink, renderImage,
|
|
|
249
249
|
return (
|
|
250
250
|
<main className="grid-page bg-body">
|
|
251
251
|
{overlay}
|
|
252
|
-
<article aria-labelledby={headingId} className="band py-6
|
|
252
|
+
<article aria-labelledby={headingId} className="band py-6 md:py-10 lg:py-14">
|
|
253
253
|
<Breadcrumb
|
|
254
254
|
items={breadcrumb}
|
|
255
255
|
variant="mono"
|