From c275c49bbafd232c6711c214b26f3bb1a6b9c58f Mon Sep 17 00:00:00 2001
From: Gaelle <gaelle@bimdata.io>
Date: Wed, 15 Jul 2026 10:04:38 +0200
Subject: [PATCH 1/2] add default slot for custom icon in BIMDataSafeZoneModal

---
 src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue b/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue
index 0720dc1..7da7b36 100644
--- a/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue
+++ b/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue
@@ -2,7 +2,7 @@
   <div class="overlay">
     <div class="safe-zone" :style="{ width }">
       <div class="safe-zone__icon">
-        <BIMDataIcon :name="iconName" size="s" fill color="high" />
+        <slot name="icon"><BIMDataIcon :name="iconName" size="s" fill color="high" /></slot>
       </div>
       <h2 class="safe-zone__title">
         <slot name="title"></slot>

From 3ff83b7bf7a38cdcef3b2d8b4f84e5c45686455d Mon Sep 17 00:00:00 2001
From: Gaelle <gaelle@bimdata.io>
Date: Wed, 15 Jul 2026 10:17:28 +0200
Subject: [PATCH 2/2] fix default icon style

---
 .../BIMDataSafeZoneModal.vue                  | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue b/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue
index 7da7b36..7c6930b 100644
--- a/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue
+++ b/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue
@@ -2,7 +2,11 @@
   <div class="overlay">
     <div class="safe-zone" :style="{ width }">
       <div class="safe-zone__icon">
-        <slot name="icon"><BIMDataIcon :name="iconName" size="s" fill color="high" /></slot>
+        <slot name="icon">
+          <div class="icon">
+            <BIMDataIcon :name="iconName" size="s" fill color="high" />
+          </div>
+        </slot>
       </div>
       <h2 class="safe-zone__title">
         <slot name="title"></slot>
@@ -60,14 +64,16 @@ defineProps({
     background-color: var(--color-white);
 
     &__icon {
-      width: 40px;
-      height: 40px;
-      margin: auto;
-      border-radius: 50px;
-      background-color: var(--color-high-lighter);
-      display: flex;
-      justify-content: center;
-      align-items: center;
+      .icon {
+        width: 40px;
+        height: 40px;
+        margin: auto;
+        border-radius: 50px;
+        background-color: var(--color-high-lighter);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
     }
 
     &__title {