npm - @primer/react-brand - Versions diffs - 0.40.1-rc.f95657eb → 0.40.1 - Mend

@primer/react-brand 0.40.1-rc.f95657eb → 0.40.1

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 (323) hide show

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

@@ -1,113 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 module.exports = {
-  "brand": {
-    "viewportRange": {
-      "narrow-viewport": {
-        "value": "(max-width: calc(48rem - 0.02px))",
-        "$type": "custom-viewportRange",
-        "filePath": "tokens/functional/size/viewport.json",
-        "isSource": true,
-        "original": {
-          "value": "(max-width: calc({brand.breakpoint.medium} - 0.02px))",
-          "$type": "custom-viewportRange"
-        },
-        "name": "narrow-viewport",
-        "attributes": {},
-        "path": [
-          "brand",
-          "viewportRange",
-          "narrow-viewport"
-        ]
-      },
-      "narrowLandscape-viewport": {
-        "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
-        "$type": "custom-viewportRange",
-        "filePath": "tokens/functional/size/viewport.json",
-        "isSource": true,
-        "original": {
-          "value": "(max-width: calc({brand.breakpoint.large} - 0.02px) and (max-height: calc({brand.breakpoint.small} - 0.02px)) and (orientation: landscape))",
-          "$type": "custom-viewportRange"
-        },
-        "name": "narrowLandscape-viewport",
-        "attributes": {},
-        "path": [
-          "brand",
-          "viewportRange",
-          "narrowLandscape-viewport"
-        ]
-      },
-      "regular-viewport": {
-        "value": "(min-width: 48rem)",
-        "$type": "custom-viewportRange",
-        "filePath": "tokens/functional/size/viewport.json",
-        "isSource": true,
-        "original": {
-          "value": "(min-width: {brand.breakpoint.medium})",
-          "$type": "custom-viewportRange"
-        },
-        "name": "regular-viewport",
-        "attributes": {},
-        "path": [
-          "brand",
-          "viewportRange",
-          "regular-viewport"
-        ]
-      },
-      "wide-viewport": {
-        "value": "(min-width: 87.5rem)",
-        "$type": "custom-viewportRange",
-        "filePath": "tokens/functional/size/viewport.json",
-        "isSource": true,
-        "original": {
-          "value": "(min-width: {brand.breakpoint.xxlarge})",
-          "$type": "custom-viewportRange"
-        },
-        "name": "wide-viewport",
-        "attributes": {},
-        "path": [
-          "brand",
-          "viewportRange",
-          "wide-viewport"
-        ]
-      },
-      "portrait-viewport": {
-        "value": "(orientation: portrait)",
-        "$type": "custom-viewportRange",
-        "filePath": "tokens/functional/size/viewport.json",
-        "isSource": true,
-        "original": {
-          "value": "(orientation: portrait)",
-          "$type": "custom-viewportRange"
-        },
-        "name": "portrait-viewport",
-        "attributes": {},
-        "path": [
-          "brand",
-          "viewportRange",
-          "portrait-viewport"
-        ]
-      },
-      "landscape-viewport": {
-        "value": "(orientation: landscape)",
-        "$type": "custom-viewportRange",
-        "filePath": "tokens/functional/size/viewport.json",
-        "isSource": true,
-        "original": {
-          "value": "(orientation: landscape)",
-          "$type": "custom-viewportRange"
-        },
-        "name": "landscape-viewport",
-        "attributes": {},
-        "path": [
-          "brand",
-          "viewportRange",
-          "landscape-viewport"
-        ]
-      }
-    }
-  }
+  brand: {
+    viewportRange: {
+      "narrow-viewport": "(max-width: calc(48rem - 0.02px))",
+      "narrowLandscape-viewport": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
+      "regular-viewport": "(min-width: 48rem)",
+      "wide-viewport": "(min-width: 87.5rem)",
+      "portrait-viewport": "(orientation: portrait)",
+      "landscape-viewport": "(orientation: landscape)",
+    },
+  },
 };

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

@@ -1,529 +1,55 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 module.exports = {
-  "brand": {
-    "body": {
-      "fontFamilyAlt": {
-        "value": "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-        "filePath": "tokens/functional/typography/typography-responsive.json",
-        "isSource": true,
-        "original": {
-          "value": "{brand.fontStack.sansSerifAlt}"
-        },
-        "name": "fontFamilyAlt",
-        "attributes": {},
-        "path": [
-          "brand",
-          "body",
-          "fontFamilyAlt"
-        ]
-      }
+  brand: {
+    body: {
+      fontFamilyAlt: "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     },
-    "heading": {
-      "fontFamilyAlt": {
-        "value": "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-        "filePath": "tokens/functional/typography/typography-responsive.json",
-        "isSource": true,
-        "original": {
-          "value": "{brand.fontStack.sansSerifAlt}"
-        },
-        "name": "fontFamilyAlt",
-        "attributes": {},
-        "path": [
-          "brand",
-          "heading",
-          "fontFamilyAlt"
-        ]
+    heading: {
+      fontFamilyAlt: "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      weight: {
+        "800": "var(--base-text-weight-semibold)",
+        "900": "var(--base-text-weight-semibold)",
+        "1000": "var(--base-text-weight-bold)",
       },
-      "weight": {
-        "800": {
-          "value": "var(--base-text-weight-semibold)",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-text-weight-semibold)"
-          },
-          "name": "800",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "weight",
-            "800"
-          ]
-        },
-        "900": {
-          "value": "var(--base-text-weight-semibold)",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-text-weight-semibold)"
-          },
-          "name": "900",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "weight",
-            "900"
-          ]
-        },
-        "1000": {
-          "value": "var(--base-text-weight-bold)",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-text-weight-bold)"
-          },
-          "name": "1000",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "weight",
-            "1000"
-          ]
-        }
+      letterSpacing: {
+        "800": "-0.02em",
+        "900": "-0.02em",
+        "1000": "-0.03em",
       },
