From 25b00921bf0a426c85985aa1cb28903c9798f6f4 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 11 May 2024 17:43:13 +0300
Subject: [PATCH] Tokens for Toolbar

---
 components/lib/themes/aura/toolbar/index.js  |  5 ++++-
 components/lib/themes/lara/toolbar/index.js  | 19 ++++++++++++++++++-
 components/lib/toolbar/style/ToolbarStyle.js |  6 +++---
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/components/lib/themes/aura/toolbar/index.js b/components/lib/themes/aura/toolbar/index.js
index f6ad4d3ea..44250dc43 100644
--- a/components/lib/themes/aura/toolbar/index.js
+++ b/components/lib/themes/aura/toolbar/index.js
@@ -2,6 +2,9 @@ export default {
     root: {
         background: '{content.background}',
         borderColor: '{content.border.color}',
-        color: '{content.color}'
+        borderRadius: '{content.border.radius}',
+        color: '{content.color}',
+        gap: '0.5rem',
+        padding: '0.75rem'
     }
 };
diff --git a/components/lib/themes/lara/toolbar/index.js b/components/lib/themes/lara/toolbar/index.js
index f6ad4d3ea..8928fb8ea 100644
--- a/components/lib/themes/lara/toolbar/index.js
+++ b/components/lib/themes/lara/toolbar/index.js
@@ -2,6 +2,23 @@ export default {
     root: {
         background: '{content.background}',
         borderColor: '{content.border.color}',
-        color: '{content.color}'
+        borderRadius: '{content.border.radius}',
+        color: '{content.color}',
+        gap: '0.5rem',
+        padding: '0.75rem'
+    },
+    colorScheme: {
+        light: {
+            root: {
+                background: '{surface.100}',
+                color: '{content.color}'
+            }
+        },
+        dark: {
+            root: {
+                background: '{surface.800}',
+                color: '{content.color}'
+            }
+        }
     }
 };
diff --git a/components/lib/toolbar/style/ToolbarStyle.js b/components/lib/toolbar/style/ToolbarStyle.js
index c66d077a6..b3d91d44e 100644
--- a/components/lib/toolbar/style/ToolbarStyle.js
+++ b/components/lib/toolbar/style/ToolbarStyle.js
@@ -6,12 +6,12 @@ const theme = ({ dt }) => `
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
-    padding: 0.75rem;
+    padding: ${dt('toolbar.padding')};
     background: ${dt('toolbar.background')};
     border: 1px solid ${dt('toolbar.border.color')};
     color: ${dt('toolbar.color')};
-    border-radius: ${dt('border.radius.md')};
-    gap: 0.5rem;
+    border-radius: ${dt('toolbar.border.radius')};
+    gap: ${dt('toolbar.gap')};
 }
 
 .p-toolbar-start,