docs(Timeline): canonical despachos pattern stories — #9 detail + #10 list card#44
Merged
Merged
Conversation
…list card Two new Storybook stories documenting the recommended pattern for an order detail timeline + the compact list card variant. Story-only — no kit code change, no version bump, no npm release. #9 Despachos · patrón canónico (detalle de orden) — combines the 4 layers the kit offers: milestone anchors top/bottom (Orden creada done, Orden completada pending/done), default operational items with state/tone, right Badge slot for event type (envío/retiro/nota), children payload for items that carry a guía/tracking detail card. The formula scales 1..N dispatches without code changes. #10 Despachos · card de lista (compact) — same pattern at `density="compact"` for the orders list page. Three cards demonstrate the scaling: N=0 (just created), N=3 multi-state in-progress, N=1 ideal happy path delivered.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Two new Storybook stories
Documenting the recommended order-timeline pattern for despachos (from the recommendation conversation). Story-only — no kit code change, no API change, no npm release.
#9 Despachos · patrón canónico (detalle de orden)The canonical pattern for
/dispatch-orders/[id]. Combines the 4 layers the kit ships:variant="milestone"top + bottom (Orden creada always done, Orden completada morphs pending → done).state(done/current/pending) +tone.right={<Badge>…</Badge>}(envío / retiro / nota).childrenfor items that carry detail (guía, tracking).Scales 1..N dispatches without code changes — the formula is the same whether N=1 or N=10.
#10 Despachos · card de lista (compact)Same pattern at
density="compact"for the list page (/dispatch-orders). Three cards demonstrate the scaling:Gate
tsc 0 · eslint 0 · vitest 510/510 · build 0. No smoke needed (stories only).
No release
Stories live in
src/components/*.stories.tsx, NOT in the publisheddist/. Consumers see the new stories in Storybook (after merge); the npm package stays at 1.30.4. The flow is just push → PR → merge.