feat(SW-1255): Add loading state to button component

packages/design-system/lib/components/Button/Button.stories.tsx

@@ -68,6 +68,13 @@ export const PrimaryDisabled: Story = {
   },
 }
 
+export const PrimaryLoading: Story = {
+  args: {
+    ...PrimaryDefault.args,
+    isPending: true,
+  },
+}
+
 export const PrimaryLarge: Story = {
   args: {
     ...PrimaryDefault.args,
@@ -106,6 +113,13 @@ export const PrimaryInvertedDisabled: Story = {
   },
 }
 
+export const PrimaryInvertedLoading: Story = {
+  args: {
+    ...PrimaryInvertedDefault.args,
+    isPending: true,
+  },
+}
+
 export const PrimaryInvertedLarge: Story = {
   args: {
     ...PrimaryInvertedDefault.args,
@@ -181,6 +195,13 @@ export const SecondaryInvertedDisabled: Story = {
   },
 }
 
+export const SecondaryInvertedLoading: Story = {
+  args: {
+    ...SecondaryInvertedDefault.args,
+    isPending: true,
+  },
+}
+
 export const SecondaryInvertedLarge: Story = {
   args: {
     ...SecondaryInvertedDefault.args,
@@ -218,6 +239,12 @@ export const TertiaryDisabled: Story = {
   },
 }
 
+export const TertiaryLoading: Story = {
+  args: {
+    ...TertiaryDefault.args,
+    isPending: true,
+  },
+}
 export const TertiaryLarge: Story = {
   args: {
     ...TertiaryDefault.args,