@primer/primitives 7.12.0-rc.f16a928 → 7.12.0

package/tokens-next-private/figma/themes/light.json

@@ -715,7 +715,7 @@
     "reference": "base/color/light/base/color/pink/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/sponsors-muted",
@@ -731,7 +731,7 @@
     "reference": "base/color/light/base/color/pink/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/done-emphasis",
@@ -746,7 +746,7 @@
     "reference": "base/color/light/base/color/purple/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/done-muted",
@@ -762,7 +762,7 @@
     "reference": "base/color/light/base/color/purple/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/closed-emphasis",
@@ -777,7 +777,7 @@
     "reference": "base/color/light/base/color/red/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/closed-muted",
@@ -793,7 +793,7 @@
     "reference": "base/color/light/base/color/red/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/danger-emphasis",
@@ -808,7 +808,7 @@
     "reference": "base/color/light/base/color/red/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/danger-muted",
@@ -824,7 +824,7 @@
     "reference": "base/color/light/base/color/red/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/severe-emphasis",
@@ -839,7 +839,7 @@
     "reference": "base/color/light/base/color/orange/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/severe-muted",
@@ -855,7 +855,7 @@
     "reference": "base/color/light/base/color/orange/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/attention-emphasis",
@@ -870,7 +870,7 @@
     "reference": "base/color/light/base/color/yellow/4",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/attention-muted",
@@ -886,7 +886,7 @@
     "reference": "base/color/light/base/color/yellow/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/success-emphasis",
@@ -901,7 +901,7 @@
     "reference": "base/color/light/base/color/green/4",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/success-muted",
@@ -917,7 +917,7 @@
     "reference": "base/color/light/base/color/green/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/accent-emphasis",
@@ -932,7 +932,7 @@
     "reference": "base/color/light/base/color/blue/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/accent-muted",
@@ -948,7 +948,7 @@
     "reference": "base/color/light/base/color/blue/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/neutral-emphasis",
@@ -963,7 +963,7 @@
     "reference": "base/color/light/base/color/gray/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/neutral-muted",
@@ -979,7 +979,7 @@
     "reference": "base/color/light/base/color/gray/3",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/transparent",
@@ -994,7 +994,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/emphasis",
@@ -1009,7 +1009,7 @@
     "reference": "base/color/light/base/color/gray/5",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/default",
@@ -1024,7 +1024,7 @@
     "reference": "base/color/light/base/color/gray/2",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "bgColor/sponsors-emphasis",
