@primer/primitives 7.17.0-rc.8ff6ed39 → 7.17.0-rc.8fffddc7

package/dist/internalCss/light-colorblind.css

@@ -417,6 +417,11 @@
   --display-indigo-fgColor: #494edf;
   --display-indigo-borderColor-muted: #d2d7fe;
   --display-indigo-borderColor-emphasis: #5a61e7;
+  --display-pink-bgColor-muted: #ffe5f1;
+  --display-pink-bgColor-emphasis: #ce2c85;
+  --display-pink-fgColor: #b12f79;
+  --display-pink-borderColor-muted: #fdc9e2;
+  --display-pink-borderColor-emphasis: #ce2c85;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #1f232826;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1240,6 +1245,11 @@
     --display-indigo-fgColor: #494edf;
     --display-indigo-borderColor-muted: #d2d7fe;
     --display-indigo-borderColor-emphasis: #5a61e7;
+    --display-pink-bgColor-muted: #ffe5f1;
+    --display-pink-bgColor-emphasis: #ce2c85;
+    --display-pink-fgColor: #b12f79;
+    --display-pink-borderColor-muted: #fdc9e2;
+    --display-pink-borderColor-emphasis: #ce2c85;
     --avatar-bgColor: #ffffff;
     --avatar-borderColor: #1f232826;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;

package/dist/internalCss/light-high-contrast.css

@@ -417,6 +417,11 @@
   --display-indigo-fgColor: #494edf;
   --display-indigo-borderColor-muted: #d2d7fe;
   --display-indigo-borderColor-emphasis: #5a61e7;
+  --display-pink-bgColor-muted: #ffe5f1;
+  --display-pink-bgColor-emphasis: #ce2c85;
+  --display-pink-fgColor: #b12f79;
+  --display-pink-borderColor-muted: #fdc9e2;
+  --display-pink-borderColor-emphasis: #ce2c85;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #010409e6;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1240,6 +1245,11 @@
     --display-indigo-fgColor: #494edf;
     --display-indigo-borderColor-muted: #d2d7fe;
     --display-indigo-borderColor-emphasis: #5a61e7;
+    --display-pink-bgColor-muted: #ffe5f1;
+    --display-pink-bgColor-emphasis: #ce2c85;
+    --display-pink-fgColor: #b12f79;
+    --display-pink-borderColor-muted: #fdc9e2;
+    --display-pink-borderColor-emphasis: #ce2c85;
     --avatar-bgColor: #ffffff;
     --avatar-borderColor: #010409e6;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;

package/dist/internalCss/light-tritanopia.css

@@ -417,6 +417,11 @@
   --display-indigo-fgColor: #494edf;
   --display-indigo-borderColor-muted: #d2d7fe;
   --display-indigo-borderColor-emphasis: #5a61e7;
+  --display-pink-bgColor-muted: #ffe5f1;
+  --display-pink-bgColor-emphasis: #ce2c85;
+  --display-pink-fgColor: #b12f79;
+  --display-pink-borderColor-muted: #fdc9e2;
+  --display-pink-borderColor-emphasis: #ce2c85;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #1f232826;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1240,6 +1245,11 @@
     --display-indigo-fgColor: #494edf;
     --display-indigo-borderColor-muted: #d2d7fe;
     --display-indigo-borderColor-emphasis: #5a61e7;
+    --display-pink-bgColor-muted: #ffe5f1;
+    --display-pink-bgColor-emphasis: #ce2c85;
+    --display-pink-fgColor: #b12f79;
+    --display-pink-borderColor-muted: #fdc9e2;
+    --display-pink-borderColor-emphasis: #ce2c85;
     --avatar-bgColor: #ffffff;
     --avatar-borderColor: #1f232826;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;

package/dist/internalCss/light.css

@@ -417,6 +417,11 @@
   --display-indigo-fgColor: #494edf;
   --display-indigo-borderColor-muted: #d2d7fe;
   --display-indigo-borderColor-emphasis: #5a61e7;
+  --display-pink-bgColor-muted: #ffe5f1;
+  --display-pink-bgColor-emphasis: #ce2c85;
+  --display-pink-fgColor: #b12f79;
+  --display-pink-borderColor-muted: #fdc9e2;
+  --display-pink-borderColor-emphasis: #ce2c85;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #1f232826;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1240,6 +1245,11 @@
     --display-indigo-fgColor: #494edf;
     --display-indigo-borderColor-muted: #d2d7fe;
     --display-indigo-borderColor-emphasis: #5a61e7;
+    --display-pink-bgColor-muted: #ffe5f1;
+    --display-pink-bgColor-emphasis: #ce2c85;
+    --display-pink-fgColor: #b12f79;
+    --display-pink-borderColor-muted: #fdc9e2;
+    --display-pink-borderColor-emphasis: #ce2c85;
     --avatar-bgColor: #ffffff;
     --avatar-borderColor: #1f232826;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;

package/dist/styleLint/base/typography/typography.json

@@ -2,11 +2,23 @@
   "base-text-weight-light": {
     "$type": "fontWeight",
     "value": 300,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/typography",
+        "scopes": ["all"]
+      }
+    },
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
       "$type": "fontWeight",
-      "value": 300
+      "value": 300,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/typography",
+          "scopes": ["all"]
+        }
+      }
     },
     "name": "base-text-weight-light",
     "attributes": {},
@@ -15,11 +27,23 @@
   "base-text-weight-normal": {
     "value": 400,
     "$type": "fontWeight",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/typography",
+        "scopes": ["all"]
+      }
+    },
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
       "value": 400,
-      "$type": "fontWeight"
+      "$type": "fontWeight",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/typography",
+          "scopes": ["all"]
+        }
+      }
     },
     "name": "base-text-weight-normal",
     "attributes": {},
@@ -28,11 +52,23 @@
   "base-text-weight-medium": {
     "value": 500,
     "$type": "fontWeight",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/typography",
+        "scopes": ["all"]
+      }
+    },
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
       "value": 500,
-      "$type": "fontWeight"
+      "$type": "fontWeight",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/typography",
+          "scopes": ["all"]
+        }
+      }
     },
     "name": "base-text-weight-medium",
     "attributes": {},
@@ -41,11 +77,23 @@
   "base-text-weight-semibold": {
     "value": 600,
     "$type": "fontWeight",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/typography",
+        "scopes": ["all"]
+      }
+    },
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
       "value": 600,
-      "$type": "fontWeight"
+      "$type": "fontWeight",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/typography",
+          "scopes": ["all"]
+        }
+      }
     },
     "name": "base-text-weight-semibold",
     "attributes": {},

package/dist/styleLint/functional/themes/dark-colorblind.json

@@ -3791,6 +3791,151 @@
     "attributes": {},
     "path": ["display", "indigo", "borderColor", "emphasis"]
   },
+  "display-pink-bgColor-muted": {
+    "value": "#2d1524",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "muted"]
+  },
+  "display-pink-bgColor-emphasis": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "emphasis"]
+  },
+  "display-pink-fgColor": {
+    "value": "#e57bb2",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "display-pink-fgColor",
+    "attributes": {},
+    "path": ["display", "pink", "fgColor"]
+  },
+  "display-pink-borderColor-muted": {
+    "value": "#451c35",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "muted"]
+  },
+  "display-pink-borderColor-emphasis": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "emphasis"]
+  },
   "avatar-bgColor": {
     "value": "#ffffff1a",
     "$type": "color",

package/dist/styleLint/functional/themes/dark-dimmed.json

@@ -3791,6 +3791,151 @@
     "attributes": {},
     "path": ["display", "indigo", "borderColor", "emphasis"]
   },
+  "display-pink-bgColor-muted": {
+    "value": "#2d1524",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "muted"]
+  },
+  "display-pink-bgColor-emphasis": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "emphasis"]
+  },
+  "display-pink-fgColor": {
+    "value": "#e57bb2",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "display-pink-fgColor",
+    "attributes": {},
+    "path": ["display", "pink", "fgColor"]
+  },
+  "display-pink-borderColor-muted": {
+    "value": "#451c35",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "muted"]
+  },
+  "display-pink-borderColor-emphasis": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "emphasis"]
+  },
   "avatar-bgColor": {
     "value": "#cdd9e51a",
     "$type": "color",

package/dist/styleLint/functional/themes/dark-high-contrast.json

@@ -3795,6 +3795,151 @@
     "attributes": {},
     "path": ["display", "indigo", "borderColor", "emphasis"]
   },
+  "display-pink-bgColor-muted": {
+    "value": "#2d1524",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "muted"]
+  },
+  "display-pink-bgColor-emphasis": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-pink-bgColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "bgColor", "emphasis"]
+  },
+  "display-pink-fgColor": {
+    "value": "#e57bb2",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "display-pink-fgColor",
+    "attributes": {},
+    "path": ["display", "pink", "fgColor"]
+  },
+  "display-pink-borderColor-muted": {
+    "value": "#451c35",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-muted",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "muted"]
+  },
+  "display-pink-borderColor-emphasis": {
+    "value": "#d34591",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-pink-borderColor-emphasis",
+    "attributes": {},
+    "path": ["display", "pink", "borderColor", "emphasis"]
+  },
   "avatar-bgColor": {
     "value": "#ffffff1a",
     "$type": "color",