@primer/primitives 7.17.0-rc.132f02a7 → 7.17.0-rc.34cd1021

package/dist/docs/functional/themes/light-high-contrast.json

@@ -781,7 +781,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": {
@@ -1073,7 +1073,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": {
@@ -1102,7 +1102,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1131,7 +1131,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": {
@@ -1160,7 +1160,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": {
@@ -3785,6 +3785,151 @@
     "attributes": {},
     "path": ["display", "indigo", "borderColor", "emphasis"]
   },
+  "display-pink-bgColor-muted": {
+    "value": "#ffe5f1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/display-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "muted"]
+  },
+  "display-pink-bgColor-emphasis": {
+    "value": "#ce2c85",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/display-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "emphasis"]
+  },
+  "display-pink-fgColor": {
+    "value": "#b12f79",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/display-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "display-pink-fgColor",
+    "attributes": {},
+    "path": ["display", "pink", "fgColor"]
+  },
+  "display-pink-borderColor-muted": {
+    "value": "#fdc9e2",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/display-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "muted"]
+  },
+  "display-pink-borderColor-emphasis": {
+    "value": "#ce2c85",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/display-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "emphasis"]
+  },
   "avatar-bgColor": {
     "value": "#ffffff",
     "$type": "color",
@@ -3895,7 +4040,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": {
@@ -3924,7 +4069,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": {
@@ -3953,7 +4098,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3986,7 +4131,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3997,7 +4142,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.3}",
+        "color": "{base.color.neutral.3}",
         "weight": 0.2
       }
     },
@@ -4023,7 +4168,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4034,7 +4179,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.3}",
+        "color": "{base.color.neutral.3}",
         "weight": 0.4
       }
     },
@@ -4085,7 +4230,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4114,7 +4259,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": {
@@ -4143,7 +4288,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": {
@@ -4290,7 +4435,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": {
@@ -4466,7 +4611,7 @@
     "isSource": true,
     "mix": null,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4499,7 +4644,7 @@
     "isSource": true,
     "mix": null,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4560,7 +4705,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5129,7 +5274,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5162,7 +5307,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5173,7 +5318,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.5}",
+        "color": "{base.color.neutral.5}",
         "weight": 0.2
       }
     },
@@ -5199,7 +5344,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5210,7 +5355,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.gray.5}",
+        "color": "{base.color.neutral.5}",
         "weight": 0.4
       }
     },
@@ -6485,7 +6630,7 @@
     "isSource": true,
     "alpha": 1,
     "original": {
-      "value": "{base.color.gray.8}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6516,7 +6661,7 @@
     "isSource": true,
     "alpha": 1,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6875,7 +7020,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": {
@@ -7427,7 +7572,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": {
@@ -7456,7 +7601,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": {
@@ -8237,7 +8382,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": {
@@ -8367,7 +8512,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": {
@@ -11917,7 +12062,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.9}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12043,7 +12188,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.5}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12107,7 +12252,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": {
@@ -12532,7 +12677,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12602,7 +12747,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": {
@@ -12634,7 +12779,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": {
@@ -12722,7 +12867,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.2}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12788,7 +12933,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12818,7 +12963,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": {
@@ -13552,7 +13697,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.8}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13588,7 +13733,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13621,7 +13766,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": {
@@ -13709,7 +13854,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.4}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13739,7 +13884,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": {
@@ -14485,7 +14630,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": {
@@ -14512,7 +14657,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": {
@@ -14539,7 +14684,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": {
@@ -14566,7 +14711,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": {
@@ -14593,7 +14738,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": {
@@ -14944,7 +15089,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": {
@@ -15052,7 +15197,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": {
@@ -15214,7 +15359,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": {
@@ -15241,7 +15386,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": {
@@ -15295,7 +15440,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": {
@@ -15430,7 +15575,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": {
@@ -15457,7 +15602,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": {
@@ -15646,7 +15791,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": {
@@ -15727,7 +15872,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": {
@@ -15863,7 +16008,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -15907,7 +16052,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -15915,7 +16060,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -15959,7 +16104,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -15967,7 +16112,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -15975,7 +16120,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -15983,7 +16128,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16027,7 +16172,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16071,7 +16216,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16100,7 +16245,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16108,7 +16253,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.gray.7}",
+          "color": "{base.color.neutral.7}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",