@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

package/tokens-next-private/ts/functional/themes/light-tritanopia.ts

@@ -181,8 +181,8 @@ export default {
       },
       borderColor: {
         rest: "#0969da",
-        hover: "#00000000",
-        active: "#00000000",
+        hover: "#0860ca",
+        active: "#0757ba",
         disabled: "#8c959f",
       },
     },
@@ -254,9 +254,9 @@ export default {
         disabled: "#92caff",
       },
       borderColor: {
-        rest: "#d0d7decc",
-        hover: "#d0d7decc",
-        disabled: "#d0d7decc",
+        rest: "#1f232826",
+        hover: "#1f232826",
+        disabled: "#1f232826",
       },
       shadow: {
         selected: "inset 0px 1px 0px 0px #0021554d",
@@ -265,6 +265,7 @@ export default {
     invisible: {
       fgColor: {
         rest: "#0969da",
+        hover: "#0969da",
         disabled: "#8c959f",
       },
       bgColor: {
@@ -329,12 +330,17 @@ export default {
   buttonCounter: {
     default: {
       bgColor: {
-        rest: "#eaeef280",
+        rest: "#eaeef2",
+      },
+    },
+    invisible: {
+      bgColor: {
+        rest: "#eaeef2",
       },
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#002d1133",
       },
     },
     outline: {
@@ -343,6 +349,11 @@ export default {
         hover: "#ffffff33",
         disabled: "#0969da0d",
       },
+      fgColor: {
+        rest: "#0550ae",
+        hover: "#ffffff",
+        disabled: "#0969da80",
+      },
     },
     danger: {
       bgColor: {
@@ -350,6 +361,11 @@ export default {
         disabled: "#cf222e0d",
         rest: "#cf222e1a",
       },
+      fgColor: {
+        rest: "#c21c2c",
+        hover: "#ffffff",
+        disabled: "#d1242f80",
+      },
     },
   },
   focus: {
@@ -404,18 +420,14 @@ export default {
     disabled: "#8c959f",
     link: {
       rest: "#0969da",
-      inverse: {
-        rest: "#54aeff",
-      },
-      control: "#868f99",
     },
     accent: "#0969da",
     success: "#0969da",
     attention: "#9a6700",
     severe: "#cf222e",
     danger: "#d1242f",
-    open: "#0969da",
-    closed: "#d1242f",
+    open: "#cf222e",
+    closed: "#6e7781",
     done: "#8250df",
     sponsors: "#bf3989",
   },
@@ -449,13 +461,13 @@ export default {
       emphasis: "#cf222e",
     },
     open: {
-      muted: "#ddf4ff",
-      emphasis: "#0f72e3",
-    },
-    closed: {
       muted: "#ffebe9",
       emphasis: "#cf222e",
     },
+    closed: {
+      muted: "#f6f8fa",
+      emphasis: "#6e7781",
+    },
     done: {
       muted: "#fbefff",
       emphasis: "#8250df",
@@ -495,13 +507,13 @@ export default {
       emphasis: "#cf222e",
     },
     open: {
-      muted: "#54aeff66",
-      emphasis: "#218bff",
-    },
-    closed: {
       muted: "#ff818266",
       emphasis: "#cf222e",
     },
+    closed: {
+      muted: "#afb8c166",
+      emphasis: "#6e7781",
+    },
     done: {
       muted: "#c297ff66",
       emphasis: "#8250df",
@@ -513,70 +525,75 @@ export default {
   },
   color: {
     ansi: {
-      black: {
-        bright: "#57606a",
-      },
-      white: {
-        bright: "#8c959f",
-      },
+      black: "#24292f",
+      "black-bright": "#57606a",
+      white: "#6e7781",
+      "white-bright": "#8c959f",
       gray: "#6e7781",
-      red: {
-        bright: "#a40e26",
-      },
-      green: {
-        bright: "#0969da",
-      },
-      yellow: {
-        bright: "#633c01",
-      },
-      blue: {
-        bright: "#218bff",
-      },
-      magenta: {
-        bright: "#a475f9",
-      },
-      cyan: {
-        bright: "#3192aa",
-      },
+      red: "#cf222e",
+      "red-bright": "#a40e26",
+      green: "#0550ae",
+      "green-bright": "#0969da",
+      yellow: "#4d2d00",
+      "yellow-bright": "#633c01",
+      blue: "#0969da",
+      "blue-bright": "#218bff",
+      magenta: "#8250df",
+      "magenta-bright": "#a475f9",
+      cyan: "#1b7c83",
+      "cyan-bright": "#3192aa",
     },
     prettylights: {
       syntax: {
         comment: "#6e7781",
-        constant: {
-          other: {
-            reference: {
-              link: "#0a3069",
-            },
-          },
-        },
-        entity: {
-          tag: "#0550ae",
-        },
+        constant: "#0550ae",
+        "constant-other-reference-link": "#0a3069",
+        entity: "#8250df",
         storage: {
           modifier: {
             import: "#24292f",
           },
         },
+        "entity-tag": "#0550ae",
         keyword: "#cf222e",
-        string: {
-          regexp: "#0550ae",
-        },
+        string: "#0a3069",
         variable: "#a40e26",
         brackethighlighter: {
+          unmatched: "#82071e",
           angle: "#57606a",
         },
         invalid: {
           illegal: {
+            text: "#f6f8fa",
             bg: "#82071e",
           },
         },
         carriage: {
           return: {
+            text: "#f6f8fa",
             bg: "#cf222e",
           },
         },
+        "string-regexp": "#0550ae",
         markup: {
+          list: "#3b2300",
+          heading: "#0550ae",
+          italic: "#24292f",
+          bold: "#24292f",
+          deleted: {
+            text: "#82071e",
+            bg: "#ffebe9",
+          },
+          inserted: {
+            text: "#0550ae",
+            bg: "#ddf4ff",
+          },
+          changed: {
+            text: "#a40e26",
+            bg: "#ffcecb",
+          },
           ignored: {
+            text: "#eaeef2",
             bg: "#0550ae",
           },
         },

package/tokens-next-private/ts/functional/themes/light.ts

@@ -181,8 +181,8 @@ export default {
       },
       borderColor: {
         rest: "#0969da",
-        hover: "#00000000",
-        active: "#00000000",
+        hover: "#0860ca",
+        active: "#0757ba",
         disabled: "#8c959f",
       },
     },
@@ -254,9 +254,9 @@ export default {
         disabled: "#95d8a6",
       },
       borderColor: {
-        rest: "#d0d7decc",
-        hover: "#d0d7decc",
-        disabled: "#d0d7decc",
+        rest: "#1f232826",
+        hover: "#1f232826",
+        disabled: "#1f232826",
       },
       shadow: {
         selected: "inset 0px 1px 0px 0px #002d114d",
@@ -265,6 +265,7 @@ export default {
     invisible: {
       fgColor: {
         rest: "#0969da",
+        hover: "#0969da",
         disabled: "#8c959f",
       },
       bgColor: {
@@ -329,12 +330,17 @@ export default {
   buttonCounter: {
     default: {
       bgColor: {
-        rest: "#eaeef280",
+        rest: "#eaeef2",
+      },
+    },
+    invisible: {
+      bgColor: {
+        rest: "#eaeef2",
       },
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#002d1133",
       },
     },
     outline: {
@@ -343,6 +349,11 @@ export default {
         hover: "#ffffff33",
         disabled: "#0969da0d",
       },
+      fgColor: {
+        rest: "#0550ae",
+        hover: "#ffffff",
+        disabled: "#0969da80",
+      },
     },
     danger: {
       bgColor: {
@@ -350,6 +361,11 @@ export default {
         disabled: "#cf222e0d",
         rest: "#cf222e1a",
       },
+      fgColor: {
+        rest: "#c21c2c",
+        hover: "#ffffff",
+        disabled: "#d1242f80",
+      },
     },
   },
   focus: {
@@ -404,10 +420,6 @@ export default {
     disabled: "#8c959f",
     link: {
       rest: "#0969da",
-      inverse: {
-        rest: "#54aeff",
-      },
-      control: "#868f99",
     },
     accent: "#0969da",
     success: "#1a7f37",
@@ -513,70 +525,75 @@ export default {
   },
   color: {
     ansi: {
-      black: {
-        bright: "#57606a",
-      },
-      white: {
-        bright: "#8c959f",
-      },
+      black: "#24292f",
+      "black-bright": "#57606a",
+      white: "#6e7781",
+      "white-bright": "#8c959f",
       gray: "#6e7781",
-      red: {
-        bright: "#a40e26",
-      },
-      green: {
-        bright: "#1a7f37",
-      },
-      yellow: {
-        bright: "#633c01",
-      },
-      blue: {
-        bright: "#218bff",
-      },
-      magenta: {
-        bright: "#a475f9",
-      },
-      cyan: {
-        bright: "#3192aa",
-      },
+      red: "#cf222e",
+      "red-bright": "#a40e26",
+      green: "#116329",
+      "green-bright": "#1a7f37",
+      yellow: "#4d2d00",
+      "yellow-bright": "#633c01",
+      blue: "#0969da",
+      "blue-bright": "#218bff",
+      magenta: "#8250df",
+      "magenta-bright": "#a475f9",
+      cyan: "#1b7c83",
+      "cyan-bright": "#3192aa",
     },
     prettylights: {
       syntax: {
         comment: "#6e7781",
-        constant: {
-          other: {
-            reference: {
-              link: "#0a3069",
-            },
-          },
-        },
-        entity: {
-          tag: "#0550ae",
-        },
+        constant: "#0550ae",
+        "constant-other-reference-link": "#0a3069",
+        entity: "#8250df",
         storage: {
           modifier: {
             import: "#24292f",
           },
         },
+        "entity-tag": "#0550ae",
         keyword: "#cf222e",
-        string: {
-          regexp: "#116329",
-        },
+        string: "#0a3069",
         variable: "#953800",
         brackethighlighter: {
+          unmatched: "#82071e",
           angle: "#57606a",
         },
         invalid: {
           illegal: {
+            text: "#f6f8fa",
             bg: "#82071e",
           },
         },
         carriage: {
           return: {
+            text: "#f6f8fa",
             bg: "#cf222e",
           },
         },
+        "string-regexp": "#116329",
         markup: {
+          list: "#3b2300",
+          heading: "#0550ae",
+          italic: "#24292f",
+          bold: "#24292f",
+          deleted: {
+            text: "#82071e",
+            bg: "#ffebe9",
+          },
+          inserted: {
+            text: "#116329",
+            bg: "#dafbe1",
+          },
+          changed: {
+            text: "#953800",
+            bg: "#ffd8b5",
+          },
           ignored: {
+            text: "#eaeef2",
             bg: "#0550ae",
           },
         },

package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:09 GMT
+ * Generated on Tue, 09 May 2023 21:27:37 GMT
  */
 
 /**

package/tokens-next-private/ts/types/SizeDesignTokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:09 GMT
+ * Generated on Tue, 09 May 2023 21:27:37 GMT
  */
 
 /**

package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:09 GMT
+ * Generated on Tue, 09 May 2023 21:27:37 GMT
  */
 
 /**
@@ -287,6 +287,7 @@ export type ThemeDesignTokens = {
     invisible: {
       fgColor: {
         rest: ColorHex;
+        hover: ColorHex;
         disabled: ColorHex;
       };
       bgColor: {
@@ -354,6 +355,11 @@ export type ThemeDesignTokens = {
         rest: ColorHex;
       };
     };
+    invisible: {
+      bgColor: {
+        rest: ColorHex;
+      };
+    };
     primary: {
       bgColor: {
         rest: ColorHex;
@@ -365,6 +371,11 @@ export type ThemeDesignTokens = {
         hover: ColorHex;
         disabled: ColorHex;
       };
+      fgColor: {
+        rest: ColorHex;
+        hover: ColorHex;
+        disabled: ColorHex;
+      };
     };
     danger: {
       bgColor: {
@@ -372,6 +383,11 @@ export type ThemeDesignTokens = {
         disabled: ColorHex;
         rest: ColorHex;
       };
+      fgColor: {
+        rest: ColorHex;
+        hover: ColorHex;
+        disabled: ColorHex;
+      };
     };
   };
   focus: {
@@ -426,10 +442,6 @@ export type ThemeDesignTokens = {
     disabled: ColorHex;
     link: {
       rest: ColorHex;
-      inverse: {
-        rest: ColorHex;
-      };
-      control: ColorHex;
     };
     accent: ColorHex;
     success: ColorHex;
@@ -535,70 +547,75 @@ export type ThemeDesignTokens = {
   };
   color: {
     ansi: {
-      black: {
-        bright: ColorHex;
-      };
-      white: {
-        bright: ColorHex;
-      };
+      black: ColorHex;
+      "black-bright": ColorHex;
+      white: ColorHex;
+      "white-bright": ColorHex;
       gray: ColorHex;
-      red: {
-        bright: ColorHex;
-      };
-      green: {
-        bright: ColorHex;
-      };
-      yellow: {
-        bright: ColorHex;
-      };
-      blue: {
-        bright: ColorHex;
-      };
-      magenta: {
-        bright: ColorHex;
-      };
-      cyan: {
-        bright: ColorHex;
-      };
+      red: ColorHex;
+      "red-bright": ColorHex;
+      green: ColorHex;
+      "green-bright": ColorHex;
+      yellow: ColorHex;
+      "yellow-bright": ColorHex;
+      blue: ColorHex;
+      "blue-bright": ColorHex;
+      magenta: ColorHex;
+      "magenta-bright": ColorHex;
+      cyan: ColorHex;
+      "cyan-bright": ColorHex;
     };
     prettylights: {
       syntax: {
         comment: ColorHex;
-        constant: {
-          other: {
-            reference: {
-              link: ColorHex;
-            };
-          };
-        };
-        entity: {
-          tag: ColorHex;
-        };
+        constant: ColorHex;
+        "constant-other-reference-link": ColorHex;
+        entity: ColorHex;
         storage: {
           modifier: {
             import: ColorHex;
           };
         };
+        "entity-tag": ColorHex;
         keyword: ColorHex;
-        string: {
-          regexp: ColorHex;
-        };
+        string: ColorHex;
         variable: ColorHex;
         brackethighlighter: {
+          unmatched: ColorHex;
           angle: ColorHex;
         };
         invalid: {
           illegal: {
+            text: ColorHex;
             bg: ColorHex;
           };
         };
         carriage: {
           return: {
+            text: ColorHex;
             bg: ColorHex;
           };
         };
+        "string-regexp": ColorHex;
         markup: {
+          list: ColorHex;
+          heading: ColorHex;
+          italic: ColorHex;
+          bold: ColorHex;
+          deleted: {
+            text: ColorHex;
+            bg: ColorHex;
+          };
+          inserted: {
+            text: ColorHex;
+            bg: ColorHex;
+          };
+          changed: {
+            text: ColorHex;
+            bg: ColorHex;
+          };
           ignored: {
+            text: ColorHex;
             bg: ColorHex;
           };
         };

package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:09 GMT
+ * Generated on Tue, 09 May 2023 21:27:37 GMT
  */
 
 /**

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:00 GMT
+ * Generated on Tue, 09 May 2023 21:27:27 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:56:59 GMT
+ * Generated on Tue, 09 May 2023 21:27:27 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:56:59 GMT
+ * Generated on Tue, 09 May 2023 21:27:27 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:56:59 GMT
+ * Generated on Tue, 09 May 2023 21:27:27 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:00 GMT
+ * Generated on Tue, 09 May 2023 21:27:27 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Apr 2023 14:57:00 GMT
+ * Generated on Tue, 09 May 2023 21:27:27 GMT
  */