npm - @telegraph/tokens - Versions diffs - 0.0.0 - Mend

@telegraph/tokens 0.0.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 (33) hide show

package/README.md +1 -0
package/dist/dark.css +1 -0
package/dist/default.css +1 -0
package/dist/index.d.ts +789 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +25 -0
package/dist/light.css +1 -0
package/dist/semantic/color.d.ts +274 -0
package/dist/semantic/color.d.ts.map +1 -0
package/dist/semantic/color.js +128 -0
package/dist/semantic/rounded.d.ts +4 -0
package/dist/semantic/rounded.d.ts.map +1 -0
package/dist/semantic/rounded.js +7 -0
package/dist/semantic/spacing.d.ts +20 -0
package/dist/semantic/spacing.d.ts.map +1 -0
package/dist/semantic/spacing.js +23 -0
package/dist/semantic.css +1 -0
package/dist/tokens/color.d.ts +390 -0
package/dist/tokens/color.d.ts.map +1 -0
package/dist/tokens/color.js +140 -0
package/dist/tokens/font.d.ts +49 -0
package/dist/tokens/font.d.ts.map +1 -0
package/dist/tokens/font.js +52 -0
package/dist/tokens/rounded.d.ts +11 -0
package/dist/tokens/rounded.d.ts.map +1 -0
package/dist/tokens/rounded.js +13 -0
package/dist/tokens/shadow.d.ts +8 -0
package/dist/tokens/shadow.d.ts.map +1 -0
package/dist/tokens/shadow.js +10 -0
package/dist/tokens/spacing.d.ts +34 -0
package/dist/tokens/spacing.d.ts.map +1 -0
package/dist/tokens/spacing.js +36 -0
package/package.json +46 -0

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,789 @@
+export declare const tgph: {
+    tokens: {
+        color: {
+            transparent: string;
+            white: string;
+            black: string;
+            surface: {
+                light: string;
+                dark: string;
+            };
+            alpha: {
+                white: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                    7: string;
+                    8: string;
+                    9: string;
+                    10: string;
+                    11: string;
+                    12: string;
+                };
+                black: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                    7: string;
+                    8: string;
+                    9: string;
+                    10: string;
+                    11: string;
+                    12: string;
+                };
+            };
+            gray: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            beige: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            accent: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            green: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            yellow: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            blue: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            red: {
+                1: {
+                    light: string;
+                    dark: string;
+                };
+                2: {
+                    light: string;
+                    dark: string;
+                };
+                3: {
+                    light: string;
+                    dark: string;
+                };
+                4: {
+                    light: string;
+                    dark: string;
+                };
+                5: {
+                    light: string;
+                    dark: string;
+                };
+                6: {
+                    light: string;
+                    dark: string;
+                };
+                7: {
+                    light: string;
+                    dark: string;
+                };
+                8: {
+                    light: string;
+                    dark: string;
+                };
+                9: {
+                    light: string;
+                    dark: string;
+                };
+                10: {
+                    light: string;
+                    dark: string;
+                };
+                11: {
+                    light: string;
+                    dark: string;
+                };
+                12: {
+                    light: string;
+                    dark: string;
+                };
+            };
+        };
+        font: {
+            family: {
+                sans: string;
+                mono: string;
+            };
+            body: {
+                family: string;
+                size: {
+                    0: string;
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                    7: string;
+                    8: string;
+                    9: string;
+                };
+                leading: {
+                    0: string;
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                    7: string;
+                    8: string;
+                    9: string;
+                };
+                tracking: {
+                    0: string;
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                    7: string;
+                    8: string;
+                    9: string;
+                };
+            };
+            code: {
+                family: string;
+            };
+        };
+        rounded: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            full: string;
+        };
+        shadow: {
+            0: string;
+            inner: string;
+            1: string;
+            2: string;
+            3: string;
+        };
+        spacing: {
+            px: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+        };
+    };
+    semantic: {
+        color: {
+            text: {
+                primary: {
+                    black: string | undefined;
+                    white: string | undefined;
+                    gray: {
+                        light: string;
+                        dark: string;
+                    };
+                    beige: {
+                        light: string;
+                        dark: string;
+                    };
+                    accent: {
+                        light: string;
+                        dark: string;
+                    };
+                    green: {
+                        light: string;
+                        dark: string;
+                    };
+                    yellow: {
+                        light: string;
+                        dark: string;
+                    };
+                    blue: {
+                        light: string;
+                        dark: string;
+                    };
+                    red: {
+                        light: string;
+                        dark: string;
+                    };
+                    disabled: {
+                        light: string;
+                        dark: string;
+                    };
+                };
+                secondary: {
+                    black: string | undefined;
+                    white: string | undefined;
+                    gray: {
+                        light: string;
+                        dark: string;
+                    };
+                    beige: {
+                        light: string;
+                        dark: string;
+                    };
+                    accent: {
+                        light: string;
+                        dark: string;
+                    };
+                    green: {
+                        light: string;
+                        dark: string;
+                    };
+                    yellow: {
+                        light: string;
+                        dark: string;
+                    };
+                    blue: {
+                        light: string;
+                        dark: string;
+                    };
+                    red: {
+                        light: string;
+                        dark: string;
+                    };
+                    disabled: {
+                        light: string;
+                        dark: string;
+                    };
+                };
+            };
+            button: {
+                solid: {
+                    background: {
+                        accent: {
+                            default: {
+                                light: string;
+                                dark: string;
+                            };
+                            hover: {
+                                light: string;
+                                dark: string;
+                            };
+                            focus: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                        disabled: {
+                            default: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                    };
+                    text: {
+                        accent: string;
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                    stroke: {
+                        accent: string;
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                };
+                ghost: {
+                    background: {
+                        accent: {
+                            default: string;
+                            hover: {
+                                light: string;
+                                dark: string;
+                            };
+                            focus: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                        gray: {
+                            default: string;
+                            hover: {
+                                light: string;
+                                dark: string;
+                            };
+                            focus: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                        red: {
+                            default: string;
+                            hover: {
+                                light: string;
+                                dark: string;
+                            };
+                            focus: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                        disabled: {
+                            default: string;
+                        };
+                    };
+                    text: {
+                        accent: {
+                            light: string;
+                            dark: string;
+                        };
+                        gray: {
+                            light: string;
+                            dark: string;
+                        };
+                        red: {
+                            light: string;
+                            dark: string;
+                        };
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                    icon: {
+                        accent: {
+                            light: string;
+                            dark: string;
+                        };
+                        gray: {
+                            light: string;
+                            dark: string;
+                        };
+                        red: {
+                            light: string;
+                            dark: string;
+                        };
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                };
+                soft: {
+                    background: {
+                        red: {
+                            active: {
+                                light: string;
+                                dark: string;
+                            };
+                            hover: {
+                                light: string;
+                                dark: string;
+                            };
+                            focus: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                    text: {
+                        red: string;
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                    icon: {
+                        red: string;
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                };
+                outlined: {
+                    background: {
+                        gray: string;
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                    border: {
+                        gray: {
+                            active: {
+                                light: string;
+                                dark: string;
+                            };
+                            hover: {
+                                light: string;
+                                dark: string;
+                            };
+                            focus: {
+                                light: string;
+                                dark: string;
+                            };
+                        };
+                    };
+                    text: {
+                        gray: {
+                            light: string;
+                            dark: string;
+                        };
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                    icon: {
+                        gray: {
+                            light: string;
+                            dark: string;
+                        };
+                        disabled: {
+                            light: string;
+                            dark: string;
+                        };
+                    };
+                };
+            };
+        };
+        spacing: {
+            button: {
+                height: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                gap: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                padding: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+        };
+        rounded: {
+            button: string;
+        };
+    };
+};
+//# sourceMappingURL=index.d.ts.map