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

package/dist/figma/themes/light-tritanopia.json

@@ -5364,6 +5364,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.788235294117647,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/light/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.1843137254901961,
+      "b": 0.4745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/light/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 1,
+      "g": 0.8980392156862745,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/light/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

package/dist/figma/themes/light.json

@@ -5249,6 +5249,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.788235294117647,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/light/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.1843137254901961,
+      "b": 0.4745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/light/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 1,
+      "g": 0.8980392156862745,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/light/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

package/dist/figma/typography/typography.json

@@ -0,0 +1,370 @@
+[
+  {
+    "name": "text/codeBlock/lineHeight",
+    "value": "20px",
+    "type": "FLOAT",
+    "refId": "typography/text/codeBlock/lineHeight",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/codeBlock/size",
+    "value": 13,
+    "type": "FLOAT",
+    "refId": "typography/text/codeBlock/size",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/caption/lineHeight",
+    "value": "16px",
+    "type": "FLOAT",
+    "refId": "typography/text/caption/lineHeight",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/caption/size",
+    "value": 12,
+    "type": "FLOAT",
+    "refId": "typography/text/caption/size",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/body/lineHeight/small",
+    "value": "20px",
+    "type": "FLOAT",
+    "refId": "typography/text/body/lineHeight/small",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/body/lineHeight/medium",
+    "value": "20px",
+    "type": "FLOAT",
+    "refId": "typography/text/body/lineHeight/medium",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/body/lineHeight/large",
+    "value": "24px",
+    "type": "FLOAT",
+    "refId": "typography/text/body/lineHeight/large",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/body/size/small",
+    "value": 12,
+    "type": "FLOAT",
+    "refId": "typography/text/body/size/small",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/body/size/medium",
+    "value": 14,
+    "type": "FLOAT",
+    "refId": "typography/text/body/size/medium",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/body/size/large",
+    "value": 16,
+    "type": "FLOAT",
+    "refId": "typography/text/body/size/large",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/subtitle/lineHeight",
+    "value": 1.6,
+    "type": "FLOAT",
+    "refId": "typography/text/subtitle/lineHeight",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/subtitle/size",
+    "value": 20,
+    "type": "FLOAT",
+    "refId": "typography/text/subtitle/size",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/lineHeight/small",
+    "value": "24px",
+    "type": "FLOAT",
+    "refId": "typography/text/title/lineHeight/small",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/lineHeight/medium",
+    "value": "32px",
+    "type": "FLOAT",
+    "refId": "typography/text/title/lineHeight/medium",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/lineHeight/large",
+    "value": "48px",
+    "type": "FLOAT",
+    "refId": "typography/text/title/lineHeight/large",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/size/small",
+    "value": 16,
+    "type": "FLOAT",
+    "refId": "typography/text/title/size/small",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/size/medium",
+    "value": 20,
+    "type": "FLOAT",
+    "refId": "typography/text/title/size/medium",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/size/large",
+    "value": 32,
+    "type": "FLOAT",
+    "refId": "typography/text/title/size/large",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/display/lineHeight",
+    "value": "56px",
+    "type": "FLOAT",
+    "refId": "typography/text/display/lineHeight",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/display/size",
+    "value": 40,
+    "type": "FLOAT",
+    "refId": "typography/text/display/size",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/display/lineBoxHeight",
+    "value": "56px",
+    "type": "FLOAT",
+    "refId": "typography/text/display/lineBoxHeight",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "fontStack/monospace",
+    "value": "SF Mono",
+    "type": "STRING",
+    "refId": "typography/fontStack/monospace",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "fontStack/sansSerif",
+    "value": "SF Pro Text",
+    "type": "STRING",
+    "refId": "typography/fontStack/sansSerif",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "fontStack/system",
+    "value": "SF Pro Text",
+    "type": "STRING",
+    "refId": "typography/fontStack/system",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "base/text/weight/semibold",
+    "value": 600,
+    "type": "FLOAT",
+    "refId": "base/typography/base/text/weight/semibold",
+    "collection": "base/typography",
+    "mode": "default",
+    "group": "base/typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "base/text/weight/medium",
+    "value": 500,
+    "type": "FLOAT",
+    "refId": "base/typography/base/text/weight/medium",
+    "collection": "base/typography",
+    "mode": "default",
+    "group": "base/typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "base/text/weight/normal",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "base/typography/base/text/weight/normal",
+    "collection": "base/typography",
+    "mode": "default",
+    "group": "base/typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "base/text/weight/light",
+    "value": 300,
+    "type": "FLOAT",
+    "refId": "base/typography/base/text/weight/light",
+    "collection": "base/typography",
+    "mode": "default",
+    "group": "base/typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/codeInline/weight",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "typography/text/codeInline/weight",
+    "reference": "base/typography/base/text/weight/normal",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/codeBlock/weight",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "typography/text/codeBlock/weight",
+    "reference": "base/typography/base/text/weight/normal",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/caption/weight",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "typography/text/caption/weight",
+    "reference": "base/typography/base/text/weight/normal",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/subtitle/weight",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "typography/text/subtitle/weight",
+    "reference": "base/typography/base/text/weight/normal",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/weight/small",
+    "value": 600,
+    "type": "FLOAT",
+    "refId": "typography/text/title/weight/small",
+    "reference": "base/typography/base/text/weight/semibold",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/weight/medium",
+    "value": 600,
+    "type": "FLOAT",
+    "refId": "typography/text/title/weight/medium",
+    "reference": "base/typography/base/text/weight/semibold",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/title/weight/large",
+    "value": 600,
+    "type": "FLOAT",
+    "refId": "typography/text/title/weight/large",
+    "reference": "base/typography/base/text/weight/semibold",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "text/display/weight",
+    "value": 500,
+    "type": "FLOAT",
+    "refId": "typography/text/display/weight",
+    "reference": "base/typography/base/text/weight/medium",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["ALL_SCOPES"]
+  }
+]

package/dist/internalCss/dark-colorblind.css

@@ -417,6 +417,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;
@@ -1240,6 +1245,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/internalCss/dark-dimmed.css

@@ -417,6 +417,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;
@@ -1240,6 +1245,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/internalCss/dark-high-contrast.css

@@ -417,6 +417,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;
@@ -1240,6 +1245,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/internalCss/dark-tritanopia.css

@@ -417,6 +417,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;
@@ -1240,6 +1245,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/internalCss/dark.css

@@ -417,6 +417,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;
@@ -1240,6 +1245,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;