From 10fbe75f8d47822e849b82f41396ba5c2639ce7c Mon Sep 17 00:00:00 2001
From: Ogun Babacan <ogun.babacan@trendyol.com>
Date: Wed, 27 Dec 2023 16:11:53 +0300
Subject: [PATCH 1/3] feat: add info color and implement it on alert and
 notification #685

---
 docs/design-system/colors.stories.mdx                     | 5 +++++
 src/components/alert/bl-alert.css                         | 4 ++--
 src/components/alert/bl-alert.ts                          | 2 +-
 src/components/notification/card/bl-notification-card.css | 2 +-
 src/themes/default.css                                    | 5 +++++
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/docs/design-system/colors.stories.mdx b/docs/design-system/colors.stories.mdx
index 00e60daf..0ca26d40 100644
--- a/docs/design-system/colors.stories.mdx
+++ b/docs/design-system/colors.stories.mdx
@@ -28,6 +28,11 @@ Baklava uses a list of defined color with some default values.
     subtitle="Warning Color"
     colors={{ '': 'var(--bl-color-warning)', '--highlight': 'var(--bl-color-warning-highlight)', '--contrast': 'var(--bl-color-warning-contrast)' }}
   />
+  <ColorItem
+    title="--bl-color-info"
+    subtitle="Info Color"
+    colors={{ '': 'var(--bl-color-info)', '--highlight': 'var(--bl-color-info-highlight)', '--contrast': 'var(--bl-color-info-contrast)' }}
+  />
   <ColorItem
     title="--bl-color-neutral"
     subtitle="Neutral Colors"
diff --git a/src/components/alert/bl-alert.css b/src/components/alert/bl-alert.css
index 0d67db45..9f5ed155 100644
--- a/src/components/alert/bl-alert.css
+++ b/src/components/alert/bl-alert.css
@@ -4,8 +4,8 @@
 
 .alert {
   --padding: var(--bl-size-m);
-  --main-color: var(--bl-color-primary);
-  --main-bg-color: var(--bl-color-primary-contrast);
+  --main-color: var(--bl-color-info);
+  --main-bg-color: var(--bl-color-info-contrast);
 
   position: relative;
   display: flex;
diff --git a/src/components/alert/bl-alert.ts b/src/components/alert/bl-alert.ts
index 207571e7..81cb60a4 100644
--- a/src/components/alert/bl-alert.ts
+++ b/src/components/alert/bl-alert.ts
@@ -116,7 +116,7 @@ export default class BlAlert extends LitElement {
 
       const variant = slotElement.name === "action-secondary" ? "secondary" : "primary";
       const buttonTypes: Record<AlertVariant, string> = {
-        info: "default",
+        info: "neutral",
         warning: "neutral",
         success: "success",
         danger: "danger",
diff --git a/src/components/notification/card/bl-notification-card.css b/src/components/notification/card/bl-notification-card.css
index 454539c5..1d6b80e2 100644
--- a/src/components/notification/card/bl-notification-card.css
+++ b/src/components/notification/card/bl-notification-card.css
@@ -53,5 +53,5 @@
 }
 
 .notification[variant="info"] .duration > .remaining {
-  background-color: var(--bl-color-primary);
+  background-color: var(--bl-color-info);
 }
diff --git a/src/themes/default.css b/src/themes/default.css
index 4f850579..ba03fad5 100644
--- a/src/themes/default.css
+++ b/src/themes/default.css
@@ -21,6 +21,11 @@
   --bl-color-warning-highlight: #ff9800;
   --bl-color-warning-contrast: #fff8e6;
 
+  /* Info Color */
+  --bl-color-info: #5794ff;
+  --bl-color-info-highlight: #457eff;
+  --bl-color-info-contrast: #eef4ff;
+
   /* Neutral Color */
   --bl-color-neutral-none: #000;
   --bl-color-neutral-darkest: #0f131a;

From c1de91f7a3f67cedb0980f60ee8c405147433722 Mon Sep 17 00:00:00 2001
From: Ogun Babacan <ogun.babacan@trendyol.com>
Date: Thu, 28 Dec 2023 09:57:17 +0300
Subject: [PATCH 2/3] feat(tooltip): update default tooltip bg color

---
 src/components/tooltip/bl-tooltip.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tooltip/bl-tooltip.css b/src/components/tooltip/bl-tooltip.css
index b73f78dc..af4e6f3c 100644
--- a/src/components/tooltip/bl-tooltip.css
+++ b/src/components/tooltip/bl-tooltip.css
@@ -8,7 +8,7 @@
 }
 
 bl-popover {
-  --bl-popover-background-color: var(--bl-color-neutral-darker);
+  --bl-popover-background-color: var(--bl-color-info);
   --bl-popover-arrow-display: block;
   --bl-popover-border-size: 0px;
   --bl-popover-max-width: 424px;

From d539e5a068f6a8a82fbd3c3692c4123acff131ed Mon Sep 17 00:00:00 2001
From: Ogun Babacan <ogun.babacan@trendyol.com>
Date: Thu, 28 Dec 2023 10:02:42 +0300
Subject: [PATCH 3/3] refactor(alert): update alert radius

---
 src/components/alert/bl-alert.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/alert/bl-alert.css b/src/components/alert/bl-alert.css
index 9f5ed155..db8c2f2f 100644
--- a/src/components/alert/bl-alert.css
+++ b/src/components/alert/bl-alert.css
@@ -14,7 +14,7 @@
   background-color: var(--main-bg-color);
   color: var(--bl-color-neutral-darker);
   box-shadow: inset 0 0 0 1px var(--main-color);
-  border-radius: var(--bl-border-radius-s);
+  border-radius: var(--bl-border-radius-l);
   padding: calc(var(--padding) / 2) var(--padding);
   padding-right: calc(var(--padding) / 2);
 }