@primer/primitives 0.0.0-20250120083549 → 0.0.0-20250120084248

package/dist/css/functional/themes/dark-colorblind.css

@@ -30,6 +30,8 @@
   --bgColor-muted: #151b23;
   --bgColor-neutral-emphasis: #656c76;
   --bgColor-neutral-muted: #656c7633;
+  --bgColor-open-emphasis: #bd561d;
+  --bgColor-open-muted: #db6d281a;
   --bgColor-severe-emphasis: #bd561d;
   --bgColor-severe-muted: #db6d281a;
   --bgColor-sponsors-emphasis: #bf4b8a;
@@ -48,6 +50,8 @@
   --borderColor-done-emphasis: #8957e5;
   --borderColor-done-muted: #ab7df866;
   --borderColor-emphasis: #656c76;
+  --borderColor-open-emphasis: #db6d28;
+  --borderColor-open-muted: #f0883e;
   --borderColor-severe-emphasis: #bd561d;
   --borderColor-severe-muted: #db6d2866;
   --borderColor-sponsors-emphasis: #bf4b8a;
@@ -420,8 +424,6 @@
   --bgColor-closed-muted: #656c761a;
   --bgColor-inset: #010409;
   --bgColor-inverse: #ffffff;
-  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
-  --bgColor-open-muted: var(--bgColor-success-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
   --bgColor-white: #ffffff;
@@ -444,11 +446,9 @@
   --border-success-muted: 0.0625rem solid #388bfd66;
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
-  --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-closed-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
-  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
-  --borderColor-open-muted: var(--borderColor-success-muted);
   --borderColor-translucent: #ffffff26;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
   --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -636,6 +636,8 @@
     --bgColor-muted: #151b23;
     --bgColor-neutral-emphasis: #656c76;
     --bgColor-neutral-muted: #656c7633;
+    --bgColor-open-emphasis: #bd561d;
+    --bgColor-open-muted: #db6d281a;
     --bgColor-severe-emphasis: #bd561d;
     --bgColor-severe-muted: #db6d281a;
     --bgColor-sponsors-emphasis: #bf4b8a;
@@ -654,6 +656,8 @@
     --borderColor-done-emphasis: #8957e5;
     --borderColor-done-muted: #ab7df866;
     --borderColor-emphasis: #656c76;
+    --borderColor-open-emphasis: #db6d28;
+    --borderColor-open-muted: #f0883e;
     --borderColor-severe-emphasis: #bd561d;
     --borderColor-severe-muted: #db6d2866;
     --borderColor-sponsors-emphasis: #bf4b8a;
@@ -1026,8 +1030,6 @@
     --bgColor-closed-muted: #656c761a;
     --bgColor-inset: #010409;
     --bgColor-inverse: #ffffff;
-    --bgColor-open-emphasis: var(--bgColor-success-emphasis);
-    --bgColor-open-muted: var(--bgColor-success-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
     --bgColor-upsell-muted: var(--bgColor-done-muted);
     --bgColor-white: #ffffff;
@@ -1050,11 +1052,9 @@
     --border-success-muted: 0.0625rem solid #388bfd66;
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
-    --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-closed-muted: #3d444d66;
     --borderColor-muted: #3d444db3;
     --borderColor-neutral-emphasis: var(--borderColor-emphasis);
-    --borderColor-open-emphasis: var(--borderColor-success-emphasis);
-    --borderColor-open-muted: var(--borderColor-success-muted);
     --borderColor-translucent: #ffffff26;
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
     --borderColor-upsell-muted: var(--borderColor-done-muted);

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

@@ -29,6 +29,8 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-neutral-emphasis: #59636e;
   --bgColor-neutral-muted: #818b981f;
+  --bgColor-open-emphasis: #bc4c00;
+  --bgColor-open-muted: #fff1e5;
   --bgColor-severe-emphasis: #bc4c00;
   --bgColor-severe-muted: #fff1e5;
   --bgColor-sponsors-emphasis: #bf3989;
@@ -48,6 +50,8 @@
   --borderColor-done-muted: #c297ff66;
   --borderColor-emphasis: #818b98;
   --borderColor-neutral-emphasis: #59636e;
+  --borderColor-open-emphasis: #e16f24;
+  --borderColor-open-muted: #fb8f44;
   --borderColor-severe-emphasis: #bc4c00;
   --borderColor-severe-muted: #fb8f4466;
   --borderColor-sponsors-emphasis: #bf3989;
@@ -404,8 +408,6 @@
   --bgColor-closed-muted: var(--bgColor-neutral-muted);
   --bgColor-default: #ffffff;
   --bgColor-inset: var(--bgColor-muted);
-  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
-  --bgColor-open-muted: var(--bgColor-success-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
   --bgColor-white: #ffffff;
@@ -431,8 +433,6 @@
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
   --borderColor-closed-muted: #d1d9e066;
   --borderColor-muted: #d1d9e0b3;
-  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
-  --borderColor-open-muted: var(--borderColor-success-muted);
   --borderColor-translucent: #1f232826;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
   --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -635,6 +635,8 @@
     --bgColor-muted: #f6f8fa;
     --bgColor-neutral-emphasis: #59636e;
     --bgColor-neutral-muted: #818b981f;
+    --bgColor-open-emphasis: #bc4c00;
+    --bgColor-open-muted: #fff1e5;
     --bgColor-severe-emphasis: #bc4c00;
     --bgColor-severe-muted: #fff1e5;
     --bgColor-sponsors-emphasis: #bf3989;
@@ -654,6 +656,8 @@
     --borderColor-done-muted: #c297ff66;
     --borderColor-emphasis: #818b98;
     --borderColor-neutral-emphasis: #59636e;
+    --borderColor-open-emphasis: #e16f24;
+    --borderColor-open-muted: #fb8f44;
     --borderColor-severe-emphasis: #bc4c00;
     --borderColor-severe-muted: #fb8f4466;
     --borderColor-sponsors-emphasis: #bf3989;
@@ -1010,8 +1014,6 @@
     --bgColor-closed-muted: var(--bgColor-neutral-muted);
     --bgColor-default: #ffffff;
     --bgColor-inset: var(--bgColor-muted);
-    --bgColor-open-emphasis: var(--bgColor-success-emphasis);
-    --bgColor-open-muted: var(--bgColor-success-muted);
     --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
     --bgColor-upsell-muted: var(--bgColor-done-muted);
     --bgColor-white: #ffffff;
@@ -1037,8 +1039,6 @@
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
     --borderColor-closed-muted: #d1d9e066;
     --borderColor-muted: #d1d9e0b3;
-    --borderColor-open-emphasis: var(--borderColor-success-emphasis);
-    --borderColor-open-muted: var(--borderColor-success-muted);
     --borderColor-translucent: #1f232826;
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
     --borderColor-upsell-muted: var(--borderColor-done-muted);

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

@@ -1104,13 +1104,15 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
+        "dark-tritanopia": "#da3633",
+        "light-protanopia-deuteranopia": "#bd561d",
+        "dark-protanopia-deuteranopia": "#bd561d"
       }
     },
     "filePath": "src/tokens/functional/color/bgColor.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "{base.color.orange.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1123,7 +1125,9 @@
         },
         "org.primer.overrides": {
           "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
         }
       }
     },
