@primer/primitives 7.17.0-rc.1685583f → 7.17.0-rc.34cd1021

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

@@ -5,16 +5,16 @@
   --base-color-black: #010409;
   --base-color-white: #ffffff;
   --base-color-transparent: #00000000;
-  --base-color-gray-0: #f0f6fc;
-  --base-color-gray-1: #c9d1d9;
-  --base-color-gray-2: #b1bac4;
-  --base-color-gray-3: #8b949e;
-  --base-color-gray-4: #6e7681;
-  --base-color-gray-5: #484f58;
-  --base-color-gray-6: #30363d;
-  --base-color-gray-7: #21262d;
-  --base-color-gray-8: #161b22;
-  --base-color-gray-9: #0d1117;
+  --base-color-neutral-0: #f0f6fc;
+  --base-color-neutral-1: #c9d1d9;
+  --base-color-neutral-2: #b1bac4;
+  --base-color-neutral-3: #8b949e;
+  --base-color-neutral-4: #6e7681;
+  --base-color-neutral-5: #484f58;
+  --base-color-neutral-6: #30363d;
+  --base-color-neutral-7: #21262d;
+  --base-color-neutral-8: #161b22;
+  --base-color-neutral-9: #0d1117;
   --base-color-blue-0: #cae8ff;
   --base-color-blue-1: #a5d6ff;
   --base-color-blue-2: #79c0ff;
@@ -68,8 +68,8 @@
   --base-color-purple-0: #eddeff;
   --base-color-purple-1: #e2c5ff;
   --base-color-purple-2: #d2a8ff;
-  --base-color-purple-3: #bc8cff;
-  --base-color-purple-4: #a371f7;
+  --base-color-purple-3: #be8fff;
+  --base-color-purple-4: #ab7df8;
   --base-color-purple-5: #8957e5;
   --base-color-purple-6: #6e40c9;
   --base-color-purple-7: #553098;
@@ -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;
@@ -703,8 +708,8 @@
   --fgColor-danger: #db6d28;
   --fgColor-open: #f0883e;
   --fgColor-closed: #8b949e;
-  --fgColor-done: #a371f7;
-  --fgColor-upsell: #a371f7;
+  --fgColor-done: #ab7df8;
+  --fgColor-upsell: #ab7df8;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -731,9 +736,9 @@
   --bgColor-open-emphasis: #bd561d;
   --bgColor-closed-muted: #6e768166;
   --bgColor-closed-emphasis: #6e7681;
-  --bgColor-done-muted: #a371f726;
+  --bgColor-done-muted: #ab7df826;
   --bgColor-done-emphasis: #8957e5;
-  --bgColor-upsell-muted: #a371f726;
+  --bgColor-upsell-muted: #ab7df826;
   --bgColor-upsell-emphasis: #8957e5;
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
@@ -758,9 +763,9 @@
   --borderColor-open-emphasis: #db6d28;
   --borderColor-closed-muted: #6e768166;
   --borderColor-closed-emphasis: #6e7681;
-  --borderColor-done-muted: #a371f766;
+  --borderColor-done-muted: #ab7df866;
   --borderColor-done-emphasis: #8957e5;
-  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-muted: #ab7df866;
   --borderColor-upsell-emphasis: #8957e5;
   --borderColor-sponsors-muted: #db61a266;
   --borderColor-sponsors-emphasis: #bf4b8a;
@@ -777,7 +782,7 @@
   --color-ansi-yellow-bright: #e3b341;
   --color-ansi-blue: #58a6ff;
   --color-ansi-blue-bright: #79c0ff;
-  --color-ansi-magenta: #bc8cff;
+  --color-ansi-magenta: #be8fff;
   --color-ansi-magenta-bright: #d2a8ff;
   --color-ansi-cyan: #39c5cf;
   --color-ansi-cyan-bright: #56d4dd;
@@ -828,16 +833,16 @@
     --base-color-black: #010409;
     --base-color-white: #ffffff;
     --base-color-transparent: #00000000;
-    --base-color-gray-0: #f0f6fc;
-    --base-color-gray-1: #c9d1d9;
-    --base-color-gray-2: #b1bac4;
-    --base-color-gray-3: #8b949e;
-    --base-color-gray-4: #6e7681;
-    --base-color-gray-5: #484f58;
-    --base-color-gray-6: #30363d;
-    --base-color-gray-7: #21262d;
-    --base-color-gray-8: #161b22;
-    --base-color-gray-9: #0d1117;
+    --base-color-neutral-0: #f0f6fc;
+    --base-color-neutral-1: #c9d1d9;
+    --base-color-neutral-2: #b1bac4;
+    --base-color-neutral-3: #8b949e;
+    --base-color-neutral-4: #6e7681;
+    --base-color-neutral-5: #484f58;
+    --base-color-neutral-6: #30363d;
+    --base-color-neutral-7: #21262d;
+    --base-color-neutral-8: #161b22;
+    --base-color-neutral-9: #0d1117;
     --base-color-blue-0: #cae8ff;
     --base-color-blue-1: #a5d6ff;
     --base-color-blue-2: #79c0ff;
@@ -891,8 +896,8 @@
     --base-color-purple-0: #eddeff;
     --base-color-purple-1: #e2c5ff;
     --base-color-purple-2: #d2a8ff;
-    --base-color-purple-3: #bc8cff;
-    --base-color-purple-4: #a371f7;
+    --base-color-purple-3: #be8fff;
+    --base-color-purple-4: #ab7df8;
     --base-color-purple-5: #8957e5;
     --base-color-purple-6: #6e40c9;
     --base-color-purple-7: #553098;
@@ -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;
@@ -1526,8 +1536,8 @@
     --fgColor-danger: #db6d28;
     --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
-    --fgColor-done: #a371f7;
-    --fgColor-upsell: #a371f7;
+    --fgColor-done: #ab7df8;
+    --fgColor-upsell: #ab7df8;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -1554,9 +1564,9 @@
     --bgColor-open-emphasis: #bd561d;
     --bgColor-closed-muted: #6e768166;
     --bgColor-closed-emphasis: #6e7681;
-    --bgColor-done-muted: #a371f726;
+    --bgColor-done-muted: #ab7df826;
     --bgColor-done-emphasis: #8957e5;
-    --bgColor-upsell-muted: #a371f726;
+    --bgColor-upsell-muted: #ab7df826;
     --bgColor-upsell-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
@@ -1581,9 +1591,9 @@
     --borderColor-open-emphasis: #db6d28;
     --borderColor-closed-muted: #6e768166;
     --borderColor-closed-emphasis: #6e7681;
-    --borderColor-done-muted: #a371f766;
+    --borderColor-done-muted: #ab7df866;
     --borderColor-done-emphasis: #8957e5;
-    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-muted: #ab7df866;
     --borderColor-upsell-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
@@ -1600,7 +1610,7 @@
     --color-ansi-yellow-bright: #e3b341;
     --color-ansi-blue: #58a6ff;
     --color-ansi-blue-bright: #79c0ff;
-    --color-ansi-magenta: #bc8cff;
+    --color-ansi-magenta: #be8fff;
     --color-ansi-magenta-bright: #d2a8ff;
     --color-ansi-cyan: #39c5cf;
     --color-ansi-cyan-bright: #56d4dd;

package/dist/internalCss/dark-dimmed.css

@@ -5,16 +5,16 @@
   --base-color-black: #1c2128;
   --base-color-white: #cdd9e5;
   --base-color-transparent: #00000000;
-  --base-color-gray-0: #cdd9e5;
-  --base-color-gray-1: #adbac7;
-  --base-color-gray-2: #909dab;
-  --base-color-gray-3: #768390;
-  --base-color-gray-4: #636e7b;
-  --base-color-gray-5: #545d68;
-  --base-color-gray-6: #444c56;
-  --base-color-gray-7: #373e47;
-  --base-color-gray-8: #2d333b;
-  --base-color-gray-9: #22272e;
+  --base-color-neutral-0: #cdd9e5;
+  --base-color-neutral-1: #adbac7;
+  --base-color-neutral-2: #909dab;
+  --base-color-neutral-3: #768390;
+  --base-color-neutral-4: #636e7b;
+  --base-color-neutral-5: #545d68;
+  --base-color-neutral-6: #444c56;
+  --base-color-neutral-7: #373e47;
+  --base-color-neutral-8: #2d333b;
+  --base-color-neutral-9: #22272e;
   --base-color-blue-0: #c6e6ff;
   --base-color-blue-1: #96d0ff;
   --base-color-blue-2: #6cb6ff;
@@ -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;
@@ -828,16 +833,16 @@
     --base-color-black: #1c2128;
     --base-color-white: #cdd9e5;
     --base-color-transparent: #00000000;
-    --base-color-gray-0: #cdd9e5;
-    --base-color-gray-1: #adbac7;
-    --base-color-gray-2: #909dab;
-    --base-color-gray-3: #768390;
-    --base-color-gray-4: #636e7b;
-    --base-color-gray-5: #545d68;
-    --base-color-gray-6: #444c56;
-    --base-color-gray-7: #373e47;
-    --base-color-gray-8: #2d333b;
-    --base-color-gray-9: #22272e;
+    --base-color-neutral-0: #cdd9e5;
+    --base-color-neutral-1: #adbac7;
+    --base-color-neutral-2: #909dab;
+    --base-color-neutral-3: #768390;
+    --base-color-neutral-4: #636e7b;
+    --base-color-neutral-5: #545d68;
+    --base-color-neutral-6: #444c56;
+    --base-color-neutral-7: #373e47;
+    --base-color-neutral-8: #2d333b;
+    --base-color-neutral-9: #22272e;
     --base-color-blue-0: #c6e6ff;
     --base-color-blue-1: #96d0ff;
     --base-color-blue-2: #6cb6ff;
@@ -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;