@primer/primitives 7.11.2 → 7.11.3-rc.214e1b1

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

@@ -1,10 +1,10 @@
 {
   "breakpoint": {
-    "xsmall": "320px",
-    "small": "544px",
-    "medium": "768px",
-    "large": "1012px",
-    "xlarge": "1280px",
-    "xxlarge": "1440px"
+    "xsmall": "20rem",
+    "small": "34rem",
+    "medium": "48rem",
+    "large": "63.25rem",
+    "xlarge": "80rem",
+    "xxlarge": "90rem"
   }
 }

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

@@ -1,18 +1,18 @@
 {
   "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/json/functional/size/size-fine.json

@@ -1,18 +1,18 @@
 {
   "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/json/functional/size/size.json

@@ -1,93 +1,93 @@
 {
   "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/json/functional/size/viewport.json

@@ -1,9 +1,9 @@
 {
   "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/json/functional/themes/dark-colorblind.json

@@ -430,7 +430,7 @@
       "emphasis": "#6e7681"
     },
     "accent": {
-      "muted": "#388bfd26",
+      "muted": "#388bfd1a",
       "emphasis": "#1f6feb"
     },
     "success": {

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

@@ -430,7 +430,7 @@
       "emphasis": "#636e7b"
     },
     "accent": {
-      "muted": "#4184e426",
+      "muted": "#4184e41a",
       "emphasis": "#316dca"
     },
     "success": {

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

@@ -430,7 +430,7 @@
       "emphasis": "#9ea7b3"
     },
     "accent": {
-      "muted": "#409eff26",
+      "muted": "#409eff1a",
       "emphasis": "#409eff"
     },
     "success": {

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

@@ -430,7 +430,7 @@
       "emphasis": "#6e7681"
     },
     "accent": {
-      "muted": "#388bfd26",
+      "muted": "#388bfd1a",
       "emphasis": "#1f6feb"
     },
     "success": {

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

@@ -430,7 +430,7 @@
       "emphasis": "#6e7681"
     },
     "accent": {
-      "muted": "#388bfd26",
+      "muted": "#388bfd1a",
       "emphasis": "#1f6feb"
     },
     "success": {

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

@@ -162,8 +162,8 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#b35900",
-        "hover": "#b35900"
+        "rest": "#b55b01",
+        "hover": "#b55b01"
       },
       "bgColor": {
         "hover": "#fff5e8",
@@ -303,13 +303,13 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#b35900",
+        "rest": "#b55b01",
         "hover": "#ffffff",
         "active": "#ffffff",
-        "disabled": "#b3590080"
+        "disabled": "#b55b0180"
       },
       "iconColor": {
-        "rest": "#b35900",
+        "rest": "#b55b01",
         "hover": "#ffffff"
       },
       "bgColor": {
@@ -415,7 +415,7 @@
     "success": "#0969da",
     "attention": "#9a6700",
     "severe": "#b35900",
-    "danger": "#b35900",
+    "danger": "#b55b01",
     "open": "#b35900",
     "closed": "#6e7781",
     "done": "#8250df",
@@ -440,7 +440,7 @@
     },
     "attention": {
       "muted": "#fff8c5",
-      "emphasis": "#bf8700"
+      "emphasis": "#9a6700"
     },
     "severe": {
       "muted": "#fff5e8",

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

@@ -162,7 +162,7 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#86061d",
+        "rest": "#8a071e",
         "hover": "#ffffff"
       },
       "bgColor": {
@@ -303,13 +303,13 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#86061d",
+        "rest": "#8a071e",
         "hover": "#ffffff",
         "active": "#ffffff",
-        "disabled": "#86061d80"
+        "disabled": "#8a071e80"
       },
       "iconColor": {
-        "rest": "#86061d",
+        "rest": "#8a071e",
         "hover": "#ffffff"
       },
       "bgColor": {
@@ -415,9 +415,9 @@
     "success": "#055d20",
     "attention": "#744500",
     "severe": "#873800",
-    "danger": "#86061d",
+    "danger": "#8a071e",
     "open": "#055d20",
-    "closed": "#a0111f",
+    "closed": "#8a071e",
     "done": "#622cbc",
     "sponsors": "#bf3989"
   },

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

@@ -162,8 +162,8 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#cf222e",
-        "hover": "#cf222e"
+        "rest": "#d1242f",
+        "hover": "#d1242f"
       },
       "bgColor": {
         "hover": "#ffebe9",
@@ -303,13 +303,13 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#cf222e",
+        "rest": "#d1242f",
         "hover": "#ffffff",
         "active": "#ffffff",
-        "disabled": "#cf222e80"
+        "disabled": "#d1242f80"
       },
       "iconColor": {
-        "rest": "#cf222e",
+        "rest": "#d1242f",
         "hover": "#ffffff"
       },
       "bgColor": {
@@ -415,9 +415,9 @@
     "success": "#0969da",
     "attention": "#9a6700",
     "severe": "#cf222e",
-    "danger": "#cf222e",
+    "danger": "#d1242f",
     "open": "#0969da",
-    "closed": "#cf222e",
+    "closed": "#d1242f",
     "done": "#8250df",
     "sponsors": "#bf3989"
   },
@@ -440,7 +440,7 @@
     },
     "attention": {
       "muted": "#fff8c5",
-      "emphasis": "#bf8700"
+      "emphasis": "#9a6700"
     },
     "severe": {
       "muted": "#ffebe9",

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

@@ -162,8 +162,8 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#cf222e",
-        "hover": "#cf222e"
+        "rest": "#d1242f",
+        "hover": "#d1242f"
       },
       "bgColor": {
         "hover": "#ffebe9",
@@ -303,13 +303,13 @@
     },
     "danger": {
       "fgColor": {
-        "rest": "#cf222e",
+        "rest": "#d1242f",
         "hover": "#ffffff",
         "active": "#ffffff",
-        "disabled": "#cf222e80"
+        "disabled": "#d1242f80"
       },
       "iconColor": {
-        "rest": "#cf222e",
+        "rest": "#d1242f",
         "hover": "#ffffff"
       },
       "bgColor": {
@@ -415,9 +415,9 @@
     "success": "#1a7f37",
     "attention": "#9a6700",
     "severe": "#bc4c00",
-    "danger": "#cf222e",
+    "danger": "#d1242f",
     "open": "#1a7f37",
-    "closed": "#cf222e",
+    "closed": "#d1242f",
     "done": "#8250df",
     "sponsors": "#bf3989"
   },
@@ -440,7 +440,7 @@
     },
     "attention": {
       "muted": "#fff8c5",
-      "emphasis": "#bf8700"
+      "emphasis": "#9a6700"
     },
     "severe": {
       "muted": "#fff1e5",

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

@@ -6,16 +6,16 @@
   },
   "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)",
@@ -23,21 +23,21 @@
       },
       "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)",
