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

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

@@ -1080,7 +1080,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#86061d",
+          "value": "#8a071e",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2177,7 +2177,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#86061d",
+          "value": "#8a071e",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2216,7 +2216,7 @@
           "path": ["button", "danger", "fgColor", "active"]
         },
         "disabled": {
-          "value": "#86061d80",
+          "value": "#8a071e80",
           "$type": "color",
           "alpha": 0.5,
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -2233,7 +2233,7 @@
       },
       "iconColor": {
         "rest": {
-          "value": "#86061d",
+          "value": "#8a071e",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2891,13 +2891,21 @@
       "path": ["fgColor", "severe"]
     },
     "danger": {
-      "value": "#86061d",
+      "value": "#8a071e",
       "$type": "color",
+      "mix": {
+        "color": "#d5232c",
+        "weight": 0.05
+      },
       "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
       "isSource": true,
       "original": {
         "value": "{base.color.red.6}",
-        "$type": "color"
+        "$type": "color",
+        "mix": {
+          "color": "{base.color.red.4}",
+          "weight": 0.05
+        }
       },
       "name": "fgColor-danger",
       "attributes": {},
@@ -2917,12 +2925,12 @@
       "path": ["fgColor", "open"]
     },
     "closed": {
-      "value": "#a0111f",
+      "value": "#8a071e",
       "$type": "color",
       "filePath": "src/tokens/functional/color/light/primitives-light.json5",
       "isSource": true,
       "original": {
-        "value": "{base.color.red.5}",
+        "value": "{fgColor.danger}",
         "$type": "color"
       },
       "name": "fgColor-closed",

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

@@ -1080,7 +1080,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -1093,7 +1093,7 @@
           "path": ["control", "danger", "fgColor", "rest"]
         },
         "hover": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2165,7 +2165,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2204,7 +2204,7 @@
           "path": ["button", "danger", "fgColor", "active"]
         },
         "disabled": {
-          "value": "#cf222e80",
+          "value": "#d1242f80",
           "$type": "color",
           "alpha": 0.5,
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -2221,7 +2221,7 @@
       },
       "iconColor": {
         "rest": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2885,13 +2885,21 @@
       "path": ["fgColor", "severe"]
     },
     "danger": {
-      "value": "#cf222e",
+      "value": "#d1242f",
       "$type": "color",
+      "mix": {
+        "color": "#fa4549",
+        "weight": 0.05
+      },
       "filePath": "src/tokens/functional/color/light/primitives-light.json5",
       "isSource": true,
       "original": {
         "value": "{base.color.red.5}",
-        "$type": "color"
+        "$type": "color",
+        "mix": {
+          "color": "{base.color.red.4}",
+          "weight": 0.05
+        }
       },
       "name": "fgColor-danger",
       "attributes": {},
@@ -2911,12 +2919,12 @@
       "path": ["fgColor", "open"]
     },
     "closed": {
-      "value": "#cf222e",
+      "value": "#d1242f",
       "$type": "color",
       "filePath": "src/tokens/functional/color/light/primitives-light.json5",
       "isSource": true,
       "original": {
-        "value": "{base.color.red.5}",
+        "value": "{fgColor.danger}",
         "$type": "color"
       },
       "name": "fgColor-closed",
@@ -3112,12 +3120,12 @@
         "path": ["bgColor", "attention", "muted"]
       },
       "emphasis": {
-        "value": "#bf8700",
+        "value": "#9a6700",
         "$type": "color",
         "filePath": "src/tokens/functional/color/light/primitives-light.json5",
         "isSource": true,
         "original": {
-          "value": "{base.color.yellow.4}",
+          "value": "{base.color.yellow.5}",
           "$type": "color"
         },
         "name": "bgColor-attention-emphasis",

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

@@ -1080,7 +1080,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -1093,7 +1093,7 @@
           "path": ["control", "danger", "fgColor", "rest"]
         },
         "hover": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2165,7 +2165,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2204,7 +2204,7 @@
           "path": ["button", "danger", "fgColor", "active"]
         },
         "disabled": {
-          "value": "#cf222e80",
+          "value": "#d1242f80",
           "$type": "color",
           "alpha": 0.5,
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -2221,7 +2221,7 @@
       },
       "iconColor": {
         "rest": {
-          "value": "#cf222e",
+          "value": "#d1242f",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2885,13 +2885,21 @@
       "path": ["fgColor", "severe"]
     },
     "danger": {
-      "value": "#cf222e",
+      "value": "#d1242f",
       "$type": "color",
+      "mix": {
+        "color": "#fa4549",
+        "weight": 0.05
+      },
       "filePath": "src/tokens/functional/color/light/primitives-light.json5",
       "isSource": true,
       "original": {
         "value": "{base.color.red.5}",
-        "$type": "color"
+        "$type": "color",
+        "mix": {
+          "color": "{base.color.red.4}",
+          "weight": 0.05
+        }
       },
       "name": "fgColor-danger",
       "attributes": {},
@@ -2911,12 +2919,12 @@
       "path": ["fgColor", "open"]
     },
     "closed": {
-      "value": "#cf222e",
+      "value": "#d1242f",
       "$type": "color",
       "filePath": "src/tokens/functional/color/light/primitives-light.json5",
       "isSource": true,
       "original": {
-        "value": "{base.color.red.5}",
+        "value": "{fgColor.danger}",
         "$type": "color"
       },
       "name": "fgColor-closed",
@@ -3112,12 +3120,12 @@
         "path": ["bgColor", "attention", "muted"]
       },
       "emphasis": {
-        "value": "#bf8700",
+        "value": "#9a6700",
         "$type": "color",
         "filePath": "src/tokens/functional/color/light/primitives-light.json5",
         "isSource": true,
         "original": {
-          "value": "{base.color.yellow.4}",
+          "value": "{base.color.yellow.5}",
           "$type": "color"
         },
         "name": "bgColor-attention-emphasis",

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

@@ -43,7 +43,7 @@
   "text": {
     "display": {
       "lineBoxHeight": {
-        "value": "56px",
+        "value": "3.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -56,7 +56,7 @@
         "path": ["text", "display", "lineBoxHeight"]
       },
       "size": {
-        "value": "40px",
+        "value": "2.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -93,7 +93,7 @@
         "path": ["text", "display", "weight"]
       },
       "shorthand": {
-        "value": "500 40px/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        "value": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
         "$type": "typography",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -114,7 +114,7 @@
     "title": {
       "size": {
         "large": {
-          "value": "32px",
+          "value": "2rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -127,7 +127,7 @@
           "path": ["text", "title", "size", "large"]
         },
         "medium": {
-          "value": "20px",
+          "value": "1.25rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -179,7 +179,7 @@
       },
       "shorthand": {
         "large": {
-          "value": "600 32px/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+          "value": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
           "$type": "typography",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -197,7 +197,7 @@
           "path": ["text", "title", "shorthand", "large"]
         },
         "medium": {
-          "value": "600 20px/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+          "value": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
           "$type": "typography",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -218,7 +218,7 @@
     },
     "subtitle": {
       "size": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -255,7 +255,7 @@
         "path": ["text", "subtitle", "weight"]
       },
       "shorthand": {
-        "value": "400 20px/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        "value": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
         "$type": "typography",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -276,7 +276,7 @@
     "body": {
       "size": {
         "large": {
-          "value": "16px",
+          "value": "1rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -289,7 +289,7 @@
           "path": ["text", "body", "size", "large"]
         },
         "medium": {
-          "value": "14px",
+          "value": "0.875rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -302,7 +302,7 @@
           "path": ["text", "body", "size", "medium"]
         },
         "small": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -365,7 +365,7 @@
       },
       "shorthand": {
         "large": {
-          "value": "400 16px/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+          "value": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
           "$type": "typography",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -383,7 +383,7 @@
           "path": ["text", "body", "shorthand", "large"]
         },
         "medium": {
-          "value": "400 14px/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+          "value": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
           "$type": "typography",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -401,7 +401,7 @@
           "path": ["text", "body", "shorthand", "medium"]
         },
         "small": {
-          "value": "400 12px/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+          "value": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
           "$type": "typography",
           "filePath": "src/tokens/functional/typography/typography.json",
           "isSource": true,
@@ -422,7 +422,7 @@
     },
     "caption": {
       "size": {
-        "value": "12px",
+        "value": "0.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -459,7 +459,7 @@
         "path": ["text", "caption", "weight"]
       },
       "shorthand": {
-        "value": "400 12px/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        "value": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
         "$type": "typography",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -479,7 +479,7 @@
     },
     "codeBlock": {
       "size": {
-        "value": "13px",
+        "value": "0.8125rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -514,7 +514,7 @@
         "path": ["text", "codeBlock", "weight"]
       },
       "shorthand": {
-        "value": "400 13px/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+        "value": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
         "$type": "typography",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -534,7 +534,7 @@
     },
     "codeInline": {
       "size": {
-        "value": "0.9285em",
+        "value": "0.05803125rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,
@@ -560,7 +560,7 @@
         "path": ["text", "codeInline", "weight"]
       },
       "shorthand": {
-        "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+        "value": "400 0.05803125rem ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
         "$type": "typography",
         "filePath": "src/tokens/functional/typography/typography.json",
         "isSource": true,

package/tokens-next-private/js/base/color/dark-colorblind.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:11:47 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/dark-dimmed.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:11:46 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/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:11:48 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/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:11:47 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/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:11:46 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/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:11:45 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/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:11:45 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/light-tritanopia.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:11:44 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/base/color/light.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:11:44 GMT
  */
 
 exports.default = {

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

@@ -1,28 +1,28 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:11:48 GMT
  */
 
 exports.default = {
   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/js/base/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:11:48 GMT
  */
 
 exports.default = {

package/tokens-next-private/js/functional/size/border.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:11:48 GMT
  */
 
 exports.default = {
@@ -22,7 +22,7 @@ exports.default = {
   },
   outline: {
     focus: {
-      offset: "1px",
+      offset: "0.0625rem",
     },
   },
 };

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

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 08:43:02 GMT
+ * Generated on Wed, 29 Mar 2023 13:11:48 GMT
  */
 
 exports.default = {
   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",
   },
 };