@primer/primitives 7.11.2 → 7.11.3-rc.419fac9

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

@@ -1,23 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 exports.default = {
   control: {
     minTarget: {
-      auto: "44px",
+      auto: "2.75rem",
     },
   },
   controlStack: {
     small: {
       gap: {
-        auto: "16px",
+        auto: "1rem",
       },
     },
     medium: {
       gap: {
-        auto: "12px",
+        auto: "0.75rem",
       },
     },
   },

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

@@ -1,23 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 exports.default = {
   control: {
     minTarget: {
-      auto: "16px",
+      auto: "1rem",
     },
   },
   controlStack: {
     small: {
       gap: {
-        auto: "8px",
+        auto: "0.5rem",
       },
     },
     medium: {
       gap: {
-        auto: "8px",
+        auto: "0.5rem",
       },
     },
   },

package/tokens-next-private/js/functional/size/size.js

@@ -1,98 +1,98 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 exports.default = {
   control: {
     minTarget: {
-      fine: "16px",
-      coarse: "44px",
+      fine: "1rem",
+      coarse: "2.75rem",
     },
     xsmall: {
-      size: "24px",
-      lineBoxHeight: "20px",
-      paddingBlock: "calc((24px - 20px) / 2)",
+      size: "1.5rem",
+      lineBoxHeight: "1.25rem",
+      paddingBlock: "calc((1.5rem - 1.25rem) / 2)",
       paddingInline: {
-        condensed: "4px",
-        normal: "8px",
-        spacious: "12px",
+        condensed: "0.25rem",
+        normal: "0.5rem",
+        spacious: "0.75rem",
       },
-      gap: "4px",
+      gap: "0.25rem",
     },
     small: {
-      size: "28px",
-      lineBoxHeight: "20px",
-      paddingBlock: "calc((28px - 20px) / 2)",
+      size: "1.75rem",
+      lineBoxHeight: "1.25rem",
+      paddingBlock: "calc((1.75rem - 1.25rem) / 2)",
       paddingInline: {
-        condensed: "8px",
-        normal: "12px",
+        condensed: "0.5rem",
+        normal: "0.75rem",
       },
-      gap: "4px",
+      gap: "0.25rem",
     },
     medium: {
-      size: "32px",
-      lineBoxHeight: "20px",
-      paddingBlock: "calc((32px - 20px) / 2)",
+      size: "2rem",
+      lineBoxHeight: "1.25rem",
+      paddingBlock: "calc((2rem - 1.25rem) / 2)",
       paddingInline: {
-        condensed: "8px",
-        normal: "12px",
-        spacious: "16px",
+        condensed: "0.5rem",
+        normal: "0.75rem",
+        spacious: "1rem",
       },
-      gap: "8px",
+      gap: "0.5rem",
     },
     large: {
-      size: "40px",
-      lineBoxHeight: "20px",
-      paddingBlock: "calc((40px - 20px) / 2)",
+      size: "2.5rem",
+      lineBoxHeight: "1.25rem",
+      paddingBlock: "calc((2.5rem - 1.25rem) / 2)",
       paddingInline: {
-        normal: "12px",
-        spacious: "16px",
+        normal: "0.75rem",
+        spacious: "1rem",
       },
-      gap: "8px",
+      gap: "0.5rem",
     },
     xlarge: {
-      size: "48px",
-      lineBoxHeight: "20px",
-      paddingBlock: "calc((48px - 20px) / 2)",
+      size: "3rem",
+      lineBoxHeight: "1.25rem",
+      paddingBlock: "calc((3rem - 1.25rem) / 2)",
       paddingInline: {
-        normal: "12px",
-        spacious: "16px",
+        normal: "0.75rem",
+        spacious: "1rem",
       },
-      gap: "8px",
+      gap: "0.5rem",
     },
   },
   controlStack: {
     small: {
       gap: {
-        condensed: "8px",
-        spacious: "16px",
+        condensed: "0.5rem",
+        spacious: "1rem",
       },
     },
     medium: {
       gap: {
-        condensed: "8px",
-        spacious: "12px",
+        condensed: "0.5rem",
+        spacious: "0.75rem",
       },
     },
     large: {
       gap: {
-        auto: "8px",
-        condensed: "8px",
-        spacious: "12px",
+        auto: "0.5rem",
+        condensed: "0.5rem",
+        spacious: "0.75rem",
       },
     },
   },
   stack: {
     padding: {
-      condensed: "8px",
-      normal: "16px",
-      spacious: "24px",
+      condensed: "0.5rem",
+      normal: "1rem",
+      spacious: "1.5rem",
     },
     gap: {
-      condensed: "8px",
-      normal: "16px",
-      spacious: "24px",
+      condensed: "0.5rem",
+      normal: "1rem",
+      spacious: "1.5rem",
     },
   },
 };

package/tokens-next-private/js/functional/size/viewport.js

@@ -1,14 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 exports.default = {
   viewportRange: {
-    narrow: "(max-width: calc(768px - 0.02px))",
-    narrowLandscape: "(max-width: calc(1012px - 0.02px) and (max-height: calc(544px - 0.02px)) and (orientation: landscape))",
-    regular: "(min-width: 768px)",
-    wide: "(min-width: 1440px)",
+    narrow: "(max-width: calc(48rem - 0.02px))",
+    narrowLandscape: "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
+    regular: "(min-width: 48rem)",
+    wide: "(min-width: 90rem)",
     portrait: "(orientation: portrait)",
     landscape: "(orientation: landscape)",
   },

package/tokens-next-private/js/functional/themes/dark-colorblind.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:01 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:55 GMT
  */
 
 exports.default = {
@@ -435,7 +435,7 @@ exports.default = {
       emphasis: "#6e7681",
     },
     accent: {
-      muted: "#388bfd26",
+      muted: "#388bfd1a",
       emphasis: "#1f6feb",
     },
     success: {

package/tokens-next-private/js/functional/themes/dark-dimmed.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:54 GMT
  */
 
 exports.default = {
@@ -435,7 +435,7 @@ exports.default = {
       emphasis: "#636e7b",
     },
     accent: {
-      muted: "#4184e426",
+      muted: "#4184e41a",
       emphasis: "#316dca",
     },
     success: {

package/tokens-next-private/js/functional/themes/dark-high-contrast.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:55 GMT
  */
 
 exports.default = {
@@ -435,7 +435,7 @@ exports.default = {
       emphasis: "#9ea7b3",
     },
     accent: {
-      muted: "#409eff26",
+      muted: "#409eff1a",
       emphasis: "#409eff",
     },
     success: {

package/tokens-next-private/js/functional/themes/dark-tritanopia.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:01 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:54 GMT
  */
 
 exports.default = {
@@ -435,7 +435,7 @@ exports.default = {
       emphasis: "#6e7681",
     },
     accent: {
-      muted: "#388bfd26",
+      muted: "#388bfd1a",
       emphasis: "#1f6feb",
     },
     success: {

package/tokens-next-private/js/functional/themes/dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:53 GMT
  */
 
 exports.default = {
@@ -435,7 +435,7 @@ exports.default = {
       emphasis: "#6e7681",
     },
     accent: {
-      muted: "#388bfd26",
+      muted: "#388bfd1a",
       emphasis: "#1f6feb",
     },
     success: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:59 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:52 GMT
  */
 
 exports.default = {
@@ -167,8 +167,8 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#b35900",
-        hover: "#b35900",
+        rest: "#b55b01",
+        hover: "#b55b01",
       },
       bgColor: {
         hover: "#fff5e8",
@@ -308,13 +308,13 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#b35900",
+        rest: "#b55b01",
         hover: "#ffffff",
         active: "#ffffff",
-        disabled: "#b3590080",
+        disabled: "#b55b0180",
       },
       iconColor: {
-        rest: "#b35900",
+        rest: "#b55b01",
         hover: "#ffffff",
       },
       bgColor: {
@@ -420,7 +420,7 @@ exports.default = {
     success: "#0969da",
     attention: "#9a6700",
     severe: "#b35900",
-    danger: "#b35900",
+    danger: "#b55b01",
     open: "#b35900",
     closed: "#6e7781",
     done: "#8250df",
@@ -445,7 +445,7 @@ exports.default = {
     },
     attention: {
       muted: "#fff8c5",
-      emphasis: "#bf8700",
+      emphasis: "#9a6700",
     },
     severe: {
       muted: "#fff5e8",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:52 GMT
  */
 
 exports.default = {
@@ -167,7 +167,7 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#86061d",
+        rest: "#8a071e",
         hover: "#ffffff",
       },
       bgColor: {
@@ -308,13 +308,13 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#86061d",
+        rest: "#8a071e",
         hover: "#ffffff",
         active: "#ffffff",
-        disabled: "#86061d80",
+        disabled: "#8a071e80",
       },
       iconColor: {
-        rest: "#86061d",
+        rest: "#8a071e",
         hover: "#ffffff",
       },
       bgColor: {
@@ -420,9 +420,9 @@ exports.default = {
     success: "#055d20",
     attention: "#744500",
     severe: "#873800",
-    danger: "#86061d",
+    danger: "#8a071e",
     open: "#055d20",
-    closed: "#a0111f",
+    closed: "#8a071e",
     done: "#622cbc",
     sponsors: "#bf3989",
   },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:58 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:51 GMT
  */
 
 exports.default = {
@@ -167,8 +167,8 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#cf222e",
-        hover: "#cf222e",
+        rest: "#d1242f",
+        hover: "#d1242f",
       },
       bgColor: {
         hover: "#ffebe9",
@@ -308,13 +308,13 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#cf222e",
+        rest: "#d1242f",
         hover: "#ffffff",
         active: "#ffffff",
-        disabled: "#cf222e80",
+        disabled: "#d1242f80",
       },
       iconColor: {
-        rest: "#cf222e",
+        rest: "#d1242f",
         hover: "#ffffff",
       },
       bgColor: {
@@ -420,9 +420,9 @@ exports.default = {
     success: "#0969da",
     attention: "#9a6700",
     severe: "#cf222e",
-    danger: "#cf222e",
+    danger: "#d1242f",
     open: "#0969da",
-    closed: "#cf222e",
+    closed: "#d1242f",
     done: "#8250df",
     sponsors: "#bf3989",
   },
@@ -445,7 +445,7 @@ exports.default = {
     },
     attention: {
       muted: "#fff8c5",
-      emphasis: "#bf8700",
+      emphasis: "#9a6700",
     },
     severe: {
       muted: "#ffebe9",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:42:57 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:49 GMT
  */
 
 exports.default = {
@@ -167,8 +167,8 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#cf222e",
-        hover: "#cf222e",
+        rest: "#d1242f",
+        hover: "#d1242f",
       },
       bgColor: {
         hover: "#ffebe9",
@@ -308,13 +308,13 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#cf222e",
+        rest: "#d1242f",
         hover: "#ffffff",
         active: "#ffffff",
-        disabled: "#cf222e80",
+        disabled: "#d1242f80",
       },
       iconColor: {
-        rest: "#cf222e",
+        rest: "#d1242f",
         hover: "#ffffff",
       },
       bgColor: {
@@ -420,9 +420,9 @@ exports.default = {
     success: "#1a7f37",
     attention: "#9a6700",
     severe: "#bc4c00",
-    danger: "#cf222e",
+    danger: "#d1242f",
     open: "#1a7f37",
-    closed: "#cf222e",
+    closed: "#d1242f",
     done: "#8250df",
     sponsors: "#bf3989",
   },
@@ -445,7 +445,7 @@ exports.default = {
     },
     attention: {
       muted: "#fff8c5",
-      emphasis: "#bf8700",
+      emphasis: "#9a6700",
     },
     severe: {
       muted: "#fff1e5",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:09:56 GMT
  */
 
 exports.default = {
@@ -11,16 +11,16 @@ exports.default = {
   },
   text: {
     display: {
-      lineBoxHeight: "56px",
-      size: "40px",
+      lineBoxHeight: "3.5rem",
+      size: "2.5rem",
       lineHeight: "calc(56/40)",
       weight: 500,
-      shorthand: "500 40px/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      shorthand: "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     },
     title: {
       size: {
-        large: "32px",
-        medium: "20px",
+        large: "2rem",
+        medium: "1.25rem",
       },
       lineHeight: {
         large: "calc(48/32)",
@@ -28,21 +28,21 @@ exports.default = {
       },
       weight: 600,
       shorthand: {
-        large: "600 32px/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-        medium: "600 20px/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        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'",
       },
     },
     subtitle: {
-      size: "20px",
+      size: "1.25rem",
       lineHeight: "calc(32/20)",
       weight: 400,
-      shorthand: "400 20px/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      shorthand: "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     },
     body: {
       size: {
-        large: "16px",
-        medium: "14px",
-        small: "12px",
+        large: "1rem",
+        medium: "0.875rem",
+        small: "0.75rem",
       },
       lineHeight: {
         large: "calc(24/16)",
@@ -51,27 +51,27 @@ exports.default = {
       },
       weight: 400,
       shorthand: {
-        large: "400 16px/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-        medium: "400 14px/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-        small: "400 12px/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        large: "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        medium: "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        small: "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       },
     },
     caption: {
-      size: "12px",
+      size: "0.75rem",
       lineHeight: "calc(16/12)",
       weight: 400,
-      shorthand: "400 12px/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      shorthand: "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     },
     codeBlock: {
-      size: "13px",
+      size: "0.8125rem",
       lineHeight: "calc(20/13)",
       weight: 400,
-      shorthand: "400 13px/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+      shorthand: "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     },
     codeInline: {
-      size: "0.9285em",
+      size: "0.05803125rem",
       weight: 400,
-      shorthand: "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+      shorthand: "400 0.05803125rem ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     },
   },
 };

package/tokens-next-private/json/base/size/size.json

@@ -1,23 +1,23 @@
 {
   "base": {
     "size": {
-      "4": "4px",
-      "8": "8px",
-      "12": "12px",
-      "16": "16px",
-      "20": "20px",
-      "24": "24px",
-      "28": "28px",
-      "32": "32px",
-      "36": "36px",
-      "40": "40px",
-      "44": "44px",
-      "48": "48px",
-      "64": "64px",
-      "80": "80px",
-      "96": "96px",
-      "112": "112px",
-      "128": "128px"
+      "4": "0.25rem",
+      "8": "0.5rem",
+      "12": "0.75rem",
+      "16": "1rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "28": "1.75rem",
+      "32": "2rem",
+      "36": "2.25rem",
+      "40": "2.5rem",
+      "44": "2.75rem",
+      "48": "3rem",
+      "64": "4rem",
+      "80": "5rem",
+      "96": "6rem",
+      "112": "7rem",
+      "128": "8rem"
     }
   }
 }

package/tokens-next-private/json/functional/size/border.json

@@ -17,7 +17,7 @@
   },
   "outline": {
     "focus": {
-      "offset": "1px"
+      "offset": "0.0625rem"
     }
   }
 }