@lightsparkdev/ui 0.0.0

package/dist/styles/fonts/typographyTokens.d.ts

@@ -0,0 +1,723 @@
+interface FontFamilies {
+    main: string;
+    code: string;
+}
+interface Token {
+    "font-family": string;
+    "font-weight": string;
+    "line-height": string;
+    "font-size": string;
+    "letter-spacing": string;
+    "paragraph-spacing": string;
+    "paragraph-indent": string;
+    "text-case": string;
+    "text-decoration": string;
+}
+declare enum TokenSize {
+    Large = "Large",
+    Medium = "Medium",
+    Small = "Small"
+}
+declare enum App {
+    Lightspark = "Lightspark",
+    UmaDocs = "UmaDocs"
+}
+declare const getTypography: (customFontFamilies?: FontFamilies) => {
+    fontFamilies: {
+        main: string;
+        code: string;
+    };
+    lineHeights: {
+        "5xl": string;
+        "4xl": string;
+        "3xl": string;
+        "2xl": string;
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        "2xs": string;
+    };
+    fontWeights: {
+        main: {
+            Bold: number;
+            SemiBold: number;
+            Medium: number;
+        };
+        code: {
+            Bold: number;
+            Regular: number;
+        };
+    };
+    fontSize: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+    };
+    letterSpacing: {
+        tight: string;
+        normal: string;
+        loose: string;
+    };
+    textCase: {
+        none: string;
+        uppercase: string;
+    };
+    textDecoration: {
+        none: string;
+    };
+    paragraphIndent: {
+        0: string;
+    };
+    paragraphSpacing: {
+        default: string;
+        16: string;
+        40: string;
+    };
+    Lightspark: {
+        Display: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Headline: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Title: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Body: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Label: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        "Label Strong": {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Overline: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Code: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        "Code Strong": {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+    };
+    UmaDocs: {
+        Display: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Headline: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Title: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Body: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Label: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        "Label Strong": {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Overline: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        Code: {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+        "Code Strong": {
+            Large: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Medium: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+            Small: {
+                "font-family": string;
+                "font-weight": string;
+                "line-height": string;
+                "font-size": string;
+                "letter-spacing": string;
+                "paragraph-spacing": string;
+                "paragraph-indent": string;
+                "text-case": string;
+                "text-decoration": string;
+            };
+        };
+    };
+};
+declare const getTypographyString: (token: Token) => string;
+
+export { App, FontFamilies, TokenSize, getTypography, getTypographyString };