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

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

@@ -0,0 +1,47 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "Hero": {
+      "narrow": {
+        "padding": {
+          "value": "var(--base-size-96) 0",
+          "filePath": "tokens/functional/components/hero/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-size-96) 0"
+          },
+          "name": "padding",
+          "attributes": {},
+          "path": [
+            "brand",
+            "Hero",
+            "narrow",
+            "padding"
+          ]
+        }
+      },
+      "regular": {
+        "padding": {
+          "value": "var(--base-size-128) 0",
+          "filePath": "tokens/functional/components/hero/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-size-128) 0"
+          },
+          "name": "padding",
+          "attributes": {},
+          "path": [
+            "brand",
+            "Hero",
+            "regular",
+            "padding"
+          ]
+        }
+      }
+    }
+  }
+};

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

@@ -0,0 +1,165 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "borderInset": {
+      "thin": {
+        "value": "inset 0 0 0 max(1px, 0.0625rem)",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "inset 0 0 0 {brand.borderWidth.thin}"
+        },
+        "name": "thin",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderInset",
+          "thin"
+        ]
+      },
+      "normal": {
+        "value": "inset 0 0 0 max(2px, 0.125rem)",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "inset 0 0 0 {brand.borderWidth.normal}"
+        },
+        "name": "normal",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderInset",
+          "normal"
+        ]
+      },
+      "thick": {
+        "value": "inset 0 0 0 max(4px, 0.25rem)",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "inset 0 0 0 {brand.borderWidth.thick}"
+        },
+        "name": "thick",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderInset",
+          "thick"
+        ]
+      }
+    },
+    "borderWidth": {
+      "thin": {
+        "value": "max(1px, 0.0625rem)",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "max(1px, 0.0625rem)"
+        },
+        "name": "thin",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderWidth",
+          "thin"
+        ]
+      },
+      "normal": {
+        "value": "max(2px, 0.125rem)",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "max(2px, 0.125rem)"
+        },
+        "name": "normal",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderWidth",
+          "normal"
+        ]
+      },
+      "thick": {
+        "value": "max(4px, 0.25rem)",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "max(4px, 0.25rem)"
+        },
+        "name": "thick",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderWidth",
+          "thick"
+        ]
+      }
+    },
+    "borderRadius": {
+      "small": {
+        "value": "0.1875rem",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "3px"
+        },
+        "name": "small",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderRadius",
+          "small"
+        ]
+      },
+      "medium": {
+        "value": "0.375rem",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "6px"
+        },
+        "name": "medium",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderRadius",
+          "medium"
+        ]
+      },
+      "large": {
+        "value": "0.75rem",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "12px"
+        },
+        "name": "large",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderRadius",
+          "large"
+        ]
+      },
+      "full": {
+        "value": "100vh",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "100vh"
+        },
+        "name": "full",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderRadius",
+          "full"
+        ]
+      }
+    }
+  }
+};

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

@@ -0,0 +1,101 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "breakpoint": {
+      "xsmall": {
+        "value": "20rem",
+        "filePath": "tokens/functional/size/breakpoints.json",
+        "isSource": true,
+        "original": {
+          "value": "320px"
+        },
+        "name": "xsmall",
+        "attributes": {},
+        "path": [
+          "brand",
+          "breakpoint",
+          "xsmall"
+        ]
+      },
+      "small": {
+        "value": "34rem",
+        "filePath": "tokens/functional/size/breakpoints.json",
+        "isSource": true,
+        "original": {
+          "value": "544px"
+        },
+        "name": "small",
+        "attributes": {},
+        "path": [
+          "brand",
+          "breakpoint",
+          "small"
+        ]
+      },
+      "medium": {
+        "value": "48rem",
+        "filePath": "tokens/functional/size/breakpoints.json",
+        "isSource": true,
+        "original": {
+          "value": "768px"
+        },
+        "name": "medium",
+        "attributes": {},
+        "path": [
+          "brand",
+          "breakpoint",
+          "medium"
+        ]
+      },
+      "large": {
+        "value": "63.25rem",
+        "filePath": "tokens/functional/size/breakpoints.json",
+        "isSource": true,
+        "original": {
+          "value": "1012px"
+        },
+        "name": "large",
+        "attributes": {},
+        "path": [
+          "brand",
+          "breakpoint",
+          "large"
+        ]
+      },
+      "xlarge": {
+        "value": "80rem",
+        "filePath": "tokens/functional/size/breakpoints.json",
+        "isSource": true,
+        "original": {
+          "value": "1280px"
+        },
+        "name": "xlarge",
+        "attributes": {},
+        "path": [
+          "brand",
+          "breakpoint",
+          "xlarge"
+        ]
+      },
+      "xxlarge": {
+        "value": "90rem",
+        "filePath": "tokens/functional/size/breakpoints.json",
+        "isSource": true,
+        "original": {
+          "value": "1440px"
+        },
+        "name": "xxlarge",
+        "attributes": {},
+        "path": [
+          "brand",
+          "breakpoint",
+          "xxlarge"
+        ]
+      }
+    }
+  }
+};

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

@@ -0,0 +1,73 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "control": {
+      "minTarget": {
+        "auto": {
+          "value": "2.75rem",
+          "filePath": "tokens/functional/size/size-coarse.json",
+          "isSource": true,
+          "original": {
+            "value": "{base.size.44}"
+          },
+          "name": "auto",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "minTarget",
+            "auto"
+          ]
+        }
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": {
+            "value": "1rem",
+            "filePath": "tokens/functional/size/size-coarse.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.16}"
+            },
+            "name": "auto",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "small",
+              "gap",
+              "auto"
+            ]
+          }
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": {
+            "value": "0.75rem",
+            "filePath": "tokens/functional/size/size-coarse.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.12}"
+            },
+            "name": "auto",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "medium",
+              "gap",
+              "auto"
+            ]
+          }
+        }
+      }
+    }
+  }
+};

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

@@ -0,0 +1,73 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "control": {
+      "minTarget": {
+        "auto": {
+          "value": "1rem",
+          "filePath": "tokens/functional/size/size-fine.json",
+          "isSource": true,
+          "original": {
+            "value": "{base.size.16}"
+          },
+          "name": "auto",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "minTarget",
+            "auto"
+          ]
+        }
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": {
+            "value": "0.5rem",
+            "filePath": "tokens/functional/size/size-fine.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.8}"
+            },
+            "name": "auto",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "small",
+              "gap",
+              "auto"
+            ]
+          }
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": {
+            "value": "0.5rem",
+            "filePath": "tokens/functional/size/size-fine.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.8}"
+            },
+            "name": "auto",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "medium",
+              "gap",
+              "auto"
+            ]
+          }
+        }
+      }
+    }
+  }
+};