npm - @primer/primitives - Versions diffs - 7.15.10-rc.d7a91629 → 7.15.10 - Mend

@primer/primitives 7.15.10-rc.d7a91629 → 7.15.10

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

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

@@ -1181,6 +1181,296 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
+  "data-blue-color": {
+    "value": "#0576ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.blue.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-blue-color",
+    "attributes": {},
+    "path": ["data", "blue", "color"]
+  },
+  "data-auburn-color": {
+    "value": "#a86f6b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.auburn.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-auburn-color",
+    "attributes": {},
+    "path": ["data", "auburn", "color"]
+  },
+  "data-orange-color": {
+    "value": "#984b10",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.orange.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-orange-color",
+    "attributes": {},
+    "path": ["data", "orange", "color"]
+  },
+  "data-yellow-color": {
+    "value": "#895906",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.yellow.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-yellow-color",
+    "attributes": {},
+    "path": ["data", "yellow", "color"]
+  },
+  "data-green-color": {
+    "value": "#2f6f37",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.green.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-green-color",
+    "attributes": {},
+    "path": ["data", "green", "color"]
+  },
+  "data-teal-color": {
+    "value": "#106c70",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.teal.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-teal-color",
+    "attributes": {},
+    "path": ["data", "teal", "color"]
+  },
+  "data-purple-color": {
+    "value": "#975bf1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.purple.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-purple-color",
+    "attributes": {},
+    "path": ["data", "purple", "color"]
+  },
+  "data-pink-color": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pink-color",
+    "attributes": {},
+    "path": ["data", "pink", "color"]
+  },
+  "data-red-color": {
+    "value": "#eb3342",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.red.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-red-color",
+    "attributes": {},
+    "path": ["data", "red", "color"]
+  },
+  "data-gray-color": {
+    "value": "#576270",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.gray.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-gray-color",
+    "attributes": {},
+    "path": ["data", "gray", "color"]
+  },
   "avatar-bgColor": {
     "value": "#cdd9e51a",
     "$type": "color",

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

@@ -1185,6 +1185,296 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
+  "data-blue-color": {
+    "value": "#0576ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.blue.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-blue-color",
+    "attributes": {},
+    "path": ["data", "blue", "color"]
+  },
+  "data-auburn-color": {
+    "value": "#a86f6b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.auburn.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-auburn-color",
+    "attributes": {},
+    "path": ["data", "auburn", "color"]
+  },
+  "data-orange-color": {
+    "value": "#984b10",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.orange.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-orange-color",
+    "attributes": {},
+    "path": ["data", "orange", "color"]
+  },
+  "data-yellow-color": {
+    "value": "#895906",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.yellow.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-yellow-color",
+    "attributes": {},
+    "path": ["data", "yellow", "color"]
+  },
+  "data-green-color": {
+    "value": "#2f6f37",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.green.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-green-color",
+    "attributes": {},
+    "path": ["data", "green", "color"]
+  },
+  "data-teal-color": {
+    "value": "#106c70",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.teal.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-teal-color",
+    "attributes": {},
+    "path": ["data", "teal", "color"]
+  },
+  "data-purple-color": {
+    "value": "#975bf1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.purple.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-purple-color",
+    "attributes": {},
+    "path": ["data", "purple", "color"]
+  },
+  "data-pink-color": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pink-color",
+    "attributes": {},
+    "path": ["data", "pink", "color"]
+  },
+  "data-red-color": {
+    "value": "#eb3342",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.red.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-red-color",
+    "attributes": {},
+    "path": ["data", "red", "color"]
+  },
+  "data-gray-color": {
+    "value": "#576270",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.gray.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-gray-color",
+    "attributes": {},
+    "path": ["data", "gray", "color"]
+  },
   "avatar-bgColor": {
     "value": "#ffffff1a",
     "$type": "color",
@@ -4394,25 +4684,25 @@
     "path": ["button", "outline", "shadow", "selected"]
   },
   "button-danger-fgColor-rest": {
-    "value": "#ff8080",
+    "value": "#ff9492",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "dark",
+        "mode": "light",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger.@}",
+      "value": "{base.color.red.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "dark",
+          "mode": "light",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }