@primer/primitives 10.5.1-rc.aa2b8f62 → 10.6.0-rc.49a3da64

package/dist/docs/functional/themes/dark-high-contrast.json

@@ -14208,65 +14208,75 @@
     "value": "#a86f6b",
     "type": "color"
   },
-  "data-auburn-color-gradientStop-1": {
+  "data-auburn-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#271817"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.auburn.color.muted}",
+      "$value": "{base.display.color.auburn.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.auburn.0}"
         }
       }
     },
-    "name": "data-auburn-color-gradientStop-1",
+    "name": "data-auburn-color-muted",
     "attributes": {},
-    "path": ["data", "auburn", "color", "gradientStop", "1"],
-    "key": "{data.auburn.color.gradientStop.1}",
+    "path": ["data", "auburn", "color", "muted"],
+    "key": "{data.auburn.color.muted}",
     "value": "#271817",
     "type": "color"
   },
-  "data-auburn-color-gradientStop-2": {
-    "alpha": 0,
+  "data-blue-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#0576ff"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.auburn.color.muted}",
+      "$value": "{base.display.color.blue.5}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.blue.5}"
         }
       }
     },
-    "name": "data-auburn-color-gradientStop-2",
+    "name": "data-blue-color-emphasis",
     "attributes": {},
-    "path": ["data", "auburn", "color", "gradientStop", "2"],
-    "key": "{data.auburn.color.gradientStop.2}",
-    "value": "#27181700",
+    "path": ["data", "blue", "color", "emphasis"],
+    "key": "{data.blue.color.emphasis}",
+    "value": "#0576ff",
     "type": "color"
   },
-  "data-auburn-color-muted": {
+  "data-blue-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14274,13 +14284,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#271817"
+        "dark": "#001a47"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.auburn.0}",
+      "$value": "{base.display.color.blue.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14289,50 +14299,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.auburn.0}"
+          "dark": "{base.display.color.blue.0}"
         }
       }
     },
-    "name": "data-auburn-color-muted",
+    "name": "data-blue-color-muted",
     "attributes": {},
-    "path": ["data", "auburn", "color", "muted"],
-    "key": "{data.auburn.color.muted}",
-    "value": "#271817",
+    "path": ["data", "blue", "color", "muted"],
+    "key": "{data.blue.color.muted}",
+    "value": "#001a47",
     "type": "color"
   },
-  "data-auburn-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#271817",
-        "position": 0
-      },
-      {
-        "color": "#27181700",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-blue-color-emphasis": {
+  "data-brown-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14340,13 +14318,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#0576ff"
+        "dark": "#94774c"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.5}",
+      "$value": "{base.display.color.brown.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14355,76 +14333,86 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.blue.5}"
+          "dark": "{base.display.color.brown.5}"
         }
       }
     },
-    "name": "data-blue-color-emphasis",
+    "name": "data-brown-color-emphasis",
     "attributes": {},
-    "path": ["data", "blue", "color", "emphasis"],
-    "key": "{data.blue.color.emphasis}",
-    "value": "#0576ff",
+    "path": ["data", "brown", "color", "emphasis"],
+    "key": "{data.brown.color.emphasis}",
+    "value": "#94774c",
     "type": "color"
   },
-  "data-blue-color-gradientStop-1": {
+  "data-brown-color-muted": {
     "$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": "{data.blue.color.muted}",
+      "$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-blue-color-gradientStop-1",
+    "name": "data-brown-color-muted",
     "attributes": {},
-    "path": ["data", "blue", "color", "gradientStop", "1"],
-    "key": "{data.blue.color.gradientStop.1}",
-    "value": "#001a47",
+    "path": ["data", "brown", "color", "muted"],
+    "key": "{data.brown.color.muted}",
+    "value": "#241c14",
     "type": "color"
   },
-  "data-blue-color-gradientStop-2": {
-    "alpha": 0,
+  "data-coral-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e1430e"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.blue.color.muted}",
+      "$value": "{base.display.color.coral.5}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.coral.5}"
         }
       }
     },
-    "name": "data-blue-color-gradientStop-2",
+    "name": "data-coral-color-emphasis",
     "attributes": {},
-    "path": ["data", "blue", "color", "gradientStop", "2"],
-    "key": "{data.blue.color.gradientStop.2}",
-    "value": "#001a4700",
+    "path": ["data", "coral", "color", "emphasis"],
+    "key": "{data.coral.color.emphasis}",
+    "value": "#e1430e",
     "type": "color"
   },
-  "data-blue-color-muted": {
+  "data-coral-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14432,13 +14420,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#001a47"
+        "dark": "#351008"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.0}",
+      "$value": "{base.display.color.coral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14447,50 +14435,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.blue.0}"
+          "dark": "{base.display.color.coral.0}"
         }
       }
     },
-    "name": "data-blue-color-muted",
+    "name": "data-coral-color-muted",
     "attributes": {},
-    "path": ["data", "blue", "color", "muted"],
-    "key": "{data.blue.color.muted}",
-    "value": "#001a47",
+    "path": ["data", "coral", "color", "muted"],
+    "key": "{data.coral.color.muted}",
+    "value": "#351008",
     "type": "color"
   },
-  "data-blue-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#001a47",
-        "position": 0
-      },
-      {
-        "color": "#001a4700",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-brown-color-emphasis": {
+  "data-gray-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14498,13 +14454,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#94774c"
+        "dark": "#576270"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.brown.5}",
+      "$value": "{base.display.color.gray.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14513,76 +14469,86 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.brown.5}"
+          "dark": "{base.display.color.gray.4}"
         }
       }
     },
-    "name": "data-brown-color-emphasis",
+    "name": "data-gray-color-emphasis",
     "attributes": {},
-    "path": ["data", "brown", "color", "emphasis"],
-    "key": "{data.brown.color.emphasis}",
-    "value": "#94774c",
+    "path": ["data", "gray", "color", "emphasis"],
+    "key": "{data.gray.color.emphasis}",
+    "value": "#576270",
     "type": "color"
   },
-  "data-brown-color-gradientStop-1": {
+  "data-gray-color-muted": {
     "$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": "{data.brown.color.muted}",
+      "$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-brown-color-gradientStop-1",
+    "name": "data-gray-color-muted",
     "attributes": {},
-    "path": ["data", "brown", "color", "gradientStop", "1"],
-    "key": "{data.brown.color.gradientStop.1}",
-    "value": "#241c14",
+    "path": ["data", "gray", "color", "muted"],
+    "key": "{data.gray.color.muted}",
+    "value": "#1c1c1c",
     "type": "color"
   },
-  "data-brown-color-gradientStop-2": {
-    "alpha": 0,
+  "data-green-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#2f6f37"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.brown.color.muted}",
+      "$value": "{base.display.color.green.4}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.green.4}"
         }
       }
     },
-    "name": "data-brown-color-gradientStop-2",
+    "name": "data-green-color-emphasis",
     "attributes": {},
-    "path": ["data", "brown", "color", "gradientStop", "2"],
-    "key": "{data.brown.color.gradientStop.2}",
-    "value": "#241c1400",
+    "path": ["data", "green", "color", "emphasis"],
+    "key": "{data.green.color.emphasis}",
+    "value": "#2f6f37",
     "type": "color"
   },
-  "data-brown-color-muted": {
+  "data-green-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14590,13 +14556,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#241c14"
+        "dark": "#122117"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.brown.0}",
+      "$value": "{base.display.color.green.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14605,50 +14571,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.brown.0}"
+          "dark": "{base.display.color.green.0}"
         }
       }
     },
-    "name": "data-brown-color-muted",
+    "name": "data-green-color-muted",
     "attributes": {},
-    "path": ["data", "brown", "color", "muted"],
-    "key": "{data.brown.color.muted}",
-    "value": "#241c14",
+    "path": ["data", "green", "color", "muted"],
+    "key": "{data.green.color.muted}",
+    "value": "#122117",
     "type": "color"
   },
-  "data-brown-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#241c14",
-        "position": 0
-      },
-      {
-        "color": "#241c1400",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-coral-color-emphasis": {
+  "data-lemon-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14656,13 +14590,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#e1430e"
+        "dark": "#977b0c"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.coral.5}",
+      "$value": "{base.display.color.lemon.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14671,76 +14605,86 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.coral.5}"
+          "dark": "{base.display.color.lemon.5}"
         }
       }
     },
-    "name": "data-coral-color-emphasis",
+    "name": "data-lemon-color-emphasis",
     "attributes": {},
