@primer/primitives 10.4.0 → 10.5.0-rc.1c002767

package/dist/styleLint/functional/themes/dark-tritanopia.json

@@ -2227,7 +2227,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"],
+        "scopes": ["borderColor", "effectColor"],
         "codeSyntax": {
           "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
         }
@@ -2242,7 +2242,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"],
+          "scopes": ["borderColor", "effectColor"],
           "codeSyntax": {
             "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
           }
@@ -2261,7 +2261,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"],
+        "scopes": ["borderColor", "effectColor"],
         "codeSyntax": {
           "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
         }
@@ -2294,7 +2294,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"],
+          "scopes": ["borderColor", "effectColor"],
           "codeSyntax": {
             "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
           }
@@ -2741,7 +2741,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"],
+        "scopes": ["borderColor", "effectColor"],
         "codeSyntax": {
           "web": "var(--borderColor-default) /* utility class: .color-border-default */"
         }
@@ -2762,7 +2762,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"],
+          "scopes": ["borderColor", "effectColor"],
           "codeSyntax": {
             "web": "var(--borderColor-default) /* utility class: .color-border-default */"
           }
@@ -2781,7 +2781,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       },
       "org.primer.overrides": {
         "dark-dimmed": {
@@ -2810,7 +2810,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         },
         "org.primer.overrides": {
           "dark-dimmed": {
@@ -2947,7 +2947,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       },
       "org.primer.overrides": {
         "light-high-contrast": "#3d444d",
@@ -2963,7 +2963,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         },
         "org.primer.overrides": {
           "light-high-contrast": "{borderColor.default}",
@@ -2983,7 +2983,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"],
+        "scopes": ["borderColor", "effectColor"],
         "codeSyntax": {
           "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
         }
@@ -3022,7 +3022,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"],
+          "scopes": ["borderColor", "effectColor"],
           "codeSyntax": {
             "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
           }
@@ -3677,7 +3677,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       },
       "org.primer.overrides": {
         "light-high-contrast": {
@@ -3706,7 +3706,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         },
         "org.primer.overrides": {
           "light-high-contrast": {
@@ -3739,7 +3739,7 @@
       "org.primer.figma": {
         "collection": "mode",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3751,7 +3751,7 @@
         "org.primer.figma": {
           "collection": "mode",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         }
       }
     },
@@ -10740,8 +10740,6 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark-high-contrast": "#212830",
-        "light-high-contrast": "#212830",
         "dark-dimmed": "#2a313c"
       }
     },
@@ -10757,8 +10755,6 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark-high-contrast": "{base.color.neutral.3}",
-          "light-high-contrast": "{base.color.neutral.3}",
           "dark-dimmed": "{base.color.neutral.5}"
         }
       }
@@ -10922,16 +10918,6 @@
           "filePath": "src/tokens/component/contribution.json5",
           "isSource": true,
           "$type": "color"
-        },
-        "dark-high-contrast": {
-          "$value": "#ffffff",
-          "alpha": 1,
-          "filePath": "src/tokens/component/contribution.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-high-contrast": {
-          "alpha": 1
         }
       }
     },
@@ -10961,16 +10947,6 @@
             "filePath": "src/tokens/component/contribution.json5",
             "isSource": true,
             "$type": "color"
-          },
-          "dark-high-contrast": {
-            "$value": "{base.color.white}",
-            "alpha": 1,
-            "filePath": "src/tokens/component/contribution.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-high-contrast": {
-            "alpha": 1
           }
         }
       }
@@ -11004,16 +10980,6 @@
           "filePath": "src/tokens/component/contribution.json5",
           "isSource": true,
           "$type": "color"
-        },
-        "dark-high-contrast": {
-          "$value": "#ffffff",
-          "alpha": 1,
-          "filePath": "src/tokens/component/contribution.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-high-contrast": {
-          "alpha": 1
         }
       }
     },
@@ -11043,16 +11009,6 @@
             "filePath": "src/tokens/component/contribution.json5",
             "isSource": true,
             "$type": "color"
-          },
-          "dark-high-contrast": {
-            "$value": "{base.color.white}",
-            "alpha": 1,
-            "filePath": "src/tokens/component/contribution.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-high-contrast": {
-            "alpha": 1
           }
         }
       }
@@ -11086,16 +11042,6 @@
           "filePath": "src/tokens/component/contribution.json5",
           "isSource": true,
           "$type": "color"
