@thewhatmatters/wmds 0.4.30 → 0.4.31

package/docs/patterns/components-textlink--supporting-copy.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — supporting copy link
+// @thewhatmatters/wmds@0.4.31 · Pattern — supporting copy link
 // Storybook: Components/TextLink → Pattern — supporting copy link (?path=/story/components-textlink--supporting-copy)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textsequence--default.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Default
+// @thewhatmatters/wmds@0.4.31 · Default
 // Storybook: Components/TextSequence → Default (?path=/story/components-textsequence--default)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textsequence--reduced-motion.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Reduced motion
+// @thewhatmatters/wmds@0.4.31 · Reduced motion
 // Storybook: Components/TextSequence → Reduced motion (?path=/story/components-textsequence--reduced-motion)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textsequence--shapes.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Shapes
+// @thewhatmatters/wmds@0.4.31 · Shapes
 // Storybook: Components/TextSequence → Shapes (?path=/story/components-textsequence--shapes)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -6,7 +6,7 @@ import { TextSequence } from "@thewhatmatters/wmds";
 
 export function ShapeGallery() {
   return (
-    <div className="grid w-full grid-cols-1 items-start gap-10 sm:grid-cols-2">
+    <div className="grid w-full grid-cols-1 items-start gap-10 md:grid-cols-2">
       <figure className="flex flex-col items-center gap-3">
         <p className="type-display-3 text-center text-fg">
           <TextSequence emphasis="none" idle stagger={0.05}>

package/docs/patterns/components-tilegrid--masonry.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — tile grid
+// @thewhatmatters/wmds@0.4.31 · Pattern — tile grid
 // Storybook: Components/TileGrid → Pattern — tile grid (?path=/story/components-tilegrid--masonry)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-toast--stacked-notifications.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — stacked notifications
+// @thewhatmatters/wmds@0.4.31 · Pattern — stacked notifications
 // Storybook: Components/Toast → Pattern — stacked notifications (?path=/story/components-toast--stacked-notifications)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--controlled.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — controlled state
+// @thewhatmatters/wmds@0.4.31 · Pattern — controlled state
 // Storybook: Components/Tooltip → Pattern — controlled state (?path=/story/components-tooltip--controlled)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--disabled-control.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — disabled control
+// @thewhatmatters/wmds@0.4.31 · Pattern — disabled control
 // Storybook: Components/Tooltip → Pattern — disabled control (?path=/story/components-tooltip--disabled-control)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--icon-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — icon-only action
+// @thewhatmatters/wmds@0.4.31 · Pattern — icon-only action
 // Storybook: Components/Tooltip → Pattern — icon-only action (?path=/story/components-tooltip--icon-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--keyboard-shortcut.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — keyboard shortcut
+// @thewhatmatters/wmds@0.4.31 · Pattern — keyboard shortcut
 // Storybook: Components/Tooltip → Pattern — keyboard shortcut (?path=/story/components-tooltip--keyboard-shortcut)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--placement.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — placement
+// @thewhatmatters/wmds@0.4.31 · Pattern — placement
 // Storybook: Components/Tooltip → Pattern — placement (?path=/story/components-tooltip--placement)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — horizontal rail
+// @thewhatmatters/wmds@0.4.31 · Pattern — horizontal rail
 // Storybook: Foundations/Scroll fade → Pattern — horizontal rail (?path=/story/foundations-scroll-fade--horizontal-rail)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — overflowing list
+// @thewhatmatters/wmds@0.4.31 · Pattern — overflowing list
 // Storybook: Foundations/Scroll fade → Pattern — overflowing list (?path=/story/foundations-scroll-fade--overflowing-list)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — chart comparison gallery
+// @thewhatmatters/wmds@0.4.31 · Pattern — chart comparison gallery
 // Storybook: Guides/Chart explorations → Pattern — chart comparison gallery (?path=/story/guides-chart-explorations--comparison-gallery)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/guides-filter-panel--filtered-grid.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — filtered grid
+// @thewhatmatters/wmds@0.4.31 · Pattern — filtered grid
 // Storybook: Guides/Filter panel → Pattern — filtered grid (?path=/story/guides-filter-panel--filtered-grid)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -112,8 +112,8 @@ export function FilteredGrid({
     >
       <main className="grid-page bg-body">
         {overlay}
-        <div className="band py-6 sm:py-10 lg:py-14">
-          <header className="col-span-full mb-4 flex items-end justify-between gap-4 sm:mb-8">
+        <div className="band py-6 md:py-10 lg:py-14">
+          <header className="col-span-full mb-4 flex items-end justify-between gap-4 md:mb-8">
             <h1 className="type-display-2 text-fg">
               {title} {loading ? null : <span className="tabular-nums text-muted">{shown.length}</span>}
             </h1>

package/docs/patterns/guides-filter-panel--filtered-index.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — filtered index
+// @thewhatmatters/wmds@0.4.31 · Pattern — filtered index
 // Storybook: Guides/Filter panel → Pattern — filtered index (?path=/story/guides-filter-panel--filtered-index)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -73,8 +73,8 @@ export function FilteredIndex({
     >
       <main className="grid-page bg-body">
         {overlay}
-        <div className="band py-6 sm:py-10 lg:py-14">
-          <header className="col-span-full mb-4 flex items-end justify-between gap-4 sm:mb-8">
+        <div className="band py-6 md:py-10 lg:py-14">
+          <header className="col-span-full mb-4 flex items-end justify-between gap-4 md:mb-8">
             <h1 className="type-display-2 text-fg">
               {title} <span className="tabular-nums text-muted">{shown.length}</span>
             </h1>

package/docs/patterns/guides-overlay-flows--notification-preferences.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — notification preferences
+// @thewhatmatters/wmds@0.4.31 · Pattern — notification preferences
 // Storybook: Guides/Overlay flows → Pattern — notification preferences (?path=/story/guides-overlay-flows--notification-preferences)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/guides-post-page--post-page.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — post page
+// @thewhatmatters/wmds@0.4.31 · Pattern — post page
 // Storybook: Guides/Post page → Pattern — post page (?path=/story/guides-post-page--post-page)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -200,8 +200,8 @@ export function PostPage({
   return (
     <main className="grid-page bg-body">
       {overlay}
-      <article className="band py-6 sm:py-10 lg:py-14">
-        <header className="col-span-full mb-4 flex flex-col gap-3 sm:mb-8 lg:col-span-10">
+      <article className="band py-6 md:py-10 lg:py-14">
+        <header className="col-span-full mb-4 flex flex-col gap-3 md:mb-8 lg:col-span-10">
           <Breadcrumb
             items={post.breadcrumb}
             variant="mono"

package/docs/patterns/guides-profile-typography--editorial-profile.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — editorial profile
+// @thewhatmatters/wmds@0.4.31 · Pattern — editorial profile
 // Storybook: Guides/Profile typography → Pattern — editorial profile (?path=/story/guides-profile-typography--editorial-profile)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -21,7 +21,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
   return (
     <main
       data-theme={theme === "auto" ? undefined : theme}
-      className="grid-page min-h-screen bg-body py-12 [--grid-column-gap:24px] [--grid-max:960px] sm:py-16 lg:py-20"
+      className="grid-page min-h-screen bg-body py-12 [--grid-column-gap:24px] [--grid-max:960px] md:py-16 lg:py-20"
     >
       <GridOverlay
         visible={gridVisible}
@@ -30,7 +30,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
       />
 
       <div className="band">
-        <article className="col-span-full max-w-[52rem] sm:col-start-2 sm:col-span-6 lg:col-start-2 lg:col-span-10">
+        <article className="col-span-full max-w-[52rem] md:col-start-2 md:col-span-6 lg:col-start-2 lg:col-span-10">
           <header className="flex flex-col items-start gap-4">
             <Avatar name="Avery Kim" size="lg" />
             <div>
@@ -39,13 +39,13 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
             </div>
           </header>
 
-          <div className="mt-8 flex flex-col gap-5 sm:mt-10">
+          <div className="mt-8 flex flex-col gap-5 md:mt-10">
             <p className="type-body text-fg">
               Currently building at <TextLink href="#work">WhatMatters</TextLink>.
             </p>
           </div>
 
-          <section id="work" className="mt-12 sm:mt-14">
+          <section id="work" className="mt-12 md:mt-14">
             <h2 className="type-body text-muted">Work</h2>
             <ul className="mt-4 border-t border-border">
               <li className="border-b border-border py-2">
@@ -60,7 +60,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
             </ul>
           </section>
 
-          <footer className="mt-12 flex flex-col gap-5 sm:mt-14">
+          <footer className="mt-12 flex flex-col gap-5 md:mt-14">
             <p className="type-body text-fg">
               Read my <TextLink href="/writing">writing</TextLink>.
             </p>

package/docs/patterns/guides-resource-detail--detail.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — resource detail
+// @thewhatmatters/wmds@0.4.31 · Pattern — resource detail
 // Storybook: Guides/Resource detail → Pattern — resource detail (?path=/story/guides-resource-detail--detail)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -249,7 +249,7 @@ export function ResourceDetailPage({ item, breadcrumb, renderLink, renderImage,
   return (
     <main className="grid-page bg-body">
       {overlay}
-      <article aria-labelledby={headingId} className="band py-6 sm:py-10 lg:py-14">
+      <article aria-labelledby={headingId} className="band py-6 md:py-10 lg:py-14">
         <Breadcrumb
           items={breadcrumb}
           variant="mono"

package/docs/patterns/index.json

@@ -1,6 +1,6 @@
 {
   "package": "@thewhatmatters/wmds",
-  "version": "0.4.30",
+  "version": "0.4.31",
   "patterns": [
     {
       "id": "components-accordion--flush",
@@ -602,6 +602,14 @@
       "storybook": "?path=/story/components-herointro--two-line-intro",
       "source": "src/components/molecules/HeroIntro/HeroIntro.stories.tsx"
     },
+    {
+      "id": "components-herointro--with-actions",
+      "title": "Components/HeroIntro",
+      "name": "Pattern — with description and actions",
+      "file": "patterns/components-herointro--with-actions.tsx",
+      "storybook": "?path=/story/components-herointro--with-actions",
+      "source": "src/components/molecules/HeroIntro/HeroIntro.stories.tsx"
+    },
     {
       "id": "components-herotilestack--marketing-hero-pattern",
       "title": "Components/HeroTileStack",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@thewhatmatters/wmds",
   "description": "WhatMatters Design System — React components, Tailwind v4 theme, and Storybook patterns",
-  "version": "0.4.30",
+  "version": "0.4.31",
   "type": "module",
   "license": "MIT",
   "repository": {