@primer/primitives 7.17.0-rc.d6bee7f7 → 7.17.0

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

@@ -779,7 +779,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1071,7 +1071,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1100,7 +1100,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1129,7 +1129,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1158,7 +1158,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4038,7 +4038,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4067,7 +4067,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4096,7 +4096,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4129,7 +4129,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4140,7 +4140,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.2}",
+        "color": "{base.color.neutral.2}",
         "weight": 0.2
       }
     },
@@ -4166,7 +4166,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4177,7 +4177,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.2}",
+        "color": "{base.color.neutral.2}",
         "weight": 0.4
       }
     },
@@ -4228,7 +4228,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4257,7 +4257,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4286,7 +4286,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4377,7 +4377,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4388,7 +4388,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.5}",
+        "color": "{base.color.neutral.5}",
         "weight": 0.2
       }
     },
@@ -4439,7 +4439,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4614,7 +4614,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4645,7 +4645,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4705,7 +4705,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5262,7 +5262,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5295,7 +5295,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5306,7 +5306,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.3}",
+        "color": "{base.color.neutral.3}",
         "weight": 0.2
       }
     },
@@ -5332,7 +5332,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5343,7 +5343,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.3}",
+        "color": "{base.color.neutral.3}",
         "weight": 0.4
       }
     },
@@ -7000,7 +7000,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7552,7 +7552,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7581,7 +7581,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8358,7 +8358,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8488,7 +8488,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12041,7 +12041,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12055,7 +12055,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.5}",
+        "color": "{base.color.neutral.5}",
         "weight": 0.5
       }
     },
@@ -12170,7 +12170,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12234,7 +12234,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12659,7 +12659,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12694,7 +12694,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12729,7 +12729,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12761,7 +12761,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12849,7 +12849,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12915,7 +12915,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12945,7 +12945,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13685,7 +13685,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13754,7 +13754,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13842,7 +13842,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13872,7 +13872,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14618,7 +14618,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14645,7 +14645,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14672,7 +14672,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14699,7 +14699,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14726,7 +14726,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15077,7 +15077,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15185,7 +15185,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15347,7 +15347,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15374,7 +15374,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15428,7 +15428,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15563,7 +15563,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15590,7 +15590,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15779,7 +15779,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15860,7 +15860,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15996,7 +15996,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16040,7 +16040,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16048,7 +16048,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16092,7 +16092,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16100,7 +16100,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16108,7 +16108,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16116,7 +16116,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16160,7 +16160,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16204,7 +16204,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16233,7 +16233,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16241,7 +16241,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",

package/package.json

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

package/src/tokens/base/color/dark/dark.dimmed.json5

@@ -43,7 +43,7 @@
           },
         },
       },
-      gray: {
+      neutral: {
         '0': {
           $value: '#cdd9e5',
           $type: 'color',

package/src/tokens/base/color/dark/dark.high-contrast.json5

@@ -23,7 +23,7 @@
           },
         },
       },
-      gray: {
+      neutral: {
         '0': {
           $value: '#ffffff',
           $type: 'color',

package/src/tokens/base/color/dark/dark.json5

@@ -33,7 +33,7 @@
         },
         alpha: 0,
       },
-      gray: {
+      neutral: {
         '0': {
           $value: '#f0f6fc',
           $type: 'color',

package/src/tokens/base/color/light/light.high-contrast.json5

@@ -14,7 +14,7 @@
           },
         },
       },
-      gray: {
+      neutral: {
         '0': {
           $value: '#ffffff',
           $type: 'color',

package/src/tokens/base/color/light/light.json5

@@ -33,7 +33,7 @@
           },
         },
       },
-      gray: {
+      neutral: {
         '0': {
           $value: '#f6f8fa',
           $type: 'color',