Resolve missing commit

stories/Alert.stories.js

@@ -32,36 +32,36 @@ const Template = (args) => {
   );
 };
 
-export const Default = Template.bind({});
-Default.args = {
-  title: "Short alert banner message goes here",
+export const ToastDefault = Template.bind({});
+ToastDefault.args = {
+  title: "Short alert toast message goes here",
   description:
     "Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
   status: "default",
   type: "toast",
 };
 
-export const Positive = Template.bind({});
-Positive.args = {
-  title: "Short alert banner message goes here",
+export const ToastPositive = Template.bind({});
+ToastPositive.args = {
+  title: "Short alert toast message goes here",
   description:
     "Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
   status: "positive",
   type: "toast",
 };
 
-export const Warning = Template.bind({});
-Warning.args = {
-  title: "Short alert banner message goes here",
+export const ToastWarning = Template.bind({});
+ToastWarning.args = {
+  title: "Short alert toast message goes here",
   description:
     "Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
   status: "warning",
   type: "toast",
 };
 
-export const Danger = Template.bind({});
-Danger.args = {
-  title: "Short alert banner message goes here",
+export const ToastDanger = Template.bind({});
+ToastDanger.args = {
+  title: "Short alert toast message goes here",
   description:
     "Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
   status: "danger",

stories/Button.stories.js

@@ -22,6 +22,7 @@ export default {
         "outlined",
         "dark",
         "inverse",
+        "ghost",
       ],
       description: "The visual style variant of the button",
     },
@@ -75,6 +76,9 @@ export const Variants = {
         <Button {..._args} variant="inverse">
           Inverse
         </Button>
+        <Button {..._args} variant="ghost">
+          Ghost
+        </Button>
       </div>
     </div>
   ),
@@ -267,6 +271,27 @@ export const AllVariants = {
         </div>
       </div>
 
+      <div>
+        <h3 className="text-white font-semibold mb-3">Ghost Variant</h3>
+        <div className="space-x-4">
+          <Button variant="ghost" size="xsmall">
+            XSmall
+          </Button>
+          <Button variant="ghost" size="small">
+            Small
+          </Button>
+          <Button variant="ghost" size="medium">
+            Medium
+          </Button>
+          <Button variant="ghost" size="large">
+            Large
+          </Button>
+          <Button variant="ghost" size="xlarge">
+            XLarge
+          </Button>
+        </div>
+      </div>
+
       <div>
         <h3 className="text-white font-semibold mb-3">Disabled States</h3>
         <div className="space-x-4">
@@ -288,6 +313,9 @@ export const AllVariants = {
           <Button variant="inverse" size="large" disabled>
             Inverse Disabled
           </Button>
+          <Button variant="ghost" size="large" disabled>
+            Ghost Disabled
+          </Button>
         </div>
       </div>
     </div>