@@ -1131,7 +1135,7 @@
     "attributes": {},
     "path": ["bgColor", "open", "emphasis"],
     "key": "{bgColor.open.emphasis}",
-    "value": "#1f6feb",
+    "value": "#bd561d",
     "type": "color"
   },
   "bgColor-open-muted": {
@@ -1152,13 +1156,22 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffdfb6",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
     "filePath": "src/tokens/functional/color/bgColor.json5",
     "isSource": true,
+    "alpha": 0.1,
     "original": {
-      "$value": "{bgColor.success.muted}",
+      "$value": "{base.color.orange.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1177,15 +1190,24 @@
             "filePath": "src/tokens/functional/color/bgColor.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "bgColor-open-muted",
     "attributes": {},
     "path": ["bgColor", "open", "muted"],
     "key": "{bgColor.open.muted}",
-    "value": "#388bfd33",
+    "value": "#db6d281a",
     "type": "color"
   },
   "bgColor-severe-emphasis": {
@@ -2433,6 +2455,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2444,8 +2473,9 @@
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
     "isSource": true,
+    "alpha": 0.4,
     "original": {
-      "$value": "{borderColor.danger.muted}",
+      "$value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2471,6 +2501,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,
@@ -2479,13 +2516,14 @@
             "$type": "color"
           }
         }
-      }
+      },
+      "alpha": 0.4
     },
     "name": "borderColor-closed-muted",
     "attributes": {},
     "path": ["borderColor", "closed", "muted"],
     "key": "{borderColor.closed.muted}",
-    "value": "#db6d2866",
+    "value": "#3d444d66",
     "type": "color"
   },
   "borderColor-danger-emphasis": {
@@ -3068,13 +3106,15 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
+        "light-tritanopia": "#da3633",
+        "dark-protanopia-deuteranopia": "#db6d28",
+        "light-protanopia-deuteranopia": "#db6d28"
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.success.emphasis}",
+      "$value": "{base.color.orange.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3087,7 +3127,9 @@
         },
         "org.primer.overrides": {
           "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.4}"
         }
       }
     },
