Design maintenance February 7 (#475)

Author: micheal-parks

packages/storybook/src/stories/use-notify.stories.svelte

@@ -19,23 +19,13 @@ const notify = useNotify();
     <NotificationContainer />
 
     <div class="flex gap-4 pt-80">
-      <Button on:click={() => notify.info('Info', 'Info message')}>
-        Info Notify
+      <Button on:click={() => notify.info('Info', 'Info message')}>Info</Button>
+      <Button on:click={() => notify.warn('Warn', 'Warn message')}>Warn</Button>
+      <Button on:click={() => notify.success('Success', 'Success message')}>
+        Success
       </Button>
-      <Button on:click={() => notify.warn('Warn', 'Warn message')}>
-        Warn Notify
-      </Button>
-      <Button
-        variant="success"
-        on:click={() => notify.success('Success', 'Success message')}
-      >
-        Success Notify
-      </Button>
-      <Button
-        variant="danger"
-        on:click={() => notify.danger('Danger', 'Danger message')}
-      >
-        Danger Notify
+      <Button on:click={() => notify.danger('Danger', 'Danger message')}>
+        Danger
       </Button>
     </div>
   </div>

packages/storybook/src/stories/use-toast.stories.svelte

@@ -13,16 +13,14 @@ const toast = provideToast();
 
     <div class="flex gap-4 pt-80">
       <Button
-        variant="success"
         on:click={() =>
           toast({
             message: 'Success message',
           })}
       >
-        Success Toast without action button
+        Success
       </Button>
       <Button
-        variant="success"
         on:click={() =>
           toast({
             message: 'Success message',
@@ -34,7 +32,7 @@ const toast = provideToast();
             },
           })}
       >
-        Success Toast with action button
+        Success with action
       </Button>
     </div>
   </div>