npm - @primer/primitives - Versions diffs - 7.16.0-rc.064d2db3 → 7.16.0-rc.0708e730 - Mend

@primer/primitives 7.16.0-rc.064d2db3 → 7.16.0-rc.0708e730

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

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

@@ -8549,3312 +8549,6 @@
     "attributes": {},
     "path": ["card", "bgColor"]
   },
-  "label-green-bgColor-rest": {
-    "value": "#122117",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.green.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-green-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "green", "bgColor", "rest"]
-  },
-  "label-green-bgColor-hover": {
-    "value": "#182f1f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.green.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-green-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "green", "bgColor", "hover"]
-  },
-  "label-green-bgColor-active": {
-    "value": "#214529",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.green.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-green-bgColor-active",
-    "attributes": {},
-    "path": ["label", "green", "bgColor", "active"]
-  },
-  "label-green-fgColor-rest": {
-    "value": "#41b445",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.green.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-green-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "green", "fgColor", "rest"]
-  },
-  "label-green-fgColor-hover": {
-    "value": "#46c144",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.green.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-green-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "green", "fgColor", "hover"]
-  },
-  "label-green-fgColor-active": {
-    "value": "#75d36f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.green.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-green-fgColor-active",
-    "attributes": {},
-    "path": ["label", "green", "fgColor", "active"]
-  },
-  "label-orange-bgColor-rest": {
-    "value": "#311708",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.orange.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-orange-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "orange", "bgColor", "rest"]
-  },
-  "label-orange-bgColor-hover": {
-    "value": "#43200a",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.orange.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-orange-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "orange", "bgColor", "hover"]
-  },
-  "label-orange-bgColor-active": {
-    "value": "#632f0d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.orange.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-orange-bgColor-active",
-    "attributes": {},
-    "path": ["label", "orange", "bgColor", "active"]
-  },
-  "label-orange-fgColor-rest": {
-    "value": "#ed8326",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.orange.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-orange-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "orange", "fgColor", "rest"]
-  },
-  "label-orange-fgColor-hover": {
-    "value": "#f1933b",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.orange.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-orange-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "orange", "fgColor", "hover"]
-  },
-  "label-orange-fgColor-active": {
-    "value": "#f6b06a",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.orange.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-orange-fgColor-active",
-    "attributes": {},
-    "path": ["label", "orange", "fgColor", "active"]
-  },
-  "label-purple-bgColor-rest": {
-    "value": "#211047",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.purple.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-purple-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "purple", "bgColor", "rest"]
-  },
-  "label-purple-bgColor-hover": {
-    "value": "#31146b",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.purple.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-purple-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "purple", "bgColor", "hover"]
-  },
-  "label-purple-bgColor-active": {
-    "value": "#481a9e",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.purple.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-purple-bgColor-active",
-    "attributes": {},
-    "path": ["label", "purple", "bgColor", "active"]
-  },
-  "label-purple-fgColor-rest": {
-    "value": "#b687f7",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.purple.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-purple-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "purple", "fgColor", "rest"]
-  },
-  "label-purple-fgColor-hover": {
-    "value": "#c398fb",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.purple.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-purple-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "purple", "fgColor", "hover"]
-  },
-  "label-purple-fgColor-active": {
-    "value": "#d2affd",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.purple.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-purple-fgColor-active",
-    "attributes": {},
-    "path": ["label", "purple", "fgColor", "active"]
-  },
-  "label-red-bgColor-rest": {
-    "value": "#3c0614",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.red.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-red-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "red", "bgColor", "rest"]
-  },
-  "label-red-bgColor-hover": {
-    "value": "#58091a",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.red.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-red-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "red", "bgColor", "hover"]
-  },
-  "label-red-bgColor-active": {
-    "value": "#790c20",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.red.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-red-bgColor-active",
-    "attributes": {},
-    "path": ["label", "red", "bgColor", "active"]
-  },
-  "label-red-fgColor-rest": {
-    "value": "#f27d83",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.red.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-red-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "red", "fgColor", "rest"]
-  },
-  "label-red-fgColor-hover": {
-    "value": "#f48b8d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.red.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-red-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "red", "fgColor", "hover"]
-  },
-  "label-red-fgColor-active": {
-    "value": "#f7adab",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.red.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-red-fgColor-active",
-    "attributes": {},
-    "path": ["label", "red", "fgColor", "active"]
-  },
-  "label-yellow-bgColor-rest": {
-    "value": "#2e1a00",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.yellow.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-yellow-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "yellow", "bgColor", "rest"]
-  },
-  "label-yellow-bgColor-hover": {
-    "value": "#3d2401",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.yellow.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-yellow-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "yellow", "bgColor", "hover"]
-  },
-  "label-yellow-bgColor-active": {
-    "value": "#5a3702",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.yellow.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-yellow-bgColor-active",
-    "attributes": {},
-    "path": ["label", "yellow", "bgColor", "active"]
-  },
-  "label-yellow-fgColor-rest": {
-    "value": "#d3910d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.yellow.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-yellow-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "yellow", "fgColor", "rest"]
-  },
-  "label-yellow-fgColor-hover": {
-    "value": "#df9e11",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.yellow.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-yellow-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "yellow", "fgColor", "hover"]
-  },
-  "label-yellow-fgColor-active": {
-    "value": "#edb431",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.yellow.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-yellow-fgColor-active",
-    "attributes": {},
-    "path": ["label", "yellow", "fgColor", "active"]
-  },
-  "label-gray-bgColor-rest": {
-    "value": "#1c1c1c",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.gray.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-gray-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "gray", "bgColor", "rest"]
-  },
-  "label-gray-bgColor-hover": {
-    "value": "#2a2b2d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.gray.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-gray-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "gray", "bgColor", "hover"]
-  },
-  "label-gray-bgColor-active": {
-    "value": "#393d41",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.gray.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-gray-bgColor-active",
-    "attributes": {},
-    "path": ["label", "gray", "bgColor", "active"]
-  },
-  "label-gray-fgColor-rest": {
-    "value": "#92a1b5",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.gray.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-gray-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "gray", "fgColor", "rest"]
-  },
-  "label-gray-fgColor-hover": {
-    "value": "#9babbf",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.gray.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-gray-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "gray", "fgColor", "hover"]
-  },
-  "label-gray-fgColor-active": {
-    "value": "#b3c0d1",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.gray.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-gray-fgColor-active",
-    "attributes": {},
-    "path": ["label", "gray", "fgColor", "active"]
-  },
-  "label-auburn-bgColor-rest": {
-    "value": "#271817",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.auburn.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-auburn-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "auburn", "bgColor", "rest"]
-  },
-  "label-auburn-bgColor-hover": {
-    "value": "#3a2422",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.auburn.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-auburn-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "auburn", "bgColor", "hover"]
-  },
-  "label-auburn-bgColor-active": {
-    "value": "#543331",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.auburn.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-auburn-bgColor-active",
-    "attributes": {},
-    "path": ["label", "auburn", "bgColor", "active"]
-  },
-  "label-auburn-fgColor-rest": {
-    "value": "#bf9592",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.auburn.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-auburn-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "auburn", "fgColor", "rest"]
-  },
-  "label-auburn-fgColor-hover": {
-    "value": "#c6a19f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.auburn.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-auburn-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "auburn", "fgColor", "hover"]
-  },
-  "label-auburn-fgColor-active": {
-    "value": "#d4b7b5",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.auburn.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-auburn-fgColor-active",
-    "attributes": {},
-    "path": ["label", "auburn", "fgColor", "active"]
-  },
-  "label-brown-bgColor-rest": {
-    "value": "#241c14",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.brown.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-brown-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "brown", "bgColor", "rest"]
-  },
-  "label-brown-bgColor-hover": {
-    "value": "#342a1d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.brown.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-brown-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "brown", "bgColor", "hover"]
-  },
-  "label-brown-bgColor-active": {
-    "value": "#483a28",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.brown.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-brown-bgColor-active",
-    "attributes": {},
-    "path": ["label", "brown", "bgColor", "active"]
-  },
-  "label-brown-fgColor-rest": {
-    "value": "#b69a6d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.brown.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-brown-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "brown", "fgColor", "rest"]
-  },
-  "label-brown-fgColor-hover": {
-    "value": "#bfa77d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.brown.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-brown-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "brown", "fgColor", "hover"]
-  },
-  "label-brown-fgColor-active": {
-    "value": "#cdbb98",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.brown.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-brown-fgColor-active",
-    "attributes": {},
-    "path": ["label", "brown", "fgColor", "active"]
-  },
-  "label-lemon-bgColor-rest": {
-    "value": "#291d00",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lemon.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-lemon-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "lemon", "bgColor", "rest"]
-  },
-  "label-lemon-bgColor-hover": {
-    "value": "#372901",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lemon.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-lemon-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "lemon", "bgColor", "hover"]
-  },
-  "label-lemon-bgColor-active": {
-    "value": "#4f3c02",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lemon.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-lemon-bgColor-active",
-    "attributes": {},
-    "path": ["label", "lemon", "bgColor", "active"]
-  },
-  "label-lemon-fgColor-rest": {
-    "value": "#ba9b12",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lemon.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-lemon-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "lemon", "fgColor", "rest"]
-  },
-  "label-lemon-fgColor-hover": {
-    "value": "#c4a717",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lemon.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-lemon-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "lemon", "fgColor", "hover"]
-  },
-  "label-lemon-fgColor-active": {
-    "value": "#d7bc1d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lemon.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-lemon-fgColor-active",
-    "attributes": {},
-    "path": ["label", "lemon", "fgColor", "active"]
-  },
-  "label-olive-bgColor-rest": {
-    "value": "#171e0b",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.olive.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-olive-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "olive", "bgColor", "rest"]
-  },
-  "label-olive-bgColor-hover": {
-    "value": "#252d10",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.olive.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-olive-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "olive", "bgColor", "hover"]
-  },
-  "label-olive-bgColor-active": {
-    "value": "#374115",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.olive.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-olive-bgColor-active",
-    "attributes": {},
-    "path": ["label", "olive", "bgColor", "active"]
-  },
-  "label-olive-fgColor-rest": {
-    "value": "#a2a626",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.olive.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-olive-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "olive", "fgColor", "rest"]
-  },
-  "label-olive-fgColor-hover": {
-    "value": "#b2af24",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.olive.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-olive-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "olive", "fgColor", "hover"]
-  },
-  "label-olive-fgColor-active": {
-    "value": "#cbc025",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.olive.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-olive-fgColor-active",
-    "attributes": {},
-    "path": ["label", "olive", "fgColor", "active"]
-  },
-  "label-lime-bgColor-rest": {
-    "value": "#141f0f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lime.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-lime-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "lime", "bgColor", "rest"]
-  },
-  "label-lime-bgColor-hover": {
-    "value": "#1f3116",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lime.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-lime-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "lime", "bgColor", "hover"]
-  },
-  "label-lime-bgColor-active": {
-    "value": "#2c441d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lime.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-lime-bgColor-active",
-    "attributes": {},
-    "path": ["label", "lime", "bgColor", "active"]
-  },
-  "label-lime-fgColor-rest": {
-    "value": "#7dae37",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lime.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-lime-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "lime", "fgColor", "rest"]
-  },
-  "label-lime-fgColor-hover": {
-    "value": "#89ba36",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lime.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-lime-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "lime", "fgColor", "hover"]
-  },
-  "label-lime-fgColor-active": {
-    "value": "#9fcc3e",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.lime.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-lime-fgColor-active",
-    "attributes": {},
-    "path": ["label", "lime", "fgColor", "active"]
-  },
-  "label-pine-bgColor-rest": {
-    "value": "#082119",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pine.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-pine-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "pine", "bgColor", "rest"]
-  },
-  "label-pine-bgColor-hover": {
-    "value": "#0b3224",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pine.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-pine-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "pine", "bgColor", "hover"]
-  },
-  "label-pine-bgColor-active": {
-    "value": "#0e4430",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pine.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-pine-bgColor-active",
-    "attributes": {},
-    "path": ["label", "pine", "bgColor", "active"]
-  },
-  "label-pine-fgColor-rest": {
-    "value": "#1bb673",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pine.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-pine-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "pine", "fgColor", "rest"]
-  },
-  "label-pine-fgColor-hover": {
-    "value": "#1ac176",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pine.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-pine-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "pine", "fgColor", "hover"]
-  },
-  "label-pine-fgColor-active": {
-    "value": "#1bda81",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pine.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-pine-fgColor-active",
-    "attributes": {},
-    "path": ["label", "pine", "fgColor", "active"]
-  },
-  "label-teal-bgColor-rest": {
-    "value": "#041f25",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.teal.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-teal-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "teal", "bgColor", "rest"]
-  },
-  "label-teal-bgColor-hover": {
-    "value": "#073036",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.teal.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-teal-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "teal", "bgColor", "hover"]
-  },
-  "label-teal-bgColor-active": {
-    "value": "#0a464d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.teal.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-teal-bgColor-active",
-    "attributes": {},
-    "path": ["label", "teal", "bgColor", "active"]
-  },
-  "label-teal-fgColor-rest": {
-    "value": "#1cb0ab",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.teal.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-teal-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "teal", "fgColor", "rest"]
-  },
-  "label-teal-fgColor-hover": {
-    "value": "#1fbdb2",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.teal.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-teal-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "teal", "fgColor", "hover"]
-  },
-  "label-teal-fgColor-active": {
-    "value": "#24d6c4",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.teal.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-teal-fgColor-active",
-    "attributes": {},
-    "path": ["label", "teal", "fgColor", "active"]
-  },
-  "label-cyan-bgColor-rest": {
-    "value": "#001f29",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.cyan.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-cyan-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "cyan", "bgColor", "rest"]
-  },
-  "label-cyan-bgColor-hover": {
-    "value": "#002e3d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.cyan.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-cyan-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "cyan", "bgColor", "hover"]
-  },
-  "label-cyan-bgColor-active": {
-    "value": "#014156",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.cyan.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-cyan-bgColor-active",
-    "attributes": {},
-    "path": ["label", "cyan", "bgColor", "active"]
-  },
-  "label-cyan-fgColor-rest": {
-    "value": "#07ace4",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.cyan.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-cyan-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "cyan", "fgColor", "rest"]
-  },
-  "label-cyan-fgColor-hover": {
-    "value": "#09b7f1",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.cyan.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-cyan-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "cyan", "fgColor", "hover"]
-  },
-  "label-cyan-fgColor-active": {
-    "value": "#45cbf7",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.cyan.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-cyan-fgColor-active",
-    "attributes": {},
-    "path": ["label", "cyan", "fgColor", "active"]
-  },
-  "label-indigo-bgColor-rest": {
-    "value": "#1b183f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.indigo.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-indigo-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "indigo", "bgColor", "rest"]
-  },
-  "label-indigo-bgColor-hover": {
-    "value": "#25215f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.indigo.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-indigo-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "indigo", "bgColor", "hover"]
-  },
-  "label-indigo-bgColor-active": {
-    "value": "#312c90",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.indigo.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-indigo-bgColor-active",
-    "attributes": {},
-    "path": ["label", "indigo", "bgColor", "active"]
-  },
-  "label-indigo-fgColor-rest": {
-    "value": "#9899ec",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.indigo.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-indigo-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "indigo", "fgColor", "rest"]
-  },
-  "label-indigo-fgColor-hover": {
-    "value": "#a2a5f1",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.indigo.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-indigo-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "indigo", "fgColor", "hover"]
-  },
-  "label-indigo-fgColor-active": {
-    "value": "#b7baf6",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.indigo.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-indigo-fgColor-active",
-    "attributes": {},
-    "path": ["label", "indigo", "fgColor", "active"]
-  },
-  "label-blue-bgColor-rest": {
-    "value": "#001a47",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.blue.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-blue-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "blue", "bgColor", "rest"]
-  },
-  "label-blue-bgColor-hover": {
-    "value": "#002766",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.blue.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-blue-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "blue", "bgColor", "hover"]
-  },
-  "label-blue-bgColor-active": {
-    "value": "#00378a",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.blue.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-blue-bgColor-active",
-    "attributes": {},
-    "path": ["label", "blue", "bgColor", "active"]
-  },
-  "label-blue-fgColor-rest": {
-    "value": "#4da0ff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.blue.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-blue-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "blue", "fgColor", "rest"]
-  },
-  "label-blue-fgColor-hover": {
-    "value": "#61adff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.blue.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-blue-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "blue", "fgColor", "hover"]
-  },
-  "label-blue-fgColor-active": {
-    "value": "#85c2ff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.blue.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-blue-fgColor-active",
-    "attributes": {},
-    "path": ["label", "blue", "fgColor", "active"]
-  },
-  "label-plum-bgColor-rest": {
-    "value": "#2a0e3f",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.plum.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-plum-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "plum", "bgColor", "rest"]
-  },
-  "label-plum-bgColor-hover": {
-    "value": "#40125e",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.plum.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-plum-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "plum", "bgColor", "hover"]
-  },
-  "label-plum-bgColor-active": {
-    "value": "#5c1688",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.plum.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-plum-bgColor-active",
-    "attributes": {},
-    "path": ["label", "plum", "bgColor", "active"]
-  },
-  "label-plum-fgColor-rest": {
-    "value": "#d07ef7",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.plum.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-plum-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "plum", "fgColor", "rest"]
-  },
-  "label-plum-fgColor-hover": {
-    "value": "#d889fa",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.plum.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-plum-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "plum", "fgColor", "hover"]
-  },
-  "label-plum-fgColor-active": {
-    "value": "#e4a5fd",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.plum.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-plum-fgColor-active",
-    "attributes": {},
-    "path": ["label", "plum", "fgColor", "active"]
-  },
-  "label-pink-bgColor-rest": {
-    "value": "#2d1524",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pink.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-pink-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "pink", "bgColor", "rest"]
-  },
-  "label-pink-bgColor-hover": {
-    "value": "#451c35",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pink.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-pink-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "pink", "bgColor", "hover"]
-  },
-  "label-pink-bgColor-active": {
-    "value": "#65244a",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pink.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-pink-bgColor-active",
-    "attributes": {},
-    "path": ["label", "pink", "bgColor", "active"]
-  },
-  "label-pink-fgColor-rest": {
-    "value": "#e57bb2",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pink.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-pink-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "pink", "fgColor", "rest"]
-  },
-  "label-pink-fgColor-hover": {
-    "value": "#ec8dbd",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pink.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-pink-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "pink", "fgColor", "hover"]
-  },
-  "label-pink-fgColor-active": {
-    "value": "#f4a9cd",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.pink.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-pink-fgColor-active",
-    "attributes": {},
-    "path": ["label", "pink", "fgColor", "active"]
-  },
-  "label-coral-bgColor-rest": {
-    "value": "#351008",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.coral.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-coral-bgColor-rest",
-    "attributes": {},
-    "path": ["label", "coral", "bgColor", "rest"]
-  },
-  "label-coral-bgColor-hover": {
-    "value": "#51180b",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.coral.1}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-coral-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "coral", "bgColor", "hover"]
-  },
-  "label-coral-bgColor-active": {
-    "value": "#72220d",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.coral.2}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "label-coral-bgColor-active",
-    "attributes": {},
-    "path": ["label", "coral", "bgColor", "active"]
-  },
-  "label-coral-fgColor-rest": {
-    "value": "#f7794b",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.coral.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-coral-fgColor-rest",
-    "attributes": {},
-    "path": ["label", "coral", "fgColor", "rest"]
-  },
-  "label-coral-fgColor-hover": {
-    "value": "#fa8c61",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.coral.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-coral-fgColor-hover",
-    "attributes": {},
-    "path": ["label", "coral", "fgColor", "hover"]
-  },
-  "label-coral-fgColor-active": {
-    "value": "#fdaa86",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.display.color.coral.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["fgColor"]
-        }
-      }
-    },
-    "name": "label-coral-fgColor-active",
-    "attributes": {},
-    "path": ["label", "coral", "fgColor", "active"]
-  },
   "fgColor-default": {
     "value": "#fbfcfd",
     "$type": "color",