@primer/primitives 7.12.0-rc.8bda008 → 7.12.0-rc.cf45d28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.12.0-rc.8bda008",
+  "version": "7.12.0-rc.cf45d28",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-next-private/docs/functional/size/size.json

@@ -102,11 +102,23 @@
   "control-xsmall-paddingBlock": {
     "value": "0.125rem",
     "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "functional/size",
+        "scopes": ["gap"]
+      }
+    },
     "filePath": "src/tokens/functional/size/size.json",
     "isSource": true,
     "original": {
       "value": "2px",
-      "$type": "dimension"
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["gap"]
+        }
+      }
     },
     "name": "control-xsmall-paddingBlock",
     "attributes": {},
@@ -265,11 +277,23 @@
   "control-small-paddingBlock": {
     "value": "0.25rem",
     "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "functional/size",
+        "scopes": ["gap"]
+      }
+    },
     "filePath": "src/tokens/functional/size/size.json",
     "isSource": true,
     "original": {
       "value": "{base.size.4}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["gap"]
+        }
+      }
     },
     "name": "control-small-paddingBlock",
     "attributes": {},
@@ -403,11 +427,23 @@
   "control-medium-paddingBlock": {
     "value": "0.375rem",
     "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "functional/size",
+        "scopes": ["gap"]
+      }
+    },
     "filePath": "src/tokens/functional/size/size.json",
     "isSource": true,
     "original": {
       "value": "6px",
-      "$type": "dimension"
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["gap"]
+        }
+      }
     },
     "name": "control-medium-paddingBlock",
     "attributes": {},
@@ -566,11 +602,23 @@
   "control-large-paddingBlock": {
     "value": "0.625rem",
     "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "functional/size",
+        "scopes": ["gap"]
+      }
+    },
     "filePath": "src/tokens/functional/size/size.json",
     "isSource": true,
     "original": {
       "value": "10px",
-      "$type": "dimension"
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["gap"]
+        }
+      }
     },
     "name": "control-large-paddingBlock",
     "attributes": {},
@@ -704,11 +752,23 @@
   "control-xlarge-paddingBlock": {
     "value": "0.875rem",
     "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "functional/size",
+        "scopes": ["gap"]
+      }
+    },
     "filePath": "src/tokens/functional/size/size.json",
     "isSource": true,
     "original": {
       "value": "14px",
-      "$type": "dimension"
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["gap"]
+        }
+      }
     },
     "name": "control-xlarge-paddingBlock",
     "attributes": {},

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -184,7 +184,7 @@
   "--fgColor-muted": "var(--color-fg-muted)",
   "--fgColor-onEmphasis": "var(--color-fg-on-emphasis)",
   "--fgColor-disabled": "var(--color-primer-fg-disabled)",
-  "--fgColor-link-rest": "var(--color-accent-fg)",
+  "--fgColor-link": "var(--color-accent-fg)",
   "--fgColor-accent": "var(--color-accent-fg)",
   "--fgColor-success": "var(--color-success-fg)",
   "--fgColor-attention": "var(--color-attention-fg)",
@@ -201,23 +201,23 @@
   "--bgColor-neutral-muted": "var(--color-neutral-subtle)",
   "--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
   "--bgColor-accent-muted": "var(--color-accent-subtle)",
-  "--bgColor-accent-emphasis": "var(--color-accent-fg)",
+  "--bgColor-accent-emphasis": "var(--color-accent-emphasis)",
   "--bgColor-success-muted": "var(--color-success-subtle)",
-  "--bgColor-success-emphasis": "var(--color-success-fg)",
+  "--bgColor-success-emphasis": "var(--color-success-emphasis)",
   "--bgColor-attention-muted": "var(--color-attention-subtle)",
-  "--bgColor-attention-emphasis": "var(--color-attention-fg)",
+  "--bgColor-attention-emphasis": "var(--color-attention-emphasis)",
   "--bgColor-severe-muted": "var(--color-severe-subtle)",
-  "--bgColor-severe-emphasis": "var(--color-severe-fg)",
+  "--bgColor-severe-emphasis": "var(--color-severe-emphasis)",
   "--bgColor-danger-muted": "var(--color-danger-subtle)",
-  "--bgColor-danger-emphasis": "var(--color-danger-fg)",
+  "--bgColor-danger-emphasis": "var(--color-danger-emphasis)",
   "--bgColor-open-muted": "var(--color-open-subtle)",
-  "--bgColor-open-emphasis": "var(--color-open-fg)",
+  "--bgColor-open-emphasis": "var(--color-open-emphasis)",
   "--bgColor-closed-muted": "var(--color-closed-subtle)",
-  "--bgColor-closed-emphasis": "var(--color-closed-fg)",
+  "--bgColor-closed-emphasis": "var(--color-closed-emphasis)",
   "--bgColor-done-muted": "var(--color-done-subtle)",
-  "--bgColor-done-emphasis": "var(--color-done-fg)",
+  "--bgColor-done-emphasis": "var(--color-done-emphasis)",
   "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
-  "--bgColor-sponsors-emphasis": "var(--color-sponsors-fg)",
+  "--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
   "--borderColor-default": "var(--color-border-default)",
   "--borderColor-muted": "var(--color-border-muted)",
   "--borderColor-emphasis": "var(--color-fg-subtle)",
