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

package/dist/styleLint/functional/themes/light.json

@@ -14178,7 +14178,7 @@
     "path": ["data", "auburn", "color", "emphasis"],
     "key": "{data.auburn.color.emphasis}"
   },
-  "data-auburn-color-gradientStop-1": {
+  "data-auburn-color-muted": {
     "$value": "#f2e9e9",
     "$type": "color",
     "$extensions": {
@@ -14186,58 +14186,68 @@
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#f2e9e9"
       }
     },
     "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}"
   },
-  "data-auburn-color-gradientStop-2": {
-    "$value": "#f2e9e900",
+  "data-blue-color-emphasis": {
+    "$value": "#006edb",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#006edb"
       }
     },
     "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}"
+    "path": ["data", "blue", "color", "emphasis"],
+    "key": "{data.blue.color.emphasis}"
   },
-  "data-auburn-color-muted": {
-    "$value": "#f2e9e9",
+  "data-blue-color-muted": {
+    "$value": "#d1f0ff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14246,13 +14256,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#f2e9e9"
+        "dark": "#d1f0ff"
       }
     },
     "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": {
@@ -14261,49 +14271,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.auburn.0}"
+          "dark": "{base.display.color.blue.0}"
         }
       }
     },
-    "name": "data-auburn-color-muted",
-    "attributes": {},
-    "path": ["data", "auburn", "color", "muted"],
-    "key": "{data.auburn.color.muted}"
-  },
-  "data-auburn-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#f2e9e9",
-        "position": 0
-      },
-      {
-        "color": "#f2e9e900",
-        "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",
+    "name": "data-blue-color-muted",
     "attributes": {},
-    "path": ["data", "auburn", "gradient"],
-    "key": "{data.auburn.gradient}"
+    "path": ["data", "blue", "color", "muted"],
+    "key": "{data.blue.color.muted}"
   },
-  "data-blue-color-emphasis": {
-    "$value": "#006edb",
+  "data-brown-color-emphasis": {
+    "$value": "#856d4c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14312,13 +14290,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#006edb"
+        "dark": "#856d4c"
       }
     },
     "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": {
@@ -14327,75 +14305,85 @@
           "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}"
+    "path": ["data", "brown", "color", "emphasis"],
+    "key": "{data.brown.color.emphasis}"
   },
-  "data-blue-color-gradientStop-1": {
-    "$value": "#d1f0ff",
+  "data-brown-color-muted": {
+    "$value": "#eeeae2",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#eeeae2"
       }
     },
     "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}"
+    "path": ["data", "brown", "color", "muted"],
+    "key": "{data.brown.color.muted}"
   },
-  "data-blue-color-gradientStop-2": {
-    "$value": "#d1f0ff00",
+  "data-coral-color-emphasis": {
+    "$value": "#d43511",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#d43511"
       }
     },
     "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}"
+    "path": ["data", "coral", "color", "emphasis"],
+    "key": "{data.coral.color.emphasis}"
   },
-  "data-blue-color-muted": {
-    "$value": "#d1f0ff",
+  "data-coral-color-muted": {
+    "$value": "#ffe5db",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14404,13 +14392,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#d1f0ff"
+        "dark": "#ffe5db"
       }
     },
     "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": {
@@ -14419,49 +14407,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.blue.0}"
+          "dark": "{base.display.color.coral.0}"
         }
       }
     },
-    "name": "data-blue-color-muted",
-    "attributes": {},
-    "path": ["data", "blue", "color", "muted"],
-    "key": "{data.blue.color.muted}"
-  },
-  "data-blue-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#d1f0ff",
-        "position": 0
-      },
-      {
-        "color": "#d1f0ff00",
-        "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",
+    "name": "data-coral-color-muted",
     "attributes": {},
-    "path": ["data", "blue", "gradient"],
-    "key": "{data.blue.gradient}"
+    "path": ["data", "coral", "color", "muted"],
+    "key": "{data.coral.color.muted}"
   },
-  "data-brown-color-emphasis": {
-    "$value": "#856d4c",
+  "data-gray-color-emphasis": {
+    "$value": "#808fa3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14470,13 +14426,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#856d4c"
+        "dark": "#808fa3"
       }
     },
     "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": {
@@ -14485,75 +14441,85 @@
           "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}"
+    "path": ["data", "gray", "color", "emphasis"],
+    "key": "{data.gray.color.emphasis}"
   },
-  "data-brown-color-gradientStop-1": {
-    "$value": "#eeeae2",
+  "data-gray-color-muted": {
+    "$value": "#e8ecf2",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e8ecf2"
       }
     },
     "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}"