-        },
-        "dark-high-contrast": {
-          "$value": "#ffffff",
-          "alpha": 1,
-          "filePath": "src/tokens/component/contribution.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-high-contrast": {
-          "alpha": 1
         }
       }
     },
@@ -11125,16 +11071,6 @@
             "filePath": "src/tokens/component/contribution.json5",
             "isSource": true,
             "$type": "color"
-          },
-          "dark-high-contrast": {
-            "$value": "{base.color.white}",
-            "alpha": 1,
-            "filePath": "src/tokens/component/contribution.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-high-contrast": {
-            "alpha": 1
           }
         }
       }
@@ -11168,16 +11104,6 @@
           "filePath": "src/tokens/component/contribution.json5",
           "isSource": true,
           "$type": "color"
-        },
-        "dark-high-contrast": {
-          "$value": "#ffffff",
-          "alpha": 1,
-          "filePath": "src/tokens/component/contribution.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-high-contrast": {
-          "alpha": 1
         }
       }
     },
@@ -11207,16 +11133,6 @@
             "filePath": "src/tokens/component/contribution.json5",
             "isSource": true,
             "$type": "color"
-          },
-          "dark-high-contrast": {
-            "$value": "{base.color.white}",
-            "alpha": 1,
-            "filePath": "src/tokens/component/contribution.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-high-contrast": {
-            "alpha": 1
           }
         }
       }
@@ -11250,16 +11166,6 @@
           "filePath": "src/tokens/component/contribution.json5",
           "isSource": true,
           "$type": "color"
-        },
-        "dark-high-contrast": {
-          "$value": "#ffffff",
-          "alpha": 1,
-          "filePath": "src/tokens/component/contribution.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-high-contrast": {
-          "alpha": 1
         }
       }
     },
@@ -11289,16 +11195,6 @@
             "filePath": "src/tokens/component/contribution.json5",
             "isSource": true,
             "$type": "color"
-          },
-          "dark-high-contrast": {
-            "$value": "{base.color.white}",
-            "alpha": 1,
-            "filePath": "src/tokens/component/contribution.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-high-contrast": {
-            "alpha": 1
           }
         }
       }
@@ -14278,6 +14174,64 @@
     "path": ["data", "auburn", "color", "emphasis"],
     "key": "{data.auburn.color.emphasis}"
   },
+  "data-auburn-color-gradientStop-1": {
+    "$value": "#271817",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.auburn.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-auburn-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "auburn", "color", "gradientStop", "1"],
+    "key": "{data.auburn.color.gradientStop.1}"
+  },
+  "data-auburn-color-gradientStop-2": {
+    "$value": "#27181700",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.auburn.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-auburn-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "auburn", "color", "gradientStop", "2"],
+    "key": "{data.auburn.color.gradientStop.2}"
+  },
   "data-auburn-color-muted": {
     "$value": "#271817",
     "$type": "color",
@@ -14312,6 +14266,38 @@
     "path": ["data", "auburn", "color", "muted"],
     "key": "{data.auburn.color.muted}"
   },
+  "data-auburn-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#271817",
+        "position": 0
+      },
+      {
+        "color": "#27181700",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.auburn.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.auburn.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-auburn-gradient",
+    "attributes": {},
+    "path": ["data", "auburn", "gradient"],
+    "key": "{data.auburn.gradient}"
+  },
   "data-blue-color-emphasis": {
     "$value": "#0576ff",
     "$type": "color",
@@ -14346,7 +14332,7 @@
     "path": ["data", "blue", "color", "emphasis"],
     "key": "{data.blue.color.emphasis}"
   },
-  "data-blue-color-muted": {
+  "data-blue-color-gradientStop-1": {
     "$value": "#001a47",
     "$type": "color",
     "$extensions": {
@@ -14354,68 +14340,58 @@
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#001a47"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.0}",
+      "$value": "{data.blue.color.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
-        },
-        "org.primer.overrides": {
-          "dark": "{base.display.color.blue.0}"
         }
       }
     },
-    "name": "data-blue-color-muted",
+    "name": "data-blue-color-gradientStop-1",
     "attributes": {},
-    "path": ["data", "blue", "color", "muted"],
-    "key": "{data.blue.color.muted}"
+    "path": ["data", "blue", "color", "gradientStop", "1"],
+    "key": "{data.blue.color.gradientStop.1}"
   },
