chore(design-system): widget-primitive Storybook stories (PR 3 of #18191)#18201
Merged
Conversation
PR 3 of #18191. Adds Storybook stories for six small widget components used across two or more areas (plus ListingMethodology, single-consumer today but explicitly designed for reuse). Components covered: ChainImages, ListingMethodology (async server), MobileButtonDropdown (thin positioning wrapper over ButtonDropdown), Morpher (client text-morph animation), SocialListItem, and SupportedLanguagesTooltip. MobileButtonDropdown and SocialListItem migrated from loose .tsx into Foo/index.tsx so the story files can live alongside. Each story uses the Components / Widgets / <Name> title pattern and opts out of Chromatic snapshots at the meta level per the #18121 convention. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
✅ Deploy Preview for ethereumorg ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
pettinarip
approved these changes
May 19, 2026
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
2 participants
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.
Summary
PR 3 of #18191. Adds Storybook stories for six small widget components used across two or more areas (plus
ListingMethodology, single-consumer today but explicitly designed for reuse per the issue).Components covered:
ChainImages(server) -- chain logo row with name tooltipsListingMethodology(async server) -- directory-page criteria section. Storied here because the design intent is reuse across other directory pages even though onlywallets/find-walletconsumes it today.MobileButtonDropdown(server) -- migrated; thin positioning wrapper overButtonDropdown. Issue flagged this as borderline-storyable since the visual is essentially the underlying dropdown plus mobile placement; I've included it with a short Default + a mobile-viewport story for completeness, but a reviewer is welcome to drop it if it doesn't earn its keep.Morpher(client) -- text-morph animation, exercisesprefers-reduced-motionSocialListItem(server) -- migrated; community-page social directory rowSupportedLanguagesTooltip(server) -- the+ Nchip with overflow tooltipEach story uses the
Components / Widgets / <Name>title pattern and opts out of Chromatic snapshots at the meta level per the #18121 convention.Related to #18191. Does not close the issue.
Test plan
pnpm storybook-- the six new entries appear underComponents / Widgets / *and render without console errorsMorphercycles through words (animation skipped under Chromatic viaMotionGlobalConfig.skipAnimations)ListingMethodologyrenders end-to-end despite being an async server component (relies onexperimentalRSC: truealready set in.storybook/main.ts)@/components/Fooimports after the migrationsClaude (Opus 4.7) co-authored these changes.