@@ -1343,6 +1343,21 @@
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "bgColor/inset",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/inset",
+    "reference": "base/color/light/base/color/gray/0",
+    "collection": "mode",
+    "mode": "light",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "bgColor/muted",
     "value": {
@@ -1553,7 +1568,7 @@
     "reference": "base/color/light/base/color/coral/3",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "treeViewItem/leadingVisual/iconColor/rest",
@@ -1628,7 +1643,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "overlay/backdrop/bgColor",
@@ -1920,7 +1935,7 @@
     "reference": "base/color/light/base/color/black",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/primary/bgColor/disabled",
@@ -1998,7 +2013,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "controlKnob/bgColor/checked",
@@ -2043,7 +2058,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "controlTrack/bgColor/active",
@@ -2105,7 +2120,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/transparent/borderColor/hover",
@@ -2120,7 +2135,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/transparent/borderColor/rest",
@@ -2135,7 +2150,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/transparent/bgColor/selected",
@@ -2212,7 +2227,7 @@
     "reference": "base/color/light/base/color/gray/0",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/borderColor/emphasis",
@@ -2228,7 +2243,7 @@
     "reference": "base/color/light/base/color/gray/4",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/fgColor/placeholder",
@@ -2380,7 +2395,7 @@
     "reference": "base/color/light/base/color/gray/6",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "headerSearch/bgColor",
@@ -2410,7 +2425,7 @@
     "reference": "base/color/light/base/color/gray/6",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "header/bgColor",
@@ -2714,7 +2729,7 @@
     "reference": "base/color/light/base/color/transparent",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/open-emphasis",
@@ -2729,7 +2744,7 @@
     "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/open-muted",
@@ -2744,7 +2759,7 @@
     "reference": "mode/borderColor/success-muted",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/disabled",
@@ -2759,7 +2774,7 @@
     "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/muted",
@@ -2775,7 +2790,7 @@
     "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "bgColor/open-emphasis",
@@ -2880,7 +2895,7 @@
     "reference": "mode/borderColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "focus/outlineColor",
@@ -2895,7 +2910,7 @@
     "reference": "mode/borderColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "buttonCounter/danger/fgColor/disabled",
@@ -3038,7 +3053,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/danger/borderColor/hover",
@@ -3053,7 +3068,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/danger/borderColor/rest",
@@ -3068,7 +3083,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/danger/bgColor/rest",
@@ -3144,7 +3159,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/outline/borderColor/hover",
@@ -3159,7 +3174,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/outline/bgColor/active",
@@ -3251,7 +3266,7 @@
     "reference": "pattern/mode/control/transparent/borderColor/hover",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/invisible/borderColor/rest",
@@ -3266,7 +3281,7 @@
     "reference": "pattern/mode/control/transparent/borderColor/rest",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/invisible/bgColor/active",
@@ -3356,7 +3371,7 @@
     "reference": "pattern/mode/button/primary/bgColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/primary/borderColor/hover",
@@ -3371,7 +3386,7 @@
     "reference": "pattern/mode/button/primary/borderColor/rest",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/primary/bgColor/active",
@@ -3433,7 +3448,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/default/borderColor/hover",
@@ -3448,7 +3463,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/default/borderColor/rest",
@@ -3463,7 +3478,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/default/bgColor/selected",
@@ -3553,7 +3568,7 @@
     "reference": "pattern/mode/control/borderColor/emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "controlTrack/borderColor/disabled",
@@ -3568,7 +3583,7 @@
     "reference": "mode/fgColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "controlTrack/fgColor/disabled",
@@ -3628,7 +3643,7 @@
     "reference": "mode/fgColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/checked/borderColor/active",
@@ -3644,7 +3659,7 @@
     "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/checked/borderColor/hover",
@@ -3660,7 +3675,7 @@
     "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/checked/borderColor/rest",
@@ -3675,7 +3690,7 @@
     "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/checked/fgColor/disabled",
@@ -3858,7 +3873,7 @@
     "reference": "mode/borderColor/attention-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/borderColor/danger",
@@ -3873,7 +3888,7 @@
     "reference": "mode/borderColor/danger-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/borderColor/success",
@@ -3888,7 +3903,7 @@
     "reference": "mode/borderColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/borderColor/rest",
@@ -3903,7 +3918,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "control/fgColor/disabled",
@@ -3948,7 +3963,7 @@
     "reference": "mode/borderColor/default",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "codeMirror/lines/bgColor",
@@ -4278,7 +4293,7 @@
     "reference": "pattern/mode/control/checked/bgColor/rest",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "controlKnob/borderColor/disabled",
@@ -4293,7 +4308,7 @@
     "reference": "pattern/mode/control/bgColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "controlKnob/bgColor/disabled",
@@ -4338,7 +4353,7 @@
     "reference": "mode/borderColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/invisible/borderColor/disabled",
@@ -4353,7 +4368,7 @@
     "reference": "pattern/mode/control/borderColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/default/borderColor/disabled",
@@ -4368,6 +4383,6 @@
     "reference": "pattern/mode/control/borderColor/disabled",
     "collection": "pattern/mode",
     "mode": "light",
-    "scopes": ["STROKE"]
+    "scopes": ["STROKE_COLOR"]
   }
 ]

package/tokens-next-private/scss/functional/size/size.scss

@@ -41,6 +41,12 @@
     --controlStack-large-gap-auto: 0.5rem;
     --controlStack-large-gap-condensed: 0.5rem;
     --controlStack-large-gap-spacious: 0.75rem;
+    --space-xxsmall: 0.125rem;
+    --space-xsmall: 0.25rem;
+    --space-small: 0.375rem;
+    --space-medium: 0.5rem;
+    --space-large: 0.75rem;
+    --space-xlarge: 1rem;
     --stack-padding-condensed: 0.5rem;
     --stack-padding-normal: 1rem;
     --stack-padding-spacious: 1.5rem;

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

@@ -200,6 +200,7 @@
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
+    --bgColor-inset: #010409;
     --bgColor-emphasis: #6e7681;
     --bgColor-disabled: #161b22;
     --bgColor-transparent: #00000000;

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

@@ -200,6 +200,7 @@
     --fgColor-sponsors: #c96198;
     --bgColor-default: #22272e;
     --bgColor-muted: #2d333b;
+    --bgColor-inset: #1c2128;
     --bgColor-emphasis: #636e7b;
     --bgColor-disabled: #2d333b;
     --bgColor-transparent: #00000000;

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

@@ -200,6 +200,7 @@
     --fgColor-sponsors: #ef6eb1;
     --bgColor-default: #0a0c10;
     --bgColor-muted: #272b33;
+    --bgColor-inset: #010409;
     --bgColor-emphasis: #ffffff;
     --bgColor-disabled: #272b33;
     --bgColor-transparent: #00000000;

package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -200,6 +200,7 @@
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
+    --bgColor-inset: #010409;
     --bgColor-emphasis: #6e7681;
     --bgColor-disabled: #161b22;
     --bgColor-transparent: #00000000;

package/tokens-next-private/scss/functional/themes/dark.scss

@@ -200,6 +200,7 @@
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
+    --bgColor-inset: #010409;
     --bgColor-emphasis: #6e7681;
     --bgColor-disabled: #161b22;
     --bgColor-transparent: #00000000;

package/tokens-next-private/scss/functional/themes/light-colorblind.scss

@@ -201,6 +201,7 @@
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
+    --bgColor-inset: #f6f8fa;
     --bgColor-emphasis: #24292f;
     --bgColor-disabled: #f6f8fa;
     --bgColor-transparent: #ffffff00;