@thewhatmatters/wmds 0.4.5 → 0.4.6
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 +10 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +72 -72
- package/dist/components/atoms/TextArea/textareaShellStyles.d.ts +5 -0
- package/dist/components/atoms/TextArea/textareaShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/textareaShellStyles.js +2 -2
- package/docs/components.md +1 -1
- package/docs/exports.json +1 -1
- package/docs/patterns/components-accordion--flush.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--with-avatar.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-selectablecard--selectable-cards-pattern.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--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-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--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-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-footerreveal--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +1 -1
- package/docs/patterns/components-herointro--two-line-intro.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +1 -1
- 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-moremenu--action-menu.tsx +1 -1
- package/docs/patterns/components-moremenu--in-card-header.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-sitenav--brand-and-cta.tsx +1 -1
- package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
- package/docs/patterns/components-sitenav--compact.tsx +1 -1
- package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
- package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
- package/docs/patterns/components-stat--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-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--status-list.tsx +1 -1
- package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
- package/docs/patterns/components-textlink--external-destination.tsx +1 -1
- package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
- package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
- package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
- package/docs/patterns/components-textsequence--default.tsx +1 -1
- package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
- package/docs/patterns/components-textsequence--shapes.tsx +1 -1
- package/docs/patterns/components-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-index.tsx +1 -1
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +1 -1
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
- package/docs/patterns/index.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,16 @@ Every release of `@thewhatmatters/wmds` is listed here, newest first.
|
|
|
7
7
|
- **Pasted patterns:** when a release changes a **Pattern — …** story's Show code, it is named under Consumer actions so apps re-copy it.
|
|
8
8
|
- **How to add an entry** (contributors): add your change to the top entry. If that version is already on npm (`npm view @thewhatmatters/wmds versions`), start a new entry above it and bump `version` in `package.json` to match. `npm run check:changelog` enforces the format.
|
|
9
9
|
|
|
10
|
+
## 0.4.6
|
|
11
|
+
|
|
12
|
+
**TextArea shows one focus ring.** A focused **TextArea** drew two: the ring on its shell, and the browser's own outline on the field inside it.
|
|
13
|
+
|
|
14
|
+
- **TextArea** — the field inside the shell drops its outline, so the shell's ring is the only focus indicator. This was visible on every **TextArea** without a status message, including Project details in **IntakeForm** and the Start a project gate. **PromptBar** and a **TextArea** with a `message` were already correct.
|
|
15
|
+
|
|
16
|
+
### Consumer actions
|
|
17
|
+
|
|
18
|
+
None. If an app added its own outline reset for this, remove it.
|
|
19
|
+
|
|
10
20
|
## 0.4.5
|
|
11
21
|
|
|
12
22
|
**The Start a project form is shorter and set into the conversation.** **IntakeForm** can leave out its optional fields, **Pattern — start a project gate** uses the short form, and **ChatDock.Gate** reads as embedded in the chat. See the amendments to **ADR-0038** and **ADR-0039**.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAqBL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC1G,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1G,sEAAsE;AACtE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAqBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,+GAuJnB,CAAC"}
|
|
@@ -4,112 +4,112 @@ import { typographyClass as t } from "../../../lib/typography.js";
|
|
|
4
4
|
import { inputAttachedFieldClasses as n, inputCompoundShellClassesFor as r, inputControlStackClasses as i, inputDisabledClasses as a, inputFieldStackClasses as o, inputStatusGapClasses as s } from "../Input/inputShellStyles.js";
|
|
5
5
|
import { InputStatusBanner as c } from "../inputShared/InputStatusBanner.js";
|
|
6
6
|
import { InputTrailingAffordance as l } from "../inputShared/InputTrailingAffordance.js";
|
|
7
|
-
import { textareaBaseClasses as u, textareaCompoundFieldPaddingClasses as
|
|
8
|
-
import { forwardRef as
|
|
9
|
-
import { Fragment as
|
|
7
|
+
import { textareaBaseClasses as u, textareaCompoundFieldPaddingClasses as ee, textareaCompoundInnerFieldClassesFor as d, textareaFixedPaddingClasses as f, textareaInlineClasses as p, textareaMinHeightClasses as m, textareaResizeClasses as h, textareaResizes as g, textareaShellFieldClasses as _, textareaSoloShellClassesFor as v, textareaStatusBannerClassesFor as y, textareaTrailingInsetClasses as b, textareaTrailingInsetPositionClasses as x } from "./textareaShellStyles.js";
|
|
8
|
+
import { forwardRef as S, useId as C } from "react";
|
|
9
|
+
import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
|
|
10
10
|
//#region src/components/atoms/TextArea/TextArea.tsx
|
|
11
|
-
function
|
|
11
|
+
function D(e) {
|
|
12
12
|
e.label == null && e["aria-label"] == null && e["aria-labelledby"] == null && console.warn("[WMDS TextArea] Provide `label`, `aria-label`, or `aria-labelledby`.");
|
|
13
13
|
}
|
|
14
|
-
function
|
|
14
|
+
function O(e) {
|
|
15
15
|
e.message != null && e.status == null && console.warn("[WMDS TextArea] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS TextArea] `inline` is for PromptBar only — omit label, description, and validation.");
|
|
16
16
|
}
|
|
17
|
-
var
|
|
18
|
-
let
|
|
19
|
-
|
|
17
|
+
var k = S(function({ size: c = "md", label: g, description: y, status: S, message: k, messagePosition: A = "bottom", loading: j = !1, rows: M = 4, resize: N = "vertical", inline: P = !1, className: F, disabled: I, id: L, "aria-describedby": R, ...z }, B) {
|
|
18
|
+
let V = C(), H = L ?? V;
|
|
19
|
+
D({
|
|
20
20
|
label: g,
|
|
21
|
-
"aria-label":
|
|
22
|
-
"aria-labelledby":
|
|
23
|
-
}),
|
|
24
|
-
status:
|
|
25
|
-
message:
|
|
26
|
-
inline:
|
|
21
|
+
"aria-label": z["aria-label"],
|
|
22
|
+
"aria-labelledby": z["aria-labelledby"]
|
|
23
|
+
}), O({
|
|
24
|
+
status: S,
|
|
25
|
+
message: k,
|
|
26
|
+
inline: P,
|
|
27
27
|
label: g,
|
|
28
|
-
description:
|
|
28
|
+
description: y
|
|
29
29
|
});
|
|
30
|
-
let
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
let U = k != null && k.length > 0 && S != null, W = !U && (j || S != null), G = y != null && !U ? `${H}-description` : void 0, K = U ? `${H}-message` : void 0, q = [
|
|
31
|
+
R,
|
|
32
|
+
G,
|
|
33
|
+
K
|
|
34
34
|
].filter(Boolean).join(" ") || void 0;
|
|
35
|
-
if (
|
|
36
|
-
...
|
|
37
|
-
ref:
|
|
38
|
-
id:
|
|
39
|
-
rows:
|
|
40
|
-
disabled:
|
|
41
|
-
"aria-invalid":
|
|
42
|
-
"aria-describedby":
|
|
43
|
-
className: e(a, p,
|
|
35
|
+
if (P) return /* @__PURE__ */ T("textarea", {
|
|
36
|
+
...z,
|
|
37
|
+
ref: B,
|
|
38
|
+
id: H,
|
|
39
|
+
rows: M,
|
|
40
|
+
disabled: I,
|
|
41
|
+
"aria-invalid": S === "error" || void 0,
|
|
42
|
+
"aria-describedby": q,
|
|
43
|
+
className: e(a, p, F)
|
|
44
44
|
});
|
|
45
|
-
let
|
|
46
|
-
...
|
|
47
|
-
ref:
|
|
48
|
-
id:
|
|
49
|
-
rows:
|
|
50
|
-
disabled:
|
|
51
|
-
"aria-invalid":
|
|
52
|
-
"aria-describedby":
|
|
53
|
-
className: e(a, h[
|
|
54
|
-
}),
|
|
55
|
-
className: e(
|
|
56
|
-
children: /* @__PURE__ */
|
|
45
|
+
let J = /* @__PURE__ */ T("textarea", {
|
|
46
|
+
...z,
|
|
47
|
+
ref: B,
|
|
48
|
+
id: H,
|
|
49
|
+
rows: M,
|
|
50
|
+
disabled: I,
|
|
51
|
+
"aria-invalid": S === "error" || void 0,
|
|
52
|
+
"aria-describedby": q,
|
|
53
|
+
className: e(a, h[N], u, f[c], m[c], _, W && s[c], U && e(n, "rounded-none border-0 shadow-none focus-visible:outline-none focus-visible:ring-0", "rounded-none"))
|
|
54
|
+
}), Y = W ? /* @__PURE__ */ T("span", {
|
|
55
|
+
className: e(b, x[c]),
|
|
56
|
+
children: /* @__PURE__ */ T(l, {
|
|
57
57
|
size: c,
|
|
58
|
-
status:
|
|
59
|
-
loading:
|
|
58
|
+
status: j ? void 0 : S,
|
|
59
|
+
loading: j
|
|
60
60
|
})
|
|
61
|
-
}) : null,
|
|
62
|
-
className: e(
|
|
63
|
-
children:
|
|
64
|
-
}),
|
|
65
|
-
className: e("relative w-full",
|
|
66
|
-
children:
|
|
67
|
-
}), Q =
|
|
68
|
-
status:
|
|
69
|
-
message:
|
|
70
|
-
messageId:
|
|
61
|
+
}) : null, X = /* @__PURE__ */ E(w, { children: [J, Y] }), Z = /* @__PURE__ */ T("div", {
|
|
62
|
+
className: e(v(c, S, N), F),
|
|
63
|
+
children: X
|
|
64
|
+
}), ne = /* @__PURE__ */ T("div", {
|
|
65
|
+
className: e("relative w-full", ee(N, c)),
|
|
66
|
+
children: X
|
|
67
|
+
}), Q = U && S != null && K != null ? /* @__PURE__ */ T(te, {
|
|
68
|
+
status: S,
|
|
69
|
+
message: k,
|
|
70
|
+
messageId: K,
|
|
71
71
|
size: c,
|
|
72
|
-
messagePosition:
|
|
73
|
-
}) : null, $ =
|
|
74
|
-
className: r(c,
|
|
72
|
+
messagePosition: A
|
|
73
|
+
}) : null, $ = U && S != null ? /* @__PURE__ */ E("div", {
|
|
74
|
+
className: r(c, S),
|
|
75
75
|
children: [
|
|
76
|
-
|
|
77
|
-
/* @__PURE__ */
|
|
78
|
-
className:
|
|
79
|
-
children:
|
|
76
|
+
A === "top" ? Q : null,
|
|
77
|
+
/* @__PURE__ */ T("div", {
|
|
78
|
+
className: d(c, S, A),
|
|
79
|
+
children: ne
|
|
80
80
|
}),
|
|
81
|
-
|
|
81
|
+
A === "bottom" ? Q : null
|
|
82
82
|
]
|
|
83
|
-
}) : /* @__PURE__ */
|
|
83
|
+
}) : /* @__PURE__ */ T("div", {
|
|
84
84
|
className: i,
|
|
85
|
-
children:
|
|
85
|
+
children: Z
|
|
86
86
|
});
|
|
87
|
-
return g == null &&
|
|
87
|
+
return g == null && y == null ? $ : /* @__PURE__ */ E("div", {
|
|
88
88
|
className: o,
|
|
89
89
|
children: [
|
|
90
|
-
g == null ? null : /* @__PURE__ */
|
|
91
|
-
htmlFor:
|
|
92
|
-
className: e(t("ui-label"),
|
|
90
|
+
g == null ? null : /* @__PURE__ */ T("label", {
|
|
91
|
+
htmlFor: H,
|
|
92
|
+
className: e(t("ui-label"), I && "opacity-50"),
|
|
93
93
|
children: g
|
|
94
94
|
}),
|
|
95
95
|
$,
|
|
96
|
-
|
|
97
|
-
id:
|
|
96
|
+
G == null ? null : /* @__PURE__ */ T("p", {
|
|
97
|
+
id: G,
|
|
98
98
|
className: t("caption"),
|
|
99
|
-
children:
|
|
99
|
+
children: y
|
|
100
100
|
})
|
|
101
101
|
]
|
|
102
102
|
});
|
|
103
103
|
});
|
|
104
104
|
function te({ status: e, message: t, messageId: n, size: r, messagePosition: i }) {
|
|
105
|
-
return /* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ T(c, {
|
|
106
106
|
status: e,
|
|
107
107
|
message: t,
|
|
108
108
|
messageId: n,
|
|
109
109
|
size: r,
|
|
110
110
|
messagePosition: i,
|
|
111
|
-
bannerClassName:
|
|
111
|
+
bannerClassName: y(e, r, i)
|
|
112
112
|
});
|
|
113
113
|
}
|
|
114
114
|
//#endregion
|
|
115
|
-
export {
|
|
115
|
+
export { k as TextArea, g as textareaResizes };
|
|
@@ -32,6 +32,11 @@ export declare const textareaTrailingInsetClasses = "pointer-events-none absolut
|
|
|
32
32
|
export declare function textareaCompoundInnerFieldClassesFor(size: InputSize, status: InputStatus, messagePosition: InputMessagePosition): string;
|
|
33
33
|
export declare function textareaStatusBannerClassesFor(status: InputStatus, size: InputSize, messagePosition: InputMessagePosition): string;
|
|
34
34
|
export declare const textareaBaseClasses: string;
|
|
35
|
+
/**
|
|
36
|
+
* Field inside the bordered shell — the shell owns border, fill, and the
|
|
37
|
+
* `focus-within` ring, so the field drops its own outline and ring.
|
|
38
|
+
*/
|
|
39
|
+
export declare const textareaShellFieldClasses = "w-full border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:ring-0";
|
|
35
40
|
/**
|
|
36
41
|
* Inside **PromptBar** — the parent pill owns border, radius, and focus ring.
|
|
37
42
|
* No element shell, no min-height, no resize grip.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textareaShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/textareaShellStyles.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAEzB,4BAA4B,EAE5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EAItB,6BAA6B,EAC7B,8BAA8B,EAE9B,qBAAqB,EACrB,uBAAuB,EACvB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,eAAe,uCAAwC,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,qFAAqF;AACrF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIvE,CAAC;AAEF,eAAO,MAAM,iCAAiC,2GAC4D,CAAC;AAE3G,eAAO,MAAM,kCAAkC;;;;;CAKrC,CAAC;AAEX,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,MAAM,EAAE,cAAc,GACrB,MAAM,CAgBR;AAED,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,SAAS,GACd,MAAM,GAAG,SAAS,CAEpB;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI5E,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI1E,CAAC;AAEF,eAAO,MAAM,4BAA4B,2DACiB,CAAC;AAE3D,wBAAgB,oCAAoC,CAClD,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,EACnB,eAAe,EAAE,oBAAoB,GACpC,MAAM,CASR;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,SAAS,EACf,eAAe,EAAE,oBAAoB,GACpC,MAAM,CAgBR;AAED,eAAO,MAAM,mBAAmB,QAA+C,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAE2C,CAAC;AAE9E,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,6BAA6B,EAC7B,8BAA8B,EAC9B,qBAAqB,EACrB,uBAAuB,GACxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"textareaShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/textareaShellStyles.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAEzB,4BAA4B,EAE5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EAItB,6BAA6B,EAC7B,8BAA8B,EAE9B,qBAAqB,EACrB,uBAAuB,EACvB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,eAAe,uCAAwC,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,qFAAqF;AACrF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIvE,CAAC;AAEF,eAAO,MAAM,iCAAiC,2GAC4D,CAAC;AAE3G,eAAO,MAAM,kCAAkC;;;;;CAKrC,CAAC;AAEX,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,MAAM,EAAE,cAAc,GACrB,MAAM,CAgBR;AAED,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,SAAS,GACd,MAAM,GAAG,SAAS,CAEpB;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI5E,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI1E,CAAC;AAEF,eAAO,MAAM,4BAA4B,2DACiB,CAAC;AAE3D,wBAAgB,oCAAoC,CAClD,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,EACnB,eAAe,EAAE,oBAAoB,GACpC,MAAM,CASR;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,SAAS,EACf,eAAe,EAAE,oBAAoB,GACpC,MAAM,CAgBR;AAED,eAAO,MAAM,mBAAmB,QAA+C,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,+FACwD,CAAC;AAE/F;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAE2C,CAAC;AAE9E,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,6BAA6B,EAC7B,8BAA8B,EAC9B,qBAAqB,EACrB,uBAAuB,GACxB,CAAC"}
|
|
@@ -66,6 +66,6 @@ function M(t, n, r) {
|
|
|
66
66
|
function N(t, n, r) {
|
|
67
67
|
return r === "bottom" ? e("relative z-0 flex w-full items-center gap-2 px-3 pb-3 leading-snug", D[n], "rounded-b-[1.375rem]", p[t]) : e("relative z-0 flex w-full items-center gap-2 px-3 pt-2.5 leading-snug", O[n], "rounded-t-[1.375rem]", p[t]);
|
|
68
68
|
}
|
|
69
|
-
var P = e(r, "block leading-normal"), F = "block w-full min-w-0 resize-none rounded-none border-0 bg-transparent font-sans font-normal tracking-normal text-fg shadow-none placeholder:text-disabled focus-visible:outline-none focus-visible:ring-0";
|
|
69
|
+
var P = e(r, "block leading-normal"), F = "w-full border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:ring-0", I = "block w-full min-w-0 resize-none rounded-none border-0 bg-transparent font-sans font-normal tracking-normal text-fg shadow-none placeholder:text-disabled focus-visible:outline-none focus-visible:ring-0";
|
|
70
70
|
//#endregion
|
|
71
|
-
export { t as inputAttachedFieldClasses, n as inputAttachedInputClasses, i as inputCompoundShellClassesFor, o as inputControlStackClasses, s as inputDisabledClasses, c as inputDisabledLabelClasses, l as inputFieldStackClasses, m as inputStatusGapClasses, h as inputStatusShellClasses, P as textareaBaseClasses, D as textareaCompoundBannerOverlapBottomClasses, O as textareaCompoundBannerOverlapTopPadClasses, k as textareaCompoundFieldOverlapTopClasses, T as textareaCompoundFieldPaddingClasses, M as textareaCompoundInnerFieldClassesFor, b as textareaFixedPaddingClasses,
|
|
71
|
+
export { t as inputAttachedFieldClasses, n as inputAttachedInputClasses, i as inputCompoundShellClassesFor, o as inputControlStackClasses, s as inputDisabledClasses, c as inputDisabledLabelClasses, l as inputFieldStackClasses, m as inputStatusGapClasses, h as inputStatusShellClasses, P as textareaBaseClasses, D as textareaCompoundBannerOverlapBottomClasses, O as textareaCompoundBannerOverlapTopPadClasses, k as textareaCompoundFieldOverlapTopClasses, T as textareaCompoundFieldPaddingClasses, M as textareaCompoundInnerFieldClassesFor, b as textareaFixedPaddingClasses, I as textareaInlineClasses, y as textareaMinHeightClasses, v as textareaResizeClasses, g as textareaResizes, E as textareaShellClasses, F as textareaShellFieldClasses, S as textareaShellFocusRingBaseClasses, C as textareaShellFocusRingColorClasses, x as textareaShellResizePaddingClasses, _ as textareaSoloRadiusClasses, w as textareaSoloShellClassesFor, N as textareaStatusBannerClassesFor, j as textareaTrailingInsetClasses, A as textareaTrailingInsetPositionClasses };
|
package/docs/components.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @thewhatmatters/wmds — component contracts
|
|
2
2
|
|
|
3
|
-
Version 0.4.
|
|
3
|
+
Version 0.4.6. Generated from the WMDS repository's AGENTS.md (Storybook-first) by `scripts/generate-package-docs.mjs` — do not edit here.
|
|
4
4
|
|
|
5
5
|
Storybook paths such as **Components/Button/Button → Pattern — …** name a story; its Show code is in `patterns/` (see `patterns/index.json`). Longer contracts for FooterReveal, HeroTileStack, TextSequence, ScrollHorizontal, RiveHand, and PromptBar are in `component-contracts.md`. ADR numbers refer to decision records in the WMDS repository.
|
|
6
6
|
|
package/docs/exports.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.6 · Pattern — flush
|
|
2
2
|
// Storybook: Components/Accordion → Pattern — flush (?path=/story/components-accordion--flush)
|
|
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.6 · Pattern — dropdown row
|
|
2
2
|
// Storybook: Components/Avatar → Pattern — dropdown row (?path=/story/components-avatar--dropdown-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.6 · Pattern — outline tags
|
|
2
2
|
// Storybook: Components/Badge → Pattern — outline tags (?path=/story/components-badge--outline-tags)
|
|
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.6 · Pattern — with avatar
|
|
2
2
|
// Storybook: Components/Badge → Pattern — with avatar (?path=/story/components-badge--with-avatar)
|
|
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.6 · Pattern — editorial
|
|
2
2
|
// Storybook: Components/Breadcrumb → Pattern — editorial (?path=/story/components-breadcrumb--editorial)
|
|
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.6 · Pattern — long path
|
|
2
2
|
// Storybook: Components/Breadcrumb → Pattern — long path (?path=/story/components-breadcrumb--long-path)
|
|
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.6 · Pattern — path
|
|
2
2
|
// Storybook: Components/Breadcrumb → Pattern — path (?path=/story/components-breadcrumb--path)
|
|
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.6 · Pattern — router links
|
|
2
2
|
// Storybook: Components/Breadcrumb → Pattern — router links (?path=/story/components-breadcrumb--router-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.6 · Pattern — copy button
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — copy button (?path=/story/components-button-button--copy-button)
|
|
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.6 · Pattern — destructive action
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — destructive action (?path=/story/components-button-button--destructive-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.6 · Pattern — external link
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — external link (?path=/story/components-button-button--external-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.6 · Pattern — ghost action
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — ghost action (?path=/story/components-button-button--ghost-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.6 · Pattern — inverse action
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — inverse action (?path=/story/components-button-button--inverse-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.6 · Pattern — link
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — link (?path=/story/components-button-button--link-render)
|
|
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.6 · Pattern — submit / async
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — submit / async (?path=/story/components-button-button--multi-state-badge)
|
|
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.6 · Pattern — outline mono
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — outline mono (?path=/story/components-button-button--outline-mono)
|
|
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.6 · Pattern — primary action
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — primary action (?path=/story/components-button-button--primary-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.6 · Pattern — row (hug)
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — row (hug) (?path=/story/components-button-button--row-hug)
|
|
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.6 · Pattern — row
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — row (?path=/story/components-button-button--row-layout)
|
|
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.6 · Pattern — secondary action
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — secondary action (?path=/story/components-button-button--secondary-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.6 · Pattern — suggestion pills
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — suggestion pills (?path=/story/components-button-button--suggestion-pills)
|
|
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.6 · Pattern — with count
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — with count (?path=/story/components-button-button--with-count)
|
|
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.6 · Pattern — with icon
|
|
2
2
|
// Storybook: Components/Button/Button → Pattern — with icon (?path=/story/components-button-button--with-icon)
|
|
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.6 · Pattern — vertical actions
|
|
2
2
|
// Storybook: Components/Button/FloatingActionButton → Pattern — vertical actions (?path=/story/components-button-floatingactionbutton--vertical-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.6 · Pattern — skip in footer
|
|
2
2
|
// Storybook: Components/CalEmbed → Pattern — skip in footer (?path=/story/components-calembed--pattern-skip-in-footer)
|
|
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.6 · Example — body slot (occupancy history)
|
|
2
2
|
// Storybook: Components/Card/Card → Example — body slot (occupancy history) (?path=/story/components-card-card--body-slot-occupancy-history)
|
|
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.6 · Pattern — headerless media
|
|
2
2
|
// Storybook: Components/Card/Card → Pattern — headerless media (?path=/story/components-card-card--headerless-media)
|
|
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.6 · Pattern — outlined layout
|
|
2
2
|
// Storybook: Components/Card/Card → Pattern — outlined layout (?path=/story/components-card-card--outlined-layout)
|
|
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.6 · Pattern — pinned height
|
|
2
2
|
// Storybook: Components/Card/Card → Pattern — pinned height (?path=/story/components-card-card--pinned-height)
|
|
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.6 · Pattern — selectable cards
|
|
2
2
|
// Storybook: Components/Card/SelectableCard → Pattern — selectable cards (?path=/story/components-card-selectablecard--selectable-cards-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.6 · Pattern — matrix heatmap
|
|
2
2
|
// Storybook: Components/Chart → Pattern — matrix heatmap (?path=/story/components-chart--audience-activity-heatmap)
|
|
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.6 · Pattern — Cartesian no-data gaps
|
|
2
2
|
// Storybook: Components/Chart → Pattern — Cartesian no-data gaps (?path=/story/components-chart--cartesian-no-data-gaps)
|
|
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.6 · Pattern — occupancy history in Card
|
|
2
2
|
// Storybook: Components/Chart → Pattern — occupancy history in Card (?path=/story/components-chart--occupancy-history-in-card)
|
|
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.6 · Pattern — occupancy KPI in Card
|
|
2
2
|
// Storybook: Components/Chart → Pattern — occupancy KPI in Card (?path=/story/components-chart--occupancy-in-card)
|
|
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.6 · Pattern — distribution strip
|
|
2
2
|
// Storybook: Components/Chart → Pattern — distribution strip (?path=/story/components-chart--post-reach-distribution)
|
|
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.6 · Pattern — ranked audience breakdown
|
|
2
2
|
// Storybook: Components/Chart → Pattern — ranked audience breakdown (?path=/story/components-chart--ranked-audience-breakdown)
|
|
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.6 · Pattern — 100-unit composition
|
|
2
2
|
// Storybook: Components/Chart → Pattern — 100-unit composition (?path=/story/components-chart--unit-grid-composition)
|
|
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.6 · Pattern — chat dock
|
|
2
2
|
// Storybook: Components/ChatDock → Pattern — chat dock (?path=/story/components-chatdock--pattern-chat-dock)
|
|
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.6 · Pattern — start a project gate
|
|
2
2
|
// Storybook: Components/ChatDock → Pattern — start a project gate (?path=/story/components-chatdock--pattern-start-project-gate)
|
|
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.6 · Pattern — Q&A with reply
|
|
2
2
|
// Storybook: Components/ChatQa → Pattern — Q&A with reply (?path=/story/components-chatqa--pattern-qa-with-reply)
|
|
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.6 · Pattern — default
|
|
2
2
|
// Storybook: Components/Checkbox/Checkbox → Pattern — default (?path=/story/components-checkbox-checkbox--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.6 · Pattern — with count
|
|
2
2
|
// Storybook: Components/Checkbox/Checkbox → Pattern — with count (?path=/story/components-checkbox-checkbox--with-count)
|
|
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.6 · Pattern — with description
|
|
2
2
|
// Storybook: Components/Checkbox/Checkbox → Pattern — with description (?path=/story/components-checkbox-checkbox--with-description)
|
|
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.6 · Pattern — default
|
|
2
2
|
// Storybook: Components/Checkbox/CheckboxGroup → Pattern — default (?path=/story/components-checkbox-checkboxgroup--default)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|