feat(components): introduce Solana wallet UI component library#159
Open
cxalem wants to merge 2 commits intosolana-foundation:mainfrom
Open
feat(components): introduce Solana wallet UI component library#159cxalem wants to merge 2 commits intosolana-foundation:mainfrom
cxalem wants to merge 2 commits intosolana-foundation:mainfrom
Conversation
Introduce the workspace with themed, reusable wallet UI primitives (address, balance, network, swap, transaction, toast, and modal flows) plus Storybook stories and tests. Add docs app pages and README usage guidance so maintainers can run, review, and integrate the components quickly.
|
@cxalem is attempting to deploy a commit to the Solana Foundation Team on Vercel. A member of the Team first needs to authorize it. |
Use less aggressive hover backgrounds for disconnected and connected button variants to preserve label readability in both light and dark themes.
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
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
This PR introduces a new
packages/componentsworkspace with reusable, token-driven wallet UI building blocks and docs pages for setup and usage.Included
packages/componentswith themed UI primitives and composites:Skeleton,AddressDisplayDashboardShell,TransactionToastBalanceCard,TransactionTableSwapInput,NetworkSwitcherConnectWalletButton,WalletModalapps/docs/content/docs/components.mdxapps/docs/content/docs/guides/01-getting-started.mdxapps/docs/content/docs/guides/02-transaction-toasts.mdxapps/docs/content/docs/guides/03-wallet-ui.mdxpackages/components/README.mdwith integration and API guidance.How to run locally
pnpm install pnpm --filter components lint pnpm --filter components exec vitest run pnpm --filter components buildSuggested review order
packages/components/src/index.css(theme tokens and semantic mapping)packages/components/src/kit-components/ui/address-displayandpackages/components/src/kit-components/ui/skeletonpackages/components/src/kit-components/ui/dashboard-shellandpackages/components/src/kit-components/ui/transaction-toastpackages/components/src/kit-components/ui/balance-cardandpackages/components/src/kit-components/ui/transaction-tablepackages/components/src/kit-components/ui/swap-inputandpackages/components/src/kit-components/ui/network-switcherpackages/components/src/kit-components/ui/connect-wallet-buttonandpackages/components/src/kit-components/ui/wallet-modalpackages/components/README.mdand docs pages underapps/docs/content/docs/Validation
pnpm --filter components lint✅pnpm --filter components exec vitest run✅ (186 tests)pnpm --filter components build✅Screenshots / Videos
Screen.Recording.2026-02-23.at.9.00.02.PM.mov
Live components showcase:
https://framework-kit-e2e-visual.vercel.app/ (RPC working on mainnet)