From d79d0d117d6dd5e1756bbaa9ab022526f2892ea1 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 26 Jan 2026 10:04:09 +0000
Subject: [PATCH] Add borders

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/ui/src/components/Alert/Alert.module.css | 8 +++++++-
 packages/ui/src/css/tokens.css                    | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/Alert/Alert.module.css b/packages/ui/src/components/Alert/Alert.module.css
index 2fcfdb8b43..2d6d7a0825 100644
--- a/packages/ui/src/components/Alert/Alert.module.css
+++ b/packages/ui/src/components/Alert/Alert.module.css
@@ -21,13 +21,15 @@
     --loading-duration: 200ms;
     --alert-bg: var(--bui-bg-surface-1);
     --alert-fg: var(--bui-fg-primary);
+    --alert-border: var(--bui-border);
 
     position: relative;
     display: flex;
     align-items: flex-start;
     gap: var(--bui-space-3);
     padding: var(--bui-space-3) var(--bui-space-4);
-    border-radius: var(--bui-radius-2);
+    border-radius: var(--bui-radius-3);
+    border: 1px solid var(--alert-border);
     font-family: var(--bui-font-regular);
     font-size: var(--bui-font-size-3);
     line-height: 1.5;
@@ -45,21 +47,25 @@
   .bui-Alert[data-status='info'] {
     --alert-bg: var(--bui-bg-surface-1);
     --alert-fg: var(--bui-fg-primary);
+    --alert-border: var(--bui-border-info);
   }
 
   .bui-Alert[data-status='success'] {
     --alert-bg: var(--bui-bg-success);
     --alert-fg: var(--bui-fg-success);
+    --alert-border: var(--bui-border-success);
   }
 
   .bui-Alert[data-status='warning'] {
     --alert-bg: var(--bui-bg-warning);
     --alert-fg: var(--bui-fg-warning);
+    --alert-border: var(--bui-border-warning);
   }
 
   .bui-Alert[data-status='danger'] {
     --alert-bg: var(--bui-bg-danger);
     --alert-fg: var(--bui-fg-danger);
+    --alert-border: var(--bui-border-danger);
   }
 
   .bui-AlertIcon {
diff --git a/packages/ui/src/css/tokens.css b/packages/ui/src/css/tokens.css
index 948dbace4b..b96eb0c909 100644
--- a/packages/ui/src/css/tokens.css
+++ b/packages/ui/src/css/tokens.css
@@ -137,6 +137,7 @@
     --bui-border-hover: rgba(0, 0, 0, 0.2);
     --bui-border-pressed: rgba(0, 0, 0, 0.4);
     --bui-border-disabled: rgba(0, 0, 0, 0.1);
+    --bui-border-info: #7ea9d6;
     --bui-border-danger: #f87a7a;
     --bui-border-warning: #e36d05;
     --bui-border-success: #53db83;
@@ -222,6 +223,7 @@
     --bui-border-hover: rgba(255, 255, 255, 0.4);
     --bui-border-pressed: rgba(255, 255, 255, 0.5);
     --bui-border-disabled: rgba(255, 255, 255, 0.2);
+    --bui-border-info: #7ea9d6;
     --bui-border-danger: #f87a7a;
     --bui-border-warning: #e36d05;
     --bui-border-success: #53db83;