@@ -3095,7 +3137,7 @@
     "attributes": {},
     "path": ["borderColor", "open", "emphasis"],
     "key": "{borderColor.open.emphasis}",
-    "value": "#1f6feb",
+    "value": "#db6d28",
     "type": "color"
   },
   "borderColor-open-muted": {
@@ -3122,13 +3164,15 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
-        }
+        },
+        "dark-protanopia-deuteranopia": "#f0883e",
+        "light-protanopia-deuteranopia": "#f0883e"
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.success.muted}",
+      "$value": "{base.color.orange.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3153,7 +3197,9 @@
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
             "$type": "color"
-          }
+          },
+          "dark-protanopia-deuteranopia": "{base.color.orange.3}",
+          "light-protanopia-deuteranopia": "{base.color.orange.3}"
         }
       }
     },
@@ -3161,7 +3207,7 @@
     "attributes": {},
     "path": ["borderColor", "open", "muted"],
     "key": "{borderColor.open.muted}",
-    "value": "#388bfd66",
+    "value": "#f0883e",
     "type": "color"
   },
   "borderColor-severe-emphasis": {

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

@@ -968,7 +968,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "#c93c37",
-        "dark-tritanopia": "#c93c37"
+        "dark-tritanopia": "#c93c37",
+        "light-protanopia-deuteranopia": "#ae5622",
+        "dark-protanopia-deuteranopia": "#ae5622"
       }
     },
     "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -987,7 +989,9 @@
         },
         "org.primer.overrides": {
           "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
         }
       }
     },
@@ -1016,6 +1020,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffddb0",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#cc6b2c",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -1041,6 +1053,14 @@
             "filePath": "src/tokens/functional/color/bgColor.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }
@@ -2297,6 +2317,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2335,6 +2362,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,
@@ -2934,7 +2968,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "#c93c37",
-        "light-tritanopia": "#c93c37"
+        "light-tritanopia": "#c93c37",
+        "dark-protanopia-deuteranopia": "#cc6b2c",
+        "light-protanopia-deuteranopia": "#cc6b2c"
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -2953,7 +2989,9 @@
         },
         "org.primer.overrides": {
           "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.4}"
         }
       }
     },
@@ -2988,7 +3026,9 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
-        }
+        },
+        "dark-protanopia-deuteranopia": "#e0823d",
+        "light-protanopia-deuteranopia": "#e0823d"
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3019,7 +3059,9 @@
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
             "$type": "color"
-          }
+          },
+          "dark-protanopia-deuteranopia": "{base.color.orange.3}",
+          "light-protanopia-deuteranopia": "{base.color.orange.3}"
         }
       }
     },

package/dist/docs/functional/themes/dark-high-contrast.json

@@ -1102,7 +1102,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "#ff6a69",
-        "dark-tritanopia": "#ff6a69"
+        "dark-tritanopia": "#ff6a69",
+        "light-protanopia-deuteranopia": "#e7811d",
+        "dark-protanopia-deuteranopia": "#e7811d"
       }
     },
     "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1121,7 +1123,9 @@
         },
         "org.primer.overrides": {
           "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
         }
       }
     },
@@ -1150,6 +1154,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffe1b4",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#f48b25",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -1175,6 +1187,14 @@
             "filePath": "src/tokens/functional/color/bgColor.json5",
             "isSource": true,
             "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       }
@@ -2431,6 +2451,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#b7bdc8",
           "alpha": 0.4,
@@ -2469,6 +2496,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,
@@ -3066,7 +3100,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "#ff6a69",
-        "light-tritanopia": "#ff6a69"
+        "light-tritanopia": "#ff6a69",
+        "dark-protanopia-deuteranopia": "#f48b25",
+        "light-protanopia-deuteranopia": "#f48b25"
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3085,7 +3121,9 @@
         },
         "org.primer.overrides": {
           "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.4}"
         }
       }
     },
@@ -3120,7 +3158,9 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
-        }
+        },
+        "dark-protanopia-deuteranopia": "#fe9a2d",
+        "light-protanopia-deuteranopia": "#fe9a2d"
       }
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3151,7 +3191,9 @@
             "filePath": "src/tokens/functional/color/borderColor.json5",
             "isSource": true,
             "$type": "color"
-          }
+          },
+          "dark-protanopia-deuteranopia": "{base.color.orange.3}",
+          "light-protanopia-deuteranopia": "{base.color.orange.3}"
         }
       }
     },