@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.8d438bd1

package/dist/internalCss/light-tritanopia.css

@@ -459,7 +459,7 @@
   --control-borderColor-emphasis: #868f99;
   --control-borderColor-disabled: #eaeef2b3;
   --control-borderColor-selected: #f6f8fa;
-  --control-borderColor-success: #218bff;
+  --control-borderColor-success: #0969da;
   --control-borderColor-danger: #cf222e;
   --control-borderColor-warning: #bf8700;
   --control-iconColor-rest: #636c76;
@@ -514,9 +514,9 @@
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffffcc;
-  --button-primary-bgColor-rest: #0f72e3;
-  --button-primary-bgColor-hover: #0d6bd8;
-  --button-primary-bgColor-active: #0b64ce;
+  --button-primary-bgColor-rest: #0969da;
+  --button-primary-bgColor-hover: #0864d1;
+  --button-primary-bgColor-active: #075fc8;
   --button-primary-bgColor-disabled: #92caff;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
@@ -721,13 +721,13 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #0969da;
+  --fgColor-open: #cf222e;
   --fgColor-attention: #9a6700;
   --fgColor-severe: #cf222e;
   --fgColor-danger: #d1242f;
-  --fgColor-open: #cf222e;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
   --fgColor-upsell: #8250df;
@@ -746,15 +746,15 @@
   --bgColor-accent-muted: #ddf4ff;
   --bgColor-accent-emphasis: #0969da;
   --bgColor-success-muted: #ddf4ff;
-  --bgColor-success-emphasis: #0f72e3;
+  --bgColor-success-emphasis: #0969da;
+  --bgColor-open-muted: #ffebe9;
+  --bgColor-open-emphasis: #cf222e;
   --bgColor-attention-muted: #fff8c5;
   --bgColor-attention-emphasis: #9a6700;
   --bgColor-severe-muted: #ffebe9;
   --bgColor-severe-emphasis: #cf222e;
   --bgColor-danger-muted: #ffebe9;
   --bgColor-danger-emphasis: #cf222e;
-  --bgColor-open-muted: #ffebe9;
-  --bgColor-open-emphasis: #cf222e;
   --bgColor-closed-muted: #f6f8fa;
   --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
@@ -774,15 +774,15 @@
   --borderColor-accent-muted: #54aeff66;
   --borderColor-accent-emphasis: #0969da;
   --borderColor-success-muted: #54aeff66;
-  --borderColor-success-emphasis: #218bff;
+  --borderColor-success-emphasis: #0969da;
+  --borderColor-open-muted: #ff818266;
+  --borderColor-open-emphasis: #cf222e;
   --borderColor-attention-muted: #d4a72c66;
   --borderColor-attention-emphasis: #bf8700;
   --borderColor-severe-muted: #ff818266;
   --borderColor-severe-emphasis: #cf222e;
   --borderColor-danger-muted: #ff818266;
   --borderColor-danger-emphasis: #cf222e;
-  --borderColor-open-muted: #ff818266;
-  --borderColor-open-emphasis: #cf222e;
   --borderColor-closed-muted: #afb8c166;
   --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
@@ -1308,7 +1308,7 @@
     --control-borderColor-emphasis: #868f99;
     --control-borderColor-disabled: #eaeef2b3;
     --control-borderColor-selected: #f6f8fa;
-    --control-borderColor-success: #218bff;
+    --control-borderColor-success: #0969da;
     --control-borderColor-danger: #cf222e;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
@@ -1363,9 +1363,9 @@
     --button-primary-fgColor-rest: #ffffff;
     --button-primary-fgColor-disabled: #ffffffcc;
     --button-primary-iconColor-rest: #ffffffcc;
-    --button-primary-bgColor-rest: #0f72e3;
-    --button-primary-bgColor-hover: #0d6bd8;
-    --button-primary-bgColor-active: #0b64ce;
+    --button-primary-bgColor-rest: #0969da;
+    --button-primary-bgColor-hover: #0864d1;
+    --button-primary-bgColor-active: #075fc8;
     --button-primary-bgColor-disabled: #92caff;
     --button-primary-borderColor-rest: #1f232826;
     --button-primary-borderColor-hover: #1f232826;
