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

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

@@ -0,0 +1,122 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:28 GMT
+ */
+
+export default {
+  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/ts/base/color/light.ts

@@ -0,0 +1,122 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:27 GMT
+ */
+
+export default {
+  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/ts/base/size/size.ts

@@ -0,0 +1,28 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 GMT
+ */
+
+export 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",
+    },
+  },
+};

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

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 GMT
+ */
+
+export default {
+  base: {
+    text: {
+      weight: {
+        light: 300,
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+      },
+    },
+  },
+};

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

@@ -0,0 +1,28 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:32 GMT
+ */
+
+export default {
+  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/ts/functional/size/breakpoints.ts

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:32 GMT
+ */
+
+export default {
+  breakpoint: {
+    xsmall: "320px",
+    small: "544px",
+    medium: "768px",
+    large: "1012px",
+    xlarge: "1280px",
+    xxlarge: "1440px",
+  },
+};

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

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 GMT
+ */
+
+export default {
+  control: {
+    minTarget: {
+      auto: "44px",
+    },
+  },
+  controlStack: {
+    small: {
+      gap: {
+        auto: "16px",
+      },
+    },
+    medium: {
+      gap: {
+        auto: "12px",
+      },
+    },
+  },
+};

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

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 GMT
+ */
+
+export default {
+  control: {
+    minTarget: {
+      auto: "16px",
+    },
+  },
+  controlStack: {
+    small: {
+      gap: {
+        auto: "8px",
+      },
+    },
+    medium: {
+      gap: {
+        auto: "8px",
+      },
+    },
+  },
+};

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

@@ -0,0 +1,98 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 GMT
+ */
+
+export default {
+  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/ts/functional/size/viewport.ts

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 GMT
+ */
+
+export 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)",
+    portrait: "(orientation: portrait)",
+    landscape: "(orientation: landscape)",
+  },
+};