feat(data): adding remaining missing colors for our foundations icons

Sage · Oct 29, 2024 · 3d1aeef · 3d1aeef
1 parent 103afbe
commit 3d1aeef
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 27 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -1308,7 +1308,6 @@
       "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf",
       "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37",
       "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381",
-      "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692",
       "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8",
       "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090",
       "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc",
@@ -1739,7 +1738,8 @@
       "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57",
       "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622",
       "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf",
-      "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1"
+      "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1",
+      "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692"
     },
     "group": "Context"
   },
@@ -2634,7 +2634,6 @@
       "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf",
       "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37",
       "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381",
-      "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692",
       "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8",
       "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090",
       "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc",
@@ -3067,7 +3066,8 @@
       "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57",
       "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622",
       "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf",
-      "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1"
+      "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1",
+      "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692"
     },
     "group": "Context"
   },
@@ -3979,7 +3979,6 @@
       "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf",
       "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37",
       "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381",
-      "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692",
       "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8",
       "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090",
       "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc",
@@ -4422,7 +4421,8 @@
       "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf",
       "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1",
       "button.color.typical.tertiary.border-enabled": "ed5c031a98dbbb043c24ce31442d67d49ec8cc88",
-      "button.color.typical.tertiary.border-hover": "ead6239c979b590e2a4f34a422b387b69d71c30e"
+      "button.color.typical.tertiary.border-hover": "ead6239c979b590e2a4f34a422b387b69d71c30e",
+      "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692"
     },
     "$figmaCollectionId": "VariableCollectionId:91874:43409",
     "$figmaModeId": "91874:2",
@@ -5363,7 +5363,6 @@
       "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf",
       "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37",
       "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381",
-      "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692",
       "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8",
       "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090",
       "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc",
@@ -5796,7 +5795,8 @@
       "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57",
       "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622",
       "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf",
-      "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1"
+      "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1",
+      "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692"
     },
     "group": "Context"
   }

diff --git a/data/tokens/components/logo.json b/data/tokens/components/logo.json
@@ -18,54 +18,55 @@
           "type": "color",
           "description": "filled"
         },
-        "bg-alt": {
+        "outline": {
           "value": "{modes.color.generic.content.extreme}",
           "type": "color"
         }
       },
       "copilot": {
         "noBg": {
           "bg-S": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.brand.copilot.noBg.S}",
             "type": "color"
           },
           "bg-star": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.brand.copilot.noBg.star}",
             "type": "color"
           },
           "fg-default": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.brand.copilot.noBg.mono}",
             "type": "color"
           }
         },
         "withBg": {
           "bg-S": {
-            "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
+            "value": "{modes.color.brand.copilot.withBg.S}",
             "type": "color"
           },
           "bg-star": {
-            "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
+            "value": "{modes.color.brand.copilot.withBg.star}",
             "type": "color"
           },
           "bg-default": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.brand.copilot.withBg.bg}",
             "type": "color"
           }
         }
       },
-      "AIstar": {
-        "bg-Star": {
-          "value": "{modes.color.brand.default}",
+      "AIIdentifier": {
+        "bg-star": {
+          "value": "{modes.color.brand.copilot.AIIdentifier.default}",
           "type": "color",
-          "description": "sage logo"
+          "description": "star bg color"
         },
         "bg-dot": {
-          "value": "{modes.color.brand.defaultAlt}",
+          "value": "{modes.color.brand.copilot.AIIdentifier.withDefault}",
           "type": "color"
         },
-        "fg": {
-          "value": "{modes.color.brand.defaultAlt}",
-          "type": "color"
+        "outline": {
+          "value": "{modes.color.brand.copilot.AIIdentifier.default}",
+          "type": "color",
+          "description": "star outline variant"
         }
       }
     },

diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json
@@ -28,13 +28,23 @@
           "type": "color"
         },
         "copilot": {
+          "AIIdentifier": {
+            "default": {
+              "value": "{primitives.colors.white}",
+              "type": "color"
+            },
+            "withDefault": {
+              "value": "{primitives.colors.brilliantGreen}",
+              "type": "color"
+            }
+          },
           "noBg": {
             "S": {
               "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
               "type": "color"
             },
             "star": {
-              "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
+              "value": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
               "type": "color"
             },
             "mono": {

diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -28,6 +28,16 @@
           "type": "color"
         },
         "copilot": {
+          "AIIdentifier": {
+            "default": {
+              "value": "{primitives.colors.black}",
+              "type": "color"
+            },
+            "withDefault": {
+              "value": "{primitives.colors.brilliantGreen}",
+              "type": "color"
+            }
+          },
           "noBg": {
             "S": {
               "value": "{primitives.colors.black}",
@@ -38,7 +48,7 @@
               "type": "color"
             },
             "mono": {
-              "value": "{primitives.colors.white}",
+              "value": "{primitives.colors.black}",
               "type": "color"
             }
           },
@@ -48,11 +58,11 @@
               "type": "color"
             },
             "star": {
-              "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
+              "value": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
               "type": "color"
             },
             "bg": {
-              "value": "{primitives.colors.white}",
+              "value": "{primitives.colors.black}",
               "type": "color"
             }
           }