-  "data-gray-color-emphasis": {
-    "$value": "#576270",
+  "data-blue-color-gradientStop-2": {
+    "$value": "#001a4700",
     "$type": "color",
+    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#576270"
+        "scopes": ["bgColor"]
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.gray.4}",
+      "$value": "{data.blue.color.muted}",
       "$type": "color",
+      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor", "borderColor"]
-        },
-        "org.primer.overrides": {
-          "dark": "{base.display.color.gray.4}"
+          "scopes": ["bgColor"]
         }
       }
     },
-    "name": "data-gray-color-emphasis",
+    "name": "data-blue-color-gradientStop-2",
     "attributes": {},
-    "path": ["data", "gray", "color", "emphasis"],
-    "key": "{data.gray.color.emphasis}"
+    "path": ["data", "blue", "color", "gradientStop", "2"],
+    "key": "{data.blue.color.gradientStop.2}"
   },
-  "data-gray-color-muted": {
-    "$value": "#1c1c1c",
+  "data-blue-color-muted": {
+    "$value": "#001a47",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14424,13 +14400,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#1c1c1c"
+        "dark": "#001a47"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.gray.0}",
+      "$value": "{base.display.color.blue.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14439,17 +14415,49 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.gray.0}"
+          "dark": "{base.display.color.blue.0}"
         }
       }
     },
-    "name": "data-gray-color-muted",
+    "name": "data-blue-color-muted",
     "attributes": {},
-    "path": ["data", "gray", "color", "muted"],
-    "key": "{data.gray.color.muted}"
+    "path": ["data", "blue", "color", "muted"],
+    "key": "{data.blue.color.muted}"
   },
-  "data-green-color-emphasis": {
-    "$value": "#2f6f37",
+  "data-blue-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#001a47",
+        "position": 0
+      },
+      {
+        "color": "#001a4700",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.blue.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.blue.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-blue-gradient",
+    "attributes": {},
+    "path": ["data", "blue", "gradient"],
+    "key": "{data.blue.gradient}"
+  },
+  "data-brown-color-emphasis": {
+    "$value": "#94774c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14458,13 +14466,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#2f6f37"
+        "dark": "#94774c"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.green.4}",
+      "$value": "{base.display.color.brown.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14473,66 +14481,1420 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.green.4}"
+          "dark": "{base.display.color.brown.5}"
         }
       }
     },
-    "name": "data-green-color-emphasis",
+    "name": "data-brown-color-emphasis",
     "attributes": {},
-    "path": ["data", "green", "color", "emphasis"],
-    "key": "{data.green.color.emphasis}"
+    "path": ["data", "brown", "color", "emphasis"],
+    "key": "{data.brown.color.emphasis}"
   },
-  "data-green-color-muted": {
-    "$value": "#122117",
+  "data-brown-color-gradientStop-1": {
+    "$value": "#241c14",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#122117"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.green.0}",
+      "$value": "{data.brown.color.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
-        },
-        "org.primer.overrides": {
-          "dark": "{base.display.color.green.0}"
         }
       }
     },
-    "name": "data-green-color-muted",
+    "name": "data-brown-color-gradientStop-1",
     "attributes": {},
-    "path": ["data", "green", "color", "muted"],
-    "key": "{data.green.color.muted}"
+    "path": ["data", "brown", "color", "gradientStop", "1"],
+    "key": "{data.brown.color.gradientStop.1}"
   },
