@primer/primitives 7.11.8-rc.d8dbbf1 → 7.11.8-rc.e155359

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

@@ -30,9 +30,9 @@ export default {
         num: "#1f2328",
       },
       bgColor: {
-        num: "#f7993966",
-        line: "#fff5e880",
-        word: "#ffbc6d80",
+        num: "#fb8f4466",
+        line: "#fff1e580",
+        word: "#ffb77c80",
       },
     },
     hunk: {
@@ -84,11 +84,11 @@ export default {
         comment: "#24292f",
         constant: "#0550ae",
         entity: "#8250df",
-        keyword: "#b35900",
-        storage: "#b35900",
+        keyword: "#bc4c00",
+        storage: "#bc4c00",
         string: "#0a3069",
         support: "#0550ae",
-        variable: "#8a4600",
+        variable: "#953800",
       },
     },
   },
@@ -138,7 +138,7 @@ export default {
       disabled: "#d0d7de",
       selected: "#f6f8fa",
       success: "#218bff",
-      danger: "#b35900",
+      danger: "#bc4c00",
       warning: "#bf8700",
     },
     iconColor: {
@@ -160,12 +160,12 @@ export default {
     },
     danger: {
       fgColor: {
-        rest: "#b55b01",
-        hover: "#b55b01",
+        rest: "#be4e02",
+        hover: "#be4e02",
       },
       bgColor: {
-        hover: "#fff5e8",
-        active: "#fff5e866",
+        hover: "#fff1e5",
+        active: "#fff1e566",
       },
     },
     checked: {
@@ -301,19 +301,19 @@ export default {
     },
     danger: {
       fgColor: {
-        rest: "#b55b01",
+        rest: "#be4e02",
         hover: "#ffffff",
         active: "#ffffff",
-        disabled: "#b55b0180",
+        disabled: "#be4e0280",
       },
       iconColor: {
-        rest: "#b55b01",
+        rest: "#be4e02",
         hover: "#ffffff",
       },
       bgColor: {
         rest: "#f6f8fa",
-        hover: "#8a4600",
-        active: "#763c00",
+        hover: "#953800",
+        active: "#7e2f00",
         disabled: "#f6f8fa",
       },
       borderColor: {
@@ -322,7 +322,7 @@ export default {
         active: "#d0d7de",
       },
       shadow: {
-        selected: "inset 0px 1px 0px 0px #41200033",
+        selected: "inset 0px 1px 0px 0px #47170033",
       },
     },
   },
@@ -347,8 +347,8 @@ export default {
     danger: {
       bgColor: {
         hover: "#ffffff33",
-        disabled: "#b359000d",
-        rest: "#b359001a",
+        disabled: "#bc4c000d",
+        rest: "#bc4c001a",
       },
     },
   },
@@ -412,9 +412,9 @@ export default {
     accent: "#0969da",
     success: "#0969da",
     attention: "#9a6700",
-    severe: "#b35900",
-    danger: "#b55b01",
-    open: "#b35900",
+    severe: "#bc4c00",
+    danger: "#be4e02",
+    open: "#bc4c00",
     closed: "#6e7781",
     done: "#8250df",
     sponsors: "#bf3989",
@@ -441,16 +441,16 @@ export default {
       emphasis: "#9a6700",
     },
     severe: {
-      muted: "#fff5e8",
-      emphasis: "#b35900",
+      muted: "#fff1e5",
+      emphasis: "#bc4c00",
     },
     danger: {
-      muted: "#fff5e8",
-      emphasis: "#b35900",
+      muted: "#fff1e5",
+      emphasis: "#bc4c00",
     },
     open: {
-      muted: "#f7993966",
-      emphasis: "#dd7815",
+      muted: "#fb8f4466",
+      emphasis: "#e16f24",
     },
     closed: {
       muted: "#afb8c166",
@@ -487,16 +487,16 @@ export default {
       emphasis: "#bf8700",
     },
     severe: {
-      muted: "#f7993966",
-      emphasis: "#b35900",
+      muted: "#fb8f4466",
+      emphasis: "#bc4c00",
     },
     danger: {
-      muted: "#f7993966",
-      emphasis: "#b35900",
+      muted: "#fb8f4466",
+      emphasis: "#bc4c00",
     },
     open: {
-      muted: "#f7993966",
-      emphasis: "#dd7815",
+      muted: "#fb8f4466",
+      emphasis: "#e16f24",
     },
     closed: {
       muted: "#afb8c166",
@@ -518,8 +518,8 @@ export default {
       white: "#6e7781",
       "white-bright": "#8c959f",
       gray: "#6e7781",
-      red: "#b35900",
-      "red-bright": "#8a4600",
+      red: "#bc4c00",
+      "red-bright": "#953800",
       green: "#0550ae",
       "green-bright": "#0969da",
       yellow: "#4d2d00",
@@ -534,13 +534,8 @@ export default {
     prettylights: {
       syntax: {
         comment: "#6e7781",
-        constant: {
-          other: {
-            reference: {
-              link: "#0a3069",
-            },
-          },
-        },
+        constant: "#0550ae",
+        "constant-other-reference-link": "#0a3069",
         entity: "#8250df",
         storage: {
           modifier: {
@@ -548,20 +543,23 @@ export default {
           },
         },
         "entity-tag": "#0550ae",
-        keyword: "#b35900",
+        keyword: "#bc4c00",
         string: "#0a3069",
-        variable: "#8a4600",
+        variable: "#953800",
         brackethighlighter: {
+          unmatched: "#762c00",
           angle: "#57606a",
         },
         invalid: {
           illegal: {
-            bg: "#6f3800",
+            text: "#f6f8fa",
+            bg: "#762c00",
           },
         },
         carriage: {
           return: {
-            bg: "#b35900",
+            text: "#f6f8fa",
+            bg: "#bc4c00",
           },
         },
         "string-regexp": "#0550ae",
@@ -571,16 +569,16 @@ export default {
           italic: "#24292f",
           bold: "#24292f",
           deleted: {
-            text: "#6f3800",
-            bg: "#fff5e8",
+            text: "#762c00",
+            bg: "#fff1e5",
           },
           inserted: {
             text: "#0550ae",
             bg: "#ddf4ff",
           },
           changed: {
-            text: "#8a4600",
-            bg: "#ffddb0",
+            text: "#953800",
+            bg: "#ffd8b5",
           },
           ignored: {
             text: "#eaeef2",
@@ -652,28 +650,28 @@ export default {
         "9": "#3b2300",
       },
       orange: {
-        "0": "#fff5e8",
-        "1": "#ffddb0",
-        "2": "#ffbc6d",
-        "3": "#f79939",
-        "4": "#dd7815",
-        "5": "#b35900",
-        "6": "#8a4600",
-        "7": "#6f3800",
-        "8": "#572c00",
-        "9": "#412000",
+        "0": "#fff1e5",
+        "1": "#ffd8b5",
+        "2": "#ffb77c",
+        "3": "#fb8f44",
+        "4": "#e16f24",
+        "5": "#bc4c00",
+        "6": "#953800",
+        "7": "#762c00",
+        "8": "#5c2200",
+        "9": "#471700",
       },
       red: {
-        "0": "#fff5e8",
-        "1": "#ffddb0",
-        "2": "#ffbc6d",
-        "3": "#f79939",
-        "4": "#dd7815",
-        "5": "#b35900",
-        "6": "#8a4600",
-        "7": "#6f3800",
-        "8": "#572c00",
-        "9": "#412000",
+        "0": "#fff1e5",
+        "1": "#ffd8b5",
+        "2": "#ffb77c",
+        "3": "#fb8f44",
+        "4": "#e16f24",
+        "5": "#bc4c00",
+        "6": "#953800",
+        "7": "#762c00",
+        "8": "#5c2200",
+        "9": "#471700",
       },
       purple: {
         "0": "#fbefff",

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

@@ -534,13 +534,8 @@ export default {
     prettylights: {
       syntax: {
         comment: "#66707b",
-        constant: {
-          other: {
-            reference: {
-              link: "#032563",
-            },
-          },
-        },
+        constant: "#023b95",
+        "constant-other-reference-link": "#032563",
         entity: "#622cbc",
         storage: {
           modifier: {
@@ -552,15 +547,18 @@ export default {
         string: "#032563",
         variable: "#702c00",
         brackethighlighter: {
+          unmatched: "#6e011a",
           angle: "#4b535d",
         },
         invalid: {
           illegal: {
+            text: "#ffffff",
             bg: "#6e011a",
           },
         },
         carriage: {
           return: {
+            text: "#ffffff",
             bg: "#a0111f",
           },
         },

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

@@ -534,13 +534,8 @@ export default {
     prettylights: {
       syntax: {
         comment: "#6e7781",
-        constant: {
-          other: {
-            reference: {
-              link: "#0a3069",
-            },
-          },
-        },
+        constant: "#0550ae",
+        "constant-other-reference-link": "#0a3069",
         entity: "#8250df",
         storage: {
           modifier: {
@@ -552,15 +547,18 @@ export default {
         string: "#0a3069",
         variable: "#a40e26",
         brackethighlighter: {
+          unmatched: "#82071e",
           angle: "#57606a",
         },
         invalid: {
           illegal: {
+            text: "#f6f8fa",
             bg: "#82071e",
           },
         },
         carriage: {
           return: {
+            text: "#f6f8fa",
             bg: "#cf222e",
           },
         },

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

@@ -534,13 +534,8 @@ export default {
     prettylights: {
       syntax: {
         comment: "#6e7781",
-        constant: {
-          other: {
-            reference: {
-              link: "#0a3069",
-            },
-          },
-        },
+        constant: "#0550ae",
+        "constant-other-reference-link": "#0a3069",
         entity: "#8250df",
         storage: {
           modifier: {
@@ -552,15 +547,18 @@ export default {
         string: "#0a3069",
         variable: "#953800",
         brackethighlighter: {
+          unmatched: "#82071e",
           angle: "#57606a",
         },
         invalid: {
           illegal: {
+            text: "#f6f8fa",
             bg: "#82071e",
           },
         },
         carriage: {
           return: {
+            text: "#f6f8fa",
             bg: "#cf222e",
           },
         },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:37 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:50 GMT
  */
 
 /**

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:37 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:50 GMT
  */
 
 /**

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:36 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:50 GMT
  */
 
 /**
@@ -556,13 +556,8 @@ export type ThemeDesignTokens = {
     prettylights: {
       syntax: {
         comment: ColorHex;
-        constant: {
-          other: {
-            reference: {
-              link: ColorHex;
-            };
-          };
-        };
+        constant: ColorHex;
+        "constant-other-reference-link": ColorHex;
         entity: ColorHex;
         storage: {
           modifier: {
@@ -574,15 +569,18 @@ export type ThemeDesignTokens = {
         string: ColorHex;
         variable: ColorHex;
         brackethighlighter: {
+          unmatched: ColorHex;
           angle: ColorHex;
         };
         invalid: {
           illegal: {
+            text: ColorHex;
             bg: ColorHex;
           };
         };
         carriage: {
           return: {
+            text: ColorHex;
             bg: ColorHex;
           };
         };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:37 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:50 GMT
  */
 
 /**

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 :root {

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 export const BaseSize4 = "0.25rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 export const BaseTextWeightLight = "300";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 export const PrimerBreakpointXsmall = "20rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 export const PrimerControlMinTargetAuto = "2.75rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 11:12:27 GMT
+ * Generated on Thu, 27 Apr 2023 18:59:39 GMT
  */
 
 export const PrimerControlMinTargetAuto = "1rem";