From e5daa00d730cd4a20af08ec0c6bfb8d825a8676b Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Tue, 23 Jul 2024 09:44:17 +0200
Subject: [PATCH] :sparkles: Add elevation tokens to ds

---
 frontend/src/app/main/ui/ds/colors.scss     |  6 ++++++
 frontend/src/app/main/ui/ds/elevations.scss | 12 ++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 frontend/src/app/main/ui/ds/elevations.scss

diff --git a/frontend/src/app/main/ui/ds/colors.scss b/frontend/src/app/main/ui/ds/colors.scss
index 488b7e1a8..aa21f26d2 100644
--- a/frontend/src/app/main/ui/ds/colors.scss
+++ b/frontend/src/app/main/ui/ds/colors.scss
@@ -4,6 +4,8 @@
 //
 // Copyright (c) KALEIDOS INC
 
+@use "sass:color";
+
 $mint-150: #7efff5;
 $mint-250: #00d1b8;
 $mint-700: #426158;
@@ -69,6 +71,8 @@ $grayish-blue-500: #8f9da3;
 
   --color-foreground-primary: #{$black};
   --color-foreground-secondary: #{$blue-teal-700};
+
+  --color-shadow: #{color.change($blue-teal-700, $alpha: 0.2)};
 }
 
 :global(.default) {
@@ -94,4 +98,6 @@ $grayish-blue-500: #8f9da3;
 
   --color-foreground-primary: #{$white};
   --color-foreground-secondary: #{$grayish-blue-500};
+
+  --color-shadow: #{color.change($black, $alpha: 0.6)};
 }
diff --git a/frontend/src/app/main/ui/ds/elevations.scss b/frontend/src/app/main/ui/ds/elevations.scss
new file mode 100644
index 000000000..477b0ca2f
--- /dev/null
+++ b/frontend/src/app/main/ui/ds/elevations.scss
@@ -0,0 +1,12 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) KALEIDOS INC
+
+$elevation-shadow: 0 0 10px 0 var(--color-shadow);
+
+:global(.light),
+:global(.default) {
+  --elevation-shadow: #{$elevation-shadow};
+}