-  "data-orange-color-emphasis": {
-    "$value": "#984b10",
+  "data-brown-color-gradientStop-2": {
+    "$value": "#241c1400",
     "$type": "color",
+    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor", "borderColor"]
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.brown.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-brown-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "brown", "color", "gradientStop", "2"],
+    "key": "{data.brown.color.gradientStop.2}"
+  },
+  "data-brown-color-muted": {
+    "$value": "#241c14",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#241c14"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.brown.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.brown.0}"
+        }
+      }
+    },
+    "name": "data-brown-color-muted",
+    "attributes": {},
+    "path": ["data", "brown", "color", "muted"],
+    "key": "{data.brown.color.muted}"
+  },
+  "data-brown-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#241c14",
+        "position": 0
+      },
+      {
+        "color": "#241c1400",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.brown.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.brown.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-brown-gradient",
+    "attributes": {},
+    "path": ["data", "brown", "gradient"],
+    "key": "{data.brown.gradient}"
+  },
+  "data-coral-color-emphasis": {
+    "$value": "#e1430e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e1430e"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.coral.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.coral.5}"
+        }
+      }
+    },
+    "name": "data-coral-color-emphasis",
+    "attributes": {},
+    "path": ["data", "coral", "color", "emphasis"],
+    "key": "{data.coral.color.emphasis}"
+  },
+  "data-coral-color-gradientStop-1": {
+    "$value": "#351008",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.coral.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-coral-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "coral", "color", "gradientStop", "1"],
+    "key": "{data.coral.color.gradientStop.1}"
+  },
+  "data-coral-color-gradientStop-2": {
+    "$value": "#35100800",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.coral.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-coral-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "coral", "color", "gradientStop", "2"],
+    "key": "{data.coral.color.gradientStop.2}"
+  },
+  "data-coral-color-muted": {
+    "$value": "#351008",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#351008"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.coral.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.coral.0}"
+        }
+      }
+    },
+    "name": "data-coral-color-muted",
+    "attributes": {},
+    "path": ["data", "coral", "color", "muted"],
+    "key": "{data.coral.color.muted}"
+  },
+  "data-coral-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#351008",
+        "position": 0
+      },
+      {
+        "color": "#35100800",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.coral.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.coral.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-coral-gradient",
+    "attributes": {},
+    "path": ["data", "coral", "gradient"],
+    "key": "{data.coral.gradient}"
+  },
+  "data-gray-color-emphasis": {
+    "$value": "#576270",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#576270"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.gray.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.gray.4}"
+        }
+      }
+    },
+    "name": "data-gray-color-emphasis",
+    "attributes": {},
+    "path": ["data", "gray", "color", "emphasis"],
+    "key": "{data.gray.color.emphasis}"
+  },
+  "data-gray-color-gradientStop-1": {
+    "$value": "#1c1c1c",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.gray.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-gray-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "gray", "color", "gradientStop", "1"],
+    "key": "{data.gray.color.gradientStop.1}"
+  },
+  "data-gray-color-gradientStop-2": {
+    "$value": "#1c1c1c00",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.gray.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-gray-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "gray", "color", "gradientStop", "2"],
+    "key": "{data.gray.color.gradientStop.2}"
+  },
+  "data-gray-color-muted": {
+    "$value": "#1c1c1c",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#1c1c1c"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.gray.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.gray.0}"
+        }
+      }
+    },
+    "name": "data-gray-color-muted",
+    "attributes": {},
+    "path": ["data", "gray", "color", "muted"],
+    "key": "{data.gray.color.muted}"
+  },
+  "data-gray-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#1c1c1c",
+        "position": 0
+      },
+      {
+        "color": "#1c1c1c00",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.gray.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.gray.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-gray-gradient",
+    "attributes": {},
+    "path": ["data", "gray", "gradient"],
+    "key": "{data.gray.gradient}"
+  },
+  "data-green-color-emphasis": {
+    "$value": "#2f6f37",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#2f6f37"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.green.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.green.4}"
+        }
+      }
+    },
+    "name": "data-green-color-emphasis",
+    "attributes": {},
+    "path": ["data", "green", "color", "emphasis"],
+    "key": "{data.green.color.emphasis}"
+  },
+  "data-green-color-gradientStop-1": {
+    "$value": "#122117",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.green.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-green-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "green", "color", "gradientStop", "1"],
+    "key": "{data.green.color.gradientStop.1}"
+  },
+  "data-green-color-gradientStop-2": {
+    "$value": "#12211700",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.green.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-green-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "green", "color", "gradientStop", "2"],
+    "key": "{data.green.color.gradientStop.2}"
+  },
+  "data-green-color-muted": {
+    "$value": "#122117",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#122117"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.green.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.green.0}"
+        }
+      }
+    },
+    "name": "data-green-color-muted",
+    "attributes": {},
+    "path": ["data", "green", "color", "muted"],
+    "key": "{data.green.color.muted}"
+  },
+  "data-green-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#122117",
+        "position": 0
+      },
+      {
+        "color": "#12211700",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.green.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.green.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-green-gradient",
+    "attributes": {},
+    "path": ["data", "green", "gradient"],
+    "key": "{data.green.gradient}"
+  },
+  "data-lemon-color-emphasis": {
+    "$value": "#977b0c",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#977b0c"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.lemon.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.lemon.5}"
+        }
+      }
+    },
+    "name": "data-lemon-color-emphasis",
+    "attributes": {},
+    "path": ["data", "lemon", "color", "emphasis"],
+    "key": "{data.lemon.color.emphasis}"
+  },
+  "data-lemon-color-gradientStop-1": {
+    "$value": "#291d00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.lemon.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-lemon-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "lemon", "color", "gradientStop", "1"],
+    "key": "{data.lemon.color.gradientStop.1}"
+  },
+  "data-lemon-color-gradientStop-2": {
+    "$value": "#291d0000",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.lemon.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-lemon-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "lemon", "color", "gradientStop", "2"],
+    "key": "{data.lemon.color.gradientStop.2}"
+  },
+  "data-lemon-color-muted": {
+    "$value": "#291d00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#291d00"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.lemon.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.lemon.0}"
+        }
+      }
+    },
+    "name": "data-lemon-color-muted",
+    "attributes": {},
+    "path": ["data", "lemon", "color", "muted"],
+    "key": "{data.lemon.color.muted}"
+  },
+  "data-lemon-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#291d00",
+        "position": 0
+      },
+      {
+        "color": "#291d0000",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.lemon.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.lemon.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-lemon-gradient",
+    "attributes": {},
+    "path": ["data", "lemon", "gradient"],
+    "key": "{data.lemon.gradient}"
+  },
+  "data-lime-color-emphasis": {
+    "$value": "#5f892f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#5f892f"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.lime.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.lime.5}"
+        }
+      }
+    },
+    "name": "data-lime-color-emphasis",
+    "attributes": {},
+    "path": ["data", "lime", "color", "emphasis"],
+    "key": "{data.lime.color.emphasis}"
+  },
+  "data-lime-color-gradientStop-1": {
+    "$value": "#141f0f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.lime.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-lime-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "lime", "color", "gradientStop", "1"],
+    "key": "{data.lime.color.gradientStop.1}"
+  },
+  "data-lime-color-gradientStop-2": {
+    "$value": "#141f0f00",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.lime.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-lime-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "lime", "color", "gradientStop", "2"],
+    "key": "{data.lime.color.gradientStop.2}"
+  },
+  "data-lime-color-muted": {
+    "$value": "#141f0f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#141f0f"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.lime.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.lime.0}"
+        }
+      }
+    },
+    "name": "data-lime-color-muted",
+    "attributes": {},
+    "path": ["data", "lime", "color", "muted"],
+    "key": "{data.lime.color.muted}"
+  },
+  "data-lime-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#141f0f",
+        "position": 0
+      },
+      {
+        "color": "#141f0f00",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.lime.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.lime.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-lime-gradient",
+    "attributes": {},
+    "path": ["data", "lime", "gradient"],
+    "key": "{data.lime.gradient}"
+  },
+  "data-olive-color-emphasis": {
+    "$value": "#7a8321",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#7a8321"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.olive.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.olive.5}"
+        }
+      }
+    },
+    "name": "data-olive-color-emphasis",
+    "attributes": {},
+    "path": ["data", "olive", "color", "emphasis"],
+    "key": "{data.olive.color.emphasis}"
+  },
+  "data-olive-color-gradientStop-1": {
+    "$value": "#171e0b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.olive.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-olive-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "olive", "color", "gradientStop", "1"],
+    "key": "{data.olive.color.gradientStop.1}"
+  },
+  "data-olive-color-gradientStop-2": {
+    "$value": "#171e0b00",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.olive.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-olive-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "olive", "color", "gradientStop", "2"],
+    "key": "{data.olive.color.gradientStop.2}"
+  },
+  "data-olive-color-muted": {
+    "$value": "#171e0b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#171e0b"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.olive.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.olive.0}"
+        }
+      }
+    },
+    "name": "data-olive-color-muted",
+    "attributes": {},
+    "path": ["data", "olive", "color", "muted"],
+    "key": "{data.olive.color.muted}"
+  },
+  "data-olive-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#171e0b",
+        "position": 0
+      },
+      {
+        "color": "#171e0b00",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.olive.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.olive.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-olive-gradient",
+    "attributes": {},
+    "path": ["data", "olive", "gradient"],
+    "key": "{data.olive.gradient}"
+  },
+  "data-orange-color-emphasis": {
+    "$value": "#984b10",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#984b10"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.orange.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.orange.4}"
+        }
+      }
+    },
+    "name": "data-orange-color-emphasis",
+    "attributes": {},
+    "path": ["data", "orange", "color", "emphasis"],
+    "key": "{data.orange.color.emphasis}"
+  },
+  "data-orange-color-gradientStop-1": {
+    "$value": "#311708",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.orange.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-orange-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "orange", "color", "gradientStop", "1"],
+    "key": "{data.orange.color.gradientStop.1}"
+  },
+  "data-orange-color-gradientStop-2": {
+    "$value": "#31170800",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.orange.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-orange-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "orange", "color", "gradientStop", "2"],
+    "key": "{data.orange.color.gradientStop.2}"
+  },
+  "data-orange-color-muted": {
+    "$value": "#311708",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#311708"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.orange.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.orange.0}"
+        }
+      }
+    },
+    "name": "data-orange-color-muted",
+    "attributes": {},
+    "path": ["data", "orange", "color", "muted"],
+    "key": "{data.orange.color.muted}"
+  },
+  "data-orange-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#311708",
+        "position": 0
+      },
+      {
+        "color": "#31170800",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.orange.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.orange.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-orange-gradient",
+    "attributes": {},
+    "path": ["data", "orange", "gradient"],
+    "key": "{data.orange.gradient}"
+  },
+  "data-pine-color-emphasis": {
+    "$value": "#18915e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#18915e"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.pine.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.pine.5}"
+        }
+      }
+    },
+    "name": "data-pine-color-emphasis",
+    "attributes": {},
+    "path": ["data", "pine", "color", "emphasis"],
+    "key": "{data.pine.color.emphasis}"
+  },
+  "data-pine-color-gradientStop-1": {
+    "$value": "#082119",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.pine.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pine-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "pine", "color", "gradientStop", "1"],
+    "key": "{data.pine.color.gradientStop.1}"
+  },
+  "data-pine-color-gradientStop-2": {
+    "$value": "#08211900",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.pine.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pine-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "pine", "color", "gradientStop", "2"],
+    "key": "{data.pine.color.gradientStop.2}"
+  },
+  "data-pine-color-muted": {
+    "$value": "#082119",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#984b10"
+        "dark": "#082119"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.orange.4}",
+      "$value": "{base.display.color.pine.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.pine.0}"
+        }
+      }
+    },
+    "name": "data-pine-color-muted",
+    "attributes": {},
+    "path": ["data", "pine", "color", "muted"],
+    "key": "{data.pine.color.muted}"
+  },
+  "data-pine-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#082119",
+        "position": 0
+      },
+      {
+        "color": "#08211900",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.pine.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.pine.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-pine-gradient",
+    "attributes": {},
+    "path": ["data", "pine", "gradient"],
+    "key": "{data.pine.gradient}"
+  },
+  "data-pink-color-emphasis": {
+    "$value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#d34591"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.pink.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14541,17 +15903,233 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.orange.4}"
+          "dark": "{base.display.color.pink.5}"
         }
       }
     },