@@ -225,7 +225,7 @@
   "--borderColor-neutral-muted": "var(--color-neutral-muted)",
   "--borderColor-neutral-emphasis": "var(--color-fg-subtle)",
   "--borderColor-accent-muted": "var(--color-accent-muted)",
-  "--borderColor-accent-emphasis": "var(--color-accent-fg)",
+  "--borderColor-accent-emphasis": "var(--color-accent-emphasis)",
   "--borderColor-success-muted": "var(--color-success-muted)",
   "--borderColor-success-emphasis": "var(--color-success-emphasis)",
   "--borderColor-attention-muted": "var(--color-attention-muted)",

package/tokens-next-private/figma/dimension/dimension.json

@@ -36,6 +36,42 @@
     "mode": "default",
     "scopes": ["CORNER_RADIUS"]
   },
+  {
+    "name": "control/xlarge/paddingBlock",
+    "value": 14,
+    "type": "FLOAT",
+    "refId": "functional/size/control/xlarge/paddingBlock",
+    "collection": "functional/size",
+    "mode": "default",
+    "scopes": ["GAP"]
+  },
+  {
+    "name": "control/large/paddingBlock",
+    "value": 10,
+    "type": "FLOAT",
+    "refId": "functional/size/control/large/paddingBlock",
+    "collection": "functional/size",
+    "mode": "default",
+    "scopes": ["GAP"]
+  },
+  {
+    "name": "control/medium/paddingBlock",
+    "value": 6,
+    "type": "FLOAT",
+    "refId": "functional/size/control/medium/paddingBlock",
+    "collection": "functional/size",
+    "mode": "default",
+    "scopes": ["GAP"]
+  },
+  {
+    "name": "control/xsmall/paddingBlock",
+    "value": 2,
+    "type": "FLOAT",
+    "refId": "functional/size/control/xsmall/paddingBlock",
+    "collection": "functional/size",
+    "mode": "default",
+    "scopes": ["GAP"]
+  },
   {
     "name": "breakpoint/xxlarge",
     "value": 1440,
@@ -563,6 +599,16 @@
     "mode": "default",
     "scopes": ["GAP"]
   },
+  {
+    "name": "control/small/paddingBlock",
+    "value": 4,
+    "type": "FLOAT",
+    "refId": "functional/size/control/small/paddingBlock",
+    "reference": "base/size/base/size/4",
+    "collection": "functional/size",
+    "mode": "default",
+    "scopes": ["GAP"]
+  },
   {
     "name": "control/small/lineBoxHeight",
     "value": 20,

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

@@ -2907,7 +2907,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success/emphasis",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -2922,7 +2922,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success/muted",
+    "reference": "mode/borderColor/success-muted",
     "collection": "mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -2968,7 +2968,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2984,7 +2984,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success/muted",
+    "reference": "mode/bgColor/success-muted",
     "collection": "mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3044,7 +3044,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/underlineNav/borderColor/hover",
-    "reference": "mode/borderColor/neutral/muted",
+    "reference": "mode/borderColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3074,7 +3074,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/focus/outlineColor",
-    "reference": "mode/borderColor/accent/emphasis",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3121,7 +3121,7 @@
     "type": "COLOR",
     "alpha": 0.05,
     "refId": "pattern/mode/buttonCounter/danger/bgColor/disabled",
-    "reference": "mode/bgColor/danger/emphasis",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3153,7 +3153,7 @@
     "type": "COLOR",
     "alpha": 0.05,
     "refId": "pattern/mode/buttonCounter/outline/bgColor/disabled",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3396,7 +3396,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/button/primary/bgColor/active",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3412,7 +3412,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/button/primary/bgColor/hover",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3427,7 +3427,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/button/primary/bgColor/rest",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3653,7 +3653,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/control/checked/borderColor/active",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3669,7 +3669,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/control/checked/borderColor/hover",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3684,7 +3684,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/checked/borderColor/rest",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3730,7 +3730,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3746,7 +3746,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3761,7 +3761,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/checked/bgColor/rest",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3777,7 +3777,7 @@
     "type": "COLOR",
     "alpha": 0.4,
     "refId": "pattern/mode/control/danger/bgColor/active",
-    "reference": "mode/bgColor/danger/muted",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3792,7 +3792,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/danger/bgColor/hover",
-    "reference": "mode/bgColor/danger/muted",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3837,7 +3837,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/borderColor/warning",
-    "reference": "mode/borderColor/attention/emphasis",
+    "reference": "mode/borderColor/attention-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3852,7 +3852,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/borderColor/danger",
-    "reference": "mode/borderColor/danger/emphasis",
+    "reference": "mode/borderColor/danger-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3867,7 +3867,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/borderColor/success",
-    "reference": "mode/borderColor/success/emphasis",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["STROKE"]
@@ -3957,7 +3957,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3972,7 +3972,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/codeMirror/selection/bgColor",
-    "reference": "mode/borderColor/accent/muted",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4092,7 +4092,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/diffStat/addition/bgColor",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4122,7 +4122,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/diffBlob/hunk/bgColor/num",
-    "reference": "mode/borderColor/accent/muted",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "pattern/mode",
     "mode": "dark",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]