From 3b432fde7a9260d1bef8cdbf6bf3e0c883e7cfbf Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 5 Jul 2023 11:43:15 +0200
Subject: [PATCH] chore(Accordion): add transition to trailing icon

---
 src/runtime/app.config.ts                     | 3 ++-
 src/runtime/components/elements/Accordion.vue | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index c35401c0..30654233 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -264,7 +264,8 @@ const accordion = {
     base: '',
     size: 'text-sm',
     color: 'text-gray-500 dark:text-gray-400',
-    padding: 'pt-1.5 pb-3'
+    padding: 'pt-1.5 pb-3',
+    icon: 'ms-auto transform transition-transform duration-200'
   },
   transition: {
     enterActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out',
diff --git a/src/runtime/components/elements/Accordion.vue b/src/runtime/components/elements/Accordion.vue
index 9adc0df0..22c4599a 100644
--- a/src/runtime/components/elements/Accordion.vue
+++ b/src/runtime/components/elements/Accordion.vue
@@ -7,10 +7,10 @@
             <template #trailing>
               <UIcon
                 :name="!open ? openIcon : closeIcon ? closeIcon : openIcon"
-                class="ms-auto transform"
                 :class="[
                   open && !closeIcon ? '-rotate-180' : '',
-                  uiButton.icon.size[item.size || uiButton.default.size]
+                  uiButton.icon.size[item.size || uiButton.default.size],
+                  ui.item.icon
                 ]"
               />
             </template>