npm - @primer/primitives - Versions diffs - 7.15.11-rc.f758d573 → 7.15.12 - Mend

@primer/primitives 7.15.11-rc.f758d573 → 7.15.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

package/tokens-next-private/docs/functional/themes/light-colorblind.json CHANGED Viewed

@@ -3561,7 +3561,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3622,7 +3622,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5075,7 +5075,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#57606a",
     "$type": "color",
     "$extensions": {
@@ -5100,11 +5100,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#eaeef2",
     "$type": "color",
     "$extensions": {
@@ -5129,9 +5129,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#afb8c133",
@@ -11419,5 +11419,35 @@
     "name": "shadow-floating-xlarge",
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
+  },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "$type": "shadow",
+    "filePath": "src/tokens/functional/shadow/light.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.04,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.12,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow"
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
   }
 }

package/tokens-next-private/docs/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -3569,7 +3569,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3630,7 +3630,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5091,7 +5091,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#4b535d",
     "$type": "color",
     "$extensions": {
@@ -5116,11 +5116,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#e7ecf0",
     "$type": "color",
     "$extensions": {
@@ -5145,9 +5145,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#66707b33",
@@ -5719,7 +5719,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#88929d80",
+    "value": "#88929d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5728,7 +5728,7 @@
         "group": "component (internal)"
       }
     },
-    "alpha": 0.5,
+    "alpha": null,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
@@ -5741,7 +5741,7 @@
           "group": "component (internal)"
         }
       },
-      "alpha": 0.5
+      "alpha": null
     },
     "name": "overlay-borderColor",
     "attributes": {},
@@ -11421,5 +11421,35 @@
     "name": "shadow-floating-xlarge",
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
+  },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f",
+    "$type": "shadow",
+    "filePath": "src/tokens/functional/shadow/light.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.04,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.12,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow"
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
   }
 }

package/tokens-next-private/docs/functional/themes/light-tritanopia.json CHANGED Viewed

@@ -3557,7 +3557,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3618,7 +3618,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5071,7 +5071,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#57606a",
     "$type": "color",
     "$extensions": {
@@ -5096,11 +5096,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#eaeef2",
     "$type": "color",
     "$extensions": {
@@ -5125,9 +5125,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#afb8c133",
@@ -11411,5 +11411,35 @@
     "name": "shadow-floating-xlarge",
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
+  },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "$type": "shadow",
+    "filePath": "src/tokens/functional/shadow/light.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.04,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.12,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow"
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
   }
 }

package/tokens-next-private/docs/functional/themes/light.json CHANGED Viewed

@@ -3557,7 +3557,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3618,7 +3618,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5071,7 +5071,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#57606a",
     "$type": "color",
     "$extensions": {
@@ -5096,11 +5096,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#eaeef2",
     "$type": "color",
     "$extensions": {
@@ -5125,9 +5125,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#afb8c133",
@@ -11409,5 +11409,35 @@
     "name": "shadow-floating-xlarge",
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
+  },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "$type": "shadow",
+    "filePath": "src/tokens/functional/shadow/light.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.04,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.gray.7}",
+          "alpha": 0.12,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow"
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
   }
 }

package/tokens-next-private/figma/shadows/dark-colorblind.json CHANGED Viewed

@@ -1,4 +1,104 @@
 [
+  {
+    "name": "shadow/floating/legacy/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark colorblind",
+    "collection": "mode",
+    "group": "shadow"
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,

package/tokens-next-private/figma/shadows/dark-dimmed.json CHANGED Viewed

@@ -1,4 +1,104 @@
 [
+  {
+    "name": "shadow/floating/legacy/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/color",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.12941176470588237,
+      "b": 0.1568627450980392,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/color",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.12941176470588237,
+      "b": 0.1568627450980392,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,