@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

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

@@ -1911,40 +1911,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "control/checked/bgColor/hover",
-    "value": {
-      "r": 0.16862745098039217,
-      "g": 0.39215686274509803,
-      "b": 0.7568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/hover",
-    "reference": "bgColor/accent-emphasis",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "control/checked/bgColor/active",
-    "value": {
-      "r": 0.23529411764705882,
-      "g": 0.4745098039215686,
-      "b": 0.8156862745098039,
-      "a": 1
-    },
-    "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/active",
-    "reference": "bgColor/accent-emphasis",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/checked/bgColor/disabled",
     "value": {
@@ -2461,57 +2427,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/primary/bgColor/hover",
-    "value": {
-      "r": 0.03137254901960784,
-      "g": 0.4745098039215686,
-      "b": 0.16862745098039217,
-      "a": 1
-    },
-    "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/hover",
-    "reference": "bgColor/success-emphasis",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/primary/bgColor/active",
-    "value": {
-      "r": 0.06274509803921569,
-      "g": 0.5686274509803921,
-      "b": 0.20784313725490197,
-      "a": 1
-    },
-    "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/active",
-    "reference": "bgColor/success-emphasis",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/primary/bgColor/disabled",
-    "value": {
-      "r": 0.01568627450980392,
-      "g": 0.5607843137254902,
-      "b": 0.1843137254901961,
-      "a": 1
-    },
-    "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/disabled",
-    "reference": "base/color/dark-high-contrast/base/color/green/5",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/primary/shadow/selected/offsetX",
     "value": 0,
@@ -2661,14 +2576,14 @@
   {
     "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.14901960784313725,
-      "g": 0.17254901960784313,
-      "b": 0.21176470588235294,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
@@ -2709,14 +2624,14 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
-      "a": 0.12
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
@@ -2998,22 +2913,6 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/danger/iconColor/rest",
-    "value": {
-      "r": 1,
-      "g": 0.6941176470588235,
-      "b": 0.6862745098039216,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/danger/iconColor/rest",
-    "reference": "mode/button/danger/fgColor/rest",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/danger/iconColor/hover",
     "value": {
@@ -3359,24 +3258,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "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": "reactionButton/selected/fgColor/rest",
     "value": {

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

@@ -3125,9 +3125,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component",
@@ -3142,9 +3140,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component",
@@ -3858,22 +3854,6 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
-  {
-    "name": "button/primary/borderColor/disabled",
-    "value": {
-      "r": 0.37254901960784315,
-      "g": 0.6705882352941176,
-      "b": 0.996078431372549,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/disabled",
-    "reference": "button/primary/bgColor/disabled",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "button/primary/shadow/selected/offsetX",
     "value": 0,
@@ -4087,14 +4067,14 @@
   {
     "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -4135,14 +4115,14 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -4229,54 +4209,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/outline/bgColor/hover",
-    "value": {
-      "r": 0.14901960784313725,
-      "g": 0.17254901960784313,
-      "b": 0.21176470588235294,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/hover",
-    "reference": "mode/control/bgColor/hover",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/outline/bgColor/active",
-    "value": {
-      "r": 0.050980392156862744,
-      "g": 0.2549019607843137,
-      "b": 0.615686274509804,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/active",
-    "reference": "base/color/dark/base/color/blue/7",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/outline/bgColor/disabled",
-    "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/outline/borderColor/hover",
     "value": {
@@ -4368,9 +4300,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/danger/fgColor/rest",
-    "reference": "base/color/dark/base/color/red/4",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -4435,7 +4365,6 @@
     },
     "type": "COLOR",
     "refId": "mode/button/danger/iconColor/rest",
-    "reference": "mode/button/danger/fgColor/rest",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -4498,9 +4427,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/danger/bgColor/active",
-    "reference": "base/color/dark/base/color/red/6",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -4937,16 +4864,14 @@
   {
     "name": "reactionButton/selected/bgColor/hover",
     "value": {
-      "r": 0.27058823529411763,
-      "g": 0.5882352941176471,
+      "r": 0.22745098039215686,
+      "g": 0.5490196078431373,
       "b": 0.9921568627450981,
-      "a": 0.2
+      "a": 0.36
     },
     "type": "COLOR",
-    "alpha": 0.2,
-    "isMix": true,
+    "alpha": 0.36,
     "refId": "mode/reactionButton/selected/bgColor/hover",
-    "reference": "mode/reactionButton/selected/bgColor/rest",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -7264,9 +7189,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/fgColor/accent",
-    "reference": "base/color/dark/base/color/blue/3",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "semantic",
@@ -7756,26 +7679,6 @@
       "web": "var(--bgColor-upsell-emphasis)"
     }
   },
-  {
-    "name": "bgColor/sponsors-muted",
-    "value": {
-      "r": 0.8588235294117647,
-      "g": 0.3803921568627451,
-      "b": 0.6352941176470588,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/sponsors-muted",
-    "reference": "base/color/dark/base/color/pink/4",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
-    }
-  },
   {
     "name": "bgColor/sponsors-emphasis",
     "value": {

package/dist/figma/themes/dark.json

@@ -3223,9 +3223,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -3240,9 +3238,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -3916,9 +3912,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/primary/bgColor/hover",
-    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -3933,9 +3927,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/primary/bgColor/active",
-    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -3950,9 +3942,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/primary/bgColor/disabled",
-    "reference": "base/color/dark/base/color/green/5",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4017,7 +4007,6 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/borderColor/disabled",
-    "reference": "mode/button/primary/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4236,14 +4225,14 @@
   {
     "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4284,14 +4273,14 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4517,9 +4506,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/danger/fgColor/rest",
-    "reference": "base/color/dark/base/color/red/4",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4584,7 +4571,6 @@
     },
     "type": "COLOR",
     "refId": "mode/button/danger/iconColor/rest",
-    "reference": "mode/button/danger/fgColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4647,9 +4633,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/danger/bgColor/active",
-    "reference": "base/color/dark/base/color/red/6",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -5086,16 +5070,14 @@
   {
     "name": "reactionButton/selected/bgColor/hover",
     "value": {
-      "r": 0.27058823529411763,
-      "g": 0.5882352941176471,
+      "r": 0.22745098039215686,
+      "g": 0.5490196078431373,
       "b": 0.9921568627450981,
-      "a": 0.2
+      "a": 0.36
     },
     "type": "COLOR",
-    "alpha": 0.2,
-    "isMix": true,
+    "alpha": 0.36,
     "refId": "mode/reactionButton/selected/bgColor/hover",
-    "reference": "mode/reactionButton/selected/bgColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -7413,9 +7395,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/fgColor/accent",
-    "reference": "base/color/dark/base/color/blue/3",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",

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

@@ -3103,9 +3103,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component",
@@ -3120,9 +3118,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component",
@@ -4050,14 +4046,14 @@
   {
     "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.9372549019607843,
-      "g": 0.9490196078431372,
-      "b": 0.9607843137254902,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "reference": "base/color/light/base/color/transparent",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component (internal)",
@@ -4098,14 +4094,14 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
-      "a": 0.1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "reference": "base/color/light/base/color/transparent",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component (internal)",
@@ -4217,9 +4213,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/button/outline/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component (internal)",
@@ -4807,9 +4801,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
     "refId": "mode/buttonCounter/danger/fgColor/rest",
-    "reference": "base/color/light/base/color/red/5",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component (internal)",
@@ -4873,9 +4865,7 @@
       "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)",