-    "path": ["data", "coral", "color", "emphasis"],
-    "key": "{data.coral.color.emphasis}",
-    "value": "#e1430e",
+    "path": ["data", "lemon", "color", "emphasis"],
+    "key": "{data.lemon.color.emphasis}",
+    "value": "#977b0c",
     "type": "color"
   },
-  "data-coral-color-gradientStop-1": {
+  "data-lemon-color-muted": {
     "$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": "{data.coral.color.muted}",
+      "$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-coral-color-gradientStop-1",
+    "name": "data-lemon-color-muted",
     "attributes": {},
-    "path": ["data", "coral", "color", "gradientStop", "1"],
-    "key": "{data.coral.color.gradientStop.1}",
-    "value": "#351008",
+    "path": ["data", "lemon", "color", "muted"],
+    "key": "{data.lemon.color.muted}",
+    "value": "#291d00",
     "type": "color"
   },
-  "data-coral-color-gradientStop-2": {
-    "alpha": 0,
+  "data-lime-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#5f892f"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.coral.color.muted}",
+      "$value": "{base.display.color.lime.5}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.lime.5}"
         }
       }
     },
-    "name": "data-coral-color-gradientStop-2",
+    "name": "data-lime-color-emphasis",
     "attributes": {},
-    "path": ["data", "coral", "color", "gradientStop", "2"],
-    "key": "{data.coral.color.gradientStop.2}",
-    "value": "#35100800",
+    "path": ["data", "lime", "color", "emphasis"],
+    "key": "{data.lime.color.emphasis}",
+    "value": "#5f892f",
     "type": "color"
   },
-  "data-coral-color-muted": {
+  "data-lime-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -14748,13 +14692,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#351008"
+        "dark": "#141f0f"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.coral.0}",
+      "$value": "{base.display.color.lime.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14763,1156 +14707,18 @@
           "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}",
-    "value": "#351008",
-    "type": "color"
-  },
-  "data-coral-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#351008",
-        "position": 0
-      },
-      {
-        "color": "#35100800",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-gray-color-emphasis": {
-    "$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}",
-    "value": "#576270",
-    "type": "color"
-  },
-  "data-gray-color-gradientStop-1": {
-    "$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}",
-    "value": "#1c1c1c",
-    "type": "color"
-  },
-  "data-gray-color-gradientStop-2": {
-    "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}",
-    "value": "#1c1c1c00",
-    "type": "color"
-  },
-  "data-gray-color-muted": {
-    "$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}",
-    "value": "#1c1c1c",
-    "type": "color"
-  },
-  "data-gray-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#1c1c1c",
-        "position": 0
-      },
-      {
-        "color": "#1c1c1c00",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-green-color-emphasis": {
-    "$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}",
-    "value": "#2f6f37",
-    "type": "color"
-  },
-  "data-green-color-gradientStop-1": {
-    "$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}",
-    "value": "#122117",
-    "type": "color"
-  },
-  "data-green-color-gradientStop-2": {
-    "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}",
-    "value": "#12211700",
-    "type": "color"
-  },
-  "data-green-color-muted": {
-    "$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}",
-    "value": "#122117",
-    "type": "color"
-  },
-  "data-green-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#122117",
-        "position": 0
-      },
-      {
-        "color": "#12211700",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-lemon-color-emphasis": {
-    "$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}",
-    "value": "#977b0c",
-    "type": "color"
-  },
-  "data-lemon-color-gradientStop-1": {
-    "$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}",
-    "value": "#291d00",
-    "type": "color"
-  },
-  "data-lemon-color-gradientStop-2": {
-    "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}",
-    "value": "#291d0000",
-    "type": "color"
-  },
-  "data-lemon-color-muted": {
-    "$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}",
-    "value": "#291d00",
-    "type": "color"
-  },
-  "data-lemon-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#291d00",
-        "position": 0
-      },
-      {
-        "color": "#291d0000",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-lime-color-emphasis": {
-    "$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}",
-    "value": "#5f892f",
-    "type": "color"
-  },
-  "data-lime-color-gradientStop-1": {
-    "$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}",
-    "value": "#141f0f",
-    "type": "color"
-  },
-  "data-lime-color-gradientStop-2": {
-    "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}",
-    "value": "#141f0f00",
-    "type": "color"
-  },
-  "data-lime-color-muted": {
-    "$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}",
-    "value": "#141f0f",
-    "type": "color"
-  },
-  "data-lime-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#141f0f",
-        "position": 0
-      },
-      {
-        "color": "#141f0f00",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-olive-color-emphasis": {
-    "$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}",
-    "value": "#7a8321",
-    "type": "color"
-  },
-  "data-olive-color-gradientStop-1": {
-    "$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}",
-    "value": "#171e0b",
-    "type": "color"
-  },
-  "data-olive-color-gradientStop-2": {
-    "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}",
-    "value": "#171e0b00",
-    "type": "color"
-  },
-  "data-olive-color-muted": {
-    "$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}",
-    "value": "#171e0b",
-    "type": "color"
-  },
-  "data-olive-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#171e0b",
-        "position": 0
-      },
-      {
-        "color": "#171e0b00",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-orange-color-emphasis": {
-    "$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}",
-    "value": "#984b10",
-    "type": "color"
-  },
-  "data-orange-color-gradientStop-1": {
-    "$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}",
-    "value": "#311708",
-    "type": "color"
-  },
-  "data-orange-color-gradientStop-2": {
-    "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}",
-    "value": "#31170800",
-    "type": "color"
-  },
-  "data-orange-color-muted": {
-    "$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}",
-    "value": "#311708",
-    "type": "color"
-  },
-  "data-orange-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#311708",
-        "position": 0
-      },
-      {
-        "color": "#31170800",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-pine-color-emphasis": {
-    "$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}",
-    "value": "#18915e",
-    "type": "color"
-  },
-  "data-pine-color-gradientStop-1": {
-    "$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}",
-    "value": "#082119",
-    "type": "color"
-  },
-  "data-pine-color-gradientStop-2": {
-    "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}",
-    "value": "#08211900",
-    "type": "color"
-  },
-  "data-pine-color-muted": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#082119"
-      }
-    },
-    "filePath": "src/tokens/functional/color/data-vis.json5",
-    "isSource": true,
-    "original": {
-      "$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}"
+          "dark": "{base.display.color.lime.0}"
         }
       }
     },
