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

@primer/primitives 7.15.13 → 7.15.14-rc.ed4ead94

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/dark-colorblind.json CHANGED Viewed

@@ -3823,7 +3823,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#30363db3",
+    "value": "#ffffff26",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3833,10 +3833,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3845,7 +3846,8 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "avatar-borderColor",
     "attributes": {},
@@ -5919,7 +5921,7 @@
     "path": ["button", "primary", "fgColor", "rest"]
   },
   "button-primary-fgColor-disabled": {
-    "value": "#ffffffcc",
+    "value": "#ffffff66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5929,7 +5931,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.8,
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
@@ -5943,7 +5945,7 @@
           "scopes": ["fgColor"]
         }
       },
-      "alpha": 0.8
+      "alpha": 0.4
     },
     "name": "button-primary-fgColor-disabled",
     "attributes": {},
@@ -8499,7 +8501,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "#ffffff",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8514,6 +8516,35 @@
     "attributes": {},
     "path": ["fgColor", "white"]
   },
+  "fgColor-black": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-black",
+    "attributes": {},
+    "path": ["fgColor", "black"]
+  },
   "fgColor-disabled": {
     "value": "#6e7681",
     "$type": "color",
@@ -9099,6 +9130,64 @@
     "attributes": {},
     "path": ["bgColor", "inverse"]
   },
+  "bgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-white",
+    "attributes": {},
+    "path": ["bgColor", "white"]
+  },
+  "bgColor-black": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-black",
+    "attributes": {},
+    "path": ["bgColor", "black"]
+  },
   "bgColor-disabled": {
     "value": "#21262db3",
     "$type": "color",
@@ -13475,7 +13564,7 @@
     "path": ["shadow", "resting", "xsmall"]
   },
   "shadow-resting-small": {
-    "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966",
+    "value": "0px 1px 0px 0px #01040966",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -13496,15 +13585,6 @@
           "blur": "0px",
           "spread": "0px",
           "inset": false
-        },
-        {
-          "color": "{base.color.black}",
-          "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
-          "inset": false
         }
       ],
       "$type": "shadow",

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

@@ -3823,7 +3823,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#444c56b3",
+    "value": "#cdd9e526",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3833,10 +3833,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3845,7 +3846,8 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "avatar-borderColor",
     "attributes": {},
@@ -5900,10 +5902,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.white}",
+      "value": "#ffffff",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5919,7 +5921,7 @@
     "path": ["button", "primary", "fgColor", "rest"]
   },
   "button-primary-fgColor-disabled": {
-    "value": "#cdd9e5cc",
+    "value": "#cdd9e566",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5929,7 +5931,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.8,
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
@@ -5943,7 +5945,7 @@
           "scopes": ["fgColor"]
         }
       },
-      "alpha": 0.8
+      "alpha": 0.4
     },
     "name": "button-primary-fgColor-disabled",
     "attributes": {},
@@ -5960,10 +5962,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.white}",
+      "value": "#ffffff",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8492,7 +8494,7 @@
     "path": ["fgColor", "onEmphasis"]
   },
   "fgColor-white": {
-    "value": "#ffffff",
+    "value": "#cdd9e5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8505,7 +8507,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "#ffffff",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8520,6 +8522,35 @@
     "attributes": {},
     "path": ["fgColor", "white"]
   },
+  "fgColor-black": {
+    "value": "#1c2128",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-black",
+    "attributes": {},
+    "path": ["fgColor", "black"]
+  },
   "fgColor-disabled": {
     "value": "#636e7b",
     "$type": "color",
@@ -9105,6 +9136,64 @@
     "attributes": {},
     "path": ["bgColor", "inverse"]
   },
+  "bgColor-white": {
+    "value": "#cdd9e5",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-white",
+    "attributes": {},
+    "path": ["bgColor", "white"]
+  },
+  "bgColor-black": {
+    "value": "#1c2128",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-black",
+    "attributes": {},
+    "path": ["bgColor", "black"]
+  },
   "bgColor-disabled": {
     "value": "#373e47b3",
     "$type": "color",
@@ -13479,7 +13568,7 @@
     "path": ["shadow", "resting", "xsmall"]
   },
   "shadow-resting-small": {
-    "value": "0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866",
+    "value": "0px 1px 0px 0px #1c212866",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -13500,15 +13589,6 @@
           "blur": "0px",
           "spread": "0px",
           "inset": false
-        },
-        {
-          "color": "{base.color.black}",
-          "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
-          "inset": false
         }
       ],
       "$type": "shadow",

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

@@ -3837,9 +3837,9 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.9,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
-    "alpha": 0.9,
     "original": {
       "value": "{base.color.white}",
       "$type": "color",
@@ -6090,7 +6090,7 @@
     "path": ["button", "primary", "bgColor", "active"]
   },
   "button-primary-bgColor-disabled": {
-    "value": "#6bdc84",
+    "value": "#048f2f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6101,10 +6101,10 @@
       }
     },
     "mix": {
-      "color": "#acf7b6",
+      "color": "#007728",
       "weight": 0.6
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
       "value": "{base.color.green.5}",
@@ -6118,7 +6118,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.green.0}",
+        "color": "{base.color.green.8}",
         "weight": 0.6
       }
     },
@@ -8523,7 +8523,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "#ffffff",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8538,6 +8538,35 @@
     "attributes": {},
     "path": ["fgColor", "white"]
   },
+  "fgColor-black": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-black",
+    "attributes": {},
+    "path": ["fgColor", "black"]
+  },
   "fgColor-disabled": {
     "value": "#9ea7b3",
     "$type": "color",
@@ -9123,6 +9152,64 @@
     "attributes": {},
     "path": ["bgColor", "inverse"]
   },
+  "bgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-white",
+    "attributes": {},
+    "path": ["bgColor", "white"]
+  },
+  "bgColor-black": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-black",
+    "attributes": {},
+    "path": ["bgColor", "black"]
+  },
   "bgColor-disabled": {
     "value": "#3d424db3",
     "$type": "color",
@@ -13497,7 +13584,7 @@
     "path": ["shadow", "resting", "xsmall"]
   },
   "shadow-resting-small": {
-    "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966",
+    "value": "0px 1px 0px 0px #01040966",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -13518,15 +13605,6 @@
           "blur": "0px",
           "spread": "0px",
           "inset": false
-        },
-        {
-          "color": "{base.color.black}",
-          "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
-          "inset": false
         }
       ],
       "$type": "shadow",