+    "path": ["data", "gray", "color", "muted"],
+    "key": "{data.gray.color.muted}"
   },
-  "data-brown-color-gradientStop-2": {
-    "$value": "#eeeae200",
+  "data-green-color-emphasis": {
+    "$value": "#30a147",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#30a147"
       }
     },
     "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}"
+    "path": ["data", "green", "color", "emphasis"],
+    "key": "{data.green.color.emphasis}"
   },
-  "data-brown-color-muted": {
-    "$value": "#eeeae2",
+  "data-green-color-muted": {
+    "$value": "#caf7ca",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14562,13 +14528,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#eeeae2"
+        "dark": "#caf7ca"
       }
     },
     "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": {
@@ -14577,49 +14543,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.brown.0}"
+          "dark": "{base.display.color.green.0}"
         }
       }
     },
-    "name": "data-brown-color-muted",
-    "attributes": {},
-    "path": ["data", "brown", "color", "muted"],
-    "key": "{data.brown.color.muted}"
-  },
-  "data-brown-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#eeeae2",
-        "position": 0
-      },
-      {
-        "color": "#eeeae200",
-        "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",
+    "name": "data-green-color-muted",
     "attributes": {},
-    "path": ["data", "brown", "gradient"],
-    "key": "{data.brown.gradient}"
+    "path": ["data", "green", "color", "muted"],
+    "key": "{data.green.color.muted}"
   },
-  "data-coral-color-emphasis": {
-    "$value": "#d43511",
+  "data-lemon-color-emphasis": {
+    "$value": "#866e04",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14628,13 +14562,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#d43511"
+        "dark": "#866e04"
       }
     },
     "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": {
@@ -14643,75 +14577,85 @@
           "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}"
+    "path": ["data", "lemon", "color", "emphasis"],
+    "key": "{data.lemon.color.emphasis}"
   },
-  "data-coral-color-gradientStop-1": {
-    "$value": "#ffe5db",
+  "data-lemon-color-muted": {
+    "$value": "#f7eea1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#f7eea1"
       }
     },
     "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}"
+    "path": ["data", "lemon", "color", "muted"],
+    "key": "{data.lemon.color.muted}"
   },
-  "data-coral-color-gradientStop-2": {
-    "$value": "#ffe5db00",
+  "data-lime-color-emphasis": {
+    "$value": "#527a29",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#527a29"
       }
     },
     "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}"
+    "path": ["data", "lime", "color", "emphasis"],
+    "key": "{data.lime.color.emphasis}"
   },
-  "data-coral-color-muted": {
-    "$value": "#ffe5db",
+  "data-lime-color-muted": {
+    "$value": "#e3f2b5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14720,1119 +14664,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#ffe5db"
+        "dark": "#e3f2b5"
       }
     },
     "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": "#ffe5db",
-        "position": 0
-      },
-      {
-        "color": "#ffe5db00",
-        "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": "#808fa3",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#808fa3"
-      }
-    },
-    "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": "#e8ecf2",
-    "$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": "#e8ecf200",
-    "$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": "#e8ecf2",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#e8ecf2"
-      }
-    },
-    "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": "#e8ecf2",
-        "position": 0
-      },
-      {
-        "color": "#e8ecf200",
-        "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": "#30a147",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#30a147"
-      }
-    },
-    "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": "#caf7ca",
-    "$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": "#caf7ca00",
-    "$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": "#caf7ca",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#caf7ca"
-      }
-    },
-    "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": "#caf7ca",
-        "position": 0
-      },
-      {
-        "color": "#caf7ca00",
-        "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": "#866e04",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#866e04"
-      }
-    },
-    "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": "#f7eea1",
-    "$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": "#f7eea100",
-    "$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": "#f7eea1",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#f7eea1"
-      }
-    },
-    "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": "#f7eea1",
-        "position": 0
-      },
-      {
-        "color": "#f7eea100",
-        "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": "#527a29",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#527a29"
-      }
-    },
-    "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": "#e3f2b5",
-    "$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": "#e3f2b500",
-    "$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": "#e3f2b5",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#e3f2b5"
-      }
-    },
-    "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": "#e3f2b5",
-        "position": 0
-      },
-      {
-        "color": "#e3f2b500",
-        "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": "#64762d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#64762d"
-      }
-    },
-    "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": "#f0f0ad",
-    "$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": "#f0f0ad00",
-    "$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": "#f0f0ad",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#f0f0ad"
-      }
-    },
-    "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": "#f0f0ad",
-        "position": 0
-      },
-      {
-        "color": "#f0f0ad00",
-        "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": "#eb670f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#eb670f"
-      }
-    },
-    "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": "#ffe7d1",
-    "$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": "#ffe7d100",
-    "$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": "#ffe7d1",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#ffe7d1"
-      }
-    },
-    "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": "#ffe7d1",
-        "position": 0
-      },
-      {
-        "color": "#ffe7d100",
-        "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": "#167e53",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor", "borderColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#167e53"
-      }
-    },
-    "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": "#bff8db",
-    "$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": "#bff8db00",
-    "$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": "#bff8db",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": "#bff8db"
-      }
-    },
-    "filePath": "src/tokens/functional/color/data-vis.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.display.color.pine.0}",
+      "$value": "{base.display.color.lime.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15841,49 +14679,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.pine.0}"
+          "dark": "{base.display.color.lime.0}"
         }
       }
     },