-    "name": "data-orange-color-emphasis",
+    "name": "data-pink-color-emphasis",
     "attributes": {},
-    "path": ["data", "orange", "color", "emphasis"],
-    "key": "{data.orange.color.emphasis}"
+    "path": ["data", "pink", "color", "emphasis"],
+    "key": "{data.pink.color.emphasis}"
+  },
+  "data-pink-color-gradientStop-1": {
+    "$value": "#2d1524",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.pink.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pink-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "pink", "color", "gradientStop", "1"],
+    "key": "{data.pink.color.gradientStop.1}"
+  },
+  "data-pink-color-gradientStop-2": {
+    "$value": "#2d152400",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.pink.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pink-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "pink", "color", "gradientStop", "2"],
+    "key": "{data.pink.color.gradientStop.2}"
+  },
+  "data-pink-color-muted": {
+    "$value": "#2d1524",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#2d1524"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.pink.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.pink.0}"
+        }
+      }
+    },
+    "name": "data-pink-color-muted",
+    "attributes": {},
+    "path": ["data", "pink", "color", "muted"],
+    "key": "{data.pink.color.muted}"
+  },
+  "data-pink-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#2d1524",
+        "position": 0
+      },
+      {
+        "color": "#2d152400",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.pink.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.pink.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-pink-gradient",
+    "attributes": {},
+    "path": ["data", "pink", "gradient"],
+    "key": "{data.pink.gradient}"
+  },
+  "data-plum-color-emphasis": {
+    "$value": "#b643ef",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#b643ef"
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.plum.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.plum.5}"
+        }
+      }
+    },
+    "name": "data-plum-color-emphasis",
+    "attributes": {},
+    "path": ["data", "plum", "color", "emphasis"],
+    "key": "{data.plum.color.emphasis}"
+  },
+  "data-plum-color-gradientStop-1": {
+    "$value": "#2a0e3f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.plum.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-plum-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "plum", "color", "gradientStop", "1"],
+    "key": "{data.plum.color.gradientStop.1}"
+  },
+  "data-plum-color-gradientStop-2": {
+    "$value": "#2a0e3f00",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.plum.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-plum-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "plum", "color", "gradientStop", "2"],
+    "key": "{data.plum.color.gradientStop.2}"
   },