-    "name": "data-pine-color-muted",
+    "name": "data-lime-color-muted",
     "attributes": {},
-    "path": ["data", "pine", "color", "muted"],
-    "key": "{data.pine.color.muted}",
-    "value": "#082119",
+    "path": ["data", "lime", "color", "muted"],
+    "key": "{data.lime.color.muted}",
+    "value": "#141f0f",
     "type": "color"
   },
-  "data-pine-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#082119",
-        "position": 0
-      },
-      {
-        "color": "#08211900",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-pink-color-emphasis": {
+  "data-olive-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -15920,13 +14726,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#d34591"
+        "dark": "#7a8321"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.pink.5}",
+      "$value": "{base.display.color.olive.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15935,76 +14741,18 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.pink.5}"
-        }
-      }
-    },
-    "name": "data-pink-color-emphasis",
-    "attributes": {},
-    "path": ["data", "pink", "color", "emphasis"],
-    "key": "{data.pink.color.emphasis}",
-    "value": "#d34591",
-    "type": "color"
-  },
-  "data-pink-color-gradientStop-1": {
-    "$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}",
-    "value": "#2d1524",
-    "type": "color"
-  },
-  "data-pink-color-gradientStop-2": {
-    "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"]
+          "dark": "{base.display.color.olive.5}"
         }
       }
     },
-    "name": "data-pink-color-gradientStop-2",
+    "name": "data-olive-color-emphasis",
     "attributes": {},
-    "path": ["data", "pink", "color", "gradientStop", "2"],
-    "key": "{data.pink.color.gradientStop.2}",
-    "value": "#2d152400",
+    "path": ["data", "olive", "color", "emphasis"],
+    "key": "{data.olive.color.emphasis}",
+    "value": "#7a8321",
     "type": "color"
   },
-  "data-pink-color-muted": {
+  "data-olive-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16012,13 +14760,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#2d1524"
+        "dark": "#171e0b"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.pink.0}",
+      "$value": "{base.display.color.olive.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16027,50 +14775,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.pink.0}"
+          "dark": "{base.display.color.olive.0}"
         }
       }
     },
-    "name": "data-pink-color-muted",
+    "name": "data-olive-color-muted",
     "attributes": {},
