@primer/primitives 8.2.3-rc.a5064407 → 8.2.4-rc.87a5d4aa

package/dist/styleLint/functional/themes/light.json

@@ -5408,7 +5408,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5437,7 +5437,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6996,7 +6996,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent.@}",
+      "value": "{fgColor.accent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7025,7 +7025,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent.@}",
+      "value": "{fgColor.accent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7373,7 +7373,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent.@}",
+      "value": "{fgColor.accent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7461,7 +7461,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent.@}",
+      "value": "{fgColor.accent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7712,7 +7712,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7800,7 +7800,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7830,7 +7830,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8466,7 +8466,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent.@}",
+      "value": "{fgColor.accent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8656,7 +8656,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8752,7 +8752,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{fgColor.link}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12788,7 +12788,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent.@}",
+      "value": "{fgColor.accent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12804,7 +12804,7 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link", "@"]
+    "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
     "value": "#6e7781",
@@ -12833,7 +12833,7 @@
     },
     "name": "fgColor-neutral",
     "attributes": {},
-    "path": ["fgColor", "neutral", "@"]
+    "path": ["fgColor", "neutral"]
   },
   "fgColor-accent": {
     "value": "#0969da",
@@ -12868,7 +12868,7 @@
     },
     "name": "fgColor-accent",
     "attributes": {},
-    "path": ["fgColor", "accent", "@"]
+    "path": ["fgColor", "accent"]
   },
   "fgColor-success": {
     "value": "#1a7f37",
@@ -12903,7 +12903,7 @@
     },
     "name": "fgColor-success",
     "attributes": {},
-    "path": ["fgColor", "success", "@"]
+    "path": ["fgColor", "success"]
   },
   "fgColor-attention": {
     "value": "#9a6700",
@@ -12938,7 +12938,7 @@
     },
     "name": "fgColor-attention",
     "attributes": {},
-    "path": ["fgColor", "attention", "@"]
+    "path": ["fgColor", "attention"]
   },
   "fgColor-severe": {
     "value": "#bc4c00",
@@ -12973,7 +12973,7 @@
     },
     "name": "fgColor-severe",
     "attributes": {},
-    "path": ["fgColor", "severe", "@"]
+    "path": ["fgColor", "severe"]
   },
   "fgColor-danger": {
     "value": "#d1242f",
@@ -13016,7 +13016,7 @@
     },
     "name": "fgColor-danger",
     "attributes": {},
-    "path": ["fgColor", "danger", "@"]
+    "path": ["fgColor", "danger"]
   },
   "fgColor-open": {
     "value": "#1a7f37",
@@ -13035,7 +13035,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.success.@}",
+      "value": "{fgColor.success}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13051,7 +13051,7 @@
     },
     "name": "fgColor-open",
     "attributes": {},
-    "path": ["fgColor", "open", "@"]
+    "path": ["fgColor", "open"]
   },
   "fgColor-closed": {
     "value": "#d1242f",
@@ -13070,7 +13070,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{fgColor.danger}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13086,7 +13086,7 @@
     },
     "name": "fgColor-closed",
     "attributes": {},
-    "path": ["fgColor", "closed", "@"]
+    "path": ["fgColor", "closed"]
   },
   "fgColor-done": {
     "value": "#8250df",
@@ -13121,7 +13121,7 @@
     },
     "name": "fgColor-done",
     "attributes": {},
-    "path": ["fgColor", "done", "@"]
+    "path": ["fgColor", "done"]
   },
   "fgColor-upsell": {
     "value": "#8250df",
@@ -13156,7 +13156,7 @@
     },
     "name": "fgColor-upsell",
     "attributes": {},
-    "path": ["fgColor", "upsell", "@"]
+    "path": ["fgColor", "upsell"]
   },
   "fgColor-sponsors": {
     "value": "#bf3989",
@@ -13191,7 +13191,7 @@
     },
     "name": "fgColor-sponsors",
     "attributes": {},
