@primer/primitives 7.11.5 → 7.11.6-rc.2fe33f9

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

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:50 GMT
- */
-
 export default {
   topicTag: {
     borderColor: "#ffffff00",
@@ -101,8 +96,6 @@ export default {
     fgColor: {
       default: "#ffffffb3",
       logo: "#ffffff",
-      text: "#ffffffb3",
-      borderColor: "#57606a",
     },
     bgColor: "#24292f",
     borderColor: {
@@ -361,7 +354,7 @@ export default {
   },
   focus: {
     outlineColor: "#0969da",
-    outline: "#0969da solid 1px",
+    outline: "#0969da solid 2px",
   },
   menu: {
     bgColor: {
@@ -599,6 +592,119 @@ export default {
         },
       },
     },
+    scale: {
+      black: "#1f2328",
+      transparent: "#ffffff00",
+      white: "#ffffff",
+      gray: {
+        "0": "#f6f8fa",
+        "1": "#eaeef2",
+        "2": "#d0d7de",
+        "3": "#afb8c1",
+        "4": "#8c959f",
+        "5": "#6e7781",
+        "6": "#57606a",
+        "7": "#424a53",
+        "8": "#32383f",
+        "9": "#24292f",
+      },
+      blue: {
+        "0": "#ddf4ff",
+        "1": "#b6e3ff",
+        "2": "#80ccff",
+        "3": "#54aeff",
+        "4": "#218bff",
+        "5": "#0969da",
+        "6": "#0550ae",
+        "7": "#033d8b",
+        "8": "#0a3069",
+        "9": "#002155",
+      },
+      green: {
+        "0": "#dafbe1",
+        "1": "#aceebb",
+        "2": "#6fdd8b",
+        "3": "#4ac26b",
+        "4": "#2da44e",
+        "5": "#1a7f37",
+        "6": "#116329",
+        "7": "#044f1e",
+        "8": "#003d16",
+        "9": "#002d11",
+      },
+      yellow: {
+        "0": "#fff8c5",
+        "1": "#fae17d",
+        "2": "#eac54f",
+        "3": "#d4a72c",
+        "4": "#bf8700",
+        "5": "#9a6700",
+        "6": "#7d4e00",
+        "7": "#633c01",
+        "8": "#4d2d00",
+        "9": "#3b2300",
+      },
+      orange: {
+        "0": "#fff1e5",
+        "1": "#ffd8b5",
+        "2": "#ffb77c",
+        "3": "#fb8f44",
+        "4": "#e16f24",
+        "5": "#bc4c00",
+        "6": "#953800",
+        "7": "#762c00",
+        "8": "#5c2200",
+        "9": "#471700",
+      },
+      red: {
+        "0": "#ffebe9",
+        "1": "#ffcecb",
+        "2": "#ffaba8",
+        "3": "#ff8182",
+        "4": "#fa4549",
+        "5": "#cf222e",
+        "6": "#a40e26",
+        "7": "#82071e",
+        "8": "#660018",
+        "9": "#4c0014",
+      },
+      purple: {
+        "0": "#fbefff",
+        "1": "#ecd8ff",
+        "2": "#d8b9ff",
+        "3": "#c297ff",
+        "4": "#a475f9",
+        "5": "#8250df",
+        "6": "#6639ba",
+        "7": "#512a97",
+        "8": "#3e1f79",
+        "9": "#2e1461",
+      },
+      pink: {
+        "0": "#ffeff7",
+        "1": "#ffd3eb",
+        "2": "#ffadda",
+        "3": "#ff80c8",
+        "4": "#e85aad",
+        "5": "#bf3989",
+        "6": "#99286e",
+        "7": "#772057",
+        "8": "#611347",
+        "9": "#4d0336",
+      },
+      coral: {
+        "0": "#fff0eb",
+        "1": "#ffd6cc",
+        "2": "#ffb4a1",
+        "3": "#fd8c73",
+        "4": "#ec6547",
+        "5": "#c4432b",
+        "6": "#9e2f1c",
+        "7": "#801f0f",
+        "8": "#691105",
+        "9": "#510901",
+      },
+    },
   },
   shadow: {
     inset: "inset 0px 1px 0px 0px #1f23280d",

package/tokens-next-private/ts/functional/typography/typography.ts

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:55 GMT
- */
-
 export default {
   fontStack: {
     system: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
@@ -21,15 +16,22 @@ export default {
       size: {
         large: "2rem",
         medium: "1.25rem",
+        small: "1rem",
       },
       lineHeight: {
         large: "calc(48/32)",
         medium: "calc(32/20)",
+        small: "calc(24/16)",
+      },
+      weight: {
+        large: 600,
+        medium: 600,
+        small: 600,
       },
-      weight: 600,
       shorthand: {
         large: "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
         medium: "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        small: "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       },
     },
     subtitle: {
@@ -69,9 +71,9 @@ export default {
       shorthand: "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     },
     codeInline: {
-      size: "0.05803125rem",
+      size: "0.9285em",
       weight: 400,
-      shorthand: "400 0.05803125rem ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+      shorthand: "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     },
   },
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:56 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:40 GMT
  */
 
 /**
@@ -10,116 +10,118 @@ type ColorHex = string;
 
 export type BaseColorDesignTokens = {
   color: {
-    black: ColorHex;
-    transparent: ColorHex;
-    white: ColorHex;
-    gray: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    blue: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    green: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    yellow: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    orange: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    red: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    purple: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    pink: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
-    };
-    coral: {
-      "0": ColorHex;
-      "1": ColorHex;
-      "2": ColorHex;
-      "3": ColorHex;
-      "4": ColorHex;
-      "5": ColorHex;
-      "6": ColorHex;
-      "7": ColorHex;
-      "8": ColorHex;
-      "9": ColorHex;
+    scale: {
+      black: ColorHex;
+      transparent: ColorHex;
+      white: ColorHex;
+      gray: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      blue: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      green: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      yellow: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      orange: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      red: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      purple: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      pink: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
+      coral: {
+        "0": ColorHex;
+        "1": ColorHex;
+        "2": ColorHex;
+        "3": ColorHex;
+        "4": ColorHex;
+        "5": ColorHex;
+        "6": ColorHex;
+        "7": ColorHex;
+        "8": ColorHex;
+        "9": ColorHex;
+      };
     };
   };
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:56 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:40 GMT
  */
 
 /**
@@ -9,7 +9,7 @@
 type SizeRem = `${number}rem`;
 
 export type SizeDesignTokens = {
-  borderInset: {
+  boxShadow: {
     thin: string;
     thick: string;
     thicker: string;
@@ -28,6 +28,7 @@ export type SizeDesignTokens = {
   outline: {
     focus: {
       offset: SizeRem;
+      width: SizeRem;
     };
   };
   breakpoint: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:56 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:40 GMT
  */
 
 /**
@@ -118,8 +118,6 @@ export type ThemeDesignTokens = {
     fgColor: {
       default: ColorHex;
       logo: ColorHex;
-      text: ColorHex;
-      borderColor: ColorHex;
     };
     bgColor: ColorHex;
     borderColor: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:56 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:40 GMT
  */
 
 /**
@@ -8,6 +8,11 @@
  */
 type SizeRem = `${number}rem`;
 
+/**
+ * @description size in em
+ */
+type SizeEm = `${number}em`;
+
 export type TypographyDesignTokens = {
   fontStack: {
     system: string;
@@ -26,15 +31,22 @@ export type TypographyDesignTokens = {
       size: {
         large: SizeRem;
         medium: SizeRem;
+        small: SizeRem;
       };
       lineHeight: {
         large: string;
         medium: string;
+        small: string;
+      };
+      weight: {
+        large: number;
+        medium: number;
+        small: number;
       };
-      weight: number;
       shorthand: {
         large: string;
         medium: string;
+        small: string;
       };
     };
     subtitle: {
@@ -74,7 +86,7 @@ export type TypographyDesignTokens = {
       shorthand: string;
     };
     codeInline: {
-      size: SizeRem;
+      size: SizeEm;
       weight: number;
       shorthand: string;
     };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:45 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:45 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:45 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:45 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:45 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 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 Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 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 Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:46 GMT
+ * Generated on Wed, 19 Apr 2023 15:32:27 GMT
  */
 
 module.exports = {