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

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

@@ -7941,6 +7941,130 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "fgColor", "disabled"]
   },
+  "reactionButton-selected-bgColor-rest": {
+    "value": "#ddf4ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-bgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "rest"]
+  },
+  "reactionButton-selected-bgColor-hover": {
+    "value": "#caecff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "mix": {
+      "color": "#80ccff",
+      "weight": 0.2
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{reactionButton.selected.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": {
+        "color": "{base.color.blue.2}",
+        "weight": 0.2
+      }
+    },
+    "name": "reactionButton-selected-bgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "hover"]
+  },
+  "reactionButton-selected-fgColor-rest": {
+    "value": "#0969da",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "rest"]
+  },
+  "reactionButton-selected-fgColor-hover": {
+    "value": "#0550ae",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "hover"]
+  },
   "focus-outlineColor": {
     "value": "#0969da",
     "$type": "color",

package/dist/figma/themes/dark-colorblind.json

@@ -2452,6 +2452,39 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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 colorblind",
+    "group": "component (internal)",
+    "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 colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5604,6 +5637,24 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.5882352941176471,
+      "b": 0.9921568627450981,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6881,6 +6932,22 @@
     "group": "component (internal)",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "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 colorblind",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/disabled",
     "value": {

package/dist/figma/themes/dark-dimmed.json

@@ -2385,6 +2385,39 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5634,6 +5667,24 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.2901960784313726,
+      "g": 0.5568627450980392,
+      "b": 0.9137254901960784,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6879,6 +6930,22 @@
     "group": "component (internal)",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "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": "button/danger/bgColor/disabled",
     "value": {

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

@@ -2407,6 +2407,39 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5673,6 +5706,24 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.403921568627451,
+      "g": 0.6980392156862745,
+      "b": 1,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -7456,6 +7507,22 @@
     "collection": "mode",
     "group": "shadow"
   },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.3764705882352941,
+      "g": 0.6823529411764706,
+      "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": "button/danger/bgColor/disabled",
     "value": {

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

@@ -2452,6 +2452,39 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5605,6 +5638,24 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.5882352941176471,
+      "b": 0.9921568627450981,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6882,6 +6933,22 @@
     "group": "component (internal)",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "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": "button/danger/bgColor/disabled",
     "value": {

package/dist/figma/themes/dark.json

@@ -2355,6 +2355,39 @@
     "group": "component (internal)",
     "scopes": ["FRAME_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": "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": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5604,6 +5637,24 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "reactionButton/selected/bgColor/hover",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.5882352941176471,
+      "b": 0.9921568627450981,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "isMix": true,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "reference": "mode/reactionButton/selected/bgColor/rest",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6881,6 +6932,22 @@
     "group": "component (internal)",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "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": "button/danger/bgColor/disabled",
     "value": {

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

@@ -2361,6 +2361,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 colorblind",
+    "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 colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/hover",
     "value": {
@@ -5350,6 +5382,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 colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
     "value": {
@@ -6808,6 +6857,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 colorblind",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/disabled",
     "value": {