-    "path": ["data", "pink", "color", "muted"],
-    "key": "{data.pink.color.muted}",
-    "value": "#2d1524",
+    "path": ["data", "olive", "color", "muted"],
+    "key": "{data.olive.color.muted}",
+    "value": "#171e0b",
     "type": "color"
   },
-  "data-pink-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#2d1524",
-        "position": 0
-      },
-      {
-        "color": "#2d152400",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-plum-color-emphasis": {
+  "data-orange-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16078,13 +14794,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#b643ef"
+        "dark": "#984b10"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.plum.5}",
+      "$value": "{base.display.color.orange.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16093,76 +14809,18 @@
           "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}",
-    "value": "#b643ef",
-    "type": "color"
-  },
-  "data-plum-color-gradientStop-1": {
-    "$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}",
-    "value": "#2a0e3f",
-    "type": "color"
-  },
-  "data-plum-color-gradientStop-2": {
-    "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"]
+          "dark": "{base.display.color.orange.4}"
         }
       }
     },
-    "name": "data-plum-color-gradientStop-2",
+    "name": "data-orange-color-emphasis",
     "attributes": {},
-    "path": ["data", "plum", "color", "gradientStop", "2"],
-    "key": "{data.plum.color.gradientStop.2}",
-    "value": "#2a0e3f00",
+    "path": ["data", "orange", "color", "emphasis"],
+    "key": "{data.orange.color.emphasis}",
+    "value": "#984b10",
     "type": "color"
   },
-  "data-plum-color-muted": {
+  "data-orange-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16170,13 +14828,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#2a0e3f"
+        "dark": "#311708"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.plum.0}",
+      "$value": "{base.display.color.orange.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16185,142 +14843,52 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.plum.0}"
-        }
-      }
-    },
-    "name": "data-plum-color-muted",
-    "attributes": {},
-    "path": ["data", "plum", "color", "muted"],
-    "key": "{data.plum.color.muted}",
-    "value": "#2a0e3f",
-    "type": "color"
-  },
-  "data-plum-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#2a0e3f",
-        "position": 0
-      },
-      {
-        "color": "#2a0e3f00",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-purple-color-emphasis": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#975bf1"
-      }
-    },
-    "filePath": "src/tokens/functional/color/data-vis.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.display.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["bgColor", "borderColor"]
-        },
-        "org.primer.overrides": {
-          "dark": "{base.display.color.purple.5}"
-        }
-      }
-    },
-    "name": "data-purple-color-emphasis",
-    "attributes": {},
-    "path": ["data", "purple", "color", "emphasis"],
-    "key": "{data.purple.color.emphasis}",
-    "value": "#975bf1",
-    "type": "color"
-  },
-  "data-purple-color-gradientStop-1": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/data-vis.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{data.purple.color.muted}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["bgColor"]
+          "dark": "{base.display.color.orange.0}"
         }
       }
     },
-    "name": "data-purple-color-gradientStop-1",
+    "name": "data-orange-color-muted",
     "attributes": {},
-    "path": ["data", "purple", "color", "gradientStop", "1"],
-    "key": "{data.purple.color.gradientStop.1}",
-    "value": "#211047",
+    "path": ["data", "orange", "color", "muted"],
+    "key": "{data.orange.color.muted}",
+    "value": "#311708",
     "type": "color"
   },
-  "data-purple-color-gradientStop-2": {
-    "alpha": 0,
+  "data-pine-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#18915e"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.purple.color.muted}",
+      "$value": "{base.display.color.pine.5}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.pine.5}"
         }
       }
     },
-    "name": "data-purple-color-gradientStop-2",
+    "name": "data-pine-color-emphasis",
     "attributes": {},
-    "path": ["data", "purple", "color", "gradientStop", "2"],
-    "key": "{data.purple.color.gradientStop.2}",
-    "value": "#21104700",
+    "path": ["data", "pine", "color", "emphasis"],
+    "key": "{data.pine.color.emphasis}",
+    "value": "#18915e",
     "type": "color"
   },
-  "data-purple-color-muted": {
+  "data-pine-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16328,13 +14896,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#211047"
+        "dark": "#082119"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.purple.0}",
+      "$value": "{base.display.color.pine.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16343,50 +14911,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.purple.0}"
+          "dark": "{base.display.color.pine.0}"
         }
       }
     },
