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

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

@@ -0,0 +1,266 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "base": {
+    "size": {
+      "4": {
+        "value": "0.25rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "4px"
+        },
+        "name": "4",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "4"
+        ]
+      },
+      "8": {
+        "value": "0.5rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "8px"
+        },
+        "name": "8",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "8"
+        ]
+      },
+      "12": {
+        "value": "0.75rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "12px"
+        },
+        "name": "12",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "12"
+        ]
+      },
+      "16": {
+        "value": "1rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "16",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "16"
+        ]
+      },
+      "20": {
+        "value": "1.25rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "20px"
+        },
+        "name": "20",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "20"
+        ]
+      },
+      "24": {
+        "value": "1.5rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "24px"
+        },
+        "name": "24",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "24"
+        ]
+      },
+      "28": {
+        "value": "1.75rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "28px"
+        },
+        "name": "28",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "28"
+        ]
+      },
+      "32": {
+        "value": "2rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "32px"
+        },
+        "name": "32",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "32"
+        ]
+      },
+      "36": {
+        "value": "2.25rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "36px"
+        },
+        "name": "36",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "36"
+        ]
+      },
+      "40": {
+        "value": "2.5rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "40px"
+        },
+        "name": "40",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "40"
+        ]
+      },
+      "44": {
+        "value": "2.75rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "44px"
+        },
+        "name": "44",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "44"
+        ]
+      },
+      "48": {
+        "value": "3rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "48px"
+        },
+        "name": "48",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "48"
+        ]
+      },
+      "64": {
+        "value": "4rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "64px"
+        },
+        "name": "64",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "64"
+        ]
+      },
+      "80": {
+        "value": "5rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "80px"
+        },
+        "name": "80",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "80"
+        ]
+      },
+      "96": {
+        "value": "6rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "96px"
+        },
+        "name": "96",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "96"
+        ]
+      },
+      "112": {
+        "value": "7rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "112px"
+        },
+        "name": "112",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "112"
+        ]
+      },
+      "128": {
+        "value": "8rem",
+        "filePath": "tokens/base/size/size.json",
+        "isSource": true,
+        "original": {
+          "value": "128px"
+        },
+        "name": "128",
+        "attributes": {},
+        "path": [
+          "base",
+          "size",
+          "128"
+        ]
+      }
+    }
+  }
+};

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

@@ -0,0 +1,125 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
+ */
+
+module.exports = {
+  "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": {
+          "value": 500,
+          "filePath": "tokens/base/typography/typography.json",
+          "isSource": true,
+          "original": {
+            "value": 500
+          },
+          "name": "medium",
+          "attributes": {},
+          "path": [
+            "base",
+            "text",
+            "weight",
+            "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"
+          ]
+        }
+      }
+    }
+  }
+};

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

@@ -0,0 +1,289 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "color": {
+      "text": {
+        "default": {
+          "value": "var(--base-color-scale-gray-9)",
+          "darkValue": "var(--base-color-scale-white-0)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-9)",
+            "darkValue": "var(--base-color-scale-white-0)"
+          },
+          "name": "default",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "text",
+            "default"
+          ]
+        },
+        "muted": {
+          "value": "var(--base-color-scale-gray-6)",
+          "darkValue": "var(--base-color-scale-gray-3)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-6)",
+            "darkValue": "var(--base-color-scale-gray-3)"
+          },
+          "name": "muted",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "text",
+            "muted"
+          ]
+        },
+        "subtle": {
+          "value": "var(--base-color-scale-gray-5)",
+          "darkValue": "var(--base-color-scale-gray-4)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-5)",
+            "darkValue": "var(--base-color-scale-gray-4)"
+          },
+          "name": "subtle",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "text",
+            "subtle"
+          ]
+        },
+        "onEmphasis": {
+          "value": "var(--base-color-scale-white-0)",
+          "darkValue": "var(--base-color-scale-black-0)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-white-0)",
+            "darkValue": "var(--base-color-scale-black-0)"
+          },
+          "name": "onEmphasis",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "text",
+            "onEmphasis"
+          ]
+        }
+      },
+      "neutral": {
+        "emphasisPlus": {
+          "value": "var(--base-color-scale-gray-9)",
+          "darkValue": "var(--base-color-scale-gray-4)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-9)",
+            "darkValue": "var(--base-color-scale-gray-4)"
+          },
+          "name": "emphasisPlus",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "neutral",
+            "emphasisPlus"
+          ]
+        },
+        "emphasis": {
+          "value": "var(--base-color-scale-gray-5)",
+          "darkValue": "var(--base-color-scale-gray-4)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-5)",
+            "darkValue": "var(--base-color-scale-gray-4)"
+          },
+          "name": "emphasis",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "neutral",
+            "emphasis"
+          ]
+        },
+        "muted": {
+          "value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
+          "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
+            "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)"
+          },
+          "name": "muted",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "neutral",
+            "muted"
+          ]
+        },
+        "subtle": {
+          "value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
+          "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
+            "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)"
+          },
+          "name": "subtle",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "neutral",
+            "subtle"
+          ]
+        }
+      },
+      "canvas": {
+        "default": {
+          "value": "var(--base-color-scale-white-0)",
+          "darkValue": "var(--base-color-scale-gray-9)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-white-0)",
+            "darkValue": "var(--base-color-scale-gray-9)"
+          },
+          "name": "default",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "canvas",
+            "default"
+          ]
+        },
+        "overlay": {
+          "value": "var(--base-color-scale-white-0)",
+          "darkValue": "var(--base-color-scale-gray-8)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-white-0)",
+            "darkValue": "var(--base-color-scale-gray-8)"
+          },
+          "name": "overlay",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "canvas",
+            "overlay"
+          ]
+        },
+        "inset": {
+          "value": "var(--base-color-scale-gray-0)",
+          "darkValue": "var(--base-color-scale-black-0)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-0)",
+            "darkValue": "var(--base-color-scale-black-0)"
+          },
+          "name": "inset",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "canvas",
+            "inset"
+          ]
+        },
+        "subtle": {
+          "value": "var(--base-color-scale-gray-0)",
+          "darkValue": "var(--base-color-scale-gray-8)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-0)",
+            "darkValue": "var(--base-color-scale-gray-8)"
+          },
+          "name": "subtle",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "canvas",
+            "subtle"
+          ]
+        }
+      },
+      "border": {
+        "default": {
+          "value": "var(--base-color-scale-gray-2)",
+          "darkValue": "var(--base-color-scale-gray-6)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-gray-2)",
+            "darkValue": "var(--base-color-scale-gray-6)"
+          },
+          "name": "default",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "border",
+            "default"
+          ]
+        },
+        "muted": {
+          "value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
+          "darkValue": "var(--base-color-scale-gray-7)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
+            "darkValue": "var(--base-color-scale-gray-7)"
+          },
+          "name": "muted",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "border",
+            "muted"
+          ]
+        },
+        "subtle": {
+          "value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
+          "darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
+            "darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)"
+          },
+          "name": "subtle",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "border",
+            "subtle"
+          ]
+        }
+      }
+    }
+  }
+};