Skip to content

feat: add wizard steps variant#847

Merged
federico-freddi merged 9 commits intomainfrom
feat-new-wizard-style
Apr 20, 2026
Merged

feat: add wizard steps variant#847
federico-freddi merged 9 commits intomainfrom
feat-new-wizard-style

Conversation

@federico-freddi
Copy link
Copy Markdown
Contributor

Ticket ID

https://app.clickup.com/t/2645698/DEV-15942

Description

new wizard variant for token gen v2

@federico-freddi federico-freddi marked this pull request as draft April 20, 2026 12:01
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 20, 2026

Storybook deployed with Cloudflare Pages ☁️ 📖 🚀

Storybook

Built from commit 497f69f

@federico-freddi federico-freddi marked this pull request as ready for review April 20, 2026 12:09
@federico-freddi federico-freddi requested review from doubleppereira, dzbo and richtera and removed request for richtera April 20, 2026 12:09
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new variant option to lukso-wizard to support a “secondary” numbered stepper style, intended for token generation v2 flows.

Changes:

  • Introduces WizardVariant (default | secondary) and renders a numbered stepper when variant="secondary".
  • Updates Storybook stories to expose variant control and adds a NumberedWizard example.
  • Bumps @lukso/web-components package version.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File Description
src/components/lukso-wizard/lukso-wizard.stories.ts Adds Storybook control + example for the new variant option.
src/components/lukso-wizard/index.ts Implements variant property and secondary numbered rendering path.
package/package.json Version bump for the package release.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/lukso-wizard/index.ts Outdated
Comment thread src/components/lukso-wizard/index.ts
Copy link
Copy Markdown
Collaborator

@dzbo dzbo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please also check my ticket requirements in ClickUp, I don't see linking feature being implemented.

Comment thread src/components/lukso-wizard/index.ts Outdated
Comment thread src/components/lukso-wizard/index.ts Outdated
federico-freddi and others added 3 commits April 20, 2026 15:42
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@federico-freddi federico-freddi requested a review from dzbo April 20, 2026 14:06
@federico-freddi
Copy link
Copy Markdown
Contributor Author

Please also check my ticket requirements in ClickUp, I don't see linking feature being implemented.

ok I set two modes, with the default you can go just in the previous steps, with the other one we can go through all steps, it can help in some scenarios.

Copy link
Copy Markdown
Collaborator

@dzbo dzbo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks good, maybe small thing you could add is a hover state to clickable steps, like little bit od opacity or something.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new lukso-wizard rendering variant and optional “linkable steps” behavior to support the Token Gen v2 wizard UX.

Changes:

  • Add variant="numbered" rendering with new Tailwind-Variants styles.
  • Add is-linkable + linkable-mode support and emit on-step-click when a linkable step is clicked.
  • Extend Storybook stories/controls to demo the new variant and linkable behavior.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File Description
src/components/lukso-wizard/lukso-wizard.stories.ts Adds Storybook controls/stories for variant and linkable steps, including interactive demos.
src/components/lukso-wizard/index.ts Implements variant, linkable steps, and on-step-click event; adds numbered template.
package/package.json Bumps package version.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/lukso-wizard/index.ts
Comment thread src/components/lukso-wizard/index.ts
Comment thread src/components/lukso-wizard/index.ts
Comment thread src/components/lukso-wizard/index.ts
@federico-freddi federico-freddi merged commit d468f78 into main Apr 20, 2026
8 checks passed
@federico-freddi federico-freddi deleted the feat-new-wizard-style branch April 20, 2026 15:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

4 participants