BREAKING: Button components change

[gnapse]

Short description

Before	After
Button always render semantic buttons, and has an API that allows it to render both as a button with a visual text label and optional icon or an icon-only button ButtonLink a mirror of Button, but that is meant to render links that visually look like buttons it has all the same capabilities to render with or without a visible text label	Button renders always a button-like element with a visible text label it offers ways to render semantically as a link, while keeping its visuals intact it is not able to render an icon-only button IconButton it offers ways to render semantically as a link, while keeping its visuals intact it is not able to render a button with a visual label, only with an icon (label is kept semantically and shown as a tooltip)
// Visually labelled button <Button variant="primary">Save</Button> // Visually labelled link // (that looks like a button) <ButtonLink variant="primary" href="/whatever" > Open </Button> // Icon-only button <Button variant="primary" aria-label="Save" icon={<svg/>} /> // Link that looks like // an icon-only button <ButtonLink variant="primary" aria-label="Open" icon={<svg/>} href="/whatever" />	// Visually labelled button <Button variant="primary">Save</Button> // Visually labelled link // (that looks like a button) <Button variant="primary" render={<a href="/whatever" />} > Open </Button> // Icon-only button <IconButton variant="primary" aria-label="Save" icon={<svg/>} /> // Link that looks like // an icon-only button <IconButton variant="primary" aria-label="Open" icon={<svg/>} render={<a href="/whatever" />} />

PR Checklist

• Added tests for bugs / new features
• Updated docs (storybooks, readme)
• Executed npm run validate and made sure no errors / warnings were shown
• Described changes in CHANGELOG.md
• Bumped version in package.json and package-lock.json (npm --no-git-tag-version version <major|minor|patch>) ref
• Reviewed and approved Chromatic visual regression tests in CI

Versioning