@autonomys/design-tokens 1.4.18

package/dist/index.d.ts

@@ -0,0 +1,452 @@
+/**
+ * Auto Design Tokens
+ *
+ * This is the main entry point for the design tokens library.
+ * It exports all the tokens from the tokens directory.
+ */
+import colors from './tokens/colors';
+import typography from './tokens/typography';
+import spacing from './tokens/spacing';
+import shadows from './tokens/shadows';
+export { colors, typography, spacing, shadows };
+declare const _default: {
+    colors: {
+        colors: {
+            primary: string;
+            primaryHover: string;
+            accent: string;
+            lighterAccent: string;
+            background: string;
+            foreground: string;
+            backgroundLight: string;
+            backgroundDark: string;
+            backgroundDarker: string;
+            backgroundDarkest: string;
+            lightDanger: string;
+            grayButton: string;
+            lightGray: string;
+            whiteOpaque: string;
+            darkWhite: string;
+            darkWhiteHover: string;
+            darkBlack: string;
+            darkBlackHover: string;
+            darkPrimary: string;
+            darkPrimaryHover: string;
+            darkAccent: string;
+            darkAccentHover: string;
+            white: string;
+            black: string;
+            gray: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            success: string;
+            error: string;
+            warning: string;
+            info: string;
+        };
+        semanticColors: {
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textDisabled: string;
+            textInverse: string;
+            textError: string;
+            textSuccess: string;
+            textWarning: string;
+            textInfo: string;
+            textAccent: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            backgroundTertiary: string;
+            backgroundError: string;
+            backgroundSuccess: string;
+            backgroundWarning: string;
+            backgroundInfo: string;
+            backgroundAccent: string;
+            borderPrimary: string;
+            borderSecondary: string;
+            borderFocus: string;
+            borderError: string;
+            buttonPrimary: string;
+            buttonPrimaryHover: string;
+            buttonSecondary: string;
+            buttonSecondaryHover: string;
+            buttonAccent: string;
+            buttonAccentHover: string;
+            buttonDanger: string;
+            buttonDangerHover: string;
+            buttonDisabled: string;
+        };
+        darkSemanticColors: {
+            textPrimary: string;
+            textSecondary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            buttonPrimary: string;
+            buttonPrimaryHover: string;
+            buttonAccent: string;
+            buttonAccentHover: string;
+        };
+        explorerColors: {
+            grayDark: string;
+            grayDarker: string;
+            grayLight: string;
+            gradientFrom: string;
+            gradientVia: string;
+            gradientTo: string;
+            gradientToSecondary: string;
+            white: string;
+            whiteTransparent: string;
+            whiteOpaque: string;
+            pastelPurple: string;
+            pastelBlue: string;
+            pastelPink: string;
+            pastelGreen: string;
+            greenBright: string;
+            primaryAccent: string;
+            blueAccent: string;
+            blueDarkAccent: string;
+            blueLight: string;
+            blueShade: string;
+            blueUndertone: string;
+            backgroundLight: string;
+            backgroundDark: string;
+            backgroundDarker: string;
+            backgroundDarkest: string;
+            boxLight: string;
+            boxDark: string;
+            buttonLightFrom: string;
+            buttonLightTo: string;
+            buttonDarkFrom: string;
+            buttonDarkTo: string;
+            headerLight: string;
+            headerDark: string;
+            footerLight: string;
+            footerDark: string;
+        };
+        gradients: {
+            background: {
+                dark: string;
+                light: string;
+            };
+            button: {
+                light: string;
+                dark: string;
+                hover: {
+                    light: string;
+                    dark: string;
+                };
+            };
+            card: {
+                primary: string;
+                secondary: string;
+            };
+            headerOverlay: {
+                light: string;
+                dark: string;
+            };
+            accent: {
+                blue: string;
+                purple: string;
+                green: string;
+            };
+        };
+    };
+    typography: {
+        fontFamilies: {
+            sans: string;
+            mono: string;
+            display: string;
+            body: string;
+        };
+        fontSizes: {
+            xs: string;
+            sm: string;
+            base: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            "3xl": string;
+            "4xl": string;
+            "5xl": string;
+            title1: string;
+            title2: string;
+            title3: string;
+            bodyLg: string;
+            bodyMd: string;
+            bodySm: string;
+            buttonLg: string;
+            buttonMd: string;
+            preTitle: string;
+            detail: string;
+        };
+        fontWeights: {
+            extralight: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+        };
+        lineHeights: {
+            none: number;
+            tight: number;
+            snug: number;
+            normal: number;
+            relaxed: number;
+            loose: number;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        textStyles: {
+            h1: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            h2: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            h3: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            h4: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            bodyLarge: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            bodyDefault: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            bodySmall: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            bodyXSmall: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            buttonLarge: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+                textTransform: string;
+            };
+            buttonDefault: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+                textTransform: string;
+            };
+            buttonSmall: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+                textTransform: string;
+            };
+            label: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            caption: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            code: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            title1: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            title2: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            title3: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+        };
+    };
+    spacing: {
+        baseSpacing: number;
+        spacing: {
+            '0': string;
+            '1': string;
+            '2': string;
+            '3': string;
+            '4': string;
+            '5': string;
+            '6': string;
+            '8': string;
+            '10': string;
+            '12': string;
+            '16': string;
+            '20': string;
+            '24': string;
+            '32': string;
+            '40': string;
+            '48': string;
+            '56': string;
+            '64': string;
+        };
+        semanticSpacing: {
+            componentXS: string;
+            componentSM: string;
+            componentMD: string;
+            componentLG: string;
+            componentXL: string;
+            layoutXS: string;
+            layoutSM: string;
+            layoutMD: string;
+            layoutLG: string;
+            layoutXL: string;
+            layout2XL: string;
+            insetXS: string;
+            insetSM: string;
+            insetMD: string;
+            insetLG: string;
+            insetXL: string;
+            stackXS: string;
+            stackSM: string;
+            stackMD: string;
+            stackLG: string;
+            stackXL: string;
+            inlineXS: string;
+            inlineSM: string;
+            inlineMD: string;
+            inlineLG: string;
+            inlineXL: string;
+        };
+        breakpoints: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        containerWidths: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        borderRadius: {
+            none: string;
+            sm: string;
+            DEFAULT: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            full: string;
+        };
+    };
+    shadows: {
+        shadows: {
+            sm: string;
+            DEFAULT: string;
+            md: string;
+            lg: string;
+            xl: string;
+            "2xl": string;
+            inner: string;
+            none: string;
+            darkSm: string;
+            darkDefault: string;
+            darkMd: string;
+            darkLg: string;
+            darkXl: string;
+            dark2xl: string;
+        };
+        componentShadows: {
+            button: string;
+            card: string;
+            modal: string;
+            dropdown: string;
+            header: string;
+            tooltip: string;
+            buttonDark: string;
+            cardDark: string;
+            modalDark: string;
+            dropdownDark: string;
+            headerDark: string;
+            tooltipDark: string;
+        };
+    };
+};
+export default _default;