-    "name": "data-purple-color-muted",
+    "name": "data-pine-color-muted",
     "attributes": {},
-    "path": ["data", "purple", "color", "muted"],
-    "key": "{data.purple.color.muted}",
-    "value": "#211047",
+    "path": ["data", "pine", "color", "muted"],
+    "key": "{data.pine.color.muted}",
+    "value": "#082119",
     "type": "color"
   },
-  "data-purple-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#211047",
-        "position": 0
-      },
-      {
-        "color": "#21104700",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-red-color-emphasis": {
+  "data-pink-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16394,13 +14930,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#eb3342"
+        "dark": "#d34591"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.red.5}",
+      "$value": "{base.display.color.pink.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16409,76 +14945,86 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.red.5}"
+          "dark": "{base.display.color.pink.5}"
         }
       }
     },
-    "name": "data-red-color-emphasis",
+    "name": "data-pink-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "emphasis"],
-    "key": "{data.red.color.emphasis}",
-    "value": "#eb3342",
+    "path": ["data", "pink", "color", "emphasis"],
+    "key": "{data.pink.color.emphasis}",
+    "value": "#d34591",
     "type": "color"
   },
-  "data-red-color-gradientStop-1": {
+  "data-pink-color-muted": {
     "$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": "{data.red.color.muted}",
+      "$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-red-color-gradientStop-1",
+    "name": "data-pink-color-muted",
     "attributes": {},
-    "path": ["data", "red", "color", "gradientStop", "1"],
-    "key": "{data.red.color.gradientStop.1}",
-    "value": "#3c0614",
+    "path": ["data", "pink", "color", "muted"],
+    "key": "{data.pink.color.muted}",
+    "value": "#2d1524",
     "type": "color"
   },
-  "data-red-color-gradientStop-2": {
-    "alpha": 0,
+  "data-plum-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#b643ef"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.red.color.muted}",
+      "$value": "{base.display.color.plum.5}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.plum.5}"
         }
       }
     },
-    "name": "data-red-color-gradientStop-2",
+    "name": "data-plum-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "gradientStop", "2"],
-    "key": "{data.red.color.gradientStop.2}",
-    "value": "#3c061400",
+    "path": ["data", "plum", "color", "emphasis"],
+    "key": "{data.plum.color.emphasis}",
+    "value": "#b643ef",
     "type": "color"
   },
-  "data-red-color-muted": {
+  "data-plum-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16486,13 +15032,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#3c0614"
+        "dark": "#2a0e3f"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.red.0}",
+      "$value": "{base.display.color.plum.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16501,50 +15047,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.red.0}"
+          "dark": "{base.display.color.plum.0}"
         }
       }
     },
-    "name": "data-red-color-muted",
+    "name": "data-plum-color-muted",
     "attributes": {},
-    "path": ["data", "red", "color", "muted"],
-    "key": "{data.red.color.muted}",
-    "value": "#3c0614",
+    "path": ["data", "plum", "color", "muted"],
+    "key": "{data.plum.color.muted}",
+    "value": "#2a0e3f",
     "type": "color"
   },
-  "data-red-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#3c0614",
-        "position": 0
-      },
-      {
-        "color": "#3c061400",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-teal-color-emphasis": {
+  "data-purple-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16552,13 +15066,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#106c70"
+        "dark": "#975bf1"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.teal.4}",
+      "$value": "{base.display.color.purple.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16567,76 +15081,86 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.teal.4}"
+          "dark": "{base.display.color.purple.5}"
         }
       }
     },
-    "name": "data-teal-color-emphasis",
+    "name": "data-purple-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "emphasis"],
-    "key": "{data.teal.color.emphasis}",
-    "value": "#106c70",
+    "path": ["data", "purple", "color", "emphasis"],
+    "key": "{data.purple.color.emphasis}",
+    "value": "#975bf1",
     "type": "color"
   },
-  "data-teal-color-gradientStop-1": {
+  "data-purple-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#211047"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.teal.color.muted}",
+      "$value": "{base.display.color.purple.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.purple.0}"
         }
       }
     },
-    "name": "data-teal-color-gradientStop-1",
+    "name": "data-purple-color-muted",
     "attributes": {},