-  "data-orange-color-muted": {
-    "$value": "#311708",
+  "data-plum-color-muted": {
+    "$value": "#2a0e3f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14560,13 +16138,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#311708"
+        "dark": "#2a0e3f"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.orange.0}",
+      "$value": "{base.display.color.plum.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14575,17 +16153,49 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.orange.0}"
+          "dark": "{base.display.color.plum.0}"
         }
       }
     },
-    "name": "data-orange-color-muted",
+    "name": "data-plum-color-muted",
     "attributes": {},
-    "path": ["data", "orange", "color", "muted"],
-    "key": "{data.orange.color.muted}"
+    "path": ["data", "plum", "color", "muted"],
+    "key": "{data.plum.color.muted}"
   },
-  "data-pink-color-emphasis": {
-    "$value": "#d34591",
+  "data-plum-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#2a0e3f",
+        "position": 0
+      },
+      {
+        "color": "#2a0e3f00",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.plum.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.plum.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-plum-gradient",
+    "attributes": {},
+    "path": ["data", "plum", "gradient"],
+    "key": "{data.plum.gradient}"
+  },
+  "data-purple-color-emphasis": {
+    "$value": "#975bf1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14594,13 +16204,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#d34591"
+        "dark": "#975bf1"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.pink.5}",
+      "$value": "{base.display.color.purple.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14609,82 +16219,72 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.pink.5}"
+          "dark": "{base.display.color.purple.5}"
         }
       }
     },