@@ -1570,13 +1570,13 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
+    --fgColor-open: #cf222e;
     --fgColor-attention: #9a6700;
     --fgColor-severe: #cf222e;
     --fgColor-danger: #d1242f;
-    --fgColor-open: #cf222e;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
     --fgColor-upsell: #8250df;
@@ -1595,15 +1595,15 @@
     --bgColor-accent-muted: #ddf4ff;
     --bgColor-accent-emphasis: #0969da;
     --bgColor-success-muted: #ddf4ff;
-    --bgColor-success-emphasis: #0f72e3;
+    --bgColor-success-emphasis: #0969da;
+    --bgColor-open-muted: #ffebe9;
+    --bgColor-open-emphasis: #cf222e;
     --bgColor-attention-muted: #fff8c5;
     --bgColor-attention-emphasis: #9a6700;
     --bgColor-severe-muted: #ffebe9;
     --bgColor-severe-emphasis: #cf222e;
     --bgColor-danger-muted: #ffebe9;
     --bgColor-danger-emphasis: #cf222e;
-    --bgColor-open-muted: #ffebe9;
-    --bgColor-open-emphasis: #cf222e;
     --bgColor-closed-muted: #f6f8fa;
     --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
@@ -1623,15 +1623,15 @@
     --borderColor-accent-muted: #54aeff66;
     --borderColor-accent-emphasis: #0969da;
     --borderColor-success-muted: #54aeff66;
-    --borderColor-success-emphasis: #218bff;
+    --borderColor-success-emphasis: #0969da;
+    --borderColor-open-muted: #ff818266;
+    --borderColor-open-emphasis: #cf222e;
     --borderColor-attention-muted: #d4a72c66;
     --borderColor-attention-emphasis: #bf8700;
     --borderColor-severe-muted: #ff818266;
     --borderColor-severe-emphasis: #cf222e;
     --borderColor-danger-muted: #ff818266;
     --borderColor-danger-emphasis: #cf222e;
-    --borderColor-open-muted: #ff818266;
-    --borderColor-open-emphasis: #cf222e;
     --borderColor-closed-muted: #afb8c166;
     --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;

package/dist/internalCss/light.css

@@ -721,13 +721,13 @@
   --fgColor-black: #1f2328;
   --fgColor-disabled: #8c959f;
   --fgColor-link: #0969da;
-  --fgColor-neutral: #6e7781;
+  --fgColor-neutral: #57606a;
   --fgColor-accent: #0969da;
   --fgColor-success: #1a7f37;
+  --fgColor-open: #1a7f37;
   --fgColor-attention: #9a6700;
   --fgColor-severe: #bc4c00;
   --fgColor-danger: #d1242f;
-  --fgColor-open: #1a7f37;
   --fgColor-closed: #d1242f;
   --fgColor-done: #8250df;
   --fgColor-upsell: #8250df;
@@ -747,14 +747,14 @@
   --bgColor-accent-emphasis: #0969da;
   --bgColor-success-muted: #dafbe1;
   --bgColor-success-emphasis: #1f883d;
+  --bgColor-open-muted: #dafbe1;
+  --bgColor-open-emphasis: #1f883d;
   --bgColor-attention-muted: #fff8c5;
   --bgColor-attention-emphasis: #9a6700;
   --bgColor-severe-muted: #fff1e5;
   --bgColor-severe-emphasis: #bc4c00;
   --bgColor-danger-muted: #ffebe9;
   --bgColor-danger-emphasis: #cf222e;
-  --bgColor-open-muted: #dafbe1;
-  --bgColor-open-emphasis: #1f883d;
   --bgColor-closed-muted: #ffebe9;
   --bgColor-closed-emphasis: #cf222e;
   --bgColor-done-muted: #fbefff;
@@ -775,14 +775,14 @@
   --borderColor-accent-emphasis: #0969da;
   --borderColor-success-muted: #4ac26b66;
   --borderColor-success-emphasis: #1a7f37;
+  --borderColor-open-muted: #4ac26b66;
+  --borderColor-open-emphasis: #1a7f37;
   --borderColor-attention-muted: #d4a72c66;
   --borderColor-attention-emphasis: #bf8700;
   --borderColor-severe-muted: #fb8f4466;
   --borderColor-severe-emphasis: #bc4c00;
   --borderColor-danger-muted: #ff818266;
   --borderColor-danger-emphasis: #cf222e;
-  --borderColor-open-muted: #4ac26b66;
-  --borderColor-open-emphasis: #1a7f37;
   --borderColor-closed-muted: #ff818266;
   --borderColor-closed-emphasis: #cf222e;
   --borderColor-done-muted: #c297ff66;
@@ -1570,13 +1570,13 @@
     --fgColor-black: #1f2328;
     --fgColor-disabled: #8c959f;
     --fgColor-link: #0969da;
-    --fgColor-neutral: #6e7781;
+    --fgColor-neutral: #57606a;
     --fgColor-accent: #0969da;
     --fgColor-success: #1a7f37;
+    --fgColor-open: #1a7f37;
     --fgColor-attention: #9a6700;
     --fgColor-severe: #bc4c00;
     --fgColor-danger: #d1242f;
-    --fgColor-open: #1a7f37;
     --fgColor-closed: #d1242f;
     --fgColor-done: #8250df;
     --fgColor-upsell: #8250df;
@@ -1596,14 +1596,14 @@
     --bgColor-accent-emphasis: #0969da;
     --bgColor-success-muted: #dafbe1;
     --bgColor-success-emphasis: #1f883d;
+    --bgColor-open-muted: #dafbe1;
+    --bgColor-open-emphasis: #1f883d;
     --bgColor-attention-muted: #fff8c5;
     --bgColor-attention-emphasis: #9a6700;
     --bgColor-severe-muted: #fff1e5;
     --bgColor-severe-emphasis: #bc4c00;
     --bgColor-danger-muted: #ffebe9;
     --bgColor-danger-emphasis: #cf222e;
-    --bgColor-open-muted: #dafbe1;
-    --bgColor-open-emphasis: #1f883d;
     --bgColor-closed-muted: #ffebe9;
     --bgColor-closed-emphasis: #cf222e;
     --bgColor-done-muted: #fbefff;
@@ -1624,14 +1624,14 @@
     --borderColor-accent-emphasis: #0969da;
     --borderColor-success-muted: #4ac26b66;
     --borderColor-success-emphasis: #1a7f37;
+    --borderColor-open-muted: #4ac26b66;
+    --borderColor-open-emphasis: #1a7f37;
     --borderColor-attention-muted: #d4a72c66;
     --borderColor-attention-emphasis: #bf8700;
     --borderColor-severe-muted: #fb8f4466;
     --borderColor-severe-emphasis: #bc4c00;
     --borderColor-danger-muted: #ff818266;
     --borderColor-danger-emphasis: #cf222e;
-    --borderColor-open-muted: #4ac26b66;
-    --borderColor-open-emphasis: #1a7f37;
     --borderColor-closed-muted: #ff818266;
     --borderColor-closed-emphasis: #cf222e;
     --borderColor-done-muted: #c297ff66;

package/dist/styleLint/functional/size/border.json

@@ -205,6 +205,37 @@
     "attributes": {},
     "path": ["borderRadius", "full"]
   },
+  "borderRadius-default": {
+    "value": ["0.0234375rem", "0.375px"],
+    "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "functional/size",
+        "scopes": ["radius"],
+        "codeSyntax": {
+          "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/size/border.json",
+    "isSource": true,
+    "original": {
+      "value": "{borderRadius.medium}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["radius"],
+          "codeSyntax": {
+            "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
+          }
+        }
+      }
+    },
+    "name": "borderRadius-default",
+    "attributes": {},
+    "path": ["borderRadius", "default"]
+  },
   "outline-focus-offset": {
     "value": ["-0.125rem", "-2px"],
     "$type": "dimension",

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

@@ -12804,7 +12804,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#6e7681",
+    "value": "#b1bac4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12817,7 +12817,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14137,7 +14137,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.4}",
+      "value": "{bgColor.done.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14173,7 +14173,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{bgColor.done.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -12810,7 +12810,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#636e7b",
+    "value": "#909dab",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12823,7 +12823,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14035,7 +14035,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.5}",
+      "value": "{bgColor.danger.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14143,7 +14143,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.4}",
+      "value": "{bgColor.done.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14179,7 +14179,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{bgColor.done.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {