npm - @primer/react-brand - Versions diffs - 0.3.0-rc.9ff153e → 0.3.0 - Mend

@primer/react-brand 0.3.0-rc.9ff153e → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js ADDED Viewed

@@ -0,0 +1,173 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+module.exports = {
+  "brand": {
+    "heading": {
+      "lineHeight": {
+        "400": {
+          "value": "1.25rem",
+          "responsive": {
+            "768px": {
+              "value": "24px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            },
+            "1012px": {
+              "value": "24px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            }
+          },
+          "filePath": "tokens/functional/typography/typography-responsive.json",
+          "isSource": true,
+          "original": {
+            "value": "20px",
+            "responsive": {
+              "768px": {
+                "value": "24px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              },
+              "1012px": {
+                "value": "24px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              }
+            }
+          },
+          "name": "400",
+          "attributes": {},
+          "path": [
+            "brand",
+            "heading",
+            "lineHeight",
+            "400"
+          ]
+        },
+        "500": {
+          "value": "1.5rem",
+          "responsive": {
+            "768px": {
+              "value": "28px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            },
+            "1012px": {
+              "value": "28px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            }
+          },
+          "filePath": "tokens/functional/typography/typography-responsive.json",
+          "isSource": true,
+          "original": {
+            "value": "24px",
+            "responsive": {
+              "768px": {
+                "value": "28px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              },
+              "1012px": {
+                "value": "28px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              }
+            }
+          },
+          "name": "500",
+          "attributes": {},
+          "path": [
+            "brand",
+            "heading",
+            "lineHeight",
+            "500"
+          ]
+        },
+        "600": {
+          "value": "1.75rem",
+          "responsive": {
+            "768px": {
+              "value": "32px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            },
+            "1012px": {
+              "value": "36px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            }
+          },
+          "filePath": "tokens/functional/typography/typography-responsive.json",
+          "isSource": true,
+          "original": {
+            "value": "28px",
+            "responsive": {
+              "768px": {
+                "value": "32px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              },
+              "1012px": {
+                "value": "36px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              }
+            }
+          },
+          "name": "600",
+          "attributes": {},
+          "path": [
+            "brand",
+            "heading",
+            "lineHeight",
+            "600"
+          ]
+        },
+        "700": {
+          "value": "2rem",
+          "responsive": {
+            "768px": {
+              "value": "44px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            },
+            "1012px": {
+              "value": "52px",
+              "filePath": "tokens/functional/typography/typography-responsive.json",
+              "isSource": true
+            }
+          },
+          "filePath": "tokens/functional/typography/typography-responsive.json",
+          "isSource": true,
+          "original": {
+            "value": "32px",
+            "responsive": {
+              "768px": {
+                "value": "44px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              },
+              "1012px": {
+                "value": "52px",
+                "filePath": "tokens/functional/typography/typography-responsive.json",
+                "isSource": true
+              }
+            }
+          },
+          "name": "700",
+          "attributes": {},
+          "path": [
+            "brand",
+            "heading",
+            "lineHeight",
+            "700"
+          ]
+        }
+      }
+    }
+  }
+};

package/lib/design-tokens/js/module/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BaseColorScaleGray0 = "210 25% 98%";

package/lib/design-tokens/js/tokens/base/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BaseSize4 = "0.25rem";

package/lib/design-tokens/js/tokens/base/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BaseTextWeightLight = 300;

package/lib/design-tokens/js/tokens/functional/colors/global.js CHANGED Viewed

@@ -1,8 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
+export const BrandColorAccentFg = "var(--base-color-scale-pink-5)";
+export const BrandColorAccentEmphasis = "var(--base-color-scale-pink-5)";
+export const BrandColorAccentMuted = "hsl(var(--base-color-scale-pink-3-hsl) / 60%)";
+export const BrandColorAccentSubtle = "var(--base-color-scale-pink-0)";
 export const BrandColorTextDefault = "var(--base-color-scale-gray-9)";
 export const BrandColorTextMuted = "var(--base-color-scale-gray-6)";
 export const BrandColorTextSubtle = "var(--base-color-scale-gray-5)";
@@ -17,4 +21,5 @@ export const BrandColorCanvasInset = "var(--base-color-scale-gray-0)";
 export const BrandColorCanvasSubtle = "var(--base-color-scale-gray-0)";
 export const BrandColorBorderDefault = "var(--base-color-scale-gray-2)";
 export const BrandColorBorderMuted = "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)";
-export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
+export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
+export const BrandColorFocus = "var(--base-color-scale-blue-5)";

package/lib/design-tokens/js/tokens/functional/components/faq/base.js ADDED Viewed

@@ -0,0 +1,7 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+export const BrandFAQHeadingCenteredMaxWidth = "37.5rem";
+export const BrandFAQMaxWidth = "51rem";

package/lib/design-tokens/js/tokens/functional/components/faq/colors.js ADDED Viewed

@@ -0,0 +1,6 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+export const BrandFAQHeadingColor = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandHeroNarrowPadding = "var(--base-size-96) 0";

package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js ADDED Viewed

@@ -0,0 +1,7 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+export const BrandInlineLinkColorRest = "var(--base-color-scale-blue-5)";
+export const BrandInlineLinkColorPressed = "var(--base-color-scale-blue-7)";

package/lib/design-tokens/js/tokens/functional/components/river/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandRiverLayoutMarginVertical = "var(--base-size-48) 0";

package/lib/design-tokens/js/tokens/functional/size/border.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

package/lib/design-tokens/js/tokens/functional/size/breakpoints.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandBreakpointXsmall = "20rem";

package/lib/design-tokens/js/tokens/functional/size/size-coarse.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandControlMinTargetAuto = "2.75rem";

package/lib/design-tokens/js/tokens/functional/size/size-fine.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandControlMinTargetAuto = "1rem";

package/lib/design-tokens/js/tokens/functional/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandControlMinTargetFine = "1rem";

package/lib/design-tokens/js/tokens/functional/size/viewport.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";

package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+export const BrandHeadingLineHeight400 = "1.25rem";
+export const BrandHeadingLineHeight500 = "1.5rem";
+export const BrandHeadingLineHeight600 = "1.75rem";
+export const BrandHeadingLineHeight700 = "2rem";

package/lib/design-tokens/js/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

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

@@ -1,11 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {
   "brand": {
     "color": {
+      "accent": {
+        "fg": string,
+        "emphasis": string,
+        "muted": string,
+        "subtle": string
+      },
       "text": {
         "default": string,
         "muted": string,
@@ -28,7 +34,8 @@ declare const tokens: {
         "default": string,
         "muted": string,
         "subtle": string
-      }
+      },
+      "focus": string
     }
   }
 }

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

@@ -1,11 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {
   "brand": {
     "color": {
+      "accent": {
+        "fg": "var(--base-color-scale-pink-5)",
+        "emphasis": "var(--base-color-scale-pink-5)",
+        "muted": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
+        "subtle": "var(--base-color-scale-pink-0)"
+      },
       "text": {
         "default": "var(--base-color-scale-gray-9)",
         "muted": "var(--base-color-scale-gray-6)",
@@ -28,7 +34,8 @@ module.exports = {
         "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%)"
-      }
+      },
+      "focus": "var(--base-color-scale-blue-5)"
     }
   }
 }

package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+declare const tokens: {
+  "brand": {
+    "FAQ": {
+      "heading": {
+        "centered": {
+          "maxWidth": string
+        }
+      },
+      "maxWidth": string
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/faq/base.js ADDED Viewed

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+module.exports = {
+  "brand": {
+    "FAQ": {
+      "heading": {
+        "centered": {
+          "maxWidth": "37.5rem"
+        }
+      },
+      "maxWidth": "51rem"
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+declare const tokens: {
+  "brand": {
+    "FAQ": {
+      "heading": {
+        "color": string
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js ADDED Viewed

@@ -0,0 +1,14 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+module.exports = {
+  "brand": {
+    "FAQ": {
+      "heading": {
+        "color": "var(--brand-color-text-default)"
+      }
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+declare const tokens: {
+  "brand": {
+    "InlineLink": {
+      "color": {
+        "rest": string,
+        "pressed": string
+      }
+    }
+  }
+}
+ export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js ADDED Viewed

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
+ */
+module.exports = {
+  "brand": {
+    "InlineLink": {
+      "color": {
+        "rest": "var(--base-color-scale-blue-5)",
+        "pressed": "var(--base-color-scale-blue-7)"
+      }
+    }
+  }
+}

package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

package/lib/design-tokens/ts/tokens/functional/components/river/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
+ * Generated on Fri, 01 Jul 2022 09:59:37 GMT
  */
 declare const tokens: {