npm - @primer/primitives - Versions diffs - 7.15.14 → 7.15.15-rc.87281f5b - Mend

@primer/primitives 7.15.14 → 7.15.15-rc.87281f5b

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

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

@@ -7951,6 +7951,134 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "fgColor", "disabled"]
   },
+  "reactionButton-selected-bgColor-rest": {
+    "value": "#388bfd33",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.2
+    },
+    "name": "reactionButton-selected-bgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "rest"]
+  },
+  "reactionButton-selected-bgColor-hover": {
+    "value": "#3a8cfd33",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "mix": {
+      "color": "#79c0ff",
+      "weight": 0.2
+    },
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{reactionButton.selected.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": {
+        "color": "{base.color.blue.2}",
+        "weight": 0.2
+      },
+      "alpha": 0.2
+    },
+    "name": "reactionButton-selected-bgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "hover"]
+  },
+  "reactionButton-selected-fgColor-rest": {
+    "value": "#4493f8",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "rest"]
+  },
+  "reactionButton-selected-fgColor-hover": {
+    "value": "#79c0ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "hover"]
+  },
   "focus-outlineColor": {
     "value": "#1f6feb",
     "$type": "color",

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

@@ -7945,6 +7945,130 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "fgColor", "disabled"]
   },
+  "reactionButton-selected-bgColor-rest": {
+    "value": "#ddf4ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-bgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "rest"]
+  },
+  "reactionButton-selected-bgColor-hover": {
+    "value": "#caecff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "mix": {
+      "color": "#80ccff",
+      "weight": 0.2
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{reactionButton.selected.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": {
+        "color": "{base.color.blue.2}",
+        "weight": 0.2
+      }
+    },
+    "name": "reactionButton-selected-bgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "hover"]
+  },
+  "reactionButton-selected-fgColor-rest": {
+    "value": "#0969da",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "rest"]
+  },
+  "reactionButton-selected-fgColor-hover": {
+    "value": "#0550ae",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "hover"]
+  },
   "focus-outlineColor": {
     "value": "#0969da",
     "$type": "color",

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

@@ -7965,6 +7965,130 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "fgColor", "disabled"]
   },
+  "reactionButton-selected-bgColor-rest": {
+    "value": "#dff7ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-bgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "rest"]
+  },
+  "reactionButton-selected-bgColor-hover": {
+    "value": "#c7e9ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "mix": {
+      "color": "#67b3fd",
+      "weight": 0.2
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{reactionButton.selected.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": {
+        "color": "{base.color.blue.2}",
+        "weight": 0.2
+      }
+    },
+    "name": "reactionButton-selected-bgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "hover"]
+  },
+  "reactionButton-selected-fgColor-rest": {
+    "value": "#023b95",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "rest"]
+  },
+  "reactionButton-selected-fgColor-hover": {
+    "value": "#023b95",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "hover"]
+  },
   "focus-outlineColor": {
     "value": "#0349b4",
     "$type": "color",

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

@@ -7941,6 +7941,130 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "fgColor", "disabled"]
   },
+  "reactionButton-selected-bgColor-rest": {
+    "value": "#ddf4ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-bgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "rest"]
+  },
+  "reactionButton-selected-bgColor-hover": {
+    "value": "#caecff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "mix": {
+      "color": "#80ccff",
+      "weight": 0.2
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{reactionButton.selected.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": {
+        "color": "{base.color.blue.2}",
+        "weight": 0.2
+      }
+    },
+    "name": "reactionButton-selected-bgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "hover"]
+  },
+  "reactionButton-selected-fgColor-rest": {
+    "value": "#0969da",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "rest"]
+  },
+  "reactionButton-selected-fgColor-hover": {
+    "value": "#0550ae",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "hover"]
+  },
   "focus-outlineColor": {
     "value": "#0969da",
     "$type": "color",

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

@@ -7941,6 +7941,130 @@
     "attributes": {},
     "path": ["buttonCounter", "danger", "fgColor", "disabled"]
   },
+  "reactionButton-selected-bgColor-rest": {
+    "value": "#ddf4ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-bgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "rest"]
+  },
+  "reactionButton-selected-bgColor-hover": {
+    "value": "#caecff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "mix": {
+      "color": "#80ccff",
+      "weight": 0.2
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{reactionButton.selected.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": {
+        "color": "{base.color.blue.2}",
+        "weight": 0.2
+      }
+    },
+    "name": "reactionButton-selected-bgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "bgColor", "hover"]
+  },
+  "reactionButton-selected-fgColor-rest": {
+    "value": "#0969da",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-rest",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "rest"]
+  },
+  "reactionButton-selected-fgColor-hover": {
+    "value": "#0550ae",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "reactionButton-selected-fgColor-hover",
+    "attributes": {},
+    "path": ["reactionButton", "selected", "fgColor", "hover"]
+  },
   "focus-outlineColor": {
     "value": "#0969da",
     "$type": "color",