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/dist/docs/functional/themes/dark-tritanopia.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": {},
@@ -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": "#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",
@@ -9105,6 +9136,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",
@@ -13481,7 +13570,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": {
@@ -13502,15 +13591,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/dist/docs/functional/themes/dark.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": {},
@@ -6082,7 +6084,7 @@
     "path": ["button", "primary", "bgColor", "active"]
   },
   "button-primary-bgColor-disabled": {
-    "value": "#77c982",
+    "value": "#105823",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6093,7 +6095,7 @@
       }
     },
     "mix": {
-      "color": "#aff5b4",
+      "color": "#033a16",
       "weight": 0.6
     },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
@@ -6110,7 +6112,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.green.0}",
+        "color": "{base.color.green.8}",
         "weight": 0.6
       }
     },
@@ -6208,7 +6210,7 @@
     "path": ["button", "primary", "borderColor", "active"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#77c982",
+    "value": "#105823",
     "$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": "#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",
@@ -9105,6 +9136,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",
@@ -13479,7 +13568,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": {
@@ -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/dist/docs/functional/themes/light-colorblind.json CHANGED Viewed

@@ -3817,7 +3817,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3827,10 +3827,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": {
@@ -3839,7 +3840,8 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "avatar-borderColor",
     "attributes": {},
@@ -8510,7 +8512,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": {
@@ -8525,6 +8527,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",
@@ -9110,6 +9141,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",
@@ -13480,7 +13569,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": {
@@ -13495,21 +13584,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",