From 125a28190b1a83e2456457e7a4ec618384b2446c Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 14 Feb 2025 14:25:58 +0100
Subject: [PATCH] fix(Alert/Notification): allow description ui override

Resolves #2554
---
 src/runtime/components/elements/Alert.vue        | 2 +-
 src/runtime/components/overlays/Notification.vue | 2 +-
 src/runtime/ui.config/elements/alert.ts          | 1 +
 src/runtime/ui.config/overlays/notification.ts   | 1 +
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index 4d038855..db75d2a1 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -14,7 +14,7 @@
             {{ title }}
           </slot>
         </p>
-        <div v-if="description || $slots.description" :class="twMerge(ui.description, !title && !$slots.title && 'mt-0 leading-5')">
+        <div v-if="description || $slots.description" :class="twMerge(ui.description, !title && !$slots.title && ui.descriptionOnly)">
           <slot name="description" :description="description">
             {{ description }}
           </slot>
diff --git a/src/runtime/components/overlays/Notification.vue b/src/runtime/components/overlays/Notification.vue
index 3c4861d1..3926bd5e 100644
--- a/src/runtime/components/overlays/Notification.vue
+++ b/src/runtime/components/overlays/Notification.vue
@@ -18,7 +18,7 @@
                 {{ title }}
               </slot>
             </p>
-            <div v-if="(description || $slots.description)" :class="twMerge(ui.description, !title && !$slots.title && 'mt-0 leading-5')">
+            <div v-if="(description || $slots.description)" :class="twMerge(ui.description, !title && !$slots.title && ui.descriptionOnly)">
               <slot name="description" :description="description">
                 {{ description }}
               </slot>
diff --git a/src/runtime/ui.config/elements/alert.ts b/src/runtime/ui.config/elements/alert.ts
index 62745a97..8c836047 100644
--- a/src/runtime/ui.config/elements/alert.ts
+++ b/src/runtime/ui.config/elements/alert.ts
@@ -5,6 +5,7 @@ export default {
   inner: 'w-0 flex-1',
   title: 'text-sm font-medium',
   description: 'mt-1 text-sm leading-4 opacity-90',
+  descriptionOnly: 'mt-0 leading-5',
   actions: 'flex items-center gap-2 mt-3 flex-shrink-0',
   shadow: '',
   rounded: 'rounded-lg',
diff --git a/src/runtime/ui.config/overlays/notification.ts b/src/runtime/ui.config/overlays/notification.ts
index ce20c2a4..8bc2bd78 100644
--- a/src/runtime/ui.config/overlays/notification.ts
+++ b/src/runtime/ui.config/overlays/notification.ts
@@ -6,6 +6,7 @@ export default {
   inner: 'w-0 flex-1',
   title: 'text-sm font-medium text-gray-900 dark:text-white',
   description: 'mt-1 text-sm leading-4 text-gray-500 dark:text-gray-400',
+  descriptionOnly: 'mt-0 leading-5',
   actions: 'flex items-center gap-2 mt-3 flex-shrink-0',
   background: 'bg-white dark:bg-gray-900',
   shadow: 'shadow-lg',