-    "name": "data-pine-color-muted",
-    "attributes": {},
-    "path": ["data", "pine", "color", "muted"],
-    "key": "{data.pine.color.muted}"
-  },
-  "data-pine-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#bff8db",
-        "position": 0
-      },
-      {
-        "color": "#bff8db00",
-        "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",
+    "name": "data-lime-color-muted",
     "attributes": {},
-    "path": ["data", "pine", "gradient"],
-    "key": "{data.pine.gradient}"
+    "path": ["data", "lime", "color", "muted"],
+    "key": "{data.lime.color.muted}"
   },
-  "data-pink-color-emphasis": {
-    "$value": "#ce2c85",
+  "data-olive-color-emphasis": {
+    "$value": "#64762d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15892,13 +14698,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#ce2c85"
+        "dark": "#64762d"
       }
     },
     "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": {
@@ -15907,75 +14713,17 @@
           "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}"
-  },
-  "data-pink-color-gradientStop-1": {
-    "$value": "#ffe5f1",
-    "$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": "#ffe5f100",
-    "$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"]
+          "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}"
+    "path": ["data", "olive", "color", "emphasis"],
+    "key": "{data.olive.color.emphasis}"
   },
-  "data-pink-color-muted": {
-    "$value": "#ffe5f1",
+  "data-olive-color-muted": {
+    "$value": "#f0f0ad",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15984,13 +14732,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#ffe5f1"
+        "dark": "#f0f0ad"
       }
     },
     "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": {
@@ -15999,49 +14747,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.pink.0}"
+          "dark": "{base.display.color.olive.0}"
         }
       }
     },
-    "name": "data-pink-color-muted",
-    "attributes": {},
-    "path": ["data", "pink", "color", "muted"],
-    "key": "{data.pink.color.muted}"
-  },
-  "data-pink-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#ffe5f1",
-        "position": 0
-      },
-      {
-        "color": "#ffe5f100",
-        "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",
+    "name": "data-olive-color-muted",
     "attributes": {},
-    "path": ["data", "pink", "gradient"],
-    "key": "{data.pink.gradient}"
+    "path": ["data", "olive", "color", "muted"],
+    "key": "{data.olive.color.muted}"
   },
-  "data-plum-color-emphasis": {
-    "$value": "#a830e8",
+  "data-orange-color-emphasis": {
+    "$value": "#eb670f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16050,13 +14766,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#a830e8"
+        "dark": "#eb670f"
       }
     },
     "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": {
@@ -16065,75 +14781,17 @@
           "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": "#f8e5ff",
-    "$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": "#f8e5ff00",
-    "$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"]
+          "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}"
+    "path": ["data", "orange", "color", "emphasis"],
+    "key": "{data.orange.color.emphasis}"
   },
-  "data-plum-color-muted": {
-    "$value": "#f8e5ff",
+  "data-orange-color-muted": {
+    "$value": "#ffe7d1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16142,13 +14800,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#f8e5ff"
+        "dark": "#ffe7d1"
       }
     },
     "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": {
@@ -16157,49 +14815,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.plum.0}"
+          "dark": "{base.display.color.orange.0}"
         }
       }
     },
-    "name": "data-plum-color-muted",
-    "attributes": {},
-    "path": ["data", "plum", "color", "muted"],
-    "key": "{data.plum.color.muted}"
-  },
-  "data-plum-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#f8e5ff",
-        "position": 0
-      },
-      {
-        "color": "#f8e5ff00",
-        "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",
+    "name": "data-orange-color-muted",
     "attributes": {},
-    "path": ["data", "plum", "gradient"],
-    "key": "{data.plum.gradient}"
+    "path": ["data", "orange", "color", "muted"],
+    "key": "{data.orange.color.muted}"
   },
