@primer/primitives 7.11.2-rc.eac0550 → 7.11.2-rc.ef1e802

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

@@ -0,0 +1,117 @@
+{
+  "base": {
+    "color": {
+      "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": "#ddf4ff",
+        "1": "#b6e3ff",
+        "2": "#80ccff",
+        "3": "#54aeff",
+        "4": "#218bff",
+        "5": "#0969da",
+        "6": "#0550ae",
+        "7": "#033d8b",
+        "8": "#0a3069",
+        "9": "#002155"
+      },
+      "yellow": {
+        "0": "#fff8c5",
+        "1": "#fae17d",
+        "2": "#eac54f",
+        "3": "#d4a72c",
+        "4": "#bf8700",
+        "5": "#9a6700",
+        "6": "#7d4e00",
+        "7": "#633c01",
+        "8": "#4d2d00",
+        "9": "#3b2300"
+      },
+      "orange": {
+        "0": "#fff5e8",
+        "1": "#ffddb0",
+        "2": "#ffbc6d",
+        "3": "#f79939",
+        "4": "#dd7815",
+        "5": "#b35900",
+        "6": "#8a4600",
+        "7": "#6f3800",
+        "8": "#572c00",
+        "9": "#412000"
+      },
+      "red": {
+        "0": "#fff5e8",
+        "1": "#ffddb0",
+        "2": "#ffbc6d",
+        "3": "#f79939",
+        "4": "#dd7815",
+        "5": "#b35900",
+        "6": "#8a4600",
+        "7": "#6f3800",
+        "8": "#572c00",
+        "9": "#412000"
+      },
+      "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"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,117 @@
+{
+  "base": {
+    "color": {
+      "black": "#010409",
+      "transparent": "#ffffff00",
+      "white": "#ffffff",
+      "gray": {
+        "0": "#ffffff",
+        "1": "#e7ecf0",
+        "2": "#ced5dc",
+        "3": "#acb6c0",
+        "4": "#88929d",
+        "5": "#66707b",
+        "6": "#4b535d",
+        "7": "#343b43",
+        "8": "#20252c",
+        "9": "#0e1116"
+      },
+      "blue": {
+        "0": "#dff7ff",
+        "1": "#9cd7ff",
+        "2": "#67b3fd",
+        "3": "#368cf9",
+        "4": "#1168e3",
+        "5": "#0349b4",
+        "6": "#023b95",
+        "7": "#022f7a",
+        "8": "#032563",
+        "9": "#021a4a"
+      },
+      "green": {
+        "0": "#d2fedb",
+        "1": "#82e596",
+        "2": "#43c663",
+        "3": "#26a148",
+        "4": "#117f32",
+        "5": "#055d20",
+        "6": "#024c1a",
+        "7": "#013d14",
+        "8": "#003110",
+        "9": "#00230b"
+      },
+      "yellow": {
+        "0": "#fcf7be",
+        "1": "#f0ce53",
+        "2": "#d5a824",
+        "3": "#b58407",
+        "4": "#956400",
+        "5": "#744500",
+        "6": "#603700",
+        "7": "#4e2c00",
+        "8": "#3f2200",
+        "9": "#2e1800"
+      },
+      "orange": {
+        "0": "#fff2d5",
+        "1": "#ffc67b",
+        "2": "#f99636",
+        "3": "#dc6d1a",
+        "4": "#b45105",
+        "5": "#873800",
+        "6": "#702c00",
+        "7": "#5b2300",
+        "8": "#491b00",
+        "9": "#361200"
+      },
+      "red": {
+        "0": "#fff0ee",
+        "1": "#ffc1bc",
+        "2": "#ff8e8a",
+        "3": "#ee5a5d",
+        "4": "#d5232c",
+        "5": "#a0111f",
+        "6": "#86061d",
+        "7": "#6e011a",
+        "8": "#5a0016",
+        "9": "#430011"
+      },
+      "purple": {
+        "0": "#faf0fe",
+        "1": "#e0c5ff",
+        "2": "#c49bff",
+        "3": "#a371f7",
+        "4": "#844ae7",
+        "5": "#622cbc",
+        "6": "#512598",
+        "7": "#411d7b",
+        "8": "#341763",
+        "9": "#260f49"
+      },
+      "pink": {
+        "0": "#3e022b",
+        "1": "#ffd3eb",
+        "2": "#ffadda",
+        "3": "#ff80c8",
+        "4": "#e85aad",
+        "5": "#bf3989",
+        "6": "#99286e",
+        "7": "#772057",
+        "8": "#611347",
+        "9": "#4d0336"
+      },
+      "coral": {
+        "0": "#fff0ed",
+        "1": "#ffc2b6",
+        "2": "#ff8f7e",
+        "3": "#cd3425",
+        "4": "#ef5b48",
+        "5": "#9f1710",
+        "6": "#870706",
+        "7": "#6f0107",
+        "8": "#5b0002",
+        "9": "#430200"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,117 @@
+{
+  "base": {
+    "color": {
+      "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": "#ddf4ff",
+        "1": "#b6e3ff",
+        "2": "#80ccff",
+        "3": "#54aeff",
+        "4": "#218bff",
+        "5": "#0969da",
+        "6": "#0550ae",
+        "7": "#033d8b",
+        "8": "#0a3069",
+        "9": "#002155"
+      },
+      "yellow": {
+        "0": "#fff8c5",
+        "1": "#fae17d",
+        "2": "#eac54f",
+        "3": "#d4a72c",
+        "4": "#bf8700",
+        "5": "#9a6700",
+        "6": "#7d4e00",
+        "7": "#633c01",
+        "8": "#4d2d00",
+        "9": "#3b2300"
+      },
+      "orange": {
+        "0": "#ffebe9",
+        "1": "#ffcecb",
+        "2": "#ffaba8",
+        "3": "#ff8182",
+        "4": "#fa4549",
+        "5": "#cf222e",
+        "6": "#a40e26",
+        "7": "#82071e",
+        "8": "#660018",
+        "9": "#4c0014"
+      },
+      "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"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,117 @@
+{
+  "base": {
+    "color": {
+      "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"
+      }
+    }
+  }
+}

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

@@ -0,0 +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"
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+{
+  "base": {
+    "text": {
+      "weight": {
+        "light": 300,
+        "normal": 400,
+        "medium": 500,
+        "semibold": 600
+      }
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+{
+  "borderInset": {
+    "thin": "inset 0 0 0 max(1px, 0.0625rem)",
+    "thick": "inset 0 0 0 max(2px, 0.125rem)",
+    "thicker": "inset 0 0 0 max(4px, 0.25rem)"
+  },
+  "borderWidth": {
+    "thin": "max(1px, 0.0625rem)",
+    "thick": "max(2px, 0.125rem)",
+    "thicker": "max(4px, 0.25rem)"
+  },
+  "borderRadius": {
+    "small": "3px",
+    "medium": "6px",
+    "large": "12px",
+    "full": "100vh"
+  },
+  "outline": {
+    "focus": {
+      "offset": "1px"
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "breakpoint": {
+    "xsmall": "320px",
+    "small": "544px",
+    "medium": "768px",
+    "large": "1012px",
+    "xlarge": "1280px",
+    "xxlarge": "1440px"
+  }
+}

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

@@ -0,0 +1,19 @@
+{
+  "control": {
+    "minTarget": {
+      "auto": "44px"
+    }
+  },
+  "controlStack": {
+    "small": {
+      "gap": {
+        "auto": "16px"
+      }
+    },
+    "medium": {
+      "gap": {
+        "auto": "12px"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,19 @@
+{
+  "control": {
+    "minTarget": {
+      "auto": "16px"
+    }
+  },
+  "controlStack": {
+    "small": {
+      "gap": {
+        "auto": "8px"
+      }
+    },
+    "medium": {
+      "gap": {
+        "auto": "8px"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,93 @@
+{
+  "control": {
+    "minTarget": {
+      "fine": "16px",
+      "coarse": "44px"
+    },
+    "xsmall": {
+      "size": "24px",
+      "lineBoxHeight": "20px",
+      "paddingBlock": "calc((24px - 20px) / 2)",
+      "paddingInline": {
+        "condensed": "4px",
+        "normal": "8px",
+        "spacious": "12px"
+      },
+      "gap": "4px"
+    },
+    "small": {
+      "size": "28px",
+      "lineBoxHeight": "20px",
+      "paddingBlock": "calc((28px - 20px) / 2)",
+      "paddingInline": {
+        "condensed": "8px",
+        "normal": "12px"
+      },
+      "gap": "4px"
+    },
+    "medium": {
+      "size": "32px",
+      "lineBoxHeight": "20px",
+      "paddingBlock": "calc((32px - 20px) / 2)",
+      "paddingInline": {
+        "condensed": "8px",
+        "normal": "12px",
+        "spacious": "16px"
+      },
+      "gap": "8px"
+    },
+    "large": {
+      "size": "40px",
+      "lineBoxHeight": "20px",
+      "paddingBlock": "calc((40px - 20px) / 2)",
+      "paddingInline": {
+        "normal": "12px",
+        "spacious": "16px"
+      },
+      "gap": "8px"
+    },
+    "xlarge": {
+      "size": "48px",
+      "lineBoxHeight": "20px",
+      "paddingBlock": "calc((48px - 20px) / 2)",
+      "paddingInline": {
+        "normal": "12px",
+        "spacious": "16px"
+      },
+      "gap": "8px"
+    }
+  },
+  "controlStack": {
+    "small": {
+      "gap": {
+        "condensed": "8px",
+        "spacious": "16px"
+      }
+    },
+    "medium": {
+      "gap": {
+        "condensed": "8px",
+        "spacious": "12px"
+      }
+    },
+    "large": {
+      "gap": {
+        "auto": "8px",
+        "condensed": "8px",
+        "spacious": "12px"
+      }
+    }
+  },
+  "stack": {
+    "padding": {
+      "condensed": "8px",
+      "normal": "16px",
+      "spacious": "24px"
+    },
+    "gap": {
+      "condensed": "8px",
+      "normal": "16px",
+      "spacious": "24px"
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "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)",
+    "portrait": "(orientation: portrait)",
+    "landscape": "(orientation: landscape)"
+  }
+}