@thewhatmatters/wmds 0.4.9 → 0.4.28

package/docs/exports.json

@@ -1,6 +1,6 @@
 {
   "package": "@thewhatmatters/wmds",
-  "version": "0.4.9",
+  "version": "0.4.28",
   "import": "import { Button } from \"@thewhatmatters/wmds\";",
   "styles": [
     "@thewhatmatters/wmds/styles.css",
@@ -40,6 +40,19 @@
         "components-accordion--flush"
       ]
     },
+    {
+      "name": "AppShell",
+      "tier": "organism",
+      "category": "Layout",
+      "summary": "App chrome: a sidebar on the page background, the page as an inset raised surface with a title bar, a phone Sheet menu, and an optional aside.",
+      "storybook": {
+        "title": "Components/AppShell",
+        "docs": "?path=/docs/components-appshell--docs"
+      },
+      "patterns": [
+        "components-appshell--portal-dashboard-pattern"
+      ]
+    },
     {
       "name": "Avatar",
       "tier": "atom",
@@ -57,16 +70,30 @@
       "name": "Badge",
       "tier": "atom",
       "category": "Feedback & status",
-      "summary": "Compact semantic label in solid or muted fill, with count, icon, and avatar patterns.",
+      "summary": "Compact semantic label in solid or muted fill, with count, icon, avatar, and status-pill patterns.",
       "storybook": {
         "title": "Components/Badge",
         "docs": "?path=/docs/components-badge--docs"
       },
       "patterns": [
         "components-badge--outline-tags",
+        "components-badge--status-pill",
         "components-badge--with-avatar"
       ]
     },
+    {
+      "name": "Band",
+      "tier": "atom",
+      "category": "Layout",
+      "summary": "Full-bleed page section in a brand tone (inverse, field) on the page's own columns.",
+      "storybook": {
+        "title": "Components/Band",
+        "docs": "?path=/docs/components-band--docs"
+      },
+      "patterns": [
+        "components-band--page-in-bands"
+      ]
+    },
     {
       "name": "Breadcrumb",
       "tier": "molecule",
@@ -127,7 +154,7 @@
       "name": "Card",
       "tier": "molecule",
       "category": "Container",
-      "summary": "Surface with header, body, and footer slots for layout cards and simple cards.",
+      "summary": "Surface with header, body, and footer slots, including a dark terminal frame.",
       "storybook": {
         "title": "Components/Card/Card",
         "docs": "?path=/docs/components-card-card--docs"
@@ -136,7 +163,8 @@
         "components-card-card--body-slot-occupancy-history",
         "components-card-card--headerless-media",
         "components-card-card--outlined-layout",
-        "components-card-card--pinned-height"
+        "components-card-card--pinned-height",
+        "components-card-card--terminal-frame"
       ]
     },
     {
@@ -156,7 +184,7 @@
       "name": "Chart",
       "tier": "organism",
       "category": "Data visualization",
-      "summary": "visx-based charts: capacity bars, ranked bars, unit grids, heatmaps, and time series.",
+      "summary": "visx-based charts: capacity bars, segmented rings, ranked bars, unit grids, heatmaps, time series, and a stat column.",
       "storybook": {
         "title": "Components/Chart",
         "docs": "?path=/docs/components-chart--docs"
@@ -168,6 +196,8 @@
         "components-chart--occupancy-in-card",
         "components-chart--post-reach-distribution",
         "components-chart--ranked-audience-breakdown",
+        "components-chart--revenue-by-line",
+        "components-chart--segmented-ring-pattern",
         "components-chart--unit-grid-composition"
       ]
     },
@@ -249,6 +279,22 @@
       },
       "patterns": []
     },
