npm - @primer/primitives - Versions diffs - 7.15.13 → 7.15.14 - Mend

@primer/primitives 7.15.13 → 7.15.14

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 (162) hide show

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

@@ -3815,7 +3815,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#20252c",
+    "value": "#010409e6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3825,10 +3825,11 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "alpha": 0.9,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3837,7 +3838,8 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.9
     },
     "name": "avatar-borderColor",
     "attributes": {},
@@ -8524,7 +8526,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "#ffffff",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8539,6 +8541,35 @@
     "attributes": {},
     "path": ["fgColor", "white"]
   },
+  "fgColor-black": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-black",
+    "attributes": {},
+    "path": ["fgColor", "black"]
+  },
   "fgColor-disabled": {
     "value": "#66707b",
     "$type": "color",
@@ -9124,6 +9155,64 @@
     "attributes": {},
     "path": ["bgColor", "inverse"]
   },
+  "bgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-white",
+    "attributes": {},
+    "path": ["bgColor", "white"]
+  },
+  "bgColor-black": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-black",
+    "attributes": {},
+    "path": ["bgColor", "black"]
+  },
   "bgColor-disabled": {
     "value": "#ced5dcb3",
     "$type": "color",
@@ -13482,7 +13571,7 @@
     "path": ["shadow", "resting", "xsmall"]
   },
   "shadow-resting-small": {
-    "value": "0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914",
+    "value": "0px 1px 0px 0px #0104090a",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -13497,21 +13586,12 @@
       "value": [
         {
           "color": "{base.color.black}",
-          "alpha": 0.06,
+          "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
           "blur": "0px",
           "spread": "0px",
           "inset": false
-        },
-        {
-          "color": "{base.color.black}",
-          "alpha": 0.08,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
-          "inset": false
         }
       ],
       "$type": "shadow",

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

@@ -3813,7 +3813,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3823,10 +3823,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3835,7 +3836,8 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "avatar-borderColor",
     "attributes": {},
@@ -8506,7 +8508,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "#ffffff",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8521,6 +8523,35 @@
     "attributes": {},
     "path": ["fgColor", "white"]
   },
+  "fgColor-black": {
+    "value": "#1f2328",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-black",
+    "attributes": {},
+    "path": ["fgColor", "black"]
+  },
   "fgColor-disabled": {
     "value": "#8c959f",
     "$type": "color",
@@ -9106,6 +9137,64 @@
     "attributes": {},
     "path": ["bgColor", "inverse"]
   },
+  "bgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-white",
+    "attributes": {},
+    "path": ["bgColor", "white"]
+  },
+  "bgColor-black": {
+    "value": "#1f2328",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-black",
+    "attributes": {},
+    "path": ["bgColor", "black"]
+  },
   "bgColor-disabled": {
     "value": "#eaeef2b3",
     "$type": "color",
@@ -13472,7 +13561,7 @@
     "path": ["shadow", "resting", "xsmall"]
   },
   "shadow-resting-small": {
-    "value": "0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814",
+    "value": "0px 1px 0px 0px #1f23280a",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -13487,21 +13576,12 @@
       "value": [
         {
           "color": "{base.color.black}",
-          "alpha": 0.06,
+          "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
           "blur": "0px",
           "spread": "0px",
           "inset": false
-        },
-        {
-          "color": "{base.color.black}",
-          "alpha": 0.08,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
-          "inset": false
         }
       ],
       "$type": "shadow",

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

@@ -3813,7 +3813,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3823,10 +3823,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3835,7 +3836,8 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "avatar-borderColor",
     "attributes": {},
@@ -8506,7 +8508,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "#ffffff",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8521,6 +8523,35 @@
     "attributes": {},
     "path": ["fgColor", "white"]
   },
+  "fgColor-black": {
+    "value": "#1f2328",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-black",
+    "attributes": {},
+    "path": ["fgColor", "black"]
+  },
   "fgColor-disabled": {
     "value": "#8c959f",
     "$type": "color",
@@ -9106,6 +9137,64 @@
     "attributes": {},
     "path": ["bgColor", "inverse"]
   },
+  "bgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-white",
+    "attributes": {},
+    "path": ["bgColor", "white"]
+  },
+  "bgColor-black": {
+    "value": "#1f2328",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-black",
+    "attributes": {},
+    "path": ["bgColor", "black"]
+  },
   "bgColor-disabled": {
     "value": "#eaeef2b3",
     "$type": "color",
@@ -13470,7 +13559,7 @@
     "path": ["shadow", "resting", "xsmall"]
   },
   "shadow-resting-small": {
-    "value": "0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814",
+    "value": "0px 1px 0px 0px #1f23280a",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -13485,21 +13574,12 @@
       "value": [
         {
           "color": "{base.color.black}",
-          "alpha": 0.06,
+          "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
           "blur": "0px",
           "spread": "0px",
           "inset": false
-        },
-        {
-          "color": "{base.color.black}",
-          "alpha": 0.08,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
-          "inset": false
         }
       ],
       "$type": "shadow",

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

@@ -150,7 +150,7 @@
     "group": "shadow"
   },
   {
-    "name": "shadow/resting/small/1/offsetX",
+    "name": "shadow/resting/small/offsetX",
     "value": 0,
     "type": "FLOAT",
     "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +159,7 @@
     "group": "shadow"
   },
   {
-    "name": "shadow/resting/small/1/offsetY",
+    "name": "shadow/resting/small/offsetY",
     "value": 1,
     "type": "FLOAT",
     "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +168,7 @@
     "group": "shadow"
   },
   {
-    "name": "shadow/resting/small/1/blur",
+    "name": "shadow/resting/small/blur",
     "value": 0,
     "type": "FLOAT",
     "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +177,7 @@
     "group": "shadow"
   },
   {
-    "name": "shadow/resting/small/1/spread",
+    "name": "shadow/resting/small/spread",
     "value": 0,
     "type": "FLOAT",
     "scopes": ["EFFECT_FLOAT"],
@@ -186,57 +186,7 @@
     "group": "shadow"
   },
   {
-    "name": "shadow/resting/small/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/resting/small/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark colorblind",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/2/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark colorblind",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/2/blur",
-    "value": 3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark colorblind",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark colorblind",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/2/color",
+    "name": "shadow/resting/small/color",
     "value": {
       "r": 0.00392156862745098,
       "g": 0.01568627450980392,