@primer/primitives 7.17.0-rc.132f02a7 → 7.17.0-rc.34cd1021

package/dist/internalCss/dark.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;
@@ -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;
@@ -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;
@@ -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/light-colorblind.css

@@ -5,16 +5,16 @@
   --base-color-black: #1f2328;
   --base-color-transparent: #ffffff00;
   --base-color-white: #ffffff;
-  --base-color-gray-0: #f6f8fa;
-  --base-color-gray-1: #eaeef2;
-  --base-color-gray-2: #d0d7de;
-  --base-color-gray-3: #afb8c1;
-  --base-color-gray-4: #8c959f;
-  --base-color-gray-5: #6e7781;
-  --base-color-gray-6: #57606a;
-  --base-color-gray-7: #424a53;
-  --base-color-gray-8: #32383f;
-  --base-color-gray-9: #24292f;
+  --base-color-neutral-0: #f6f8fa;
+  --base-color-neutral-1: #eaeef2;
+  --base-color-neutral-2: #d0d7de;
+  --base-color-neutral-3: #afb8c1;
+  --base-color-neutral-4: #8c959f;
+  --base-color-neutral-5: #6e7781;
+  --base-color-neutral-6: #57606a;
+  --base-color-neutral-7: #424a53;
+  --base-color-neutral-8: #32383f;
+  --base-color-neutral-9: #24292f;
   --base-color-blue-0: #ddf4ff;
   --base-color-blue-1: #b6e3ff;
   --base-color-blue-2: #80ccff;
@@ -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;
@@ -828,16 +833,16 @@
     --base-color-black: #1f2328;
     --base-color-transparent: #ffffff00;
     --base-color-white: #ffffff;
-    --base-color-gray-0: #f6f8fa;
-    --base-color-gray-1: #eaeef2;
-    --base-color-gray-2: #d0d7de;
-    --base-color-gray-3: #afb8c1;
-    --base-color-gray-4: #8c959f;
-    --base-color-gray-5: #6e7781;
-    --base-color-gray-6: #57606a;
-    --base-color-gray-7: #424a53;
-    --base-color-gray-8: #32383f;
-    --base-color-gray-9: #24292f;
+    --base-color-neutral-0: #f6f8fa;
+    --base-color-neutral-1: #eaeef2;
+    --base-color-neutral-2: #d0d7de;
+    --base-color-neutral-3: #afb8c1;
+    --base-color-neutral-4: #8c959f;
+    --base-color-neutral-5: #6e7781;
+    --base-color-neutral-6: #57606a;
+    --base-color-neutral-7: #424a53;
+    --base-color-neutral-8: #32383f;
+    --base-color-neutral-9: #24292f;
     --base-color-blue-0: #ddf4ff;
     --base-color-blue-1: #b6e3ff;
     --base-color-blue-2: #80ccff;
@@ -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

@@ -5,16 +5,16 @@
   --base-color-black: #010409;
   --base-color-transparent: #ffffff00;
   --base-color-white: #ffffff;
-  --base-color-gray-0: #ffffff;
-  --base-color-gray-1: #e7ecf0;
-  --base-color-gray-2: #ced5dc;
-  --base-color-gray-3: #acb6c0;
-  --base-color-gray-4: #88929d;
-  --base-color-gray-5: #66707b;
-  --base-color-gray-6: #4b535d;
-  --base-color-gray-7: #343b43;
-  --base-color-gray-8: #20252c;
-  --base-color-gray-9: #0e1116;
+  --base-color-neutral-0: #ffffff;
+  --base-color-neutral-1: #e7ecf0;
+  --base-color-neutral-2: #ced5dc;
+  --base-color-neutral-3: #acb6c0;
+  --base-color-neutral-4: #88929d;
+  --base-color-neutral-5: #66707b;
+  --base-color-neutral-6: #4b535d;
+  --base-color-neutral-7: #343b43;
+  --base-color-neutral-8: #20252c;
+  --base-color-neutral-9: #0e1116;
   --base-color-blue-0: #dff7ff;
   --base-color-blue-1: #9cd7ff;
   --base-color-blue-2: #67b3fd;
@@ -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;
@@ -828,16 +833,16 @@
     --base-color-black: #010409;
     --base-color-transparent: #ffffff00;
     --base-color-white: #ffffff;
-    --base-color-gray-0: #ffffff;
-    --base-color-gray-1: #e7ecf0;
-    --base-color-gray-2: #ced5dc;
-    --base-color-gray-3: #acb6c0;
-    --base-color-gray-4: #88929d;
-    --base-color-gray-5: #66707b;
-    --base-color-gray-6: #4b535d;
-    --base-color-gray-7: #343b43;
-    --base-color-gray-8: #20252c;
-    --base-color-gray-9: #0e1116;
+    --base-color-neutral-0: #ffffff;
+    --base-color-neutral-1: #e7ecf0;
+    --base-color-neutral-2: #ced5dc;
+    --base-color-neutral-3: #acb6c0;
+    --base-color-neutral-4: #88929d;
+    --base-color-neutral-5: #66707b;
+    --base-color-neutral-6: #4b535d;
+    --base-color-neutral-7: #343b43;
+    --base-color-neutral-8: #20252c;
+    --base-color-neutral-9: #0e1116;
     --base-color-blue-0: #dff7ff;
     --base-color-blue-1: #9cd7ff;
     --base-color-blue-2: #67b3fd;
@@ -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

@@ -5,16 +5,16 @@
   --base-color-black: #1f2328;
   --base-color-transparent: #ffffff00;
   --base-color-white: #ffffff;
-  --base-color-gray-0: #f6f8fa;
-  --base-color-gray-1: #eaeef2;
-  --base-color-gray-2: #d0d7de;
-  --base-color-gray-3: #afb8c1;
-  --base-color-gray-4: #8c959f;
-  --base-color-gray-5: #6e7781;
-  --base-color-gray-6: #57606a;
-  --base-color-gray-7: #424a53;
-  --base-color-gray-8: #32383f;
-  --base-color-gray-9: #24292f;
+  --base-color-neutral-0: #f6f8fa;
+  --base-color-neutral-1: #eaeef2;
+  --base-color-neutral-2: #d0d7de;
+  --base-color-neutral-3: #afb8c1;
+  --base-color-neutral-4: #8c959f;
+  --base-color-neutral-5: #6e7781;
+  --base-color-neutral-6: #57606a;
+  --base-color-neutral-7: #424a53;
+  --base-color-neutral-8: #32383f;
+  --base-color-neutral-9: #24292f;
   --base-color-blue-0: #ddf4ff;
   --base-color-blue-1: #b6e3ff;
   --base-color-blue-2: #80ccff;
@@ -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;
@@ -828,16 +833,16 @@
     --base-color-black: #1f2328;
     --base-color-transparent: #ffffff00;
     --base-color-white: #ffffff;
-    --base-color-gray-0: #f6f8fa;
-    --base-color-gray-1: #eaeef2;
-    --base-color-gray-2: #d0d7de;
-    --base-color-gray-3: #afb8c1;
-    --base-color-gray-4: #8c959f;
-    --base-color-gray-5: #6e7781;
-    --base-color-gray-6: #57606a;
-    --base-color-gray-7: #424a53;
-    --base-color-gray-8: #32383f;
-    --base-color-gray-9: #24292f;
+    --base-color-neutral-0: #f6f8fa;
+    --base-color-neutral-1: #eaeef2;
+    --base-color-neutral-2: #d0d7de;
+    --base-color-neutral-3: #afb8c1;
+    --base-color-neutral-4: #8c959f;
+    --base-color-neutral-5: #6e7781;
+    --base-color-neutral-6: #57606a;
+    --base-color-neutral-7: #424a53;
+    --base-color-neutral-8: #32383f;
+    --base-color-neutral-9: #24292f;
     --base-color-blue-0: #ddf4ff;
     --base-color-blue-1: #b6e3ff;
     --base-color-blue-2: #80ccff;
@@ -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

@@ -5,16 +5,16 @@
   --base-color-black: #1f2328;
   --base-color-transparent: #ffffff00;
   --base-color-white: #ffffff;
-  --base-color-gray-0: #f6f8fa;
-  --base-color-gray-1: #eaeef2;
-  --base-color-gray-2: #d0d7de;
-  --base-color-gray-3: #afb8c1;
-  --base-color-gray-4: #8c959f;
-  --base-color-gray-5: #6e7781;
-  --base-color-gray-6: #57606a;
-  --base-color-gray-7: #424a53;
-  --base-color-gray-8: #32383f;
-  --base-color-gray-9: #24292f;
+  --base-color-neutral-0: #f6f8fa;
+  --base-color-neutral-1: #eaeef2;
+  --base-color-neutral-2: #d0d7de;
+  --base-color-neutral-3: #afb8c1;
+  --base-color-neutral-4: #8c959f;
+  --base-color-neutral-5: #6e7781;
+  --base-color-neutral-6: #57606a;
+  --base-color-neutral-7: #424a53;
+  --base-color-neutral-8: #32383f;
+  --base-color-neutral-9: #24292f;
   --base-color-blue-0: #ddf4ff;
   --base-color-blue-1: #b6e3ff;
   --base-color-blue-2: #80ccff;
@@ -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;
@@ -828,16 +833,16 @@
     --base-color-black: #1f2328;
     --base-color-transparent: #ffffff00;
     --base-color-white: #ffffff;
-    --base-color-gray-0: #f6f8fa;
-    --base-color-gray-1: #eaeef2;
-    --base-color-gray-2: #d0d7de;
-    --base-color-gray-3: #afb8c1;
-    --base-color-gray-4: #8c959f;
-    --base-color-gray-5: #6e7781;
-    --base-color-gray-6: #57606a;
-    --base-color-gray-7: #424a53;
-    --base-color-gray-8: #32383f;
-    --base-color-gray-9: #24292f;
+    --base-color-neutral-0: #f6f8fa;
+    --base-color-neutral-1: #eaeef2;
+    --base-color-neutral-2: #d0d7de;
+    --base-color-neutral-3: #afb8c1;
+    --base-color-neutral-4: #8c959f;
+    --base-color-neutral-5: #6e7781;
+    --base-color-neutral-6: #57606a;
+    --base-color-neutral-7: #424a53;
+    --base-color-neutral-8: #32383f;
+    --base-color-neutral-9: #24292f;
     --base-color-blue-0: #ddf4ff;
     --base-color-blue-1: #b6e3ff;
     --base-color-blue-2: #80ccff;
@@ -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": {},