Rename button component props

[devmount]

What changed?

Warning

This is a breaking change.

Renamed BaseButton props to remove the naming clash with the native HTML button type attribute and make naming more intuitive:

• type (visual style) is renamed to variant
• variant (filled/outline) becomes a boolean outline prop
• formAction (the native button type) is now exposed as type (button/submit/reset)

Updated the button wrapper components, Storybook stories, README.md examples and BaseButton.test.js accordingly.

Why?

Fixes the confusion raised in review of #168, where a custom formAction prop was added because the existing type prop already meant "visual style" instead of the native button type.

Limitations and Notes

Breaking change, see the migration guide below.

How to migrate

• Rename type (style) to variant
• Remove variant="filled" (it's the default)
• Replace variant="outline" with the boolean outline prop
• Replace form-action="submit|reset|none" with type="submit|reset|button"

- <base-button type="primary" variant="outline" form-action="submit">
+ <base-button variant="primary" outline type="submit">
    Submit
  </base-button>

Applicable Issues

Closes #171

QA Log

• pnpm run test:components: 530/530 tests passing
• pnpm run type-check: no errors
• pnpm storybook and manually checked the stories if everything renders correctly

Screenshots

No visual/CSS changes, only prop renames

[davinotdavid]

LGTM after review comments! Thanks for the work, this will help reduce the confusion quite a bit.