button component can be wide

src/lib/components/Button.svelte

@@ -2,6 +2,7 @@
 	export let primary = false;
 	export let filled = true;
 	export let small = false;
+	export let wide = false;
 	export let label: string;
 </script>
 
@@ -34,7 +35,8 @@ And the following optional props:
 		: filled
 		? 'default-filled'
 		: 'default-nofill'}
-    {small ? 'size-small' : 'size-normal'}
+    {small ? 'short' : ''}
+	{wide ? 'wide' : ''}
         "
 	type="button"
 	on:click
@@ -98,4 +100,7 @@ And the following optional props:
 	.size-small {
 		@apply px-2 py-1;
 	}
+	.wide {
+		width: 119.5px;
+	}
 </style>

src/stories/Button.stories.ts

@@ -40,6 +40,24 @@ export const PrimarySmall: Story = {
 	}
 };
 
+export const PrimaryWide: Story = {
+	args: {
+		primary: true,
+		wide: true,
+		label: 'Button'
+	}
+};
+
+export const PrimarySmallWide: Story = {
+	args: {
+		primary: true,
+		wide: true,
+		small: true,
+		label: 'Button'
+	}
+};
+
+
 export const PrimaryFilledSmall: Story = {
 	args: {
 		primary: true,