feat(SW-1446): add Jump to functionality to Destination Overview Page

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

@@ -39,6 +39,13 @@ export const PrimaryDefault: Story = {
   },
 }
 
+export const PrimaryDisabled: Story = {
+  args: {
+    ...PrimaryDefault.args,
+    isDisabled: true,
+  },
+}
+
 export const PrimaryLarge: Story = {
   args: {
     ...PrimaryDefault.args,
@@ -69,6 +76,13 @@ export const SecondaryDefault: Story = {
   },
 }
 
+export const SecondaryDisabled: Story = {
+  args: {
+    ...SecondaryDefault.args,
+    isDisabled: true,
+  },
+}
+
 export const SecondaryLarge: Story = {
   args: {
     ...SecondaryDefault.args,
@@ -99,6 +113,13 @@ export const TertiaryDefault: Story = {
   },
 }
 
+export const TertiaryDisabled: Story = {
+  args: {
+    ...TertiaryDefault.args,
+    isDisabled: true,
+  },
+}
+
 export const TertiaryLarge: Story = {
   args: {
     ...TertiaryDefault.args,
@@ -120,6 +141,43 @@ export const TertiarySmall: Story = {
   },
 }
 
+export const InvertedDefault: Story = {
+  args: {
+    onPress: fn(),
+    children: 'Inverted button',
+    typography: 'Body/Paragraph/mdBold',
+    variant: 'Inverted',
+  },
+}
+
+export const InvertedDisabled: Story = {
+  args: {
+    ...InvertedDefault.args,
+    isDisabled: true,
+  },
+}
+
+export const InvertedLarge: Story = {
+  args: {
+    ...InvertedDefault.args,
+    size: 'Large',
+  },
+}
+
+export const InvertedMedium: Story = {
+  args: {
+    ...InvertedDefault.args,
+    size: 'Medium',
+  },
+}
+
+export const InvertedSmall: Story = {
+  args: {
+    ...InvertedDefault.args,
+    size: 'Small',
+  },
+}
+
 export const TextDefault: Story = {
   args: {
     onPress: fn(),