From db56d3b3ded55e790a2c7c885a81e1ae4bf9afac Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 9 May 2024 14:44:02 +0300
Subject: [PATCH] Tokens for confirm dialog

---
 .../lib/confirmdialog/style/ConfirmDialogStyle.js      |  7 +++++--
 components/lib/themes/aura/confirmdialog/index.js      | 10 +++++++++-
 components/lib/themes/lara/confirmdialog/index.js      | 10 +++++++++-
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/components/lib/confirmdialog/style/ConfirmDialogStyle.js b/components/lib/confirmdialog/style/ConfirmDialogStyle.js
index b7626df11..8107c69db 100644
--- a/components/lib/confirmdialog/style/ConfirmDialogStyle.js
+++ b/components/lib/confirmdialog/style/ConfirmDialogStyle.js
@@ -4,11 +4,14 @@ const theme = ({ dt }) => `
 .p-confirmdialog .p-dialog-content {
     display: flex;
     align-items: center;
-    gap: 1rem;
+    gap:  ${dt('confirmdialog.content.gap')};
 }
 
 .p-confirmdialog-icon {
-    font-size: 2rem;
+    color: ${dt('confirmdialog.icon.color')};
+    font-size: ${dt('confirmdialog.icon.size')};
+    width: ${dt('confirmdialog.icon.size')};
+    height: ${dt('confirmdialog.icon.size')};
 }
 `;
 
diff --git a/components/lib/themes/aura/confirmdialog/index.js b/components/lib/themes/aura/confirmdialog/index.js
index ff8b4c563..1450b9f6e 100644
--- a/components/lib/themes/aura/confirmdialog/index.js
+++ b/components/lib/themes/aura/confirmdialog/index.js
@@ -1 +1,9 @@
-export default {};
+export default {
+    icon: {
+        size: '2rem',
+        color: '{overlay.modal.color}'
+    },
+    content: {
+        gap: '1rem'
+    }
+};
diff --git a/components/lib/themes/lara/confirmdialog/index.js b/components/lib/themes/lara/confirmdialog/index.js
index ff8b4c563..1450b9f6e 100644
--- a/components/lib/themes/lara/confirmdialog/index.js
+++ b/components/lib/themes/lara/confirmdialog/index.js
@@ -1 +1,9 @@
-export default {};
+export default {
+    icon: {
+        size: '2rem',
+        color: '{overlay.modal.color}'
+    },
+    content: {
+        gap: '1rem'
+    }
+};