-      "letterSpacing": {
-        "800": {
-          "value": "-0.02em",
-          "responsive": {
-            "1012px": {
-              "value": "-0.03em",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "-0.02em",
-            "responsive": {
-              "1012px": {
-                "value": "-0.03em",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "800",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "letterSpacing",
-            "800"
-          ]
-        },
-        "900": {
-          "value": "-0.02em",
-          "responsive": {
-            "768px": {
-              "value": "-0.03em",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "-0.02em",
-            "responsive": {
-              "768px": {
-                "value": "-0.03em",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "900",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "letterSpacing",
-            "900"
-          ]
-        },
-        "1000": {
-          "value": "-0.03em",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "-0.03em"
-          },
-          "name": "1000",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "letterSpacing",
-            "1000"
-          ]
-        }
+      lineHeight: {
+        "400": "1.3",
+        "500": "1.3",
+        "600": "1.3",
+        "700": "1.2",
+        "800": "1.2",
+        "900": "1.1",
+        "1000": "1.1",
       },
-      "lineHeight": {
-        "400": {
-          "value": "1.3",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.3"
-          },
-          "name": "400",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "400"
-          ]
-        },
-        "500": {
-          "value": "1.3",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.3"
-          },
-          "name": "500",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "500"
-          ]
-        },
-        "600": {
-          "value": "1.3",
-          "responsive": {
-            "1012px": {
-              "value": "1.2",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.3",
-            "responsive": {
-              "1012px": {
-                "value": "1.2",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "600",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "600"
-          ]
-        },
-        "700": {
-          "value": "1.2",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.2"
-          },
-          "name": "700",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "700"
-          ]
-        },
-        "800": {
-          "value": "1.2",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.2"
-          },
-          "name": "800",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "800"
-          ]
-        },
-        "900": {
-          "value": "1.1",
-          "responsive": {
-            "768px": {
-              "value": "1.05",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            },
-            "1012px": {
-              "value": "1",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.1",
-            "responsive": {
-              "768px": {
-                "value": "1.05",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              },
-              "1012px": {
-                "value": "1",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "900",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "900"
-          ]
-        },
-        "1000": {
-          "value": "1.1",
-          "responsive": {
-            "768px": {
-              "value": "1.05",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            },
-            "1012px": {
-              "value": "1",
-              "filePath": "tokens/functional/typography/typography-responsive.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "1.1",
-            "responsive": {
-              "768px": {
-                "value": "1.05",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              },
-              "1012px": {
-                "value": "1",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "1000",
-          "attributes": {},
-          "path": [
-            "brand",
-            "heading",
-            "lineHeight",
-            "1000"
-          ]
-        }
-      }
     },
-    "text": {
-      "subhead": {
-        "size": {
-          "medium": {
-            "value": "1rem",
-            "$type": "dimension",
-            "filePath": "tokens/functional/typography/typography-responsive.json",
-            "isSource": true,
-            "original": {
-              "value": "16px",
-              "$type": "dimension"
-            },
-            "name": "medium",
-            "attributes": {},
-            "path": [
-              "brand",
-              "text",
-              "subhead",
-              "size",
-              "medium"
-            ]
-          },
-          "large": {
-            "value": "1.125rem",
-            "$type": "dimension",
-            "responsive": {
-              "1012px": {
-                "value": "20px",
-                "$type": "dimension",
-                "filePath": "tokens/functional/typography/typography-responsive.json",
-                "isSource": true
-              }
-            },
-            "filePath": "tokens/functional/typography/typography-responsive.json",
-            "isSource": true,
-            "original": {
-              "value": "18px",
-              "$type": "dimension",
-              "responsive": {
-                "1012px": {
-                  "value": "20px",
-                  "$type": "dimension",
-                  "filePath": "tokens/functional/typography/typography-responsive.json",
-                  "isSource": true
-                }
-              }
-            },
-            "name": "large",
-            "attributes": {},
-            "path": [
-              "brand",
-              "text",
-              "subhead",
-              "size",
-              "large"
-            ]
-          }
-        },
-        "weight": {
-          "medium": {
-            "value": "var(--base-text-weight-semibold)",
-            "filePath": "tokens/functional/typography/typography-responsive.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-text-weight-semibold)"
-            },
-            "name": "medium",
-            "attributes": {},
-            "path": [
-              "brand",
-              "text",
-              "subhead",
-              "weight",
-              "medium"
-            ]
-          },
-          "large": {
-            "value": "var(--base-text-weight-semibold)",
-            "filePath": "tokens/functional/typography/typography-responsive.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-text-weight-semibold)"
-            },
-            "name": "large",
-            "attributes": {},
-            "path": [
-              "brand",
-              "text",
-              "subhead",
-              "weight",
-              "large"
-            ]
-          }
+    text: {
+      subhead: {
+        size: {
+          medium: "1rem",
+          large: "1.125rem",
         },
-        "lineHeight": {
-          "medium": {
-            "value": "1.3",
-            "filePath": "tokens/functional/typography/typography-responsive.json",
-            "isSource": true,
-            "original": {
-              "value": "1.3"
-            },
-            "name": "medium",
-            "attributes": {},
-            "path": [
-              "brand",
-              "text",
-              "subhead",
-              "lineHeight",
-              "medium"
-            ]
-          },
-          "large": {
-            "value": "1.3",
-            "filePath": "tokens/functional/typography/typography-responsive.json",
-            "isSource": true,
-            "original": {
-              "value": "1.3"
-            },
-            "name": "large",
-            "attributes": {},
-            "path": [
-              "brand",
-              "text",
-              "subhead",
-              "lineHeight",
-              "large"
-            ]
-          }
-        }
-      },
-      "letterSpacing": {
-        "100": {
-          "value": "0.02em",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "0.02em"
-          },
-          "name": "100",
-          "attributes": {},
-          "path": [
-            "brand",
-            "text",
-            "letterSpacing",
-            "100"
-          ]
+        weight: {
+          medium: "var(--base-text-weight-semibold)",
+          large: "var(--base-text-weight-semibold)",
         },
-        "200": {
-          "value": "0em",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "0em"
-          },
-          "name": "200",
-          "attributes": {},
-          "path": [
-            "brand",
-            "text",
-            "letterSpacing",
-            "200"
-          ]
+        lineHeight: {
+          medium: "1.3",
+          large: "1.3",
         },
-        "300": {
-          "value": "0em",
-          "filePath": "tokens/functional/typography/typography-responsive.json",
-          "isSource": true,
-          "original": {
-            "value": "0em"
-          },
-          "name": "300",
-          "attributes": {},
-          "path": [
-            "brand",
-            "text",
-            "letterSpacing",
-            "300"
-          ]
-        }
-      }
-    }
-  }
+      },
+      letterSpacing: {
+        "100": "0.02em",
+        "200": "0em",
+        "300": "0em",
+      },
+    },
+  },
 };