-    "name": "data-pink-color-emphasis",
+    "name": "data-purple-color-emphasis",
     "attributes": {},
-    "path": ["data", "pink", "color", "emphasis"],
-    "key": "{data.pink.color.emphasis}"
+    "path": ["data", "purple", "color", "emphasis"],
+    "key": "{data.purple.color.emphasis}"
   },
-  "data-pink-color-muted": {
-    "$value": "#2d1524",
+  "data-purple-color-gradientStop-1": {
+    "$value": "#211047",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#2d1524"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.pink.0}",
+      "$value": "{data.purple.color.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
-        },
-        "org.primer.overrides": {
-          "dark": "{base.display.color.pink.0}"
         }
       }
     },
-    "name": "data-pink-color-muted",
+    "name": "data-purple-color-gradientStop-1",
     "attributes": {},
-    "path": ["data", "pink", "color", "muted"],
-    "key": "{data.pink.color.muted}"
+    "path": ["data", "purple", "color", "gradientStop", "1"],
+    "key": "{data.purple.color.gradientStop.1}"
   },
-  "data-purple-color-emphasis": {
-    "$value": "#975bf1",
+  "data-purple-color-gradientStop-2": {
+    "$value": "#21104700",
     "$type": "color",
+    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#975bf1"
+        "scopes": ["bgColor"]
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.purple.5}",
+      "$value": "{data.purple.color.muted}",
       "$type": "color",
+      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor", "borderColor"]
-        },
-        "org.primer.overrides": {
-          "dark": "{base.display.color.purple.5}"
+          "scopes": ["bgColor"]
         }
       }
     },
-    "name": "data-purple-color-emphasis",
+    "name": "data-purple-color-gradientStop-2",
     "attributes": {},
-    "path": ["data", "purple", "color", "emphasis"],
-    "key": "{data.purple.color.emphasis}"
+    "path": ["data", "purple", "color", "gradientStop", "2"],
+    "key": "{data.purple.color.gradientStop.2}"
   },
   "data-purple-color-muted": {
     "$value": "#211047",
@@ -14720,6 +16320,38 @@
     "path": ["data", "purple", "color", "muted"],
     "key": "{data.purple.color.muted}"
   },
+  "data-purple-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#211047",
+        "position": 0
+      },
+      {
+        "color": "#21104700",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.purple.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.purple.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-purple-gradient",
+    "attributes": {},
+    "path": ["data", "purple", "gradient"],
+    "key": "{data.purple.gradient}"
+  },
   "data-red-color-emphasis": {
     "$value": "#eb3342",
     "$type": "color",
@@ -14754,6 +16386,64 @@
     "path": ["data", "red", "color", "emphasis"],
     "key": "{data.red.color.emphasis}"
   },