-  "data-purple-color-emphasis": {
-    "$value": "#894ceb",
+  "data-pine-color-emphasis": {
+    "$value": "#167e53",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16208,13 +14834,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#894ceb"
+        "dark": "#167e53"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.purple.5}",
+      "$value": "{base.display.color.pine.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16223,75 +14849,85 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.purple.5}"
+          "dark": "{base.display.color.pine.5}"
         }
       }
     },
-    "name": "data-purple-color-emphasis",
+    "name": "data-pine-color-emphasis",
     "attributes": {},
-    "path": ["data", "purple", "color", "emphasis"],
-    "key": "{data.purple.color.emphasis}"
+    "path": ["data", "pine", "color", "emphasis"],
+    "key": "{data.pine.color.emphasis}"
   },
-  "data-purple-color-gradientStop-1": {
-    "$value": "#f1e5ff",
+  "data-pine-color-muted": {
+    "$value": "#bff8db",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#bff8db"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.purple.color.muted}",
+      "$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-purple-color-gradientStop-1",
+    "name": "data-pine-color-muted",
     "attributes": {},
-    "path": ["data", "purple", "color", "gradientStop", "1"],
-    "key": "{data.purple.color.gradientStop.1}"
+    "path": ["data", "pine", "color", "muted"],
+    "key": "{data.pine.color.muted}"
   },
-  "data-purple-color-gradientStop-2": {
-    "$value": "#f1e5ff00",
+  "data-pink-color-emphasis": {
+    "$value": "#ce2c85",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#ce2c85"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.purple.color.muted}",
+      "$value": "{base.display.color.pink.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.pink.5}"
         }
       }
     },
-    "name": "data-purple-color-gradientStop-2",
+    "name": "data-pink-color-emphasis",
     "attributes": {},
-    "path": ["data", "purple", "color", "gradientStop", "2"],
-    "key": "{data.purple.color.gradientStop.2}"
+    "path": ["data", "pink", "color", "emphasis"],
+    "key": "{data.pink.color.emphasis}"
   },
-  "data-purple-color-muted": {
-    "$value": "#f1e5ff",
+  "data-pink-color-muted": {
+    "$value": "#ffe5f1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16300,13 +14936,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#f1e5ff"
+        "dark": "#ffe5f1"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.purple.0}",
+      "$value": "{base.display.color.pink.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16315,49 +14951,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.purple.0}"
+          "dark": "{base.display.color.pink.0}"
         }
       }
     },
-    "name": "data-purple-color-muted",
-    "attributes": {},
-    "path": ["data", "purple", "color", "muted"],
-    "key": "{data.purple.color.muted}"
-  },
-  "data-purple-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#f1e5ff",
-        "position": 0
-      },
-      {
-        "color": "#f1e5ff00",
-        "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",
+    "name": "data-pink-color-muted",
     "attributes": {},
-    "path": ["data", "purple", "gradient"],
-    "key": "{data.purple.gradient}"
+    "path": ["data", "pink", "color", "muted"],
+    "key": "{data.pink.color.muted}"
   },
-  "data-red-color-emphasis": {
-    "$value": "#df0c24",
+  "data-plum-color-emphasis": {
+    "$value": "#a830e8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16366,13 +14970,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#df0c24"
+        "dark": "#a830e8"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.red.5}",
+      "$value": "{base.display.color.plum.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16381,75 +14985,85 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.red.5}"
+          "dark": "{base.display.color.plum.5}"
         }
       }
     },
-    "name": "data-red-color-emphasis",
+    "name": "data-plum-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "emphasis"],
-    "key": "{data.red.color.emphasis}"
+    "path": ["data", "plum", "color", "emphasis"],
+    "key": "{data.plum.color.emphasis}"
   },
-  "data-red-color-gradientStop-1": {
-    "$value": "#ffe2e0",
+  "data-plum-color-muted": {
+    "$value": "#f8e5ff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#f8e5ff"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.red.color.muted}",
+      "$value": "{base.display.color.plum.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.plum.0}"
         }
       }
     },
-    "name": "data-red-color-gradientStop-1",
+    "name": "data-plum-color-muted",
     "attributes": {},
-    "path": ["data", "red", "color", "gradientStop", "1"],
-    "key": "{data.red.color.gradientStop.1}"
+    "path": ["data", "plum", "color", "muted"],
+    "key": "{data.plum.color.muted}"
   },
-  "data-red-color-gradientStop-2": {
-    "$value": "#ffe2e000",
+  "data-purple-color-emphasis": {
+    "$value": "#894ceb",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#894ceb"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.red.color.muted}",
+      "$value": "{base.display.color.purple.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.purple.5}"
         }
       }
     },
