From d0aecb56ff8cfb3a2faac1710b96c69cfa1a9e93 Mon Sep 17 00:00:00 2001
From: Davyd Melkon <131438868+davyd-akamai@users.noreply.github.com>
Date: Wed, 31 Jul 2024 11:06:29 +0200
Subject: [PATCH] =?UTF-8?q?-=20Fixes=20for=20elevations:=20wrong=20inner-s?=
 =?UTF-8?q?hadow=20value=20was=20changed=20to=20a=20drop-shadow;=20-=20Add?=
 =?UTF-8?q?ed=20=E2=80=9Cs-inverted=E2=80=9D=20elevation=20token=20for=20c?=
 =?UTF-8?q?ontainers=20that=20appear=20above=20the=20component;=20-=20?=
 =?UTF-8?q?=E2=80=9CBackground-overlay=E2=80=9D=20alias=20token=20for=20pa?=
 =?UTF-8?q?ge=20dimming=20(when=20modal=20is=20active);=20-=20New=20global?=
 =?UTF-8?q?=20token=20=E2=80=9Cglobal.borderRadius.none=E2=80=9D;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tokens/alias/dark.json    | 33 +++++++++++++++++++++++++++++---
 tokens/alias/light.json   | 40 ++++++++++++++++++++++++++++++++++-----
 tokens/global/global.json |  6 ++++++
 3 files changed, 71 insertions(+), 8 deletions(-)

diff --git a/tokens/alias/dark.json b/tokens/alias/dark.json
index 6b7ad52..e6d90e5 100644
--- a/tokens/alias/dark.json
+++ b/tokens/alias/dark.json
@@ -163,6 +163,19 @@
         "value": "{global.color.neutrals.white}",
         "type": "color",
         "description": "Tooltip background"
+      },
+      "overlay": {
+        "value": "{global.color.neutrals.black}",
+        "type": "color",
+        "$extensions": {
+          "studio.tokens": {
+            "modify": {
+              "type": "alpha",
+              "value": "0.84",
+              "space": "lch"
+            }
+          }
+        }
       }
     },
     "interaction": {
@@ -449,10 +462,22 @@
           "blur": "6",
           "spread": "0",
           "color": "rgba(0,0,0,0.18)",
-          "type": "innerShadow"
+          "type": "dropShadow"
         },
         "type": "boxShadow"
       },
+      "s-inverted": {
+        "value": {
+          "x": "0",
+          "y": "-2",
+          "blur": "6",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.18)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow",
+        "description": "Inverted shadow for elements that appear above the component"
+      },
       "l": {
         "value": [
           {
@@ -460,14 +485,16 @@
             "y": "16",
             "blur": "32",
             "spread": "0",
-            "color": "rgba(0,0,0,0.18)"
+            "color": "rgba(0,0,0,0.18)",
+            "type": "dropShadow"
           },
           {
             "x": "0",
             "y": "4",
             "blur": "8",
             "spread": "0",
-            "color": "rgba(0,0,0,0.08)"
+            "color": "rgba(0,0,0,0.08)",
+            "type": "dropShadow"
           }
         ],
         "type": "boxShadow"
diff --git a/tokens/alias/light.json b/tokens/alias/light.json
index aa9aef9..35f894e 100644
--- a/tokens/alias/light.json
+++ b/tokens/alias/light.json
@@ -215,6 +215,20 @@
       "neutralsubtle": {
         "value": "{global.color.neutrals.20}",
         "type": "color"
+      },
+      "overlay": {
+        "value": "{global.color.neutrals.black}",
+        "type": "color",
+        "$extensions": {
+          "studio.tokens": {
+            "modify": {
+              "type": "alpha",
+              "value": "0.24",
+              "space": "lch"
+            }
+          }
+        },
+        "description": "Page dimming when the modal component is active"
       }
     },
     "action": {
@@ -352,9 +366,22 @@
           "blur": "6",
           "spread": "0",
           "color": "rgba(58,59,63,0.18)",
-          "type": "innerShadow"
+          "type": "dropShadow"
+        },
+        "type": "boxShadow",
+        "description": "Default shadow for components, like notification banners, dropdowns, popups;"
+      },
+      "s-inverted": {
+        "value": {
+          "x": "0",
+          "y": "-2",
+          "blur": "6",
+          "spread": "0",
+          "color": "rgba(58,59,63,0.18)",
+          "type": "dropShadow"
         },
-        "type": "boxShadow"
+        "type": "boxShadow",
+        "description": "Inverted shadow for elements that appear above the component"
       },
       "l": {
         "value": [
@@ -363,17 +390,20 @@
             "y": "16",
             "blur": "32",
             "spread": "0",
-            "color": "rgba(58,59,63,0.18)"
+            "color": "rgba(58,59,63,0.18)",
+            "type": "dropShadow"
           },
           {
             "x": "0",
             "y": "4",
             "blur": "8",
             "spread": "0",
-            "color": "rgba(58,59,63,0.08)"
+            "color": "rgba(58,59,63,0.08)",
+            "type": "dropShadow"
           }
         ],
-        "type": "boxShadow"
+        "type": "boxShadow",
+        "description": "Shadow for modals"
       }
     },
     "typography": {
diff --git a/tokens/global/global.json b/tokens/global/global.json
index b1fcb49..d918dca 100644
--- a/tokens/global/global.json
+++ b/tokens/global/global.json
@@ -952,6 +952,12 @@
           "type": "textCase"
         }
       }
+    },
+    "borderRadius": {
+      "none": {
+        "value": "0",
+        "type": "borderRadius"
+      }
     }
   }
 }
\ No newline at end of file