@primer/react-brand 0.1.0-rc.ae0dfda → 0.1.0

package/lib/design-tokens/ts/tokens/base/colors/color-scales.js

@@ -0,0 +1,175 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "base": {
+    "color": {
+      "scale": {
+        "gray": {
+          "0": "210 25% 98%",
+          "1": "210 24% 93%",
+          "2": "210 16% 85%",
+          "3": "210 13% 75%",
+          "4": "212 10% 62%",
+          "5": "210 8% 48%",
+          "6": "212 10% 38%",
+          "7": "212 11% 29%",
+          "8": "212 12% 22%",
+          "9": "213 13% 16%"
+        },
+        "red": {
+          "0": "4 100% 97%",
+          "1": "3 100% 91%",
+          "2": "2 100% 85%",
+          "3": "1 100% 76%",
+          "4": "359 95% 65%",
+          "5": "357 67% 50%",
+          "6": "356 71% 38%",
+          "7": "355 71% 30%",
+          "8": "354 74% 24%",
+          "9": "352 91% 17%"
+        },
+        "coral": {
+          "0": "15 100% 96%",
+          "1": "12 100% 90%",
+          "2": "12 100% 82%",
+          "3": "11 97% 72%",
+          "4": "11 81% 60%",
+          "5": "9 64% 47%",
+          "6": "9 70% 36%",
+          "7": "8 79% 28%",
+          "8": "7 91% 22%",
+          "9": "6 98% 16%"
+        },
+        "orange": {
+          "0": "28 100% 95%",
+          "1": "28 100% 85%",
+          "2": "27 100% 74%",
+          "3": "25 96% 63%",
+          "4": "24 76% 51%",
+          "5": "24 100% 37%",
+          "6": "23 100% 29%",
+          "7": "22 100% 23%",
+          "8": "22 100% 18%",
+          "9": "19 100% 14%"
+        },
+        "yellow": {
+          "0": "50 89% 89%",
+          "1": "48 87% 73%",
+          "2": "46 76% 60%",
+          "3": "44 65% 50%",
+          "4": "42 100% 37%",
+          "5": "40 100% 30%",
+          "6": "37 100% 24%",
+          "7": "36 98% 19%",
+          "8": "35 100% 15%",
+          "9": "34 90% 12%"
+        },
+        "lemon": {
+          "0": "54 95% 85%",
+          "1": "52 87% 67%",
+          "2": "51 70% 56%",
+          "3": "50 72% 45%",
+          "4": "50 98% 33%",
+          "5": "49 100% 26%",
+          "6": "48 100% 20%",
+          "7": "47 100% 16%",
+          "8": "46 100% 13%",
+          "9": "43 100% 10%"
+        },
+        "lime": {
+          "0": "75 86% 85%",
+          "1": "76 75% 70%",
+          "2": "76 59% 58%",
+          "3": "77 51% 48%",
+          "4": "78 57% 38%",
+          "5": "80 64% 29%",
+          "6": "82 66% 22%",
+          "7": "84 85% 16%",
+          "8": "86 90% 12%",
+          "9": "88 96% 9%"
+        },
+        "green": {
+          "0": "133 80% 92%",
+          "1": "134 66% 80%",
+          "2": "135 62% 65%",
+          "3": "136 50% 53%",
+          "4": "137 57% 41%",
+          "5": "137 66% 30%",
+          "6": "138 71% 23%",
+          "7": "141 90% 16%",
+          "8": "142 100% 12%",
+          "9": "143 100% 9%"
+        },
+        "teal": {
+          "0": "172 72% 92%",
+          "1": "173 58% 80%",
+          "2": "177 57% 63%",
+          "3": "177 46% 51%",
+          "4": "179 51% 41%",
+          "5": "180 66% 29%",
+          "6": "181 67% 23%",
+          "7": "182 95% 15%",
+          "8": "182 82% 13%",
+          "9": "182 80% 10%"
+        },
+        "blue": {
+          "0": "200 100% 95%",
+          "1": "203 100% 87%",
+          "2": "205 100% 77%",
+          "3": "208 100% 67%",
+          "4": "211 100% 58%",
+          "5": "212 92% 45%",
+          "6": "213 95% 36%",
+          "7": "214 96% 29%",
+          "8": "216 82% 24%",
+          "9": "217 89% 18%"
+        },
+        "indigo": {
+          "0": "229 100% 97%",
+          "1": "231 100% 92%",
+          "2": "232 100% 86%",
+          "3": "234 100% 80%",
+          "4": "234 100% 73%",
+          "5": "237 84% 64%",
+          "6": "238 61% 53%",
+          "7": "237 58% 41%",
+          "8": "235 58% 32%",
+          "9": "235 57% 23%"
+        },
+        "purple": {
+          "0": "285 100% 97%",
+          "1": "271 100% 92%",
+          "2": "267 100% 86%",
+          "3": "265 100% 80%",
+          "4": "261 92% 72%",
+          "5": "261 69% 59%",
+          "6": "261 53% 48%",
+          "7": "261 56% 38%",
+          "8": "261 59% 30%",
+          "9": "260 66% 23%"
+        },
+        "pink": {
+          "0": "330 100% 97%",
+          "1": "327 100% 91%",
+          "2": "327 100% 84%",
+          "3": "326 100% 75%",
+          "4": "325 76% 63%",
+          "5": "324 54% 49%",
+          "6": "323 59% 38%",
+          "7": "322 58% 30%",
+          "8": "320 67% 23%",
+          "9": "319 93% 16%"
+        },
+        "black": {
+          "0": "213 14% 12%"
+        },
+        "white": {
+          "0": "0 100% 100%"
+        }
+      }
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/base/size/size.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "base": {
+    "size": {
+      "4": string,
+      "8": string,
+      "12": string,
+      "16": string,
+      "20": string,
+      "24": string,
+      "28": string,
+      "32": string,
+      "36": string,
+      "40": string,
+      "44": string,
+      "48": string,
+      "64": string,
+      "80": string,
+      "96": string,
+      "112": string,
+      "128": string
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/base/size/size.js

@@ -0,0 +1,28 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "base": {
+    "size": {
+      "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/lib/design-tokens/ts/tokens/base/typography/typography.d.ts

@@ -0,0 +1,111 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "base": {
+    "text": {
+      "weight": {
+        "light": {
+          "value": 300,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 300
+          },
+          "name": "light",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "light"
+          ]
+        },
+        "normal": {
+          "value": 400,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 400
+          },
+          "name": "normal",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "normal"
+          ]
+        },
+        "medium": {},
+        "semibold": {
+          "value": 600,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 600
+          },
+          "name": "semibold",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "semibold"
+          ]
+        },
+        "bold": {
+          "value": 700,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 700
+          },
+          "name": "bold",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "bold"
+          ]
+        },
+        "extrabold": {
+          "value": 800,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 800
+          },
+          "name": "extrabold",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "extrabold"
+          ]
+        },
+        "heavy": {
+          "value": 900,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 900
+          },
+          "name": "heavy",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "heavy"
+          ]
+        }
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/base/typography/typography.js

