From aded18ac3e121ebc4da7682855d86c42d43ab27e Mon Sep 17 00:00:00 2001
From: jguede <116181206+jguede@users.noreply.github.com>
Date: Mon, 5 Jun 2023 13:03:46 +0200
Subject: [PATCH] feat(Panel and Elevation): UXW-930 tokens for panel boxShadow
 and elevation levels (#33)

* UXW-930: tokens for border elevation and box shadow draggable panel

* UXW-930: color border elevation tokens have been created.
---
 tokens/src/tokens/alias/color-border.json     | 34 +++++++++++++++++++
 .../tokens/component/layout/Panel/panel.json  |  9 +++++
 2 files changed, 43 insertions(+)

diff --git a/tokens/src/tokens/alias/color-border.json b/tokens/src/tokens/alias/color-border.json
index 219df16..7f6e6c0 100644
--- a/tokens/src/tokens/alias/color-border.json
+++ b/tokens/src/tokens/alias/color-border.json
@@ -2,6 +2,40 @@
   "alias": {
     "color": {
       "border": {
+        "elevation": {
+          "ground": {
+            "value": "unset"
+          },
+          "raised": {
+            "value": "{alias.color.border.separator.base.weak.value}"
+          },
+          "sticky": {
+            "bottom": {
+              "value": "{alias.color.border.separator.base.weak.value}"
+            },
+            "top": {
+              "value": "{alias.color.border.separator.base.weak.value}"
+            },
+            "right": {
+              "value": "{alias.color.border.separator.base.weak.value}"
+            },
+            "left": {
+              "value": "{alias.color.border.separator.base.weak.value}"
+            }
+          },
+          "activated": {
+            "value": "{alias.color.border.separator.base.weak.value}"
+          },
+          "draggable": {
+            "value": "{alias.color.border.separator.base.weak.value}"
+          },
+          "overlay": {
+            "value": "{alias.color.border.separator.base.weak.value}"
+          },
+          "popOut": {
+            "value": "{alias.color.border.separator.base.weak.value}"
+          }
+        },
         "feedback": {
           "primary": {
             "base": {
diff --git a/tokens/src/tokens/component/layout/Panel/panel.json b/tokens/src/tokens/component/layout/Panel/panel.json
index 44e160d..0f962f4 100644
--- a/tokens/src/tokens/component/layout/Panel/panel.json
+++ b/tokens/src/tokens/component/layout/Panel/panel.json
@@ -6,6 +6,15 @@
           "value": "{alias.color.background.surface.base.base.value}"
         }
       },
+      "elevation": {
+        "boxShadow": {
+          "depth": {
+            "draggableOverlay": {
+              "value": "0 0 1.6rem 0.4rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.35), 0 0 0.1rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.31)"
+            }
+          }
+        }
+      },
       "shape": {
         "borderRadius": {
           "value": "{alias.shape.borderRadius.lg.value}"