From 64192e905ffc6bd6f63da789fc50e852d6afd2ba Mon Sep 17 00:00:00 2001
From: Davyd Melkon <131438868+davyd-akamai@users.noreply.github.com>
Date: Thu, 22 Aug 2024 19:31:21 +0200
Subject: [PATCH] New global gradient token and new component tokens for the
 Appbar and Progress Bar components that use gradients

---
 tokens/components/bars/appbar.json             |  4 ++++
 tokens/components/progressBar/progressBar.json |  4 ++++
 tokens/global/global.json                      | 16 ++++++++++++++++
 3 files changed, 24 insertions(+)

diff --git a/tokens/components/bars/appbar.json b/tokens/components/bars/appbar.json
index d1a3b2d..19ed796 100644
--- a/tokens/components/bars/appbar.json
+++ b/tokens/components/bars/appbar.json
@@ -16,6 +16,10 @@
       "icon": {
         "value": "{alias.content.icon.primary.default}",
         "type": "color"
+      },
+      "topGradient": {
+        "value": "{global.color.gradient.default}",
+        "type": "color"
       }
     }
   }
diff --git a/tokens/components/progressBar/progressBar.json b/tokens/components/progressBar/progressBar.json
index 3b8249c..e29f6cb 100644
--- a/tokens/components/progressBar/progressBar.json
+++ b/tokens/components/progressBar/progressBar.json
@@ -29,6 +29,10 @@
         "error": {
           "value": "{alias.background.negative}",
           "type": "color"
+        },
+        "inProgress": {
+          "value": "{global.color.gradient.default}",
+          "type": "color"
         }
       }
     }
diff --git a/tokens/global/global.json b/tokens/global/global.json
index d918dca..bd31e7f 100644
--- a/tokens/global/global.json
+++ b/tokens/global/global.json
@@ -764,6 +764,22 @@
           "value": "#3B352B",
           "type": "color"
         }
+      },
+      "gradient": {
+        "default": {
+          "value": "linear-gradient(270deg, {global.color.green.70} 0%, {global.color.teal.70} 51%, {global.color.brand.70} 100%)",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "lighten",
+                "value": "0",
+                "space": "lch"
+              }
+            }
+          },
+          "description": "Default gradient"
+        }
       }
     },
     "spacing": {