@atipicus/mrs-ui 0.8.0

package/dist/src/theme/tokens.d.ts

@@ -0,0 +1,864 @@
+import { default as themeTokens } from '../../theme.json';
+/**
+ * Color tokens
+ */
+export declare const colors: {
+    light: {
+        primary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+            _states: {
+                hover: string;
+                selected: string;
+                focus: string;
+                focusVisible: string;
+            };
+        };
+        secondary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        info: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        action: {
+            active: string;
+            hover: string;
+            selected: string;
+            disabled: string;
+            disabledBackground: string;
+        };
+        divider: string;
+        _components: {
+            alert: {
+                error: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+                warning: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+                info: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+                success: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+            };
+            rating: {
+                activeFill: string;
+                enabledBorder: string;
+            };
+            chip: {
+                defaultCloseFill: string;
+                defaultEnabledBorder: string;
+            };
+            input: {
+                standard: {
+                    enabledBorder: string;
+                };
+                filled: {
+                    enabledFill: string;
+                };
+                outlined: {
+                    enabledBorder: string;
+                };
+            };
+            table: {
+                border: string;
+            };
+            paper: {
+                elevation0: string;
+                elevation1: string;
+                elevation2: string;
+            };
+        };
+    };
+    dark: {
+        primary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+            _states: {
+                hover: string;
+                selected: string;
+                focus: string;
+                focusVisible: string;
+            };
+        };
+        secondary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        info: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        action: {
+            active: string;
+            hover: string;
+            selected: string;
+            disabled: string;
+            disabledBackground: string;
+        };
+        divider: string;
+        _components: {
+            alert: {
+                error: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+                warning: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+                info: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+                success: {
+                    filled: {
+                        background: string;
+                        foreground: string;
+                    };
+                    outlined: {
+                        background: string;
+                        foreground: string;
+                        border: string;
+                    };
+                    standard: {
+                        background: string;
+                        foreground: string;
+                    };
+                };
+            };
+            rating: {
+                activeFill: string;
+                enabledBorder: string;
+            };
+            chip: {
+                defaultCloseFill: string;
+                defaultEnabledBorder: string;
+            };
+            input: {
+                standard: {
+                    enabledBorder: string;
+                };
+                filled: {
+                    enabledFill: string;
+                };
+                outlined: {
+                    enabledBorder: string;
+                };
+            };
+            table: {
+                border: string;
+            };
+            paper: {
+                elevation0: string;
+                elevation1: string;
+                elevation2: string;
+            };
+        };
+    };
+};
+/**
+ * Typography tokens
+ */
+export declare const typography: {
+    fontFamily: string;
+    fontSize: number;
+    fontWeightLight: number;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemiBold: number;
+    fontWeightBold: number;
+    h1: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    h2: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    h3: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    h4: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    h5: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    h6: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    body1: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    body2: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    subtitle1: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    subtitle2: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    button: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+        textTransform: string;
+    };
+    caption: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+    };
+    overline: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+        textTransform: string;
+    };
+};
+/**
+ * Shape tokens (border radius)
+ */
+export declare const shape: {
+    borderRadius: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    rounded: number;
+};
+/**
+ * Spacing scale
+ */
+export declare const spacing: number[];
+/**
+ * Full theme tokens object
+ */
+export declare const tokens: {
+    colorSchemes: {
+        light: {
+            palette: {
+                primary: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                    _states: {
+                        hover: string;
+                        selected: string;
+                        focus: string;
+                        focusVisible: string;
+                    };
+                };
+                secondary: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                error: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                warning: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                info: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                success: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                background: {
+                    default: string;
+                    paper: string;
+                };
+                text: {
+                    primary: string;
+                    secondary: string;
+                    disabled: string;
+                };
+                action: {
+                    active: string;
+                    hover: string;
+                    selected: string;
+                    disabled: string;
+                    disabledBackground: string;
+                };
+                divider: string;
+                _components: {
+                    alert: {
+                        error: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                        warning: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                        info: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                        success: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                    };
+                    rating: {
+                        activeFill: string;
+                        enabledBorder: string;
+                    };
+                    chip: {
+                        defaultCloseFill: string;
+                        defaultEnabledBorder: string;
+                    };
+                    input: {
+                        standard: {
+                            enabledBorder: string;
+                        };
+                        filled: {
+                            enabledFill: string;
+                        };
+                        outlined: {
+                            enabledBorder: string;
+                        };
+                    };
+                    table: {
+                        border: string;
+                    };
+                    paper: {
+                        elevation0: string;
+                        elevation1: string;
+                        elevation2: string;
+                    };
+                };
+            };
+        };
+        dark: {
+            palette: {
+                primary: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                    _states: {
+                        hover: string;
+                        selected: string;
+                        focus: string;
+                        focusVisible: string;
+                    };
+                };
+                secondary: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                error: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                warning: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                info: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                success: {
+                    main: string;
+                    dark: string;
+                    light: string;
+                    contrastText: string;
+                };
+                background: {
+                    default: string;
+                    paper: string;
+                };
+                text: {
+                    primary: string;
+                    secondary: string;
+                    disabled: string;
+                };
+                action: {
+                    active: string;
+                    hover: string;
+                    selected: string;
+                    disabled: string;
+                    disabledBackground: string;
+                };
+                divider: string;
+                _components: {
+                    alert: {
+                        error: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                        warning: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                        info: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                        success: {
+                            filled: {
+                                background: string;
+                                foreground: string;
+                            };
+                            outlined: {
+                                background: string;
+                                foreground: string;
+                                border: string;
+                            };
+                            standard: {
+                                background: string;
+                                foreground: string;
+                            };
+                        };
+                    };
+                    rating: {
+                        activeFill: string;
+                        enabledBorder: string;
+                    };
+                    chip: {
+                        defaultCloseFill: string;
+                        defaultEnabledBorder: string;
+                    };
+                    input: {
+                        standard: {
+                            enabledBorder: string;
+                        };
+                        filled: {
+                            enabledFill: string;
+                        };
+                        outlined: {
+                            enabledBorder: string;
+                        };
+                    };
+                    table: {
+                        border: string;
+                    };
+                    paper: {
+                        elevation0: string;
+                        elevation1: string;
+                        elevation2: string;
+                    };
+                };
+            };
+        };
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightSemiBold: number;
+        fontWeightBold: number;
+        h1: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h2: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h3: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h4: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h5: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h6: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        body1: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        body2: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        subtitle1: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        subtitle2: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        button: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+            textTransform: string;
+        };
+        caption: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        overline: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    shape: {
+        borderRadius: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        rounded: number;
+    };
+    spacing: number[];
+};
+/**
+ * Type definitions for tokens
+ */
+export type ColorScheme = typeof themeTokens.colorSchemes.light;
+export type TypographyScale = typeof themeTokens.typography;
+export type ShapeTokens = typeof themeTokens.shape;
+export type SpacingScale = typeof themeTokens.spacing;
+//# sourceMappingURL=tokens.d.ts.map