npm - @primer/primitives - Versions diffs - 7.15.14 → 7.15.15-rc.87281f5b - Mend

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

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

Files changed (144) hide show

package/tokens-next-private/figma/themes/dark-colorblind.json CHANGED Viewed

@@ -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/tokens-next-private/figma/themes/dark-dimmed.json CHANGED Viewed

@@ -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/tokens-next-private/figma/themes/dark-high-contrast.json CHANGED Viewed

@@ -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/tokens-next-private/figma/themes/dark-tritanopia.json CHANGED Viewed

@@ -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/tokens-next-private/figma/themes/dark.json CHANGED Viewed

@@ -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/tokens-next-private/figma/themes/light-colorblind.json CHANGED Viewed

@@ -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": {

package/tokens-next-private/figma/themes/light-high-contrast.json CHANGED Viewed

@@ -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": {