@marioschmidt/design-system-tokens 1.0.64 → 1.0.66

package/dist/js/brands/bild/typography.js

@@ -0,0 +1,1301 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Brand: bild
+
+export const typography = {
+  "xs": {
+    "display1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "40px",
+      "lineHeight": "40px",
+      "letterSpacing": "-0.5px"
+    },
+    "display2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "36px",
+      "lineHeight": "36px",
+      "letterSpacing": "-0.5px"
+    },
+    "display3": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "28px",
+      "lineHeight": "28px",
+      "letterSpacing": "-0.5px"
+    },
+    "headline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "48px",
+      "lineHeight": "48px",
+      "letterSpacing": "0px"
+    },
+    "headline2": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "40px",
+      "lineHeight": "40px",
+      "letterSpacing": "0px"
+    },
+    "headline3": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "28px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "headline4": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "subheadline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "24px",
+      "lineHeight": "24px",
+      "letterSpacing": "0px"
+    },
+    "kicker1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "18px",
+      "lineHeight": "19.8px",
+      "letterSpacing": "0px"
+    },
+    "kicker2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "18px",
+      "lineHeight": "19.8px",
+      "letterSpacing": "0px"
+    },
+    "kicker3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "17.6px"
+    },
+    "kicker4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "14px",
+      "lineHeight": "15.4px",
+      "letterSpacing": "0px"
+    },
+    "title1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title1uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "16px",
+      "lineHeight": "17.6px",
+      "letterSpacing": "0px"
+    },
+    "title2uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "16px",
+      "lineHeight": "17.6px",
+      "letterSpacing": "0px"
+    },
+    "callout": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "18px",
+      "lineHeight": "18px",
+      "letterSpacing": "0px"
+    },
+    "body": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyBoldItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLink": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBoldHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "footnote1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "15.6px",
+      "letterSpacing": "0px"
+    },
+    "footnote2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "15.6px",
+      "letterSpacing": "0px"
+    },
+    "label1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1boldResp": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "10px",
+      "lineHeight": "10px",
+      "letterSpacing": "0.25px"
+    },
+    "label1uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.5px"
+    },
+    "label2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label3bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "8px",
+      "lineHeight": "10px",
+      "letterSpacing": "0px"
+    },
+    "quote": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "16px",
+      "lineHeight": "16px",
+      "letterSpacing": "0px"
+    }
+  },
+  "sm": {
+    "display1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "40px",
+      "lineHeight": "40px",
+      "letterSpacing": "-0.5px"
+    },
+    "display2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "36px",
+      "lineHeight": "36px",
+      "letterSpacing": "-0.5px"
+    },
+    "display3": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "28px",
+      "lineHeight": "28px",
+      "letterSpacing": "-0.5px"
+    },
+    "headline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "48px",
+      "lineHeight": "48px",
+      "letterSpacing": "0px"
+    },
+    "headline2": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "40px",
+      "lineHeight": "40px",
+      "letterSpacing": "0px"
+    },
+    "headline3": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "28px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "headline4": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "subheadline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "24px",
+      "lineHeight": "24px",
+      "letterSpacing": "0px"
+    },
+    "kicker1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "18px",
+      "lineHeight": "19.8px",
+      "letterSpacing": "0px"
+    },
+    "kicker2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "18px",
+      "lineHeight": "19.8px",
+      "letterSpacing": "0px"
+    },
+    "kicker3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "17.6px"
+    },
+    "kicker4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "14px",
+      "lineHeight": "15.4px",
+      "letterSpacing": "0px"
+    },
+    "title1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title1uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "16px",
+      "lineHeight": "17.6px",
+      "letterSpacing": "0px"
+    },
+    "title2uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "16px",
+      "lineHeight": "17.6px",
+      "letterSpacing": "0px"
+    },
+    "callout": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "18px",
+      "lineHeight": "18px",
+      "letterSpacing": "0px"
+    },
+    "body": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyBoldItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLink": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBoldHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "footnote1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "15.6px",
+      "letterSpacing": "0px"
+    },
+    "footnote2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "15.6px",
+      "letterSpacing": "0px"
+    },
+    "label1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1boldResp": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "10px",
+      "lineHeight": "10px",
+      "letterSpacing": "0.25px"
+    },
+    "label1uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.5px"
+    },
+    "label2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label3bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "8px",
+      "lineHeight": "10px",
+      "letterSpacing": "0px"
+    },
+    "quote": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "16px",
+      "lineHeight": "16px",
+      "letterSpacing": "0px"
+    }
+  },
+  "md": {
+    "display1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "72px",
+      "lineHeight": "72px",
+      "letterSpacing": "-1px"
+    },
+    "display2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "42px",
+      "lineHeight": "42px",
+      "letterSpacing": "-1px"
+    },
+    "display3": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "32px",
+      "lineHeight": "32px",
+      "letterSpacing": "-1px"
+    },
+    "headline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "72px",
+      "lineHeight": "72px",
+      "letterSpacing": "0px"
+    },
+    "headline2": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "48px",
+      "lineHeight": "48px",
+      "letterSpacing": "0px"
+    },
+    "headline3": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "36px",
+      "lineHeight": "36px",
+      "letterSpacing": "0px"
+    },
+    "headline4": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "26px",
+      "lineHeight": "26px",
+      "letterSpacing": "0px"
+    },
+    "subheadline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "32px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "kicker1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "kicker2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "kicker3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "18px",
+      "lineHeight": "18px"
+    },
+    "kicker4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "17.6px",
+      "letterSpacing": "0px"
+    },
+    "title1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title1uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "18px",
+      "lineHeight": "19.8px",
+      "letterSpacing": "0px"
+    },
+    "title2uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "18px",
+      "lineHeight": "19.8px",
+      "letterSpacing": "0px"
+    },
+    "callout": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "body": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "bodyBoldItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLink": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBoldHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "footnote1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "15.8px",
+      "letterSpacing": "0px"
+    },
+    "footnote2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "15.8px",
+      "letterSpacing": "0px"
+    },
+    "label1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1boldResp": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "15px",
+      "letterSpacing": "0.25px"
+    },
+    "label1uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.5px"
+    },
+    "label2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label3bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "8px",
+      "lineHeight": "10px",
+      "letterSpacing": "0px"
+    },
+    "quote": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "18px",
+      "lineHeight": "18px",
+      "letterSpacing": "0px"
+    }
+  },
+  "lg": {
+    "display1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "120px",
+      "lineHeight": "120px",
+      "letterSpacing": "-2px"
+    },
+    "display2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "64px",
+      "lineHeight": "64px",
+      "letterSpacing": "-1px"
+    },
+    "display3": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "40px",
+      "lineHeight": "40px",
+      "letterSpacing": "-1px"
+    },
+    "headline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "100px",
+      "lineHeight": "100px",
+      "letterSpacing": "0px"
+    },
+    "headline2": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "64px",
+      "lineHeight": "64px",
+      "letterSpacing": "0px"
+    },
+    "headline3": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 900,
+      "fontSize": "40px",
+      "lineHeight": "40px",
+      "letterSpacing": "0px"
+    },
+    "headline4": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "32px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "subheadline1": {
+      "fontFamily": "Gotham Condensed",
+      "fontWeight": 700,
+      "fontSize": "36px",
+      "lineHeight": "36px",
+      "letterSpacing": "0px"
+    },
+    "kicker1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "30px",
+      "lineHeight": "30px",
+      "letterSpacing": "0px"
+    },
+    "kicker2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "24px",
+      "lineHeight": "24px",
+      "letterSpacing": "0px"
+    },
+    "kicker3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "20px",
+      "lineHeight": "20px"
+    },
+    "kicker4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "16px",
+      "letterSpacing": "0px"
+    },
+    "title1": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "28px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "title1uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "28px",
+      "lineHeight": "28px",
+      "letterSpacing": "0px"
+    },
+    "title2": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "20px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "title2uppercase": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "20px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "callout": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "22px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    },
+    "body": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "bodyItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "bodyBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "bodyBoldItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "textLink": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "textLinkItalic": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "textLinkHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "textLinkBoldHover": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "21px",
+      "lineHeight": "32px",
+      "letterSpacing": "0px"
+    },
+    "footnote1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "18px",
+      "lineHeight": "23px",
+      "letterSpacing": "0px"
+    },
+    "footnote1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "18px",
+      "lineHeight": "23px",
+      "letterSpacing": "0px"
+    },
+    "footnote2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "footnote2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "16px",
+      "lineHeight": "21px",
+      "letterSpacing": "0px"
+    },
+    "label1": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1boldResp": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.25px"
+    },
+    "label1uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "17px",
+      "lineHeight": "17px",
+      "letterSpacing": "0.5px"
+    },
+    "label2": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label2uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "15px",
+      "lineHeight": "16px",
+      "letterSpacing": "0.25px"
+    },
+    "label3": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercase": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label3bold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.25px"
+    },
+    "label3uppercaseBold": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 700,
+      "fontSize": "12px",
+      "lineHeight": "14.4px",
+      "letterSpacing": "0.5px"
+    },
+    "label4": {
+      "fontFamily": "Gotham XNarrow",
+      "fontWeight": 400,
+      "fontSize": "8px",
+      "lineHeight": "10px",
+      "letterSpacing": "0px"
+    },
+    "quote": {
+      "fontFamily": "Gotham",
+      "fontWeight": 800,
+      "fontSize": "20px",
+      "lineHeight": "22px",
+      "letterSpacing": "0px"
+    }
+  }
+};
+
+export const xs = typography.xs;
+export const sm = typography.sm;
+export const md = typography.md;
+export const lg = typography.lg;
+
+// Individual style exports
+export const display1 = typography.xs.display1;
+export const display2 = typography.xs.display2;
+export const display3 = typography.xs.display3;
+export const headline1 = typography.xs.headline1;
+export const headline2 = typography.xs.headline2;
+export const headline3 = typography.xs.headline3;
+export const headline4 = typography.xs.headline4;
+export const subheadline1 = typography.xs.subheadline1;
+export const kicker1 = typography.xs.kicker1;
+export const kicker2 = typography.xs.kicker2;
+export const kicker3 = typography.xs.kicker3;
+export const kicker4 = typography.xs.kicker4;
+export const title1 = typography.xs.title1;
+export const title1uppercase = typography.xs.title1uppercase;
+export const title2 = typography.xs.title2;
+export const title2uppercase = typography.xs.title2uppercase;
+export const callout = typography.xs.callout;
+export const body = typography.xs.body;
+export const bodyItalic = typography.xs.bodyItalic;
+export const bodyBold = typography.xs.bodyBold;
+export const bodyBoldItalic = typography.xs.bodyBoldItalic;
+export const textLink = typography.xs.textLink;
+export const textLinkItalic = typography.xs.textLinkItalic;
+export const textLinkBold = typography.xs.textLinkBold;
+export const textLinkHover = typography.xs.textLinkHover;
+export const textLinkBoldHover = typography.xs.textLinkBoldHover;
+export const footnote1 = typography.xs.footnote1;
+export const footnote1bold = typography.xs.footnote1bold;
+export const footnote2 = typography.xs.footnote2;
+export const footnote2bold = typography.xs.footnote2bold;
+export const label1 = typography.xs.label1;
+export const label1bold = typography.xs.label1bold;
+export const label1boldResp = typography.xs.label1boldResp;
+export const label1uppercaseBold = typography.xs.label1uppercaseBold;
+export const label2 = typography.xs.label2;
+export const label2uppercase = typography.xs.label2uppercase;
+export const label2bold = typography.xs.label2bold;
+export const label2uppercaseBold = typography.xs.label2uppercaseBold;
+export const label3 = typography.xs.label3;
+export const label3uppercase = typography.xs.label3uppercase;
+export const label3bold = typography.xs.label3bold;
+export const label3uppercaseBold = typography.xs.label3uppercaseBold;
+export const label4 = typography.xs.label4;
+export const quote = typography.xs.quote;