-    "path": ["fgColor", "sponsors", "@"]
+    "path": ["fgColor", "sponsors"]
   },
   "bgColor-default": {
     "value": "#ffffff",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "8.2.3-rc.a5064407",
+  "version": "8.2.4-rc.87a5d4aa",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/src/tokens/functional/color/dark/display-dark.json5

@@ -15,7 +15,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.blue.5}',
+          $value: '{base.display.color.blue.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -81,7 +81,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.green.5}',
+          $value: '{base.display.color.green.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -147,7 +147,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.orange.5}',
+          $value: '{base.display.color.orange.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -213,7 +213,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.purple.5}',
+          $value: '{base.display.color.purple.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -279,7 +279,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.plum.5}',
+          $value: '{base.display.color.plum.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -345,7 +345,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.red.5}',
+          $value: '{base.display.color.red.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -411,7 +411,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.red.5}',
+          $value: '{base.display.color.red.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -477,7 +477,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.yellow.5}',
+          $value: '{base.display.color.yellow.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -543,7 +543,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.gray.5}',
+          $value: '{base.display.color.gray.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -609,7 +609,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.auburn.5}',
+          $value: '{base.display.color.auburn.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -675,7 +675,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.brown.5}',
+          $value: '{base.display.color.brown.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -741,7 +741,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.lemon.5}',
+          $value: '{base.display.color.lemon.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -807,7 +807,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.olive.5}',
+          $value: '{base.display.color.olive.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -873,7 +873,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.lime.5}',
+          $value: '{base.display.color.lime.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -939,7 +939,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.pine.5}',
+          $value: '{base.display.color.pine.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1005,7 +1005,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.teal.5}',
+          $value: '{base.display.color.teal.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1071,7 +1071,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.cyan.5}',
+          $value: '{base.display.color.cyan.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1137,7 +1137,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.indigo.5}',
+          $value: '{base.display.color.indigo.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1203,7 +1203,7 @@
           },
         },
         emphasis: {
-          $value: '{base.display.color.pink.5}',
+          $value: '{base.display.color.pink.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {

package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5

@@ -6,28 +6,20 @@
 {
   fgColor: {
     success: {
-      '@': {
-        $value: '{base.color.blue.3}',
-        $type: 'color',
-      },
+      $value: '{base.color.blue.3}',
+      $type: 'color',
     },
     danger: {
-      '@': {
-        $value: '{base.color.orange.4}',
-        $type: 'color',
-      },
+      $value: '{base.color.orange.4}',
+      $type: 'color',
     },
     open: {
-      '@': {
-        $value: '{base.color.orange.3}',
-        $type: 'color',
-      },
+      $value: '{base.color.orange.3}',
+      $type: 'color',
     },
     closed: {
-      '@': {
-        $value: '{base.color.neutral.3}',
-        $type: 'color',
-      },
+      $value: '{base.color.neutral.3}',
+      $type: 'color',
     },
   },
   bgColor: {

package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5

@@ -6,28 +6,20 @@
 {
   fgColor: {
     success: {
-      '@': {
-        $value: '{base.color.blue.3}',
-        $type: 'color',
-      },
+      $value: '{base.color.blue.3}',
+      $type: 'color',
     },
     severe: {
-      '@': {
-        $value: '{base.color.red.4}',
-        $type: 'color',
-      },
+      $value: '{base.color.red.4}',
+      $type: 'color',
     },
     open: {
-      '@': {
-        $value: '{base.color.red.4}',
-        $type: 'color',
-      },
+      $value: '{base.color.red.4}',
+      $type: 'color',
     },
     closed: {
-      '@': {
-        $value: '{base.color.neutral.4}',
-        $type: 'color',
-      },
+      $value: '{base.color.neutral.4}',
+      $type: 'color',
     },
   },
   bgColor: {
@@ -224,6 +216,6 @@
           },
         },
       },
-    }
+    },
   },
 }

package/src/tokens/functional/color/dark/patterns-dark.json5

@@ -381,7 +381,7 @@
     danger: {
       fgColor: {
         rest: {
-          $value: '{fgColor.danger.@}',
+          $value: '{fgColor.danger}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1070,7 +1070,7 @@
     invisible: {
       fgColor: {
         rest: {
-          $value: '{fgColor.accent.@}',
+          $value: '{fgColor.accent}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1272,7 +1272,7 @@
           },
         },
         disabled: {
-          $value: '{fgColor.accent.@}',
+          $value: '{fgColor.accent}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1366,7 +1366,7 @@
     danger: {
       fgColor: {
         rest: {
-          $value: '{fgColor.danger.@}',
+          $value: '{fgColor.danger}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1402,7 +1402,7 @@
           },
         },
         disabled: {
-          $value: '{fgColor.danger.@}',
+          $value: '{fgColor.danger}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1417,7 +1417,7 @@
       },
       iconColor: {
         rest: {
-          $value: '{fgColor.danger.@}',
+          $value: '{fgColor.danger}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1695,7 +1695,7 @@
           },
         },
         disabled: {
-          $value: '{fgColor.accent.@}',
+          $value: '{fgColor.accent}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1753,7 +1753,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{fgColor.danger.@}',
+          $value: '{fgColor.danger}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1777,7 +1777,7 @@
           },
         },
         disabled: {
-          $value: '{fgColor.danger.@}',
+          $value: '{fgColor.danger}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1828,7 +1828,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{fgColor.link.@}',
+          $value: '{fgColor.link}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {