@primer/primitives 7.17.0-rc.b867cc85 → 7.17.0-rc.be58e800

package/dist/css/functional/themes/dark-colorblind.css

@@ -132,6 +132,11 @@
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
+  --display-pink-bgColor-muted: #2d1524;
+  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-fgColor: #e57bb2;
+  --display-pink-borderColor-muted: #451c35;
+  --display-pink-borderColor-emphasis: #d34591;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffff26;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -670,6 +675,11 @@
     --display-indigo-fgColor: #9899ec;
     --display-indigo-borderColor-muted: #25215f;
     --display-indigo-borderColor-emphasis: #7070e1;
+    --display-pink-bgColor-muted: #2d1524;
+    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-fgColor: #e57bb2;
+    --display-pink-borderColor-muted: #451c35;
+    --display-pink-borderColor-emphasis: #d34591;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #ffffff26;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;

package/dist/css/functional/themes/dark-dimmed.css

@@ -132,6 +132,11 @@
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
+  --display-pink-bgColor-muted: #2d1524;
+  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-fgColor: #e57bb2;
+  --display-pink-borderColor-muted: #451c35;
+  --display-pink-borderColor-emphasis: #d34591;
   --avatar-bgColor: #cdd9e51a;
   --avatar-borderColor: #cdd9e526;
   --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -670,6 +675,11 @@
     --display-indigo-fgColor: #9899ec;
     --display-indigo-borderColor-muted: #25215f;
     --display-indigo-borderColor-emphasis: #7070e1;
+    --display-pink-bgColor-muted: #2d1524;
+    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-fgColor: #e57bb2;
+    --display-pink-borderColor-muted: #451c35;
+    --display-pink-borderColor-emphasis: #d34591;
     --avatar-bgColor: #cdd9e51a;
     --avatar-borderColor: #cdd9e526;
     --avatar-shadow: 0px 0px 0px 2px #22272e;

package/dist/css/functional/themes/dark-high-contrast.css

@@ -132,6 +132,11 @@
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
+  --display-pink-bgColor-muted: #2d1524;
+  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-fgColor: #e57bb2;
+  --display-pink-borderColor-muted: #451c35;
+  --display-pink-borderColor-emphasis: #d34591;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffffe6;
   --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -670,6 +675,11 @@
     --display-indigo-fgColor: #9899ec;
     --display-indigo-borderColor-muted: #25215f;
     --display-indigo-borderColor-emphasis: #7070e1;
+    --display-pink-bgColor-muted: #2d1524;
+    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-fgColor: #e57bb2;
+    --display-pink-borderColor-muted: #451c35;
+    --display-pink-borderColor-emphasis: #d34591;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #ffffffe6;
     --avatar-shadow: 0px 0px 0px 2px #0a0c10;

package/dist/css/functional/themes/dark-tritanopia.css

@@ -132,6 +132,11 @@
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
+  --display-pink-bgColor-muted: #2d1524;
+  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-fgColor: #e57bb2;
+  --display-pink-borderColor-muted: #451c35;
+  --display-pink-borderColor-emphasis: #d34591;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffff26;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -670,6 +675,11 @@
     --display-indigo-fgColor: #9899ec;
     --display-indigo-borderColor-muted: #25215f;
     --display-indigo-borderColor-emphasis: #7070e1;
+    --display-pink-bgColor-muted: #2d1524;
+    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-fgColor: #e57bb2;
+    --display-pink-borderColor-muted: #451c35;
+    --display-pink-borderColor-emphasis: #d34591;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #ffffff26;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;

package/dist/css/functional/themes/dark.css

@@ -132,6 +132,11 @@
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
+  --display-pink-bgColor-muted: #2d1524;
+  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-fgColor: #e57bb2;
+  --display-pink-borderColor-muted: #451c35;
+  --display-pink-borderColor-emphasis: #d34591;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffff26;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -670,6 +675,11 @@
     --display-indigo-fgColor: #9899ec;
     --display-indigo-borderColor-muted: #25215f;
     --display-indigo-borderColor-emphasis: #7070e1;
+    --display-pink-bgColor-muted: #2d1524;
+    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-fgColor: #e57bb2;
+    --display-pink-borderColor-muted: #451c35;
+    --display-pink-borderColor-emphasis: #d34591;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #ffffff26;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;

package/dist/css/functional/themes/light-colorblind.css

@@ -132,6 +132,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;
@@ -670,6 +675,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/css/functional/themes/light-high-contrast.css

@@ -132,6 +132,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;
@@ -670,6 +675,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/css/functional/themes/light-tritanopia.css

@@ -132,6 +132,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;
@@ -670,6 +675,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/css/functional/themes/light.css

@@ -132,6 +132,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;
@@ -670,6 +675,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/css/functional/typography/typography.css

@@ -20,7 +20,7 @@
   --text-title-size-large: 2rem;
   --text-display-lineHeight: 1.4;
   --text-display-size: 2.5rem;
-  --text-display-lineBoxHeight: 3.5rem;
+  --text-display-lineBoxHeight: 1.4;
   --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
   --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
   --fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';

package/dist/docs/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/docs/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",