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

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

@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #ced5dcb3;
   --control-bgColor-selected: #acb6c0;
   --control-fgColor-rest: #0e1116;
-  --control-fgColor-placeholder: #616a75;
+  --control-fgColor-placeholder: #464e58;
   --control-fgColor-disabled: #66707b;
   --control-borderColor-rest: #20252c;
   --control-borderColor-emphasis: #20252c;
@@ -279,8 +279,8 @@
   --button-inactive-fgColor: #4b535d;
   --button-inactive-bgColor: #e7ecf0;
   --button-star-iconColor: #d5a824;
-  --buttonCounter-default-bgColor-rest: #66707b33;
-  --buttonCounter-invisible-bgColor-rest: #66707b33;
+  --buttonCounter-default-bgColor-rest: #4b535d33;
+  --buttonCounter-invisible-bgColor-rest: #4b535d33;
   --buttonCounter-primary-bgColor-rest: #00230b33;
   --buttonCounter-outline-bgColor-rest: #0349b41a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -436,17 +436,17 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #66707b;
   --fgColor-link: #023b95;
-  --fgColor-neutral: #66707b;
+  --fgColor-neutral: #343b43;
   --fgColor-accent: #023b95;
-  --fgColor-success: #055d20;
-  --fgColor-attention: #744500;
-  --fgColor-severe: #873800;
+  --fgColor-success: #024c1a;
+  --fgColor-open: #024c1a;
+  --fgColor-attention: #603700;
+  --fgColor-severe: #702c00;
   --fgColor-danger: #8a071e;
-  --fgColor-open: #055d20;
   --fgColor-closed: #8a071e;
-  --fgColor-done: #622cbc;
-  --fgColor-upsell: #622cbc;
-  --fgColor-sponsors: #971368;
+  --fgColor-done: #512598;
+  --fgColor-upsell: #512598;
+  --fgColor-sponsors: #7d0c57;
   --bgColor-default: #ffffff;
   --bgColor-muted: #e7ecf0;
   --bgColor-inset: #ffffff;
@@ -457,19 +457,19 @@
   --bgColor-disabled: #ced5dcb3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #e7ecf0;
-  --bgColor-neutral-emphasis: #66707b;
+  --bgColor-neutral-emphasis: #4b535d;
   --bgColor-accent-muted: #dff7ff;
   --bgColor-accent-emphasis: #0349b4;
   --bgColor-success-muted: #d2fedb;
   --bgColor-success-emphasis: #055d20;
+  --bgColor-open-muted: #d2fedb;
+  --bgColor-open-emphasis: #055d20;
   --bgColor-attention-muted: #fcf7be;
   --bgColor-attention-emphasis: #744500;
   --bgColor-severe-muted: #fff2d5;
   --bgColor-severe-emphasis: #873800;
   --bgColor-danger-muted: #fff0ee;
   --bgColor-danger-emphasis: #a0111f;
-  --bgColor-open-muted: #d2fedb;
-  --bgColor-open-emphasis: #055d20;
   --bgColor-closed-muted: #fff0ee;
   --bgColor-closed-emphasis: #a0111f;
   --bgColor-done-muted: #faf0fe;
@@ -490,14 +490,14 @@
   --borderColor-accent-emphasis: #0349b4;
   --borderColor-success-muted: #26a148;
   --borderColor-success-emphasis: #055d20;
+  --borderColor-open-muted: #26a148;
+  --borderColor-open-emphasis: #055d20;
   --borderColor-attention-muted: #b58407;
   --borderColor-attention-emphasis: #744500;
   --borderColor-severe-muted: #dc6d1a;
   --borderColor-severe-emphasis: #873800;
   --borderColor-danger-muted: #ee5a5d;
   --borderColor-danger-emphasis: #a0111f;
-  --borderColor-open-muted: #26a148;
-  --borderColor-open-emphasis: #055d20;
   --borderColor-closed-muted: #ee5a5d66;
   --borderColor-closed-emphasis: #a0111f;
   --borderColor-done-muted: #a371f7;
@@ -732,7 +732,7 @@
     --control-bgColor-disabled: #ced5dcb3;
     --control-bgColor-selected: #acb6c0;
     --control-fgColor-rest: #0e1116;
-    --control-fgColor-placeholder: #616a75;
+    --control-fgColor-placeholder: #464e58;
     --control-fgColor-disabled: #66707b;
     --control-borderColor-rest: #20252c;
     --control-borderColor-emphasis: #20252c;
@@ -843,8 +843,8 @@
     --button-inactive-fgColor: #4b535d;
     --button-inactive-bgColor: #e7ecf0;
     --button-star-iconColor: #d5a824;
-    --buttonCounter-default-bgColor-rest: #66707b33;
-    --buttonCounter-invisible-bgColor-rest: #66707b33;
+    --buttonCounter-default-bgColor-rest: #4b535d33;
+    --buttonCounter-invisible-bgColor-rest: #4b535d33;
     --buttonCounter-primary-bgColor-rest: #00230b33;
     --buttonCounter-outline-bgColor-rest: #0349b41a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1000,17 +1000,17 @@
     --fgColor-black: #010409;
     --fgColor-disabled: #66707b;
     --fgColor-link: #023b95;
-    --fgColor-neutral: #66707b;
+    --fgColor-neutral: #343b43;
     --fgColor-accent: #023b95;
-    --fgColor-success: #055d20;
-    --fgColor-attention: #744500;
-    --fgColor-severe: #873800;
+    --fgColor-success: #024c1a;
+    --fgColor-open: #024c1a;
+    --fgColor-attention: #603700;
+    --fgColor-severe: #702c00;
     --fgColor-danger: #8a071e;
-    --fgColor-open: #055d20;
     --fgColor-closed: #8a071e;
-    --fgColor-done: #622cbc;
-    --fgColor-upsell: #622cbc;
-    --fgColor-sponsors: #971368;
+    --fgColor-done: #512598;
+    --fgColor-upsell: #512598;
+    --fgColor-sponsors: #7d0c57;
     --bgColor-default: #ffffff;
     --bgColor-muted: #e7ecf0;
     --bgColor-inset: #ffffff;
@@ -1021,19 +1021,19 @@
     --bgColor-disabled: #ced5dcb3;
     --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #e7ecf0;
-    --bgColor-neutral-emphasis: #66707b;
+    --bgColor-neutral-emphasis: #4b535d;
     --bgColor-accent-muted: #dff7ff;
     --bgColor-accent-emphasis: #0349b4;
     --bgColor-success-muted: #d2fedb;
     --bgColor-success-emphasis: #055d20;
+    --bgColor-open-muted: #d2fedb;
+    --bgColor-open-emphasis: #055d20;
     --bgColor-attention-muted: #fcf7be;
     --bgColor-attention-emphasis: #744500;
     --bgColor-severe-muted: #fff2d5;
     --bgColor-severe-emphasis: #873800;
     --bgColor-danger-muted: #fff0ee;
     --bgColor-danger-emphasis: #a0111f;
-    --bgColor-open-muted: #d2fedb;
-    --bgColor-open-emphasis: #055d20;
     --bgColor-closed-muted: #fff0ee;
     --bgColor-closed-emphasis: #a0111f;
     --bgColor-done-muted: #faf0fe;
@@ -1054,14 +1054,14 @@
     --borderColor-accent-emphasis: #0349b4;
     --borderColor-success-muted: #26a148;
     --borderColor-success-emphasis: #055d20;
+    --borderColor-open-muted: #26a148;
+    --borderColor-open-emphasis: #055d20;
     --borderColor-attention-muted: #b58407;
     --borderColor-attention-emphasis: #744500;
     --borderColor-severe-muted: #dc6d1a;
     --borderColor-severe-emphasis: #873800;
     --borderColor-danger-muted: #ee5a5d;
     --borderColor-danger-emphasis: #a0111f;
-    --borderColor-open-muted: #26a148;
-    --borderColor-open-emphasis: #055d20;
     --borderColor-closed-muted: #ee5a5d66;
     --borderColor-closed-emphasis: #a0111f;
     --borderColor-done-muted: #a371f7;

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

@@ -174,7 +174,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;
@@ -229,9 +229,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;
@@ -436,13 +436,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;
@@ -461,15 +461,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;
@@ -489,15 +489,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;
@@ -738,7 +738,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;
@@ -793,9 +793,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;
@@ -1000,13 +1000,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;
@@ -1025,15 +1025,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;
@@ -1053,15 +1053,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/css/functional/themes/light.css

@@ -436,13 +436,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;
@@ -462,14 +462,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;
@@ -490,14 +490,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;
@@ -1000,13 +1000,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;
@@ -1026,14 +1026,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;
@@ -1054,14 +1054,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/docs/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/docs/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": {