+    {
+      "name": "CopyField",
+      "tier": "molecule",
+      "category": "Form controls",
+      "summary": "Read-only monospace value with Copy key seated inside the pill.",
+      "storybook": {
+        "title": "Components/CopyField",
+        "docs": "?path=/docs/components-copyfield--docs"
+      },
+      "patterns": [
+        "components-copyfield--clipboard-blocked",
+        "components-copyfield--copied",
+        "components-copyfield--copy-key",
+        "components-copyfield--on-navy"
+      ]
+    },
     {
       "name": "DescriptionList",
       "tier": "molecule",
@@ -274,6 +320,7 @@
       },
       "patterns": [
         "components-dialog--alert-dialog-destructive",
+        "components-dialog--alert-dialog-typed-confirmation",
         "components-dialog--default-dialog",
         "components-dialog--form-dialog"
       ]
@@ -282,13 +329,14 @@
       "name": "DisplayControls",
       "tier": "molecule",
       "category": "Layout",
-      "summary": "Grid visibility and theme mode controls with G and T shortcuts.",
+      "summary": "Grid visibility and theme mode controls, including a theme-only appearance switch.",
       "storybook": {
         "title": "Components/DisplayControls",
         "docs": "?path=/docs/components-displaycontrols--docs"
       },
       "patterns": [
-        "components-displaycontrols--page-utilities"
+        "components-displaycontrols--page-utilities",
+        "components-displaycontrols--theme-switch"
       ]
     },
     {
@@ -413,6 +461,17 @@
         "components-indexlist--post-index"
       ]
     },
+    {
+      "name": "InlinePill",
+      "tier": "atom",
+      "category": "Content",
+      "summary": "A key word inside running text in a soft pill that scales with the text, with an optional picture that can pop in on scroll.",
+      "storybook": {
+        "title": "Components/InlinePill",
+        "docs": "?path=/docs/components-inlinepill--docs"
+      },
+      "patterns": []
+    },
     {
       "name": "Input",
       "tier": "atom",
@@ -494,6 +553,20 @@
         "components-linktile--router-link"
       ]
     },
+    {
+      "name": "LogView",
+      "tier": "molecule",
+      "category": "Content",
+      "summary": "Scrolling log with a line count, copy, and follow.",
+      "storybook": {
+        "title": "Components/LogView",
+        "docs": "?path=/docs/components-logview--docs"
+      },
+      "patterns": [
+        "components-logview--detail-pane",
+        "components-logview--log-viewer"
+      ]
+    },
     {
       "name": "MoreMenu",
       "tier": "organism",
@@ -512,12 +585,13 @@
       "name": "NavList",
       "tier": "molecule",
       "category": "Navigation",
-      "summary": "Sectioned secondary navigation with inset pill rows.",
+      "summary": "Sectioned secondary navigation with inset pill rows, link items, and a trailing mark.",
       "storybook": {
         "title": "Components/NavList",
         "docs": "?path=/docs/components-navlist--docs"
       },
       "patterns": [
+        "components-navlist--app-sidebar",
         "components-navlist--side-nav-settings"
       ]
     },
@@ -712,7 +786,10 @@
       },
       "patterns": [
         "components-sheet--bottom-sheet",
-        "components-sheet--end-sheet"
+        "components-sheet--end-sheet",
+        "components-sheet--side-sheet",
+        "components-sheet--side-sheet-header-actions",
+        "components-sheet--side-sheet-url-deep-link"
       ]
     },
     {
@@ -747,12 +824,13 @@
       "name": "Stat",
       "tier": "molecule",
       "category": "Data visualization",
-      "summary": "At-a-glance metric tile with label, value, and optional trend.",
+      "summary": "At-a-glance metric tile with label, value, optional trend, a hero size with a visible vs line, and an optional detail line.",
       "storybook": {
         "title": "Components/Stat",
         "docs": "?path=/docs/components-stat--docs"
       },
       "patterns": [
+        "components-stat--hero-stat",
         "components-stat--insights-row"
       ]
     },
@@ -807,11 +885,26 @@
         "components-tab--settings-pages"
       ]
     },
+    {
+      "name": "Table",
+      "tier": "atom",
+      "category": "Table & list",
+      "summary": "Semantic table in a horizontal-scroll box, with a row-actions pattern for approvals.",
+      "storybook": {
+        "title": "Components/Table",
+        "docs": "?path=/docs/components-table--docs"
+      },
+      "patterns": [
+        "components-table--approvals",
+        "components-table--approvals-with-sheet",
+        "components-table--basic"
+      ]
+    },
     {
       "name": "TaskRows",
       "tier": "molecule",
       "category": "Table & list",
-      "summary": "Expandable task rows with status, meta, and detail rails.",
+      "summary": "Expandable task rows, and a needs-you table with a status dot, waiting pill, and metric.",
       "storybook": {
         "title": "Components/TaskRows",
         "docs": "?path=/docs/components-taskrows--docs"
@@ -822,6 +915,7 @@
         "components-taskrows--card-with-status-rows",
         "components-taskrows--controlled-expand",
         "components-taskrows--custom-slots",
+        "components-taskrows--needs-you-table",
         "components-taskrows--status-list",
         "components-taskrows--tag-chips"
       ]
@@ -835,7 +929,9 @@
         "title": "Components/TextArea",
         "docs": "?path=/docs/components-textarea--docs"
       },
-      "patterns": []
+      "patterns": [
+        "components-textarea--save-status"
+      ]
     },
     {
       "name": "TextLink",
@@ -913,19 +1009,50 @@
     }
   ],
   "planned": [
-    "Pagination",
-    "Table"
+    "Pagination"
   ],
   "lib": [
     "cn",
     "buttonSizeForCluster",
     "iconButtonSizeForCluster",
+    "clusterComponentSizeMap",
+    "clusterTiers",
     "motionTransition",
     "motionTransitionProp",
     "focusRingTransitionClasses",
     "pressScaleClass",
+    "motionBeatSeconds",
+    "motionBlurReveal",
+    "motionStaggerSeconds",
+    "readMotionDurationSeconds",
+    "chartBucketPeriodData",
+    "chartCategoricalCount",
+    "chartCategoricalPalette",
+    "chartFormatAxisValue",
+    "chartFormatTooltipLabel",
+    "chartFormatTooltipValue",
+    "chartNormalizePeriodData",
+    "chartPeriodKindFromValue",
+    "chartSeriesColor",
+    "chartSeriesConfigFromKeys",
+    "chartSeriesConfigFromTone",
+    "chartTooltipIndicators",
+    "chartTooltipItemsFromConfig",
+    "resolveChartPeriodDayCount",
+    "resolvePeriodSegmentPreset",
+    "resolvePeriodSegments",
+    "backgroundPatterns",
+    "backgroundPatternDiagonalLinesClasses",
+    "backgroundPatternDotGridClasses",
     "GridOverlay",
-    "GRID_ON_CLASS"
+    "GRID_ON_CLASS",
+    "gridOverlayKeyShouldToggle",
+    "isEditableGridOverlayTarget",
+    "readGridColumnCount",
+    "setDocumentGridOn",
+    "useSheetParam",
+    "readSheetParam",
+    "withSheetParam"
   ],
   "guides": [
     "Guides/Chart explorations",

package/docs/patterns/components-accordion--flush.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — flush
+// @thewhatmatters/wmds@0.4.28 · Pattern — flush
 // Storybook: Components/Accordion → Pattern — flush (?path=/story/components-accordion--flush)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx

@@ -0,0 +1,176 @@
+// @thewhatmatters/wmds@0.4.28 · Pattern — portal dashboard
+// Storybook: Components/AppShell → Pattern — portal dashboard (?path=/story/components-appshell--portal-dashboard-pattern)
+// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
+
+"use client";
+
+import { useState, useSyncExternalStore } from "react";
+import { ChartColumn, Download, FileText, FolderOpen, LayoutDashboard, Megaphone, Settings, Users } from "lucide-react";
+import {
+  AppShell,
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  DescriptionList,
+  DisplayControls,
+  NavList,
+  Stat,
+  TaskRows,
+  commitDisplayTheme,
+  readDisplayTheme,
+  subscribeDisplayTheme,
+  cardLayoutBodyOccupantInsetXClasses,
+  cardLayoutBodyOccupantPadYClasses,
+  cardTitleClasses,
+  type DisplayControlThemeMode,
+  type NavListSectionDef,
+  type TaskRowsColumn,
+} from "@thewhatmatters/wmds";
+
+const sections: NavListSectionDef[] = [
+  {
+    items: [
+      { id: "dashboard", label: "Dashboard", icon: <LayoutDashboard strokeWidth={1.75} /> },
+      { id: "campaigns", label: "Campaigns", icon: <Megaphone strokeWidth={1.75} />, count: 12 },
+      { id: "creators", label: "Creators", icon: <Users strokeWidth={1.75} /> },
+      { id: "reports", label: "Reports", icon: <ChartColumn strokeWidth={1.75} /> },
+    ],
+  },
+  {
+    label: "Workspace",
+    items: [
+      { id: "library", label: "Library", icon: <FolderOpen strokeWidth={1.75} /> },
+      { id: "invoices", label: "Invoices", icon: <FileText strokeWidth={1.75} /> },
+      { id: "settings", label: "Settings", icon: <Settings strokeWidth={1.75} /> },
+    ],
+  },
+];
+
+const columns: TaskRowsColumn[] = [
+  { id: "title", header: "Campaign" },
+  { id: "waiting", header: "Waiting on you" },
+  { id: "metric", header: "Live posts", align: "end" },
+];
+
+const wellClasses = [
+  "flex flex-col",
+  cardLayoutBodyOccupantPadYClasses,
+  cardLayoutBodyOccupantInsetXClasses,
+].join(" ");
+
+function themeServerSnapshot(): DisplayControlThemeMode {
+  return "auto";
+}
+
+interface PortalDashboardProps {
+  defaultSidebarOpen?: boolean;
+  defaultAsideOpen?: boolean;
+}
+
+export function PortalDashboard({
+  defaultSidebarOpen = true,
+  defaultAsideOpen = false,
+}: PortalDashboardProps) {
+  const [activeId, setActiveId] = useState("dashboard");
+  const [asideOpen, setAsideOpen] = useState(defaultAsideOpen);
+  const theme = useSyncExternalStore(subscribeDisplayTheme, readDisplayTheme, themeServerSnapshot);
+
+  return (
+    <AppShell
+      title="Dashboard"
+      defaultSidebarOpen={defaultSidebarOpen}
+      asideOpen={asideOpen}
+      onAsideOpenChange={setAsideOpen}
+      asideTitle="Stir in strength"
+      asideDescription="Campaign details"
+      brand={
+        <>
+          <Avatar name="WhatMatters" size="sm" />
+          <span className="type-label text-fg">WhatMatters</span>
+        </>
+      }
+      sidebar={
+        <NavList
+          aria-label="Portal"
+          className="w-full"
+          sections={sections}
+          activeId={activeId}
+          onSelect={setActiveId}
+        />
+      }
+      sidebarFooter={
+        <div className="flex items-center justify-between gap-3">
+          <span className="type-label">Appearance</span>
+          <DisplayControls
+            controls="theme"
+            aria-label="Appearance"
+            theme={theme}
+            onThemeChange={commitDisplayTheme}
+          />
+        </div>
+      }
+      header={
+        <>
+          <Button role="secondary" size="sm" icon={<Download strokeWidth={2} />} className="max-sm:!hidden">
+            Export
+          </Button>
+          <Button role="primary" size="sm" onClick={() => setAsideOpen(true)}>
+            Details
+          </Button>
+        </>
+      }
+      aside={
+        <DescriptionList rule="dotted">
+          <DescriptionList.Item name="Status">
+            <Badge status="success" dot>Active · day 41</Badge>
+          </DescriptionList.Item>
+          <DescriptionList.Item name="Creators">22</DescriptionList.Item>
+          <DescriptionList.Item name="Waiting">4 over 5 days</DescriptionList.Item>
+          <DescriptionList.Item name="Live posts">49</DescriptionList.Item>
+        </DescriptionList>
+      }
+    >
+      <div className="grid gap-6">
+        <Stat.Group aria-label="Key figures" columns={4}>
+          <Stat label="Live posts" value="49" trend={{ value: "+12.5%", direction: "up" }} context="vs 43 last month" />
+          <Stat label="Creators" value="128" trend={{ value: "+4.1%", direction: "up" }} context="vs 123 last month" />
+          <Stat label="Reach" value="256K" trend={{ value: "-1.2%", direction: "down" }} context="vs 259K last month" />
+          <Stat label="Waiting on you" value="26" trend={{ value: "0%", direction: "neutral" }} context="across 3 campaigns" />
+        </Stat.Group>
+        <section aria-labelledby="needs-you-heading">
+          <Card>
+            <Card.Header start={<h2 id="needs-you-heading" className={cardTitleClasses}>Campaigns that need you</h2>} />
+            <Card.Body>
+              <div className={wellClasses}>
+                <TaskRows variant="table" columns={columns} empty="Nothing waiting">
+                  <TaskRows.Row
+                    title="Stir in strength"
+                    href="/campaigns/stir"
+                    status={{ tone: "success", label: "Active · day 41" }}
+                    waiting={{ label: "22 creators", detail: "4 waiting over 5 days" }}
+                    metric={{ value: "49", detail: "12 this week" }}
+                  />
+                  <TaskRows.Row
+                    title="Healthier every day"
+                    href="/campaigns/healthier"
+                    status={{ tone: "warning", label: "Open · 2d" }}
+                    waiting={{ label: "4 creators", detail: "all within 48h target" }}
+                    metric={{ value: "10", detail: "2 this week" }}
+                  />
+                  <TaskRows.Row
+                    title="Summer launch"
+                    href="/campaigns/summer"
+                    status={{ tone: "destructive", label: "Paused · 9d" }}
+                    waiting={{ label: "9 creators", detail: "brief needs approval" }}
+                    metric={{ value: "3", detail: "none this week" }}
+                  />
+                </TaskRows>
+              </div>
+            </Card.Body>
+          </Card>
+        </section>
+      </div>
+    </AppShell>
+  );
+}

package/docs/patterns/components-avatar--dropdown-row.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — dropdown row
+// @thewhatmatters/wmds@0.4.28 · Pattern — dropdown row
 // Storybook: Components/Avatar → Pattern — dropdown row (?path=/story/components-avatar--dropdown-row)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-badge--outline-tags.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — outline tags
+// @thewhatmatters/wmds@0.4.28 · Pattern — outline tags
 // Storybook: Components/Badge → Pattern — outline tags (?path=/story/components-badge--outline-tags)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-badge--status-pill.tsx

@@ -0,0 +1,31 @@
+// @thewhatmatters/wmds@0.4.28 · Pattern — status pill
+// Storybook: Components/Badge → Pattern — status pill (?path=/story/components-badge--status-pill)
+// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
+
+import { Badge } from "@thewhatmatters/wmds";
+import { Calendar, CircleCheck } from "lucide-react";
+
+export function RoutineStatus() {
+  return (
+    <div className="flex flex-wrap items-center gap-2">
+      <Badge status="active" dot>
+        Active
+      </Badge>
+      <Badge status="idle" icon={<Calendar strokeWidth={2} />}>
+        Every 2 days
+      </Badge>
+      <Badge status="idle" icon={<CircleCheck strokeWidth={2} />}>
+        Last checked 1d ago
+      </Badge>
+      <Badge status="success" dot>
+        Succeeded
+      </Badge>
+      <Badge status="failed" dot>
+        Failed
+      </Badge>
+      <Badge status="warning" dot>
+        Needs a look
+      </Badge>
+    </div>
+  );
+}

package/docs/patterns/components-badge--with-avatar.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — with avatar
+// @thewhatmatters/wmds@0.4.28 · Pattern — with avatar
 // Storybook: Components/Badge → Pattern — with avatar (?path=/story/components-badge--with-avatar)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-band--page-in-bands.tsx

@@ -0,0 +1,39 @@
+// @thewhatmatters/wmds@0.4.28 · Pattern — page in bands
+// Storybook: Components/Band → Pattern — page in bands (?path=/story/components-band--page-in-bands)
+// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
+
+import { Band, Button } from "@thewhatmatters/wmds";
+
+export function PageInBandsExample() {
+  return (
+    <main className="grid-page !py-0">
+      <Band tone="inverse" spacing="lg" aria-labelledby="hero-title">
+        <div className="col-span-full flex flex-col gap-6 lg:col-span-10">
+          <h1 id="hero-title" className="type-display-hero text-fg">
+            Smoke and chili
+          </h1>
+          <p className="type-reading text-muted">Wood-fired tacos on East Cesar Chavez, open late.</p>
+          <div className="flex flex-wrap gap-2">
+            <Button role="primary">Book a table</Button>
+            <Button role="secondary">See the menu</Button>
+          </div>
+        </div>
+      </Band>
+      <Band aria-labelledby="menu-title">
+        <h2 id="menu-title" className="type-display-xl col-span-full text-fg">
+          The menu
+        </h2>
+        <p className="type-reading col-span-full text-muted md:col-span-4">Six tacos, two salsas, one mezcal list.</p>
+      </Band>
+      <Band tone="field" aria-labelledby="catering-title">
+        <h2 id="catering-title" className="type-display-1 col-span-full text-fg md:col-span-6">
+          Catering for forty
+        </h2>
+        <div className="col-span-full flex flex-col items-start gap-4 md:col-span-2">
+          <p className="type-body text-fg">From $1,500, staff included.</p>
+          <Button role="outline">Ask for a date</Button>
+        </div>
+      </Band>
+    </main>
+  );
+}

package/docs/patterns/components-breadcrumb--editorial.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — editorial
+// @thewhatmatters/wmds@0.4.28 · Pattern — editorial
 // Storybook: Components/Breadcrumb → Pattern — editorial (?path=/story/components-breadcrumb--editorial)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-breadcrumb--long-path.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — long path
+// @thewhatmatters/wmds@0.4.28 · Pattern — long path
 // Storybook: Components/Breadcrumb → Pattern — long path (?path=/story/components-breadcrumb--long-path)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-breadcrumb--path.tsx

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

package/docs/patterns/components-breadcrumb--router-links.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — router links
+// @thewhatmatters/wmds@0.4.28 · Pattern — router links
 // Storybook: Components/Breadcrumb → Pattern — router links (?path=/story/components-breadcrumb--router-links)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--copy-button.tsx

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

package/docs/patterns/components-button-button--destructive-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — destructive action
+// @thewhatmatters/wmds@0.4.28 · Pattern — destructive action
 // Storybook: Components/Button/Button → Pattern — destructive action (?path=/story/components-button-button--destructive-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--external-link.tsx

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

package/docs/patterns/components-button-button--ghost-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — ghost action
+// @thewhatmatters/wmds@0.4.28 · Pattern — ghost action
 // Storybook: Components/Button/Button → Pattern — ghost action (?path=/story/components-button-button--ghost-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-button-button--inverse-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.9 · Pattern — inverse action
+// @thewhatmatters/wmds@0.4.28 · Pattern — inverse action
 // Storybook: Components/Button/Button → Pattern — inverse action (?path=/story/components-button-button--inverse-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.