@primer/primitives 7.15.14 → 7.15.15-rc.87281f5b

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

@@ -2262,6 +2262,38 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5427,6 +5459,23 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.7803921568627451,
+      "g": 0.9137254901960784,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -7374,6 +7423,22 @@
     "collection": "mode",
     "group": "shadow"
   },
+  {
+    "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": "button/danger/bgColor/disabled",
     "value": {

package/dist/figma/themes/light-tritanopia.json

@@ -2359,6 +2359,38 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5344,6 +5376,23 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.792156862745098,
+      "g": 0.9254901960784314,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6802,6 +6851,22 @@
     "group": "component (internal)",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "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": "button/danger/bgColor/disabled",
     "value": {

package/dist/figma/themes/light.json

@@ -2244,6 +2244,38 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5343,6 +5375,23 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.792156862745098,
+      "g": 0.9254901960784314,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6801,6 +6850,22 @@
     "group": "component (internal)",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "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": "button/danger/bgColor/disabled",
     "value": {

package/dist/internalCss/dark-colorblind.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #db6d28;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #db6d2880;
+  --reactionButton-selected-bgColor-rest: #388bfd33;
+  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+  --reactionButton-selected-fgColor-rest: #4493f8;
+  --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #db6d28;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #db6d2880;
+    --reactionButton-selected-bgColor-rest: #388bfd33;
+    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+    --reactionButton-selected-fgColor-rest: #4493f8;
+    --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;

package/dist/internalCss/dark-dimmed.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #e5534b;
   --buttonCounter-danger-fgColor-hover: #cdd9e5;
   --buttonCounter-danger-fgColor-disabled: #e5534b80;
+  --reactionButton-selected-bgColor-rest: #4184e433;
+  --reactionButton-selected-bgColor-hover: #4285e55c;
+  --reactionButton-selected-fgColor-rest: #478be6;
+  --reactionButton-selected-fgColor-hover: #6cb6ff;
   --focus-outlineColor: #316dca;
   --menu-bgColor-active: #2d333b;
   --overlay-bgColor: #2d333b;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #e5534b;
     --buttonCounter-danger-fgColor-hover: #cdd9e5;
     --buttonCounter-danger-fgColor-disabled: #e5534b80;
+    --reactionButton-selected-bgColor-rest: #4184e433;
+    --reactionButton-selected-bgColor-hover: #4285e55c;
+    --reactionButton-selected-fgColor-rest: #478be6;
+    --reactionButton-selected-fgColor-hover: #6cb6ff;
     --focus-outlineColor: #316dca;
     --menu-bgColor-active: #2d333b;
     --overlay-bgColor: #2d333b;

package/dist/internalCss/dark-high-contrast.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #ff8080;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #ff808080;
+  --reactionButton-selected-bgColor-rest: #5cacff33;
+  --reactionButton-selected-bgColor-hover: #5dadff5c;
+  --reactionButton-selected-fgColor-rest: #60aeff;
+  --reactionButton-selected-fgColor-hover: #91cbff;
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
   --overlay-bgColor: #272b33;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #ff8080;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #ff808080;
+    --reactionButton-selected-bgColor-rest: #5cacff33;
+    --reactionButton-selected-bgColor-hover: #5dadff5c;
+    --reactionButton-selected-fgColor-rest: #60aeff;
+    --reactionButton-selected-fgColor-hover: #91cbff;
     --focus-outlineColor: #409eff;
     --menu-bgColor-active: #272b33;
     --overlay-bgColor: #272b33;

package/dist/internalCss/dark-tritanopia.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #f85149;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #f8514980;
+  --reactionButton-selected-bgColor-rest: #388bfd33;
+  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+  --reactionButton-selected-fgColor-rest: #4493f8;
+  --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #f85149;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #f8514980;
+    --reactionButton-selected-bgColor-rest: #388bfd33;
+    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+    --reactionButton-selected-fgColor-rest: #4493f8;
+    --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;

package/dist/internalCss/dark.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #f85149;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #f8514980;
+  --reactionButton-selected-bgColor-rest: #388bfd33;
+  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+  --reactionButton-selected-fgColor-rest: #4493f8;
+  --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #f85149;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #f8514980;
+    --reactionButton-selected-bgColor-rest: #388bfd33;
+    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+    --reactionButton-selected-fgColor-rest: #4493f8;
+    --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;

package/dist/internalCss/light-colorblind.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #c21c2c;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #be4e0280;
+  --reactionButton-selected-bgColor-rest: #ddf4ff;
+  --reactionButton-selected-bgColor-hover: #caecff;
+  --reactionButton-selected-fgColor-rest: #0969da;
+  --reactionButton-selected-fgColor-hover: #0550ae;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #c21c2c;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #be4e0280;
+    --reactionButton-selected-bgColor-rest: #ddf4ff;
+    --reactionButton-selected-bgColor-hover: #caecff;
+    --reactionButton-selected-fgColor-rest: #0969da;
+    --reactionButton-selected-fgColor-hover: #0550ae;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;

package/dist/internalCss/light-high-contrast.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #980e1e;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #8a071e80;
+  --reactionButton-selected-bgColor-rest: #dff7ff;
+  --reactionButton-selected-bgColor-hover: #c7e9ff;
+  --reactionButton-selected-fgColor-rest: #023b95;
+  --reactionButton-selected-fgColor-hover: #023b95;
   --focus-outlineColor: #0349b4;
   --focus-outline: #0349b4 solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #980e1e;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #8a071e80;
+    --reactionButton-selected-bgColor-rest: #dff7ff;
+    --reactionButton-selected-bgColor-hover: #c7e9ff;
+    --reactionButton-selected-fgColor-rest: #023b95;
+    --reactionButton-selected-fgColor-hover: #023b95;
     --focus-outlineColor: #0349b4;
     --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;

package/dist/internalCss/light-tritanopia.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #c21c2c;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #d1242f80;
+  --reactionButton-selected-bgColor-rest: #ddf4ff;
+  --reactionButton-selected-bgColor-hover: #caecff;
+  --reactionButton-selected-fgColor-rest: #0969da;
+  --reactionButton-selected-fgColor-hover: #0550ae;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #c21c2c;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #d1242f80;
+    --reactionButton-selected-bgColor-rest: #ddf4ff;
+    --reactionButton-selected-bgColor-hover: #caecff;
+    --reactionButton-selected-fgColor-rest: #0969da;
+    --reactionButton-selected-fgColor-hover: #0550ae;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;

package/dist/internalCss/light.css

@@ -554,6 +554,10 @@
   --buttonCounter-danger-fgColor-rest: #c21c2c;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #d1242f80;
+  --reactionButton-selected-bgColor-rest: #ddf4ff;
+  --reactionButton-selected-bgColor-hover: #caecff;
+  --reactionButton-selected-fgColor-rest: #0969da;
+  --reactionButton-selected-fgColor-hover: #0550ae;
   --focus-outlineColor: #0969da;
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
     --buttonCounter-danger-fgColor-rest: #c21c2c;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #d1242f80;
+    --reactionButton-selected-bgColor-rest: #ddf4ff;
+    --reactionButton-selected-bgColor-hover: #caecff;
+    --reactionButton-selected-fgColor-rest: #0969da;
+    --reactionButton-selected-fgColor-hover: #0550ae;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;

package/dist/scss/functional/themes/dark-colorblind.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #49020233;
 $buttonCounter-danger-fgColor-rest: #db6d28;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #db6d2880;
+$reactionButton-selected-bgColor-rest: #388bfd33;
+$reactionButton-selected-bgColor-hover: #3a8cfd33;
+$reactionButton-selected-fgColor-rest: #4493f8;
+$reactionButton-selected-fgColor-hover: #79c0ff;
 $focus-outlineColor: #1f6feb;
 $menu-bgColor-active: #161b22;
 $overlay-bgColor: #161b22;

package/dist/scss/functional/themes/dark-dimmed.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #5d0f1233;
 $buttonCounter-danger-fgColor-rest: #e5534b;
 $buttonCounter-danger-fgColor-hover: #cdd9e5;
 $buttonCounter-danger-fgColor-disabled: #e5534b80;
+$reactionButton-selected-bgColor-rest: #4184e433;
+$reactionButton-selected-bgColor-hover: #4285e533;
+$reactionButton-selected-fgColor-rest: #478be6;
+$reactionButton-selected-fgColor-hover: #6cb6ff;
 $focus-outlineColor: #316dca;
 $menu-bgColor-active: #2d333b;
 $overlay-bgColor: #2d333b;

package/dist/scss/functional/themes/dark-high-contrast.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #01040926;
 $buttonCounter-danger-fgColor-rest: #ff8080;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #ff808080;
+$reactionButton-selected-bgColor-rest: #5cacff33;
+$reactionButton-selected-bgColor-hover: #5dadff33;
+$reactionButton-selected-fgColor-rest: #60aeff;
+$reactionButton-selected-fgColor-hover: #91cbff;
 $focus-outlineColor: #409eff;
 $menu-bgColor-active: #272b33;
 $overlay-bgColor: #272b33;

package/dist/scss/functional/themes/dark-tritanopia.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #49020233;
 $buttonCounter-danger-fgColor-rest: #f85149;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #f8514980;
+$reactionButton-selected-bgColor-rest: #388bfd33;
+$reactionButton-selected-bgColor-hover: #3a8cfd33;
+$reactionButton-selected-fgColor-rest: #4493f8;
+$reactionButton-selected-fgColor-hover: #79c0ff;
 $focus-outlineColor: #1f6feb;
 $menu-bgColor-active: #161b22;
 $overlay-bgColor: #161b22;

package/dist/scss/functional/themes/dark.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #49020233;
 $buttonCounter-danger-fgColor-rest: #f85149;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #f8514980;
+$reactionButton-selected-bgColor-rest: #388bfd33;
+$reactionButton-selected-bgColor-hover: #3a8cfd33;
+$reactionButton-selected-fgColor-rest: #4493f8;
+$reactionButton-selected-fgColor-hover: #79c0ff;
 $focus-outlineColor: #1f6feb;
 $menu-bgColor-active: #161b22;
 $overlay-bgColor: #161b22;

package/dist/scss/functional/themes/light-colorblind.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #bc4c001a;
 $buttonCounter-danger-fgColor-rest: #c21c2c;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #be4e0280;
+$reactionButton-selected-bgColor-rest: #ddf4ff;
+$reactionButton-selected-bgColor-hover: #caecff;
+$reactionButton-selected-fgColor-rest: #0969da;
+$reactionButton-selected-fgColor-hover: #0550ae;
 $focus-outlineColor: #0969da;
 $focus-outline: #0969da solid 2px;
 $menu-bgColor-active: #ffffff00;

package/dist/scss/functional/themes/light-high-contrast.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #a0111f1a;
 $buttonCounter-danger-fgColor-rest: #980e1e;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #8a071e80;
+$reactionButton-selected-bgColor-rest: #dff7ff;
+$reactionButton-selected-bgColor-hover: #c7e9ff;
+$reactionButton-selected-fgColor-rest: #023b95;
+$reactionButton-selected-fgColor-hover: #023b95;
 $focus-outlineColor: #0349b4;
 $focus-outline: #0349b4 solid 2px;
 $menu-bgColor-active: #ffffff00;

package/dist/scss/functional/themes/light-tritanopia.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #cf222e1a;
 $buttonCounter-danger-fgColor-rest: #c21c2c;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #d1242f80;
+$reactionButton-selected-bgColor-rest: #ddf4ff;
+$reactionButton-selected-bgColor-hover: #caecff;
+$reactionButton-selected-fgColor-rest: #0969da;
+$reactionButton-selected-fgColor-hover: #0550ae;
 $focus-outlineColor: #0969da;
 $focus-outline: #0969da solid 2px;
 $menu-bgColor-active: #ffffff00;

package/dist/scss/functional/themes/light.scss

@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #cf222e1a;
 $buttonCounter-danger-fgColor-rest: #c21c2c;
 $buttonCounter-danger-fgColor-hover: #ffffff;
 $buttonCounter-danger-fgColor-disabled: #d1242f80;
+$reactionButton-selected-bgColor-rest: #ddf4ff;
+$reactionButton-selected-bgColor-hover: #caecff;
+$reactionButton-selected-fgColor-rest: #0969da;
+$reactionButton-selected-fgColor-hover: #0550ae;
 $focus-outlineColor: #0969da;
 $focus-outline: #0969da solid 2px;
 $menu-bgColor-active: #ffffff00;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.14",
+  "version": "7.15.15-rc.87281f5b",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -269,6 +269,10 @@
   --buttonCounter-danger-fgColor-rest: #db6d28;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #db6d2880;
+  --reactionButton-selected-bgColor-rest: #388bfd33;
+  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+  --reactionButton-selected-fgColor-rest: #4493f8;
+  --reactionButton-selected-fgColor-hover: #79c0ff;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -776,6 +780,10 @@
     --buttonCounter-danger-fgColor-rest: #db6d28;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #db6d2880;
+    --reactionButton-selected-bgColor-rest: #388bfd33;
+    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
+    --reactionButton-selected-fgColor-rest: #4493f8;
+    --reactionButton-selected-fgColor-hover: #79c0ff;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -269,6 +269,10 @@
   --buttonCounter-danger-fgColor-rest: #e5534b;
   --buttonCounter-danger-fgColor-hover: #cdd9e5;
   --buttonCounter-danger-fgColor-disabled: #e5534b80;
+  --reactionButton-selected-bgColor-rest: #4184e433;
+  --reactionButton-selected-bgColor-hover: #4285e55c;
+  --reactionButton-selected-fgColor-rest: #478be6;
+  --reactionButton-selected-fgColor-hover: #6cb6ff;
   --focus-outlineColor: #316dca;
   --menu-bgColor-active: #2d333b;
   --overlay-bgColor: #2d333b;
@@ -776,6 +780,10 @@
     --buttonCounter-danger-fgColor-rest: #e5534b;
     --buttonCounter-danger-fgColor-hover: #cdd9e5;
     --buttonCounter-danger-fgColor-disabled: #e5534b80;
+    --reactionButton-selected-bgColor-rest: #4184e433;
+    --reactionButton-selected-bgColor-hover: #4285e55c;
+    --reactionButton-selected-fgColor-rest: #478be6;
+    --reactionButton-selected-fgColor-hover: #6cb6ff;
     --focus-outlineColor: #316dca;
     --menu-bgColor-active: #2d333b;
     --overlay-bgColor: #2d333b;

package/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -269,6 +269,10 @@
   --buttonCounter-danger-fgColor-rest: #ff8080;
   --buttonCounter-danger-fgColor-hover: #ffffff;
   --buttonCounter-danger-fgColor-disabled: #ff808080;
+  --reactionButton-selected-bgColor-rest: #5cacff33;
+  --reactionButton-selected-bgColor-hover: #5dadff5c;
+  --reactionButton-selected-fgColor-rest: #60aeff;
+  --reactionButton-selected-fgColor-hover: #91cbff;
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
   --overlay-bgColor: #272b33;
@@ -776,6 +780,10 @@
     --buttonCounter-danger-fgColor-rest: #ff8080;
     --buttonCounter-danger-fgColor-hover: #ffffff;
     --buttonCounter-danger-fgColor-disabled: #ff808080;
+    --reactionButton-selected-bgColor-rest: #5cacff33;
+    --reactionButton-selected-bgColor-hover: #5dadff5c;
+    --reactionButton-selected-fgColor-rest: #60aeff;
+    --reactionButton-selected-fgColor-hover: #91cbff;
     --focus-outlineColor: #409eff;
     --menu-bgColor-active: #272b33;
     --overlay-bgColor: #272b33;