+  "data-red-color-gradientStop-1": {
+    "$value": "#3c0614",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.red.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-red-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "red", "color", "gradientStop", "1"],
+    "key": "{data.red.color.gradientStop.1}"
+  },
+  "data-red-color-gradientStop-2": {
+    "$value": "#3c061400",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.red.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-red-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "red", "color", "gradientStop", "2"],
+    "key": "{data.red.color.gradientStop.2}"
+  },
   "data-red-color-muted": {
     "$value": "#3c0614",
     "$type": "color",
@@ -14788,6 +16478,38 @@
     "path": ["data", "red", "color", "muted"],
     "key": "{data.red.color.muted}"
   },
+  "data-red-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#3c0614",
+        "position": 0
+      },
+      {
+        "color": "#3c061400",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.red.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.red.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-red-gradient",
+    "attributes": {},
+    "path": ["data", "red", "gradient"],
+    "key": "{data.red.gradient}"
+  },
   "data-teal-color-emphasis": {
     "$value": "#106c70",
     "$type": "color",
@@ -14822,6 +16544,64 @@
     "path": ["data", "teal", "color", "emphasis"],
     "key": "{data.teal.color.emphasis}"
   },
+  "data-teal-color-gradientStop-1": {
+    "$value": "#041f25",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.teal.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-teal-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "teal", "color", "gradientStop", "1"],
+    "key": "{data.teal.color.gradientStop.1}"
+  },
+  "data-teal-color-gradientStop-2": {
+    "$value": "#041f2500",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.teal.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-teal-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "teal", "color", "gradientStop", "2"],
+    "key": "{data.teal.color.gradientStop.2}"
+  },
   "data-teal-color-muted": {
     "$value": "#041f25",
     "$type": "color",
@@ -14856,6 +16636,38 @@
     "path": ["data", "teal", "color", "muted"],
     "key": "{data.teal.color.muted}"
   },
+  "data-teal-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#041f25",
+        "position": 0
+      },
+      {
+        "color": "#041f2500",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.teal.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.teal.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-teal-gradient",
+    "attributes": {},
+    "path": ["data", "teal", "gradient"],
+    "key": "{data.teal.gradient}"
+  },
   "data-yellow-color-emphasis": {
     "$value": "#895906",
     "$type": "color",
@@ -14890,6 +16702,64 @@
     "path": ["data", "yellow", "color", "emphasis"],
     "key": "{data.yellow.color.emphasis}"
   },
+  "data-yellow-color-gradientStop-1": {
+    "$value": "#2e1a00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.yellow.color.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-yellow-color-gradientStop-1",
+    "attributes": {},
+    "path": ["data", "yellow", "color", "gradientStop", "1"],
+    "key": "{data.yellow.color.gradientStop.1}"
+  },
+  "data-yellow-color-gradientStop-2": {
+    "$value": "#2e1a0000",
+    "$type": "color",
+    "alpha": 0,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{data.yellow.color.muted}",
+      "$type": "color",
+      "alpha": 0,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-yellow-color-gradientStop-2",
+    "attributes": {},
+    "path": ["data", "yellow", "color", "gradientStop", "2"],
+    "key": "{data.yellow.color.gradientStop.2}"
+  },
   "data-yellow-color-muted": {
     "$value": "#2e1a00",
     "$type": "color",
@@ -14924,6 +16794,38 @@
     "path": ["data", "yellow", "color", "muted"],
     "key": "{data.yellow.color.muted}"
   },
+  "data-yellow-gradient": {
+    "$type": "gradient",
+    "$value": [
+      {
+        "color": "#2e1a00",
+        "position": 0
+      },
+      {
+        "color": "#2e1a0000",
+        "position": 1
+      }
+    ],
+    "filePath": "src/tokens/functional/color/data-vis.json5",
+    "isSource": true,
+    "original": {
+      "$type": "gradient",
+      "$value": [
+        {
+          "color": "{data.yellow.color.gradientStop.1}",
+          "position": 0
+        },
+        {
+          "color": "{data.yellow.color.gradientStop.2}",
+          "position": 1
+        }
+      ]
+    },
+    "name": "data-yellow-gradient",
+    "attributes": {},
+    "path": ["data", "yellow", "gradient"],
+    "key": "{data.yellow.gradient}"
+  },
   "diffBlob-additionLine-bgColor": {
     "$value": "#388bfd26",
     "$type": "color",