@@ -0,0 +1,20 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "base": {
+    "text": {
+      "weight": {
+        "light": 300,
+        "normal": 400,
+        "medium": 500,
+        "semibold": 600,
+        "bold": 700,
+        "extrabold": 800,
+        "heavy": 900
+      }
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "brand": {
+    "color": {
+      "text": {
+        "default": string,
+        "muted": string,
+        "subtle": string,
+        "onEmphasis": string
+      },
+      "neutral": {
+        "emphasisPlus": string,
+        "emphasis": string,
+        "muted": string,
+        "subtle": string
+      },
+      "canvas": {
+        "default": string,
+        "overlay": string,
+        "inset": string,
+        "subtle": string
+      },
+      "border": {
+        "default": string,
+        "muted": string,
+        "subtle": string
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/colors/global.js

@@ -0,0 +1,34 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "color": {
+      "text": {
+        "default": "var(--base-color-scale-gray-9)",
+        "muted": "var(--base-color-scale-gray-6)",
+        "subtle": "var(--base-color-scale-gray-5)",
+        "onEmphasis": "var(--base-color-scale-white-0)"
+      },
+      "neutral": {
+        "emphasisPlus": "var(--base-color-scale-gray-9)",
+        "emphasis": "var(--base-color-scale-gray-5)",
+        "muted": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
+        "subtle": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)"
+      },
+      "canvas": {
+        "default": "var(--base-color-scale-white-0)",
+        "overlay": "var(--base-color-scale-white-0)",
+        "inset": "var(--base-color-scale-gray-0)",
+        "subtle": "var(--base-color-scale-gray-0)"
+      },
+      "border": {
+        "default": "var(--base-color-scale-gray-2)",
+        "muted": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
+        "subtle": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)"
+      }
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "brand": {
+    "Hero": {
+      "narrow": {
+        "padding": string
+      },
+      "regular": {
+        "padding": string
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/hero/base.js

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "Hero": {
+      "narrow": {
+        "padding": "var(--base-size-96) 0"
+      },
+      "regular": {
+        "padding": "var(--base-size-128) 0"
+      }
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/size/border.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "brand": {
+    "borderInset": {
+      "thin": string,
+      "normal": string,
+      "thick": string
+    },
+    "borderWidth": {
+      "thin": string,
+      "normal": string,
+      "thick": string
+    },
+    "borderRadius": {
+      "small": string,
+      "medium": string,
+      "large": string,
+      "full": string
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/size/border.js

@@ -0,0 +1,25 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "borderInset": {
+      "thin": "inset 0 0 0 max(1px, 0.0625rem)",
+      "normal": "inset 0 0 0 max(2px, 0.125rem)",
+      "thick": "inset 0 0 0 max(4px, 0.25rem)"
+    },
+    "borderWidth": {
+      "thin": "max(1px, 0.0625rem)",
+      "normal": "max(2px, 0.125rem)",
+      "thick": "max(4px, 0.25rem)"
+    },
+    "borderRadius": {
+      "small": "0.1875rem",
+      "medium": "0.375rem",
+      "large": "0.75rem",
+      "full": "100vh"
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "brand": {
+    "breakpoint": {
+      "xsmall": string,
+      "small": string,
+      "medium": string,
+      "large": string,
+      "xlarge": string,
+      "xxlarge": string
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "breakpoint": {
+      "xsmall": "20rem",
+      "small": "34rem",
+      "medium": "48rem",
+      "large": "63.25rem",
+      "xlarge": "80rem",
+      "xxlarge": "90rem"
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "brand": {
+    "control": {
+      "minTarget": {
+        "auto": string
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": string
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": string
+        }
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "control": {
+      "minTarget": {
+        "auto": "2.75rem"
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": "1rem"
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": "0.75rem"
+        }
+      }
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+declare const tokens: {
+  "brand": {
+    "control": {
+      "minTarget": {
+        "auto": string
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": string
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": string
+        }
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/size/size-fine.js

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "control": {
+      "minTarget": {
+        "auto": "1rem"
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": "0.5rem"
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": "0.5rem"
+        }
+      }
+    }
+  }
+}