@primer/primitives 8.2.2-rc.535ae80a → 8.2.3-rc.441bfd58

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

@@ -1472,6 +1472,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/dark/base/color/white",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -5411,14 +5428,15 @@
   {
     "name": "control/fgColor/placeholder",
     "value": {
-      "r": 0.2823529411764706,
-      "g": 0.30980392156862746,
-      "b": 0.34509803921568627,
+      "r": 0.5215686274509804,
+      "g": 0.5568627450980392,
+      "b": 0.596078431372549,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/control/fgColor/placeholder",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component",
@@ -5588,23 +5606,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/avatar/borderColor",
-    "reference": "base/color/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "avatar/bgColor",
     "value": {
@@ -8966,6 +8967,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "avatar/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "codeMirror/lines/bgColor",
     "value": {

package/dist/figma/themes/dark.json

@@ -1433,6 +1433,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/dark/base/color/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -5314,14 +5331,15 @@
   {
     "name": "control/fgColor/placeholder",
     "value": {
-      "r": 0.2823529411764706,
-      "g": 0.30980392156862746,
-      "b": 0.34509803921568627,
+      "r": 0.5215686274509804,
+      "g": 0.5568627450980392,
+      "b": 0.596078431372549,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/control/fgColor/placeholder",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -5491,23 +5509,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/avatar/borderColor",
-    "reference": "base/color/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "avatar/bgColor",
     "value": {
@@ -8965,6 +8966,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "avatar/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "codeMirror/lines/bgColor",
     "value": {

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

@@ -1372,6 +1372,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/light/base/color/black",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -5156,12 +5173,13 @@
   {
     "name": "control/fgColor/placeholder",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.4117647058823529,
+      "g": 0.4470588235294118,
+      "b": 0.48627450980392156,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/control/fgColor/placeholder",
     "reference": "base/color/light/base/color/neutral/5",
     "collection": "mode",
@@ -5333,23 +5351,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/avatar/borderColor",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light colorblind",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "avatar/bgColor",
     "value": {
@@ -8904,6 +8905,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "avatar/borderColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "codeMirror/lines/bgColor",
     "value": {

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

@@ -1333,6 +1333,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
+      "a": 1
+    },
+    "type": "COLOR",
+    "alpha": 1,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/light-high-contrast/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -5142,12 +5159,13 @@
   {
     "name": "control/fgColor/placeholder",
     "value": {
-      "r": 0.4,
-      "g": 0.4392156862745098,
-      "b": 0.4823529411764706,
+      "r": 0.3803921568627451,
+      "g": 0.41568627450980394,
+      "b": 0.4588235294117647,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/control/fgColor/placeholder",
     "reference": "base/color/light-high-contrast/base/color/neutral/5",
     "collection": "mode",

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

@@ -1372,6 +1372,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/light/base/color/black",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -5154,12 +5171,13 @@
   {
     "name": "control/fgColor/placeholder",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.4117647058823529,
+      "g": 0.4470588235294118,
+      "b": 0.48627450980392156,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/control/fgColor/placeholder",
     "reference": "base/color/light/base/color/neutral/5",
     "collection": "mode",
@@ -5331,23 +5349,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/avatar/borderColor",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "avatar/bgColor",
     "value": {
@@ -8898,6 +8899,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "avatar/borderColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "codeMirror/lines/bgColor",
     "value": {

package/dist/figma/themes/light.json

@@ -1333,6 +1333,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/light/base/color/black",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -5039,12 +5056,13 @@
   {
     "name": "control/fgColor/placeholder",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.4117647058823529,
+      "g": 0.4470588235294118,
+      "b": 0.48627450980392156,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/control/fgColor/placeholder",
     "reference": "base/color/light/base/color/neutral/5",
     "collection": "mode",
@@ -5216,23 +5234,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/avatar/borderColor",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "avatar/bgColor",
     "value": {
@@ -8897,6 +8898,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "avatar/borderColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "codeMirror/lines/bgColor",
     "value": {

package/dist/internalCss/dark-colorblind.css

@@ -453,7 +453,7 @@
   --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
-  --control-fgColor-placeholder: #484f58;
+  --control-fgColor-placeholder: #858e98;
   --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
@@ -767,6 +767,7 @@
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #ffffff26;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -1301,7 +1302,7 @@
     --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
-    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-placeholder: #858e98;
     --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
@@ -1615,6 +1616,7 @@
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #ffffff26;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

package/dist/internalCss/dark-dimmed.css

@@ -453,7 +453,7 @@
   --control-bgColor-disabled: #373e47b3;
   --control-bgColor-selected: #2d333b;
   --control-fgColor-rest: #adbac7;
-  --control-fgColor-placeholder: #545d68;
+  --control-fgColor-placeholder: #727f8c;
   --control-fgColor-disabled: #636e7b;
   --control-borderColor-rest: #444c56;
   --control-borderColor-emphasis: #606b77;
@@ -767,6 +767,7 @@
   --borderColor-emphasis: #545d68;
   --borderColor-disabled: #373e47b3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #cdd9e526;
   --borderColor-neutral-muted: #636e7b66;
   --borderColor-neutral-emphasis: #636e7b;
   --borderColor-accent-muted: #4184e466;
@@ -1301,7 +1302,7 @@
     --control-bgColor-disabled: #373e47b3;
     --control-bgColor-selected: #2d333b;
     --control-fgColor-rest: #adbac7;
-    --control-fgColor-placeholder: #545d68;
+    --control-fgColor-placeholder: #727f8c;
     --control-fgColor-disabled: #636e7b;
     --control-borderColor-rest: #444c56;
     --control-borderColor-emphasis: #606b77;
@@ -1615,6 +1616,7 @@
     --borderColor-emphasis: #545d68;
     --borderColor-disabled: #373e47b3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #cdd9e526;
     --borderColor-neutral-muted: #636e7b66;
     --borderColor-neutral-emphasis: #636e7b;
     --borderColor-accent-muted: #4184e466;

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

@@ -453,7 +453,7 @@
   --control-bgColor-disabled: #3d424db3;
   --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
-  --control-fgColor-placeholder: #7a828e;
+  --control-fgColor-placeholder: #b7bec7;
   --control-fgColor-disabled: #9ea7b3;
   --control-borderColor-rest: #7a828e;
   --control-borderColor-emphasis: #7a828e;
@@ -767,6 +767,7 @@
   --borderColor-emphasis: #7a828e;
   --borderColor-disabled: #3d424db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #7a828e;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
   --borderColor-accent-muted: #5cacff;
@@ -1301,7 +1302,7 @@
     --control-bgColor-disabled: #3d424db3;
     --control-bgColor-selected: #525964;
     --control-fgColor-rest: #f0f3f6;
-    --control-fgColor-placeholder: #7a828e;
+    --control-fgColor-placeholder: #b7bec7;
     --control-fgColor-disabled: #9ea7b3;
     --control-borderColor-rest: #7a828e;
     --control-borderColor-emphasis: #7a828e;
@@ -1615,6 +1616,7 @@
     --borderColor-emphasis: #7a828e;
     --borderColor-disabled: #3d424db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #7a828e;
     --borderColor-neutral-muted: #9ea7b3;
     --borderColor-neutral-emphasis: #9ea7b3;
     --borderColor-accent-muted: #5cacff;

package/dist/internalCss/dark-tritanopia.css

@@ -453,7 +453,7 @@
   --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
-  --control-fgColor-placeholder: #484f58;
+  --control-fgColor-placeholder: #858e98;
   --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
@@ -767,6 +767,7 @@
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #ffffff26;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -1301,7 +1302,7 @@
     --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
-    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-placeholder: #858e98;
     --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
@@ -1615,6 +1616,7 @@
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #ffffff26;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

package/dist/internalCss/dark.css

@@ -453,7 +453,7 @@
   --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
-  --control-fgColor-placeholder: #484f58;
+  --control-fgColor-placeholder: #858e98;
   --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
@@ -767,6 +767,7 @@
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #ffffff26;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -1301,7 +1302,7 @@
     --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
-    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-placeholder: #858e98;
     --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
@@ -1615,6 +1616,7 @@
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #ffffff26;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

package/dist/internalCss/light-colorblind.css

@@ -453,7 +453,7 @@
   --control-bgColor-disabled: #eaeef2b3;
   --control-bgColor-selected: #f6f8fa;
   --control-fgColor-rest: #24292f;
-  --control-fgColor-placeholder: #6e7781;
+  --control-fgColor-placeholder: #69727c;
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
@@ -768,6 +768,7 @@
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #eaeef2b3;
   --borderColor-transparent: #ffffff00;
+  --borderColor-translucent: #1f232826;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
   --borderColor-accent-muted: #54aeff66;
@@ -1301,7 +1302,7 @@
     --control-bgColor-disabled: #eaeef2b3;
     --control-bgColor-selected: #f6f8fa;
     --control-fgColor-rest: #24292f;
-    --control-fgColor-placeholder: #6e7781;
+    --control-fgColor-placeholder: #69727c;
     --control-fgColor-disabled: #8c959f;
     --control-borderColor-rest: #d0d7de;
     --control-borderColor-emphasis: #868f99;
@@ -1616,6 +1617,7 @@
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #eaeef2b3;
     --borderColor-transparent: #ffffff00;
+    --borderColor-translucent: #1f232826;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;
     --borderColor-accent-muted: #54aeff66;