Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Move timelineBadge and reactionButton tokens to component files #1141

Merged
merged 1 commit into from
Dec 19, 2024
Merged

Move timelineBadge and reactionButton tokens to component files #1141

merged 1 commit into from
Dec 19, 2024

Conversation

lukasoppermann
Copy link
Contributor

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

@lukasoppermann lukasoppermann added the skip changeset Apply to PRs that should not result in a version bump. label Dec 18, 2024
@lukasoppermann lukasoppermann requested review from a team as code owners December 18, 2024 22:35
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Dec 18, 2024

⚠️ No Changeset found

Latest commit: ce9bca5

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 GitHub Actions
Copy link
Contributor

Design Token Diff (StyleLint)

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2024-12-18 22:36:16.049598250 +0000
@@ -15898,11 +15898,35 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.36,
   "original": {
     "$value": "#3a8cfd",
     "$type": "color",
@@ -15911,6 +15935,30 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.36
@@ -15928,11 +15976,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#388bfd",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.2,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
@@ -15941,6 +15998,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.2
@@ -15958,9 +16024,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#79c0ff"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.2}",
@@ -15970,6 +16039,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -15988,7 +16060,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -16544,9 +16616,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.3}",
@@ -16556,6 +16632,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2024-12-18 22:36:13.907585179 +0000
@@ -15927,12 +15927,74 @@
 "reactionButton-selected-bgColor-hover": {
   "$value": "#4285e55c",
   "$type": "color",
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.36,
   "original": {
     "$value": "#4285e5",
     "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
     "alpha": 0.36
   },
   "name": "reactionButton-selected-bgColor-hover",
@@ -15948,11 +16010,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#4184e4",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.2,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
@@ -15961,6 +16032,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.2
@@ -15978,9 +16058,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#6cb6ff"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.2}",
@@ -15990,6 +16073,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -16008,7 +16094,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -16559,11 +16645,33 @@
 "timelineBadge-bgColor": {
   "$value": "#262c36",
   "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
+      }
+    },
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.4}",
-      "$type": "color"
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
+        }
+      }
   },
   "name": "timelineBadge-bgColor",
   "attributes": {},

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2024-12-18 22:36:17.067604572 +0000
@@ -14475,12 +14475,74 @@
 "reactionButton-selected-bgColor-hover": {
   "$value": "#5dadff5c",
   "$type": "color",
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.36,
   "original": {
     "$value": "#5dadff",
     "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
     "alpha": 0.36
   },
   "name": "reactionButton-selected-bgColor-hover",
@@ -14496,11 +14558,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#5cacff",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.2,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
@@ -14509,6 +14580,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.2
@@ -14526,9 +14606,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#91cbff"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.2}",
@@ -14538,6 +14621,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -14556,7 +14642,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -15098,9 +15184,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.3}",
@@ -15110,6 +15200,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2024-12-18 22:36:14.964591533 +0000
@@ -15978,11 +15978,35 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.36,
   "original": {
     "$value": "#3a8cfd",
     "$type": "color",
@@ -15991,6 +16015,30 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.36
@@ -16008,11 +16056,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#388bfd",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.2,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
@@ -16021,6 +16078,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.2
@@ -16038,9 +16104,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#79c0ff"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.2}",
@@ -16050,6 +16119,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -16068,7 +16140,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -16624,9 +16696,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.3}",
@@ -16636,6 +16712,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

/styleLint/functional/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2024-12-18 22:36:12.880579004 +0000
@@ -16618,11 +16618,35 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.36,
   "original": {
     "$value": "#3a8cfd",
     "$type": "color",
@@ -16631,6 +16655,30 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.36
@@ -16648,11 +16696,20 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#388bfd",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
+    "alpha": 0.2,
   "original": {
     "$value": "{base.color.blue.4}",
     "$type": "color",
@@ -16661,6 +16718,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     },
     "alpha": 0.2
@@ -16678,9 +16744,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#79c0ff"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.2}",
@@ -16690,6 +16759,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -16708,7 +16780,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -17264,9 +17336,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
     }
   },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.neutral.3}",
