Make alert description optional (#96)

Author: Shrinks99

packages/demo/src/content/components/alert.mdx

@@ -116,6 +116,6 @@ The `success`, `warning`, and `danger` variants apply a default icon automatical
 | Name          | Description                                                                   | Type                                                 | Default         | Required |
 | ------------- | ----------------------------------------------------------------------------- | ---------------------------------------------------- | --------------- | -------- |
 | `title`       | The alert heading, rendered as an `<h4>`                                      | `string`                                             | —               | ✅       |
-| `description` | The alert body text, rendered as a `<p>`                                      | `string`                                             | —               | ✅       |
+| `description` | The alert body text, rendered as a `<p>`                                      | `string`, `ReactNode`                                | —               | ❌       |
 | `variant`     | The visual style of the alert                                                 | `primary`, `neutral`, `success`, `warning`, `danger` | `primary`       | ❌       |
 | `icon`        | Overrides the variant's default icon. Lucide name, element, or `null` to hide | `string`, `ReactElement`, `null`                     | Variant default | ❌       |

packages/ui/package.json

@@ -2,7 +2,7 @@
   "name": "@eqtylab/equality",
   "description": "EQTYLab's component and token-based design system",
   "homepage": "https://equality.eqtylab.io/",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "Apache-2.0",
   "keywords": [
     "component library",

packages/ui/src/components/alert/alert.tsx

@@ -30,7 +30,7 @@ const defaultVariantIcons: Record<string, string> = {
 interface AlertProps
   extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
   title: string;
-  description: string;
+  description?: string | React.ReactNode;
   icon?: React.ReactElement | string | null;
 }
 
@@ -61,7 +61,7 @@ const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
           />
         ) : null}
         <h4 className={styles['alert-title']}>{title}</h4>
-        <p className={styles['alert-description']}>{description}</p>
+        {description ? <p className={styles['alert-description']}>{description}</p> : null}
       </div>
     );
   }