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

@primer/primitives 10.3.0-rc.8d184d75 → 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 (38) hide show

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

@@ -15862,9 +15862,12 @@
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#0d1117"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "filePath": "src/tokens/component/page.json5",
     "isSource": true,
     "original": {
       "$value": "{bgColor.default}",
@@ -15874,6 +15877,9 @@
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{bgColor.default}"
         }
       }
     },
@@ -15890,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",
@@ -15903,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
@@ -15920,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",
@@ -15933,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
@@ -15950,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}",
@@ -15962,6 +16037,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -15980,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}",
@@ -16536,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}",
@@ -16548,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

@@ -15896,9 +15896,12 @@
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#212830"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "filePath": "src/tokens/component/page.json5",
     "isSource": true,
     "original": {
       "$value": "{bgColor.default}",
@@ -15908,6 +15911,9 @@
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{bgColor.default}"
         }
       }
     },
@@ -15919,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",
@@ -15940,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",
@@ -15953,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
@@ -15970,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}",
@@ -15982,6 +16071,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -16000,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}",
@@ -16551,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

@@ -14444,9 +14444,12 @@
         "collection": "mode",
         "group": "component",
         "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": "#010409"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "filePath": "src/tokens/component/page.json5",
     "isSource": true,
     "original": {
       "$value": "{bgColor.default}",
@@ -14456,6 +14459,9 @@
           "collection": "mode",
           "group": "component",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{bgColor.default}"
         }
       }
     },
@@ -14467,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",
@@ -14488,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",
@@ -14501,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
@@ -14518,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}",
@@ -14530,6 +14619,9 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.blue.2}"
         }
       }
     },
@@ -14548,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}",
@@ -15090,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}",
@@ -15102,6 +15198,10 @@
           "collection": "mode",
           "group": "component (internal)",
           "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": "{base.color.neutral.3}",
+          "dark-dimmed": "{base.color.neutral.4}"
         }
       }
     },