npm - @primer/primitives - Versions diffs - 10.3.0-rc.a435cda1 → 10.3.0-rc.b425078b - Mend

@primer/primitives 10.3.0-rc.a435cda1 → 10.3.0-rc.b425078b

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

package/dist/docs/functional/themes/dark-colorblind.json CHANGED Viewed

@@ -15896,11 +15896,35 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
       }
     },
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.36,
     "original": {
       "$value": "#3a8cfd",
       "$type": "color",
@@ -15909,6 +15933,30 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
         }
       },
       "alpha": 0.36
@@ -15926,11 +15974,20 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#388bfd",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
       }
     },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.2,
     "original": {
       "$value": "{base.color.blue.4}",
       "$type": "color",
@@ -15939,6 +15996,15 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
         }
       },
       "alpha": 0.2
@@ -15956,9 +16022,12 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#79c0ff"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.2}",
@@ -15968,6 +16037,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -15986,7 +16058,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{fgColor.link}",
@@ -16542,9 +16614,13 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.3}",
@@ -16554,6 +16630,10 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
         }
       }
     },

package/dist/docs/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -15925,12 +15925,74 @@
     "type": "color"
   },
   "reactionButton-selected-bgColor-hover": {
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.36,
     "original": {
       "$value": "#4285e5",
       "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
       "alpha": 0.36
     },
     "name": "reactionButton-selected-bgColor-hover",
@@ -15946,11 +16008,20 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#4184e4",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
       }
     },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.2,
     "original": {
       "$value": "{base.color.blue.4}",
       "$type": "color",
@@ -15959,6 +16030,15 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
         }
       },
       "alpha": 0.2
@@ -15976,9 +16056,12 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#6cb6ff"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.2}",
@@ -15988,6 +16071,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -16006,7 +16092,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{fgColor.link}",
@@ -16557,11 +16643,33 @@
     "type": "color"
   },
   "timelineBadge-bgColor": {
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
+      }
+    },
+    "filePath": "src/tokens/component/timelineBadge.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.4}",
-      "$type": "color"
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
+        }
+      }
     },
     "name": "timelineBadge-bgColor",
     "attributes": {},

package/dist/docs/functional/themes/dark-high-contrast.json CHANGED Viewed

@@ -14473,12 +14473,74 @@
     "type": "color"
   },
   "reactionButton-selected-bgColor-hover": {
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.36,
     "original": {
       "$value": "#5dadff",
       "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
       "alpha": 0.36
     },
     "name": "reactionButton-selected-bgColor-hover",
@@ -14494,11 +14556,20 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#5cacff",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
       }
     },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.2,
     "original": {
       "$value": "{base.color.blue.4}",
       "$type": "color",
@@ -14507,6 +14578,15 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
         }
       },
       "alpha": 0.2
@@ -14524,9 +14604,12 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#91cbff"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.2}",
@@ -14536,6 +14619,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -14554,7 +14640,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{fgColor.link}",
@@ -15096,9 +15182,13 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.3}",
@@ -15108,6 +15198,10 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
         }
       }
     },

package/dist/docs/functional/themes/dark-tritanopia.json CHANGED Viewed

@@ -15976,11 +15976,35 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3a8cfd",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#4285e5",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": "#c7e9ff",
+        "dark-high-contrast": {
+          "$value": "#5dadff",
+          "alpha": 0.36,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
       }
     },
-    "alpha": 0.36,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.36,
     "original": {
       "$value": "#3a8cfd",
       "$type": "color",
@@ -15989,6 +16013,30 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "#3a8cfd",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "#4285e5",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": "#c7e9ff",
+          "dark-high-contrast": {
+            "$value": "#5dadff",
+            "alpha": 0.36,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
         }
       },
       "alpha": 0.36
@@ -16006,11 +16054,20 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#388bfd",
+          "alpha": 0.2,
+          "filePath": "src/tokens/component/reactionButton.json5",
+          "isSource": true,
+          "$type": "color"
+        }
       }
     },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
+    "alpha": 0.2,
     "original": {
       "$value": "{base.color.blue.4}",
       "$type": "color",
@@ -16019,6 +16076,15 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.blue.4}",
+            "alpha": 0.2,
+            "filePath": "src/tokens/component/reactionButton.json5",
+            "isSource": true,
+            "$type": "color"
+          }
         }
       },
       "alpha": 0.2
@@ -16036,9 +16102,12 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#79c0ff"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.2}",
@@ -16048,6 +16117,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -16066,7 +16138,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/reactionButton.json5",
     "isSource": true,
     "original": {
       "$value": "{fgColor.link}",
@@ -16622,9 +16694,13 @@
         "collection": "mode",
         "group": "component (internal)",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830",
+        "dark-dimmed": "#262c36"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/component/timelineBadge.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.3}",
@@ -16634,6 +16710,10 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
         }
       }
     },