-    "name": "data-red-color-gradientStop-2",
+    "name": "data-purple-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "gradientStop", "2"],
-    "key": "{data.red.color.gradientStop.2}"
+    "path": ["data", "purple", "color", "emphasis"],
+    "key": "{data.purple.color.emphasis}"
   },
-  "data-red-color-muted": {
-    "$value": "#ffe2e0",
+  "data-purple-color-muted": {
+    "$value": "#f1e5ff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16458,13 +15072,13 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#ffe2e0"
+        "dark": "#f1e5ff"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.red.0}",
+      "$value": "{base.display.color.purple.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16473,49 +15087,17 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.red.0}"
+          "dark": "{base.display.color.purple.0}"
         }
       }
     },
-    "name": "data-red-color-muted",
-    "attributes": {},
-    "path": ["data", "red", "color", "muted"],
-    "key": "{data.red.color.muted}"
-  },
-  "data-red-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#ffe2e0",
-        "position": 0
-      },
-      {
-        "color": "#ffe2e000",
-        "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",
+    "name": "data-purple-color-muted",
     "attributes": {},
-    "path": ["data", "red", "gradient"],
-    "key": "{data.red.gradient}"
+    "path": ["data", "purple", "color", "muted"],
+    "key": "{data.purple.color.muted}"
   },
-  "data-teal-color-emphasis": {
-    "$value": "#179b9b",
+  "data-red-color-emphasis": {
+    "$value": "#df0c24",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16524,13 +15106,13 @@
         "scopes": ["bgColor", "borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#179b9b"
+        "dark": "#df0c24"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.teal.4}",
+      "$value": "{base.display.color.red.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16539,72 +15121,82 @@
           "scopes": ["bgColor", "borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.display.color.teal.4}"
+          "dark": "{base.display.color.red.5}"
         }
       }
     },
-    "name": "data-teal-color-emphasis",
+    "name": "data-red-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "emphasis"],
-    "key": "{data.teal.color.emphasis}"
+    "path": ["data", "red", "color", "emphasis"],
+    "key": "{data.red.color.emphasis}"
   },
-  "data-teal-color-gradientStop-1": {
-    "$value": "#c7f5ef",
+  "data-red-color-muted": {
+    "$value": "#ffe2e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#ffe2e0"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.teal.color.muted}",
+      "$value": "{base.display.color.red.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.display.color.red.0}"
         }
       }
     },
-    "name": "data-teal-color-gradientStop-1",
+    "name": "data-red-color-muted",
     "attributes": {},
-    "path": ["data", "teal", "color", "gradientStop", "1"],
-    "key": "{data.teal.color.gradientStop.1}"
+    "path": ["data", "red", "color", "muted"],
+    "key": "{data.red.color.muted}"
   },
-  "data-teal-color-gradientStop-2": {
-    "$value": "#c7f5ef00",
+  "data-teal-color-emphasis": {
+    "$value": "#179b9b",
     "$type": "color",
-    "alpha": 0,
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#179b9b"
       }
     },
     "filePath": "src/tokens/functional/color/data-vis.json5",
     "isSource": true,
     "original": {
-      "$value": "{data.teal.color.muted}",
+      "$value": "{base.display.color.teal.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.teal.4}"
         }
       }
     },
-    "name": "data-teal-color-gradientStop-2",
+    "name": "data-teal-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "gradientStop", "2"],
-    "key": "{data.teal.color.gradientStop.2}"
+    "path": ["data", "teal", "color", "emphasis"],
+    "key": "{data.teal.color.emphasis}"
   },
   "data-teal-color-muted": {
     "$value": "#c7f5ef",
@@ -16640,38 +15232,6 @@
     "path": ["data", "teal", "color", "muted"],
     "key": "{data.teal.color.muted}"
   },
-  "data-teal-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#c7f5ef",
-        "position": 0
-      },
-      {
-        "color": "#c7f5ef00",
-        "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": "#b88700",
     "$type": "color",
@@ -16706,64 +15266,6 @@
     "path": ["data", "yellow", "color", "emphasis"],
     "key": "{data.yellow.color.emphasis}"
   },
-  "data-yellow-color-gradientStop-1": {
-    "$value": "#ffec9e",
-    "$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": "#ffec9e00",
-    "$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": "#ffec9e",
     "$type": "color",
@@ -16798,38 +15300,6 @@
     "path": ["data", "yellow", "color", "muted"],
     "key": "{data.yellow.color.muted}"
   },
-  "data-yellow-gradient": {
-    "$type": "gradient",
-    "$value": [
-      {
-        "color": "#ffec9e",
-        "position": 0
-      },
-      {
-        "color": "#ffec9e00",
-        "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": "#dafbe1",
     "$type": "color",