@primer/primitives 7.12.0-rc.44c44b9 → 7.12.0-rc.526f621

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.12.0-rc.44c44b9",
+  "version": "7.12.0-rc.526f621",
   "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)",

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"]

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

@@ -2726,7 +2726,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success/emphasis",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -2741,7 +2741,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success/muted",
+    "reference": "mode/borderColor/success-muted",
     "collection": "mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -2787,7 +2787,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2802,7 +2802,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success/muted",
+    "reference": "mode/bgColor/success-muted",
     "collection": "mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2877,7 +2877,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/underlineNav/borderColor/hover",
-    "reference": "mode/borderColor/neutral/muted",
+    "reference": "mode/borderColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -2892,7 +2892,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/focus/outlineColor",
-    "reference": "mode/borderColor/accent/emphasis",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -2924,7 +2924,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "pattern/mode/buttonCounter/danger/bgColor/rest",
-    "reference": "mode/bgColor/danger/emphasis",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2940,7 +2940,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2972,7 +2972,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2988,7 +2988,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "pattern/mode/buttonCounter/outline/bgColor/rest",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3004,7 +3004,7 @@
     "type": "COLOR",
     "alpha": 1,
     "refId": "pattern/mode/buttonCounter/invisible/bgColor/rest",
-    "reference": "mode/bgColor/neutral/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3020,7 +3020,7 @@
     "type": "COLOR",
     "alpha": 1,
     "refId": "pattern/mode/buttonCounter/default/bgColor/rest",
-    "reference": "mode/bgColor/neutral/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3172,7 +3172,7 @@
     "type": "COLOR",
     "isMix": true,
     "refId": "pattern/mode/button/outline/bgColor/active",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3187,7 +3187,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/button/outline/bgColor/hover",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3384,7 +3384,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3400,7 +3400,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3415,7 +3415,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/button/primary/bgColor/rest",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3641,7 +3641,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": "light",
     "scopes": ["STROKE"]
@@ -3657,7 +3657,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": "light",
     "scopes": ["STROKE"]
@@ -3672,7 +3672,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/checked/borderColor/rest",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -3733,7 +3733,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3749,7 +3749,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3764,7 +3764,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/checked/bgColor/rest",
-    "reference": "mode/bgColor/accent/emphasis",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3780,7 +3780,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": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3795,7 +3795,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/danger/bgColor/hover",
-    "reference": "mode/bgColor/danger/muted",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3855,7 +3855,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/borderColor/warning",
-    "reference": "mode/borderColor/attention/emphasis",
+    "reference": "mode/borderColor/attention-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -3870,7 +3870,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/borderColor/danger",
-    "reference": "mode/borderColor/danger/emphasis",
+    "reference": "mode/borderColor/danger-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -3885,7 +3885,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/control/borderColor/success",
-    "reference": "mode/borderColor/success/emphasis",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["STROKE"]
@@ -3990,7 +3990,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4005,7 +4005,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/codeMirror/selection/bgColor",
-    "reference": "mode/borderColor/accent/muted",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4125,7 +4125,7 @@
     },
     "type": "COLOR",
     "refId": "pattern/mode/diffStat/addition/bgColor",
-    "reference": "mode/bgColor/success/emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "pattern/mode",
     "mode": "light",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:24 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:24 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:24 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:24 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:24 GMT
  */
 
 :root {

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const BaseSize4 = "0.25rem";

package/tokens-v2-private/js/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const BaseTextWeightLight = "300";

package/tokens-v2-private/js/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

package/tokens-v2-private/js/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerBreakpointXsmall = "20rem";

package/tokens-v2-private/js/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerControlMinTargetAuto = "2.75rem";

package/tokens-v2-private/js/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerControlMinTargetAuto = "1rem";

package/tokens-v2-private/js/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerControlMinTargetFine = "1rem";

package/tokens-v2-private/js/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";

package/tokens-v2-private/js/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

package/tokens-v2-private/scss/tokens/base/size/size.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $base-size-128: 8rem;
 $base-size-112: 7rem;

package/tokens-v2-private/scss/tokens/base/typography/typography.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $base-text-weight-semibold: 600;
 $base-text-weight-medium: 500;

package/tokens-v2-private/scss/tokens/functional/size/border.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-borderRadius-full: 100vh;
 $primer-borderRadius-large: 0.75rem;

package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-breakpoint-xxlarge: 90rem;
 $primer-breakpoint-xlarge: 80rem;

package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-12;
 $primer-controlStack-small-gap-auto: $base-size-16;

package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-8;
 $primer-controlStack-small-gap-auto: $base-size-8;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-controlStack-large-gap-spacious: $base-size-12;
 $primer-controlStack-large-gap-condensed: $base-size-8;

package/tokens-v2-private/scss/tokens/functional/size/viewport.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-viewportRange-landscape: (orientation: landscape);
 $primer-viewportRange-portrait: (orientation: portrait);

package/tokens-v2-private/scss/tokens/functional/typography/typography.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 13:23:45 GMT
+// Generated on Tue, 25 Jul 2023 17:43:25 GMT
 
 $primer-text-codeInline-size: 0.9285em;
 $primer-text-codeBlock-lineHeight: calc(20/13);

package/tokens-v2-private/ts/tokens/base/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/border.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 13:23:45 GMT
+ * Generated on Tue, 25 Jul 2023 17:43:25 GMT
  */