Skip to content

feat(widget): migrate components to the LI.FI design-system#808

Draft
yolodevz wants to merge 1 commit into
mainfrom
feat/design-system-migration
Draft

feat(widget): migrate components to the LI.FI design-system#808
yolodevz wants to merge 1 commit into
mainfrom
feat/design-system-migration

Conversation

@yolodevz

Copy link
Copy Markdown
Contributor

Which Linear task is linked to this PR?

TBD

Why was it implemented this way?

First step of migrating the widget from Material UI to the LI.FI design-system. The transaction button now renders the design-system Button, with styles shipped as a precompiled @lifi/widget/styles.css so consumers need no Tailwind setup. Re-theme via CSS tokens or @layer components overrides.

Visual showcase (Screenshots or Videos)

Runnable in the playground (pnpm dev); widget-overrides.css demonstrates consumer re-theming.

Checklist before requesting a review

  • I have performed a self-review and testing of my code.
  • This pull request is focused and addresses a single problem.
  • If this PR modifies the Widget API or adds new features that require documentation, I have updated the documentation in the public-docs repository.

🤖 Generated with Claude Code

@changeset-bot

changeset-bot Bot commented Jun 26, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 80cf655

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@lifi/widget Major
nft-checkout Patch
tanstack-router-example Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions

github-actions Bot commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

✅ E2E Dev Smoke — passing

Check Result
Dev server start (pnpm dev) ✅ started
Smoke tests ✅ passed

4 passed · 0 failed · 0 skipped · 23s

View run

@github-actions

github-actions Bot commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

E2E Examples — all passed

All examples passed in the latest run.

@yolodevz yolodevz force-pushed the feat/design-system-migration branch from 3833226 to 3d381bd Compare June 26, 2026 15:39
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@yolodevz yolodevz force-pushed the feat/design-system-migration branch from 3d381bd to 80cf655 Compare June 26, 2026 16:06
@lifinance lifinance deleted a comment from github-actions Bot Jun 26, 2026
@github-actions

Copy link
Copy Markdown
Contributor

E2E Playground results

passed  158 passed

Details

stats  158 tests across 10 suites
duration  4 minutes, 22 seconds
commit  80cf655

📥 Download full HTML report (open the run → Artifacts → playwright-report)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant