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

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

@@ -2,7 +2,7 @@
   "control": {
     "minTarget": {
       "fine": {
-        "value": "16px",
+        "value": "1rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -15,7 +15,7 @@
         "path": ["control", "minTarget", "fine"]
       },
       "coarse": {
-        "value": "44px",
+        "value": "2.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -30,7 +30,7 @@
     },
     "xsmall": {
       "size": {
-        "value": "24px",
+        "value": "1.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -43,7 +43,7 @@
         "path": ["control", "xsmall", "size"]
       },
       "lineBoxHeight": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -56,7 +56,7 @@
         "path": ["control", "xsmall", "lineBoxHeight"]
       },
       "paddingBlock": {
-        "value": "calc((24px - 20px) / 2)",
+        "value": "calc((1.5rem - 1.25rem) / 2)",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
         "original": {
@@ -68,7 +68,7 @@
       },
       "paddingInline": {
         "condensed": {
-          "value": "4px",
+          "value": "0.25rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -81,7 +81,7 @@
           "path": ["control", "xsmall", "paddingInline", "condensed"]
         },
         "normal": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -94,7 +94,7 @@
           "path": ["control", "xsmall", "paddingInline", "normal"]
         },
         "spacious": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -108,7 +108,7 @@
         }
       },
       "gap": {
-        "value": "4px",
+        "value": "0.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -123,7 +123,7 @@
     },
     "small": {
       "size": {
-        "value": "28px",
+        "value": "1.75rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -136,7 +136,7 @@
         "path": ["control", "small", "size"]
       },
       "lineBoxHeight": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -149,7 +149,7 @@
         "path": ["control", "small", "lineBoxHeight"]
       },
       "paddingBlock": {
-        "value": "calc((28px - 20px) / 2)",
+        "value": "calc((1.75rem - 1.25rem) / 2)",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
         "original": {
@@ -161,7 +161,7 @@
       },
       "paddingInline": {
         "condensed": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -174,7 +174,7 @@
           "path": ["control", "small", "paddingInline", "condensed"]
         },
         "normal": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -188,7 +188,7 @@
         }
       },
       "gap": {
-        "value": "4px",
+        "value": "0.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -203,7 +203,7 @@
     },
     "medium": {
       "size": {
-        "value": "32px",
+        "value": "2rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -216,7 +216,7 @@
         "path": ["control", "medium", "size"]
       },
       "lineBoxHeight": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -229,7 +229,7 @@
         "path": ["control", "medium", "lineBoxHeight"]
       },
       "paddingBlock": {
-        "value": "calc((32px - 20px) / 2)",
+        "value": "calc((2rem - 1.25rem) / 2)",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
         "original": {
@@ -241,7 +241,7 @@
       },
       "paddingInline": {
         "condensed": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -254,7 +254,7 @@
           "path": ["control", "medium", "paddingInline", "condensed"]
         },
         "normal": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -267,7 +267,7 @@
           "path": ["control", "medium", "paddingInline", "normal"]
         },
         "spacious": {
-          "value": "16px",
+          "value": "1rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -281,7 +281,7 @@
         }
       },
       "gap": {
-        "value": "8px",
+        "value": "0.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -296,7 +296,7 @@
     },
     "large": {
       "size": {
-        "value": "40px",
+        "value": "2.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -309,7 +309,7 @@
         "path": ["control", "large", "size"]
       },
       "lineBoxHeight": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -322,7 +322,7 @@
         "path": ["control", "large", "lineBoxHeight"]
       },
       "paddingBlock": {
-        "value": "calc((40px - 20px) / 2)",
+        "value": "calc((2.5rem - 1.25rem) / 2)",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
         "original": {
@@ -334,7 +334,7 @@
       },
       "paddingInline": {
         "normal": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -347,7 +347,7 @@
           "path": ["control", "large", "paddingInline", "normal"]
         },
         "spacious": {
-          "value": "16px",
+          "value": "1rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -361,7 +361,7 @@
         }
       },
       "gap": {
-        "value": "8px",
+        "value": "0.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -376,7 +376,7 @@
     },
     "xlarge": {
       "size": {
-        "value": "48px",
+        "value": "3rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -389,7 +389,7 @@
         "path": ["control", "xlarge", "size"]
       },
       "lineBoxHeight": {
-        "value": "20px",
+        "value": "1.25rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -402,7 +402,7 @@
         "path": ["control", "xlarge", "lineBoxHeight"]
       },
       "paddingBlock": {
-        "value": "calc((48px - 20px) / 2)",
+        "value": "calc((3rem - 1.25rem) / 2)",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
         "original": {
@@ -414,7 +414,7 @@
       },
       "paddingInline": {
         "normal": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -427,7 +427,7 @@
           "path": ["control", "xlarge", "paddingInline", "normal"]
         },
         "spacious": {
-          "value": "16px",
+          "value": "1rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -441,7 +441,7 @@
         }
       },
       "gap": {
-        "value": "8px",
+        "value": "0.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -459,7 +459,7 @@
     "small": {
       "gap": {
         "condensed": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -472,7 +472,7 @@
           "path": ["controlStack", "small", "gap", "condensed"]
         },
         "spacious": {
-          "value": "16px",
+          "value": "1rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -489,7 +489,7 @@
     "medium": {
       "gap": {
         "condensed": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -502,7 +502,7 @@
           "path": ["controlStack", "medium", "gap", "condensed"]
         },
         "spacious": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -519,7 +519,7 @@
     "large": {
       "gap": {
         "auto": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -532,7 +532,7 @@
           "path": ["controlStack", "large", "gap", "auto"]
         },
         "condensed": {
-          "value": "8px",
+          "value": "0.5rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -545,7 +545,7 @@
           "path": ["controlStack", "large", "gap", "condensed"]
         },
         "spacious": {
-          "value": "12px",
+          "value": "0.75rem",
           "$type": "dimension",
           "filePath": "src/tokens/functional/size/size.json",
           "isSource": true,
@@ -563,7 +563,7 @@
   "stack": {
     "padding": {
       "condensed": {
-        "value": "8px",
+        "value": "0.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -576,7 +576,7 @@
         "path": ["stack", "padding", "condensed"]
       },
       "normal": {
-        "value": "16px",
+        "value": "1rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -589,7 +589,7 @@
         "path": ["stack", "padding", "normal"]
       },
       "spacious": {
-        "value": "24px",
+        "value": "1.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -604,7 +604,7 @@
     },
     "gap": {
       "condensed": {
-        "value": "8px",
+        "value": "0.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -617,7 +617,7 @@
         "path": ["stack", "gap", "condensed"]
       },
       "normal": {
-        "value": "16px",
+        "value": "1rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,
@@ -630,7 +630,7 @@
         "path": ["stack", "gap", "normal"]
       },
       "spacious": {
-        "value": "24px",
+        "value": "1.5rem",
         "$type": "dimension",
         "filePath": "src/tokens/functional/size/size.json",
         "isSource": true,

package/tokens-next-private/docs/functional/size/viewport.json

@@ -1,7 +1,7 @@
 {
   "viewportRange": {
     "narrow": {
-      "value": "(max-width: calc(768px - 0.02px))",
+      "value": "(max-width: calc(48rem - 0.02px))",
       "filePath": "src/tokens/functional/size/viewport.json",
       "isSource": true,
       "original": {
@@ -12,7 +12,7 @@
       "path": ["viewportRange", "narrow"]
     },
     "narrowLandscape": {
-      "value": "(max-width: calc(1012px - 0.02px) and (max-height: calc(544px - 0.02px)) and (orientation: landscape))",
+      "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
       "filePath": "src/tokens/functional/size/viewport.json",
       "isSource": true,
       "original": {
@@ -23,7 +23,7 @@
       "path": ["viewportRange", "narrowLandscape"]
     },
     "regular": {
-      "value": "(min-width: 768px)",
+      "value": "(min-width: 48rem)",
       "filePath": "src/tokens/functional/size/viewport.json",
       "isSource": true,
       "original": {
@@ -34,7 +34,7 @@
       "path": ["viewportRange", "regular"]
     },
     "wide": {
-      "value": "(min-width: 1440px)",
+      "value": "(min-width: 90rem)",
       "filePath": "src/tokens/functional/size/viewport.json",
       "isSource": true,
       "original": {

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

@@ -3030,15 +3030,15 @@
     },
     "accent": {
       "muted": {
-        "value": "#388bfd26",
+        "value": "#388bfd1a",
         "$type": "color",
-        "alpha": 0.15,
+        "alpha": 0.1,
         "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
         "isSource": true,
         "original": {
           "value": "{base.color.blue.4}",
           "$type": "color",
-          "alpha": 0.15
+          "alpha": 0.1
         },
         "name": "bgColor-accent-muted",
         "attributes": {},

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

@@ -3036,15 +3036,15 @@
     },
     "accent": {
       "muted": {
-        "value": "#4184e426",
+        "value": "#4184e41a",
         "$type": "color",
-        "alpha": 0.15,
+        "alpha": 0.1,
         "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
         "isSource": true,
         "original": {
           "value": "{base.color.blue.4}",
           "$type": "color",
-          "alpha": 0.15
+          "alpha": 0.1
         },
         "name": "bgColor-accent-muted",
         "attributes": {},

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

@@ -3040,15 +3040,15 @@
     },
     "accent": {
       "muted": {
-        "value": "#409eff26",
+        "value": "#409eff1a",
         "$type": "color",
-        "alpha": 0.15,
+        "alpha": 0.1,
         "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
         "isSource": true,
         "original": {
           "value": "{base.color.blue.4}",
           "$type": "color",
-          "alpha": 0.15
+          "alpha": 0.1
         },
         "name": "bgColor-accent-muted",
         "attributes": {},

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

@@ -3036,15 +3036,15 @@
     },
     "accent": {
       "muted": {
-        "value": "#388bfd26",
+        "value": "#388bfd1a",
         "$type": "color",
-        "alpha": 0.15,
+        "alpha": 0.1,
         "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
         "isSource": true,
         "original": {
           "value": "{base.color.blue.4}",
           "$type": "color",
-          "alpha": 0.15
+          "alpha": 0.1
         },
         "name": "bgColor-accent-muted",
         "attributes": {},

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

@@ -3036,15 +3036,15 @@
     },
     "accent": {
       "muted": {
-        "value": "#388bfd26",
+        "value": "#388bfd1a",
         "$type": "color",
-        "alpha": 0.15,
+        "alpha": 0.1,
         "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
         "isSource": true,
         "original": {
           "value": "{base.color.blue.4}",
           "$type": "color",
-          "alpha": 0.15
+          "alpha": 0.1
         },
         "name": "bgColor-accent-muted",
         "attributes": {},

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

@@ -1084,7 +1084,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#b35900",
+          "value": "#b55b01",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -1097,7 +1097,7 @@
           "path": ["control", "danger", "fgColor", "rest"]
         },
         "hover": {
-          "value": "#b35900",
+          "value": "#b55b01",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2169,7 +2169,7 @@
     "danger": {
       "fgColor": {
         "rest": {
-          "value": "#b35900",
+          "value": "#b55b01",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2208,7 +2208,7 @@
           "path": ["button", "danger", "fgColor", "active"]
         },
         "disabled": {
-          "value": "#b3590080",
+          "value": "#b55b0180",
           "$type": "color",
           "alpha": 0.5,
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -2225,7 +2225,7 @@
       },
       "iconColor": {
         "rest": {
-          "value": "#b35900",
+          "value": "#b55b01",
           "$type": "color",
           "filePath": "src/tokens/functional/color/light/patterns-light.json5",
           "isSource": true,
@@ -2889,13 +2889,21 @@
       "path": ["fgColor", "severe"]
     },
     "danger": {
-      "value": "#b35900",
+      "value": "#b55b01",
       "$type": "color",
+      "mix": {
+        "color": "#dd7815",
+        "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": {},
@@ -3116,12 +3124,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",