@@ -17276,6 +17352,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2024-12-18 22:36:10.804566524 +0000
@@ -15936,9 +15936,33 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "#caecff",
@@ -15948,6 +15972,30 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -15964,9 +16012,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#218bff",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.0}",
@@ -15976,6 +16033,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -15992,9 +16058,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#80ccff"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.6}",
@@ -16004,6 +16073,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -16022,7 +16094,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -16566,9 +16638,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e6eaef",
+        "dark-dimmed": "#e0e6eb"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{bgColor.muted}",
@@ -16578,6 +16654,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2024-12-18 22:36:11.810572572 +0000
@@ -14585,11 +14585,73 @@
 "reactionButton-selected-bgColor-hover": {
   "$value": "#c7e9ff",
   "$type": "color",
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "#c7e9ff",
-      "$type": "color"
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      }
   },
   "name": "reactionButton-selected-bgColor-hover",
   "attributes": {},
@@ -14604,9 +14666,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#1168e3",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.0}",
@@ -14616,6 +14687,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -14632,9 +14712,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#67b3fd"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.6}",
@@ -14644,6 +14727,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -14662,7 +14748,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -15192,9 +15278,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e6eaef",
+        "dark-dimmed": "#e0e6eb"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{bgColor.muted}",
@@ -15204,6 +15294,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2024-12-18 22:36:09.741560133 +0000
@@ -16018,9 +16018,33 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "#caecff",
@@ -16030,6 +16054,30 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -16046,9 +16094,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#218bff",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.0}",
@@ -16058,6 +16115,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -16074,9 +16140,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#80ccff"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.6}",
@@ -16086,6 +16155,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -16104,7 +16176,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -16648,9 +16720,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e6eaef",
+        "dark-dimmed": "#e0e6eb"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{bgColor.muted}",
@@ -16660,6 +16736,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

/styleLint/functional/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2024-12-18 22:36:08.697553857 +0000
@@ -16570,9 +16570,33 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "#caecff",
@@ -16582,6 +16606,30 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -16598,9 +16646,18 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#218bff",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.0}",
@@ -16610,6 +16667,15 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
       }
     }
   },
@@ -16626,9 +16692,12 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#80ccff"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{base.color.blue.6}",
@@ -16638,6 +16707,9 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
       }
     }
   },
@@ -16656,7 +16728,7 @@
       "scopes": ["fgColor"]
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
   "isSource": true,
   "original": {
     "$value": "{fgColor.link}",
@@ -17200,9 +17272,13 @@
       "collection": "mode",
       "group": "component (internal)",
       "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#e6eaef",
+        "dark-dimmed": "#e0e6eb"
     }
   },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
   "isSource": true,
   "original": {
     "$value": "{bgColor.muted}",
@@ -17212,6 +17288,10 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
       }
     }
   },

@github-actions GitHub Actions
Copy link
Contributor

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2024-12-18 22:36:23.433644020 +0000
@@ -2426,6 +2426,87 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/dark/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.22745098039215686,
+      "g": 0.5490196078431373,
+      "b": 0.9921568627450981,
+      "a": 0.36
+    },
+    "type": "COLOR",
+    "alpha": 0.36,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/dark/base/color/blue/2",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 0,
@@ -5799,71 +5880,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/dark/base/color/blue/4",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/hover",
-    "value": {
-      "r": 0.22745098039215686,
-      "g": 0.5490196078431373,
-      "b": 0.9921568627450981,
-      "a": 0.36
-    },
-    "type": "COLOR",
-    "alpha": 0.36,
-    "refId": "mode/reactionButton/selected/bgColor/hover",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/dark/base/color/blue/2",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 0.08235294117647059,
@@ -5994,22 +6010,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "treeViewItem/leadingVisual/iconColor/rest",
   "value": {
     "r": 0.5686274509803921,

/figma/themes/dark-dimmed.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-dimmed.json	2024-12-18 22:36:22.689639490 +0000
@@ -2328,6 +2328,87 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.2549019607843137,
+      "g": 0.5176470588235295,
+      "b": 0.8941176470588236,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/dark-dimmed/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.25882352941176473,
+      "g": 0.5215686274509804,
+      "b": 0.8980392156862745,
+      "a": 0.36
+    },
+    "type": "COLOR",
+    "alpha": 0.36,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.2784313725490196,
+      "g": 0.5450980392156862,
+      "b": 0.9019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.4235294117647059,
+      "g": 0.7137254901960784,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/dark-dimmed/base/color/blue/2",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.14901960784313725,
+      "g": 0.17254901960784313,
+      "b": 0.21176470588235294,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "base/color/dark/base/color/neutral/4",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 0,
@@ -5489,55 +5570,6 @@
   "collection": "mode",
   "mode": "dark dimmed",
   "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.2549019607843137,