-    "path": ["data", "teal", "color", "gradientStop", "1"],
-    "key": "{data.teal.color.gradientStop.1}",
-    "value": "#041f25",
+    "path": ["data", "purple", "color", "muted"],
+    "key": "{data.purple.color.muted}",
+    "value": "#211047",
     "type": "color"
   },
-  "data-teal-color-gradientStop-2": {
-    "alpha": 0,
+  "data-red-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#eb3342"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.teal.color.muted}",
+      "$value": "{base.display.color.red.5}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.red.5}"
         }
       }
     },
-    "name": "data-teal-color-gradientStop-2",
+    "name": "data-red-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "gradientStop", "2"],
-    "key": "{data.teal.color.gradientStop.2}",
-    "value": "#041f2500",
+    "path": ["data", "red", "color", "emphasis"],
+    "key": "{data.red.color.emphasis}",
+    "value": "#eb3342",
     "type": "color"
   },
-  "data-teal-color-muted": {
+  "data-red-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16644,13 +15168,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#041f25"
+        "dark": "#3c0614"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.teal.0}",
+      "$value": "{base.display.color.red.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16659,50 +15183,18 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.teal.0}"
+          "dark": "{base.display.color.red.0}"
         }
       }
     },
-    "name": "data-teal-color-muted",
+    "name": "data-red-color-muted",
     "attributes": {},
-    "path": ["data", "teal", "color", "muted"],
-    "key": "{data.teal.color.muted}",
-    "value": "#041f25",
+    "path": ["data", "red", "color", "muted"],
+    "key": "{data.red.color.muted}",
+    "value": "#3c0614",
     "type": "color"
   },
-  "data-teal-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#041f25",
-        "position": 0
-      },
-      {
-        "color": "#041f2500",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
-  "data-yellow-color-emphasis": {
+  "data-teal-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -16710,13 +15202,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#895906"
+        "dark": "#106c70"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.yellow.4}",
+      "$value": "{base.display.color.teal.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16725,73 +15217,83 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.yellow.4}"
+          "dark": "{base.display.color.teal.4}"
         }
       }
     },
-    "name": "data-yellow-color-emphasis",
+    "name": "data-teal-color-emphasis",
     "attributes": {},
-    "path": ["data", "yellow", "color", "emphasis"],
-    "key": "{data.yellow.color.emphasis}",
-    "value": "#895906",
+    "path": ["data", "teal", "color", "emphasis"],
+    "key": "{data.teal.color.emphasis}",
+    "value": "#106c70",
     "type": "color"
   },
-  "data-yellow-color-gradientStop-1": {
+  "data-teal-color-muted": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#041f25"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.yellow.color.muted}",
+      "$value": "{base.display.color.teal.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.teal.0}"
         }
       }
     },
-    "name": "data-yellow-color-gradientStop-1",
+    "name": "data-teal-color-muted",
     "attributes": {},
-    "path": ["data", "yellow", "color", "gradientStop", "1"],
-    "key": "{data.yellow.color.gradientStop.1}",
-    "value": "#2e1a00",
+    "path": ["data", "teal", "color", "muted"],
+    "key": "{data.teal.color.muted}",
+    "value": "#041f25",
     "type": "color"
   },
-  "data-yellow-color-gradientStop-2": {
-    "alpha": 0,
+  "data-yellow-color-emphasis": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#895906"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.yellow.color.muted}",
+      "$value": "{base.display.color.yellow.4}",
       "$type": "color",
-      "alpha": 0,
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.yellow.4}"
         }
       }
     },
-    "name": "data-yellow-color-gradientStop-2",
+    "name": "data-yellow-color-emphasis",
     "attributes": {},
-    "path": ["data", "yellow", "color", "gradientStop", "2"],
-    "key": "{data.yellow.color.gradientStop.2}",
-    "value": "#2e1a0000",
+    "path": ["data", "yellow", "color", "emphasis"],
+    "key": "{data.yellow.color.emphasis}",
+    "value": "#895906",
     "type": "color"
   },
   "data-yellow-color-muted": {
@@ -16828,38 +15330,6 @@
     "value": "#2e1a00",
     "type": "color"
   },
-  "data-yellow-gradient": {
-    "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}",
-    "value": [
-      {
-        "color": "#2e1a00",
-        "position": 0
-      },
-      {
-        "color": "#2e1a0000",
-        "position": 1
-      }
-    ],
-    "type": "gradient"
-  },
   "diffBlob-additionLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {