Merge pull request #30085 from backstage/canon-button-default-size

Canon - Update default size for Button

.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.

packages/canon/src/components/Button/Button.stories.tsx

@@ -34,15 +34,17 @@ const meta = {
       options: ['primary', 'secondary'],
     },
   },
-  args: {
-    size: 'medium',
-    variant: 'primary',
-  },
 } satisfies Meta<typeof Button>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
 
+export const Default: Story = {
+  args: {
+    children: 'Button',
+  },
+};
+
 export const Variants: Story = {
   args: {
     children: 'Button',
@@ -72,12 +74,12 @@ export const Sizes: Story = {
   },
   render: () => (
     <Flex align="center">
-      <Button size="medium" iconStart={<Icon name="cloud" />}>
-        Medium
-      </Button>
       <Button size="small" iconStart={<Icon name="cloud" />}>
         Small
       </Button>
+      <Button size="medium" iconStart={<Icon name="cloud" />}>
+        Medium
+      </Button>
     </Flex>
   ),
 };

packages/canon/src/components/Button/Button.tsx

@@ -24,7 +24,7 @@ import type { ButtonProps } from './types';
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   (props: ButtonProps, ref) => {
     const {
-      size = 'medium',
+      size = 'small',
       variant = 'primary',
       disabled,
       iconStart,