diff --git a/.changeset/bitter-pants-watch.md b/.changeset/bitter-pants-watch.md new file mode 100644 index 0000000000..3accf45826 --- /dev/null +++ b/.changeset/bitter-pants-watch.md @@ -0,0 +1,5 @@ +--- +'@backstage/canon': minor +--- + +We are updating the default size of the Button component in Canon to be small instead of medium. diff --git a/packages/canon/src/components/Button/Button.stories.tsx b/packages/canon/src/components/Button/Button.stories.tsx index fffc31b488..c0519cb279 100644 --- a/packages/canon/src/components/Button/Button.stories.tsx +++ b/packages/canon/src/components/Button/Button.stories.tsx @@ -34,15 +34,17 @@ const meta = { options: ['primary', 'secondary'], }, }, - args: { - size: 'medium', - variant: 'primary', - }, } satisfies Meta; export default meta; type Story = StoryObj; +export const Default: Story = { + args: { + children: 'Button', + }, +}; + export const Variants: Story = { args: { children: 'Button', @@ -72,12 +74,12 @@ export const Sizes: Story = { }, render: () => ( - + ), }; diff --git a/packages/canon/src/components/Button/Button.tsx b/packages/canon/src/components/Button/Button.tsx index ab70f168c8..e9774ad083 100644 --- a/packages/canon/src/components/Button/Button.tsx +++ b/packages/canon/src/components/Button/Button.tsx @@ -24,7 +24,7 @@ import type { ButtonProps } from './types'; export const Button = forwardRef( (props: ButtonProps, ref) => { const { - size = 'medium', + size = 'small', variant = 'primary', disabled, iconStart,