move avatar and avatarStack to component files

[lukasoppermann]

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

[changeset-bot]

⚠️ No Changeset found

Latest commit: b154e72

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Design Token Diff (StyleLint)

/styleLint/functional/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2024-12-20 09:14:25.041479338 +0000
@@ -7,11 +7,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.1,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
@@ -20,6 +29,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.1
@@ -37,9 +55,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -49,6 +83,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -102,7 +152,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -130,7 +180,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/dark-dimmed.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2024-12-20 09:14:22.930459200 +0000
@@ -7,11 +7,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#cdd9e5",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.1,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
@@ -20,6 +29,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.1
@@ -37,9 +55,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#cdd9e5",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#cdd9e5",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -49,6 +83,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -102,7 +152,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -130,7 +180,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/dark-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2024-12-20 09:14:26.119489462 +0000
@@ -7,11 +7,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.1,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
@@ -20,6 +29,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.1
@@ -32,12 +50,58 @@
 "avatar-borderColor": {
   "$value": "#ffffffe6",
   "$type": "color",
-    "alpha": 0.9,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.9,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
     "alpha": 0.9
   },
   "name": "avatar-borderColor",
@@ -90,7 +154,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -118,7 +182,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2024-12-20 09:14:24.012469675 +0000
@@ -7,11 +7,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.1,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
@@ -20,6 +29,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.1
@@ -37,9 +55,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -49,6 +83,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -102,7 +152,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -130,7 +180,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2024-12-20 09:14:21.936448896 +0000
@@ -7,11 +7,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.1,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
@@ -20,6 +29,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.1
@@ -37,9 +55,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ffffff",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -49,6 +83,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -102,7 +152,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -130,7 +180,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2024-12-20 09:14:19.848427253 +0000
@@ -7,9 +7,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#1f2328",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.0}",
@@ -19,6 +28,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -35,9 +53,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#1f2328",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#1f2328",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -47,6 +81,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -100,7 +150,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -128,7 +178,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/light-high-contrast.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2024-12-20 09:14:20.816437287 +0000
@@ -7,9 +7,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#010409",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.0}",
@@ -19,6 +28,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -30,12 +48,58 @@
 "avatar-borderColor": {
   "$value": "#010409e6",
   "$type": "color",
-    "alpha": 0.9,
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#010409",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#010409",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
+    "alpha": 0.9,
   "original": {
     "$value": "{base.color.neutral.13}",
     "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
     "alpha": 0.9
   },
   "name": "avatar-borderColor",
@@ -88,7 +152,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -116,7 +180,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/light-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2024-12-20 09:14:18.719415550 +0000
@@ -7,9 +7,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#1f2328",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.0}",
@@ -19,6 +28,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -35,9 +53,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#1f2328",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#1f2328",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -47,6 +81,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -100,7 +150,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -128,7 +178,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

/styleLint/functional/themes/light.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2024-12-20 09:14:17.618404138 +0000
@@ -7,9 +7,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#1f2328",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.0}",
@@ -19,6 +28,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -35,9 +53,25 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#1f2328",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#1f2328",
+          "alpha": 0.9,
+          "filePath": "src/tokens/component/avatar.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatar.json5",
   "isSource": true,
   "original": {
     "$value": "{borderColor.translucent}",
@@ -47,6 +81,22 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.neutral.13}",
+            "alpha": 0.9,
+            "filePath": "src/tokens/component/avatar.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -100,7 +150,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.7}",
@@ -128,7 +178,7 @@
       "scopes": ["bgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/avatarStack.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.5}",

[github-actions]

Design Token Diff (Figma)

The message is too long to be displayed here. For more details, please check the job summary.