-      "g": 0.5176470588235295,
-      "b": 0.8941176470588236,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/dark-dimmed/base/color/blue/4",
-    "collection": "mode",
-    "mode": "dark dimmed",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.2784313725490196,
-      "g": 0.5450980392156862,
-      "b": 0.9019607843137255,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark dimmed",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.4235294117647059,
-      "g": 0.7137254901960784,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/dark-dimmed/base/color/blue/2",
-    "collection": "mode",
-    "mode": "dark dimmed",
-    "group": "component (internal)",
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {

/figma/themes/dark-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-high-contrast.json	2024-12-18 22:36:23.751645912 +0000
@@ -2249,6 +2249,87 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.3607843137254902,
+      "g": 0.6745098039215687,
+      "b": 1,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/dark-high-contrast/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.36470588235294116,
+      "g": 0.6784313725490196,
+      "b": 1,
+      "a": 0.36
+    },
+    "type": "COLOR",
+    "alpha": 0.36,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.4549019607843137,
+      "g": 0.7254901960784313,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.5686274509803921,
+      "g": 0.796078431372549,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/dark-high-contrast/base/color/blue/2",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 0.25098039215686274,
@@ -4322,55 +4403,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.3607843137254902,
-      "g": 0.6745098039215687,
-      "b": 1,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/dark-high-contrast/base/color/blue/4",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.4549019607843137,
-      "g": 0.7254901960784313,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.5686274509803921,
-      "g": 0.796078431372549,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/dark-high-contrast/base/color/blue/2",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 0.08235294117647059,
@@ -4447,22 +4479,6 @@
   "reference": "base/color/dark/base/color/neutral/3",
   "collection": "mode",
   "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
-    "collection": "mode",
-    "mode": "dark high contrast",
   "group": "component (internal)",
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },

/figma/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2024-12-18 22:36:23.089641974 +0000
@@ -2438,6 +2438,87 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/dark/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.22745098039215686,
+      "g": 0.5490196078431373,
+      "b": 0.9921568627450981,
+      "a": 0.36
+    },
+    "type": "COLOR",
+    "alpha": 0.36,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/dark/base/color/blue/2",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 0,
@@ -5843,71 +5924,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/dark/base/color/blue/4",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/hover",
-    "value": {
-      "r": 0.22745098039215686,
-      "g": 0.5490196078431373,
-      "b": 0.9921568627450981,
-      "a": 0.36
-    },
-    "type": "COLOR",
-    "alpha": 0.36,
-    "refId": "mode/reactionButton/selected/bgColor/hover",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/dark/base/color/blue/2",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 0.08235294117647059,
@@ -6038,22 +6054,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "treeViewItem/leadingVisual/iconColor/rest",
   "value": {
     "r": 0.5686274509803921,

/figma/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2024-12-18 22:36:22.354637409 +0000
@@ -2546,6 +2546,87 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/dark/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.22745098039215686,
+      "g": 0.5490196078431373,
+      "b": 0.9921568627450981,
+      "a": 0.36
+    },
+    "type": "COLOR",
+    "alpha": 0.36,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/dark/base/color/blue/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 0,
@@ -5967,71 +6048,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/dark/base/color/blue/4",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/hover",
-    "value": {
-      "r": 0.22745098039215686,
-      "g": 0.5490196078431373,
-      "b": 0.9921568627450981,
-      "a": 0.36
-    },
-    "type": "COLOR",
-    "alpha": 0.36,
-    "refId": "mode/reactionButton/selected/bgColor/hover",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/dark/base/color/blue/2",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 0.08235294117647059,
@@ -6162,22 +6178,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "treeViewItem/leadingVisual/iconColor/rest",
   "value": {
     "r": 0.5686274509803921,

/figma/themes/light-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2024-12-18 22:36:21.663633117 +0000
@@ -2350,6 +2350,85 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.8666666666666667,
+      "g": 0.9568627450980393,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/light/base/color/blue/0",
+    "collection": "mode",
+    "mode": "light protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.792156862745098,
+      "g": 0.9254901960784314,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "light protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "light protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.3137254901960784,
+      "b": 0.6823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/light/base/color/blue/6",
+    "collection": "mode",
+    "mode": "light protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "light protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 1,
@@ -5737,69 +5816,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.8666666666666667,
-      "g": 0.9568627450980393,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/light/base/color/blue/0",
-    "collection": "mode",
-    "mode": "light protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/hover",
-    "value": {
-      "r": 0.792156862745098,
-      "g": 0.9254901960784314,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/hover",
-    "collection": "mode",
-    "mode": "light protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.0196078431372549,
-      "g": 0.3137254901960784,
-      "b": 0.6823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/light/base/color/blue/6",
-    "collection": "mode",
-    "mode": "light protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 1,
@@ -5931,22 +5947,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "mode/bgColor/muted",
-    "collection": "mode",
-    "mode": "light protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "treeViewItem/leadingVisual/iconColor/rest",
   "value": {
     "r": 0.32941176470588235,

/figma/themes/light-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-high-contrast.json	2024-12-18 22:36:21.988635136 +0000
@@ -2206,6 +2206,85 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.9686274509803922,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/light-high-contrast/base/color/blue/0",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.7803921568627451,
+      "g": 0.9137254901960784,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.00784313725490196,
+      "g": 0.23137254901960785,
+      "b": 0.5843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.00784313725490196,
+      "g": 0.23137254901960785,
+      "b": 0.5843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/light-high-contrast/base/color/blue/6",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.9019607843137255,
+      "g": 0.9176470588235294,
+      "b": 0.9372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "bgColor/muted",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 0.011764705882352941,
@@ -4329,54 +4408,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.8745098039215686,
-      "g": 0.9686274509803922,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/light-high-contrast/base/color/blue/0",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/light-high-contrast/base/color/blue/6",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 1,
@@ -4454,22 +4485,6 @@
   "collection": "mode",
   "mode": "light high contrast",
   "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9176470588235294,
-      "b": 0.9372549019607843,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "bgColor/muted",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {

/figma/themes/light-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-tritanopia.json	2024-12-18 22:36:21.311630931 +0000
@@ -2381,6 +2381,85 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.8666666666666667,
+      "g": 0.9568627450980393,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/light/base/color/blue/0",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.792156862745098,
+      "g": 0.9254901960784314,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.3137254901960784,
+      "b": 0.6823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/light/base/color/blue/6",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 1,
@@ -5784,69 +5863,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.8666666666666667,
-      "g": 0.9568627450980393,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/light/base/color/blue/0",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/hover",
-    "value": {
-      "r": 0.792156862745098,
-      "g": 0.9254901960784314,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/hover",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.0196078431372549,
-      "g": 0.3137254901960784,
-      "b": 0.6823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/light/base/color/blue/6",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "menu/bgColor/active",
   "value": {
     "r": 1,
@@ -5978,22 +5994,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "mode/bgColor/muted",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "treeViewItem/leadingVisual/iconColor/rest",
   "value": {
     "r": 0.32941176470588235,

/figma/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light.json	2024-12-18 22:36:20.881628260 +0000
@@ -4645,69 +4645,6 @@
   "scopes": ["TEXT_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "reactionButton/selected/bgColor/rest",
-    "value": {
-      "r": 0.8666666666666667,
-      "g": 0.9568627450980393,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/light/base/color/blue/0",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/bgColor/hover",
-    "value": {
-      "r": 0.792156862745098,
-      "g": 0.9254901960784314,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/bgColor/hover",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/rest",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "reactionButton/selected/fgColor/hover",
-    "value": {
-      "r": 0.0196078431372549,
-      "g": 0.3137254901960784,
-      "b": 0.6823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/light/base/color/blue/6",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "focus/outlineColor",
   "value": {
     "r": 0.03529411764705882,
@@ -4855,22 +4792,6 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
-    "name": "timelineBadge/bgColor",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "mode/bgColor/muted",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
   "name": "treeViewItem/leadingVisual/iconColor/rest",
   "value": {
     "r": 0.32941176470588235,
@@ -10185,6 +10106,85 @@
   "scopes": ["FRAME_FILL", "SHAPE_FILL"]
 },
 {
+    "name": "reactionButton/selected/bgColor/rest",
+    "value": {
+      "r": 0.8666666666666667,
+      "g": 0.9568627450980393,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/light/base/color/blue/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.792156862745098,
+      "g": 0.9254901960784314,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/hover",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.3137254901960784,
+      "b": 0.6823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/light/base/color/blue/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "timelineBadge/bgColor",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
   "name": "topicTag/borderColor",
   "value": {
     "r": 1,

@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 18, 2024 22:37 Inactive
@lukasoppermann lukasoppermann merged commit 1433b8b into main Dec 19, 2024
31 checks passed
@lukasoppermann lukasoppermann deleted the add-component-tokens branch December 19, 2024 07:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@jonrohan jonrohan Awaiting requested review from jonrohan jonrohan is a code owner automatically assigned from primer/css-reviewers

Assignees
No one assigned
Labels
skip changeset Apply to PRs that should not result in a version bump.
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@lukasoppermann