Feat(web): Add solid border to Alert component

refs #DS-1156
lmc-eu · Mar 4, 2024 · 495a600 · 495a600
1 parent 08637e2
commit 495a600
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/packages/web/src/scss/components/Alert/_Alert.scss b/packages/web/src/scss/components/Alert/_Alert.scss
@@ -11,6 +11,7 @@
     justify-content: flex-start;
     width: 100%;
     padding: theme.$padding;
+    border: theme.$border-width theme.$border-style var(--alert-color);
     border-radius: theme.$border-radius;
 }
 

diff --git a/packages/web/src/scss/components/Alert/_theme.scss b/packages/web/src/scss/components/Alert/_theme.scss
@@ -7,6 +7,8 @@ $typography: tokens.$body-medium-text-regular;
 $gap: tokens.$space-600;
 $padding: tokens.$space-600;
 $border-radius: tokens.$radius-200;
+$border-style: tokens.$border-style-100;
+$border-width: tokens.$border-width-100;
 
 $content-max-width: 640px;
 

diff --git a/tests/e2e/demo-components-compare.spec.ts-snapshots/alert-chromium-linux.png b/tests/e2e/demo-components-compare.spec.ts-snapshots/alert-chromium-linux.png