@@ -46,27 +46,27 @@
       },
       "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/scss/base/color/dark-colorblind.scss

@@ -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:11:47 GMT
  */
 
 @mixin primer-colors-dark-colorblind {

package/tokens-next-private/scss/base/color/dark-dimmed.scss

@@ -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:11:46 GMT
  */
 
 @mixin primer-colors-dark-dimmed {

package/tokens-next-private/scss/base/color/dark-high-contrast.scss

@@ -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:11:48 GMT
  */
 
 @mixin primer-colors-dark-high-contrast {

package/tokens-next-private/scss/base/color/dark-tritanopia.scss

@@ -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:11:47 GMT
  */
 
 @mixin primer-colors-dark-tritanopia {

package/tokens-next-private/scss/base/color/dark.scss

@@ -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:11:46 GMT
  */
 
 @mixin primer-colors-dark {

package/tokens-next-private/scss/base/color/light-colorblind.scss

@@ -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:11:45 GMT
  */
 
 @mixin primer-colors-light-colorblind {

package/tokens-next-private/scss/base/color/light-high-contrast.scss

@@ -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:11:45 GMT
  */
 
 @mixin primer-colors-light-high-contrast {

package/tokens-next-private/scss/base/color/light-tritanopia.scss

@@ -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:11:44 GMT
  */
 
 @mixin primer-colors-light-tritanopia {

package/tokens-next-private/scss/base/color/light.scss

@@ -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:11:44 GMT
  */
 
 @mixin primer-colors-light {

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

@@ -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:11:48 GMT
  */
 
 @mixin primer-colors-size {

package/tokens-next-private/scss/base/typography/typography.scss

@@ -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:11:48 GMT
  */
 
 @mixin primer-colors-typography {

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

@@ -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:11:48 GMT
  */
 
 @mixin primer-colors-border {